marg51

import React, {Component} from 'react';

import {promiseable, renderWhenLoaded} from "./promise"

export default class View extends Component {
  constructor() {
    super()
    this.state = {
      data: {a: 1}
    }

marg51

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/.DS_Store": true,
        "src/**/*.jsx": true
    }
}

marg51

import Inferno from 'inferno';
import Component from 'inferno-component';
import './App.css';

import Repeater from "./Repeater"
import DisplayProps from "./DisplayProps"

class App extends Component {
  constructor(props) {
    super(props)

marg51

require("colors")

exports.createLogger = (type) => ({
    log: (...args) => console.log(`[${type}]`.gray, ...args),
    warn: (...args) => console.log(`[${type}]`.cyan, ...args),
    error: (...args) => console.log(`[${type}]`.red, ...args),
    success: (...args) => console.log(`[${type}]`.green, ...args)
})

marg51

function compose(composeFn, param) {
  if(typeof composeFn != "function") 
    return {}
  
  return composeFn(param)
}

function connectProps(store, mapStateToProps, mapDispatchToProps) {
  return {
    ...compose(mapStateToProps, store.getState()),

marg51

import TodoList from "./todo-list"

function connect(mapStateToProps, mapDispatchToProps) {

  return (Target) => {
    class Connected extends Component {
      render() {
        // we pass the props down
        return (<Target {...this.props} />)
      }

marg51

function connect(mapStateToProps, mapDispatchToProps) {

  return (Target) => {
    // we need to return a class
    class Connected extends Component {
      render() {
        return <Target />
      }
    }

marg51

function connect(mapStateToProps, mapDispatchToProps) {
  
  // Target is a component, TodoList in our example
  return Target => {
    // do something with it
  }
}

marg51

// example from http://redux.js.org/docs/basics/UsageWithReact.html 
// annotated and simplified for this Medium story

import { connect } from 'react-redux'
import TodoList from "./todo-list"

const mapStateToProps = (state) => {
  return {
    todos: state.todos // bound to `this.props.todos`
  }

marg51

class App extends Component {
  componentDidMount() {
      this.refs.nav.navigator.navigationContext.addListener("willfocus", () => {
        // do something smart, ie. close all modals, update your redux state, whatever
      })
  }
  render() {
    return (
      <View style={styles.container}>
        <NavigatorIOS