emilong

import React, { Component } from 'react'
import { SubWidgetLink } from './routes'

export default class MyComponentWithALink extends Component {
  render() {
    const { widget } = this.props

    return (
      <div>
        ...

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:

thevangelist

import React from 'react';
import { shallow } from 'enzyme';
import MyComponent from '../src/my-component';

const wrapper = shallow(<MyComponent/>);

describe('(Component) MyComponent', () => {
  it('renders without exploding', () => {
    expect(wrapper).to.have.length(1);
  });

tomkis

import { select, put, take } from 'redux-saga/effects';

function* emptySaga() {}

export function* withConfirmation(text, onConfirm, onCancel = emptySaga) {
  yield put({ type: 'ShowConfirmationDialog', payload: text });

  const { type } = yield take([
    'ConfirmationDialogConfirmed',
    'ConfirmationDialogCanceled'

developit

import { h, Component } from 'preact';
import Markup from 'preact-markup';
import register from './preact-custom-element';

// just a proxy component: WC -> Preact -> WC
const A = () => <x-b foo="initial foo from <x-a>" />;

// stateful component that can re-render
class B extends Component {
  render(props, state) {

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,

deltaepsilon

var Rx = require('rxjs');
var firebase = require('firebase');
firebase.initializeApp({
  "databaseURL": "https://quiver-two.firebaseio.com",
  "serviceAccount": "./service-account.json"
});

var ref = firebase.database().ref('rxjs-demo');
Rx.Observable.fromPromise(ref.remove())
  .map(function () {

MicheleBertoli

import React, { PropTypes } from 'react'

const Describe = ({ title, children }) => (
  <div>
    <h1>{title}</h1>
    <ul>{children}</ul>
  </div>
)

Describe.propTypes = {

mjackson

// Here is a function that I use all the time when creating public
// async APIs in JavaScript:
const resolvePromise = (promise, callback) => {
  if (callback)
    promise.then(value => callback(null, value), callback)

  return promise
}

// Sometimes I like to use callbacks, but other times a promise is

Arinerron

android.permission.ACCESS_ALL_DOWNLOADS
android.permission.ACCESS_BLUETOOTH_SHARE
android.permission.ACCESS_CACHE_FILESYSTEM
android.permission.ACCESS_CHECKIN_PROPERTIES
android.permission.ACCESS_CONTENT_PROVIDERS_EXTERNALLY
android.permission.ACCESS_DOWNLOAD_MANAGER
android.permission.ACCESS_DOWNLOAD_MANAGER_ADVANCED
android.permission.ACCESS_DRM_CERTIFICATES
android.permission.ACCESS_EPHEMERAL_APPS
android.permission.ACCESS_FM_RADIO