jpgorman

jpgorman / lazyModule.js

Last active September 28, 2018 09:35

	export class LazyLoadModule extends React.component {
	...
	async componentDidMount() {
	...
	const { resolve } = this.props;
	const { default: module } = await resolve();
	const { name, reducers } = module;
	const { store } = this.context;
	if (name && store && reducers)
	store.registerDynamicModule({ name, reducers });

jpgorman / module.js

Created September 20, 2018 11:40

jpgorman / lazyModule.js

Created September 20, 2018 11:40

	export class LazyLoadModule extends React.component {
	...
	async componentDidMount() {
	...
	const {store} = this.context
	}
	}

	LazyLoadModule.contextTypes = {
	store: PropTypes.object,

jpgorman / app.js

Created September 20, 2018 11:39

	import createStore from './store'

	const rootReducer = {
	foo: fooReducer
	}

	const store = createStore(rootReducer)

	const App = () => (
	<Provider store={store}>

jpgorman / createStore.js

Last active September 20, 2018 14:48

	// store.js
	import * as redux form 'redux'

	const { createStore, combineReducers } = redux

	// export our createStore function
	export default reducerMap => {

	const injectAsyncReducers = (store, name, reducers) => {
	// add our new reducers under the name we provide

jpgorman / module.js

Last active September 20, 2018 11:36

	// my-module.js
	import * as React from 'react'
	import {connect} from 'react-redux'

	const mapStateToProps = (state) => ({
	foo: state['my-module'].foo,
	})
	const view = connect(mapStateToProps)(({foo}) => <div>{foo}</div>)

	const fooReducer = (state = 'Some Stuff') => {

jpgorman / app.js

Last active September 28, 2018 09:36

	// my-app.js

	import {LazyLoadModule} from './LazyLoadModule'

	const MyApp = () => (
	<div className='App'>
	<h1>Hello</h1>
	<LazyLoadModule resolve={() => import('./modules/my-module')} />
	</div>
	)

jpgorman / lazyModule.js

Last active September 28, 2018 09:38

	import * as React from "react";

	export class LazyLoadModule extends React.Component {
	constructor(props) {
	super(props);

	this.state = {
	module: null
	};
	}

jpgorman / getComponent.js

Last active October 29, 2018 16:00

	async function getComponent() {
	const {default} = await import('./my-module')
	return React.createElement(default.view)
	})

jpgorman / module.js

Created September 20, 2018 11:30