Jakub Šoltés jake-daniels

jake-daniels / init-redux-full.jsx

Last active November 2, 2019 15:25

	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 / actionMap.jsx

Created February 19, 2019 09:28

	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 / initRedux.jsx

Last active February 19, 2019 08:58

	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 / Table.jsx

Last active May 4, 2018 15:01

Table component with nested components.

	class Table extends React.Component {

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

	Body = () => {

jake-daniels / Table.jsx

Last active May 4, 2018 15:00

Table component with single render method.

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

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

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