jake-daniels

function initRedux(reducer, initialState) {
    const StateContext = React.createContext(null)
    const DispatchContext = React.createContext(null)

    function Provider(props) {
        const [appState, dispatch] = React.useReducer(reducer, initialState)
        return (
            <StateContext.Provider value={appState}>
                <DispatchContext.Provider value={dispatch}>
                    {props.children}

jake-daniels

const actions = Object.keys(actionMap).reduce((acc, key) => {
    const actionCreator = actionMap[key]
    const fn = (...args) => {
        const action = actionCreator(...args)
        dispatch(action)
    }
    return { ...acc, [key]: fn }
}, {})

jake-daniels

function initRedux(reducer, initialState) {
    const StateContext = React.createContext(null)
    const DispatchContext = React.createContext(null)

    function Provider(props) {
        const [appState, dispatch] = React.useReducer(reducer, initialState)
        return (
            <StateContext.Provider value={appState}>
                <DispatchContext.Provider value={dispatch}>
                    {props.children}

jake-daniels

class Table extends React.Component {

    Head = () => {
        return (
            <div className='head'>
            </div>
        )
    }

    Body = () => {

jake-daniels

class Table extends React.Component {
    render () {
        return (
            <div className='table'>

                <div className='head'>
                </div>

                <div className='body'>
                    {this.props.items.map((item, index) => (