JimmyLv

import React from 'react';
import ReactDOM from 'react-dom';

import { AppContainer } from 'react-hot-loader';
// AppContainer is a necessary wrapper component for HMR

import App from './components/App';

const render = (Component) => {
  ReactDOM.render(

JimmyLv

import Radium, { StyleRoot } from 'radium';
import breakpoints from '../../../styles/breakpoints';

const styles = {
  header: {
    fontSize: '1.5em',
    display: 'inline',
    [`@media screen and (min-width: ${breakpoints.screenMedium})`]: {
      paddingTop: '2%';
    },

JimmyLv

import React, { Component } from 'react';
import userStorage from '../shared/storage/user';
import history from '../history';

const connectAuthCheck = doCheckFn => (Comp) => {
  class AuthedComonent extends Component {
    state = {
      authed: false,
    };

JimmyLv

Ideas

• Monorepos - Trunk Based Development
• monorepo 新浪潮 | introduce lerna · Issue #3 · pigcan/blog
• 谷歌的代码管理 - 阮一峰的网络日志

Example

• babel/monorepo.md at master · babel/babel
• create-react-app/CONTRIBUTING.md at master · facebookincubator/create-react-app

JimmyLv

import {connect} from "react-redux";
import {action1, action2} from "myActions";


const MyComponent = (props) => (
    <div>
        <button onClick={props.action1}>Do first action</button>
        <button onClick={props.action2}>Do second action</button>
    </div>
)

JimmyLv

• State properties without reducers. · Issue #1457 · reactjs/redux
• Add a "Structuring Reducers" recipe · Issue #1784 · reactjs/redux

JimmyLv

添加新东西 

JimmyLv

import { React, ReactDOM } from "https://unpkg.com/es-react@16"
import htm from "https://unpkg.com/htm?module"

const html = htm.bind(React.createElement)

JimmyLv

function App() {

  const [todos, setTodos] = useState([
    { id: 1, title: "Selectus aut autem", completed: false },
    { id: 2, title: "Luis ut nam facilis et officia qui", completed: false },
    { id: 3, title: "Fugiat veniam minus", completed: false },
    { id: 4, title: "Aet porro tempora", completed: true },
    { id: 5, title: "Laboriosam mollitia et enim quasi", completed: false }
  ]);

JimmyLv

const [value, setValue] = useState(0)