pilwon

Usage

1. npm install babel-loader imports-loader webpack --save
2. Create webpack.config.js
3. Move index.ios.js to src/index.ios.jsx
4. webpack --watch

Example

src/index.ios.jsx

KyleAMathews

Design systems and atomic design

• http://bradfrost.com/blog/post/atomic-web-design/
• https://24ways.org/2012/design-systems/

CSS-in-JS libraries

• https://github.com/KyleAMathews/typography.js
• https://github.com/threepointone/glamor
• https://github.com/styled-components/styled-components

EmielM

import fs from 'fs';
import path from 'path';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import nodeResolve from 'rollup-plugin-node-resolve';
import typescript from 'rollup-plugin-typescript';
import replace from 'rollup-plugin-replace';

function findVersion(file, extensions) {
    for (let e of extensions) {

benatkin

// Place user-specific overrides in this file, to ensure they're preserved
// when upgrading
{
  "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"]
}

DimitryDushkin

import { browserHistory } from 'react-router';

/**
 * @param {Object} query
 */
export const addQuery = (query) => {
    const location = Object.assign({}, browserHistory.getCurrentLocation());
    Object.assign(location.query, query);
    browserHistory.push(location);
};

bmaeser

lines with $ are commands

### install mkvtoolnix:

$ brew install mkvtoolnix

### list content of the mkv-file:
$ mkvmerge -i mymoviefile.mkv

### what will give you:

corpix

(function(Backbone, _) {
  var leave;

  _.extend(Backbone.Router.prototype, Backbone.Events, {
    route : function(route, name, callback) {
      var before
        , fn = callback
        , after;

      Backbone.history || (Backbone.history = new Backbone.History);

mohsen1

function Event(name){
  this.name = name;
  this.callbacks = [];
}
Event.prototype.registerCallback = function(callback){
  this.callbacks.push(callback);
}
 
function Reactor(){
  this.events = {};

ericelliott

// Action creators can be impure.
export const addChat = ({
  // cuid is safer than random uuids/v4 GUIDs
  // see usecuid.org
  id = cuid(),
  msg = '',
  user = 'Anonymous',
  timeStamp = Date.now()
} = {}) => ({
  type: ADD_CHAT,

abhiaiyer91

Redux Selector Pattern

Imagine we have a reducer to control a list of items:

function listOfItems(state: Array<Object> = [], action: Object = {}): Array<Object> {
  switch(action.type) {
    case 'SHOW_ALL_ITEMS':
      return action.data.items
    default: