reactatouille
Version:
Reactatouille is a command-line tool to help quickly start and build a new React project, using Redux, Webpack, Gulp (You can add your own tasks, yo!), HMR/Hot Module Reload, Sass (architecture best practices), Jest, Enzyme, popmotion, Redux devtools (bro
83 lines (47 loc) • 3.51 kB
Plain Text
There's a new helper for the react router config ( react-router-config, use this instead of the current technique):
http://crypt.codemancers.com/posts/2017-06-03-reactjs-server-side-rendering-with-router-v4-and-redux/
https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
-------
https://github.com/th0r/webpack-bundle-analyzer
-----------------
> When running the command to create a new component,
- read the rootReducer.js into an array
- include the new component reducer into the array, the ln after the combineReducer({
- parse the array into a file, substituting the original rootReducer.js:
http://stackoverflow.com/questions/16732166/read-txt-files-lines-in-js-node-js
http://stackoverflow.com/questions/17614123/node-js-how-to-write-an-array-to-file
https://www.npmjs.com/package/line-by-line
https://www.npmjs.com/package/array-to-txt-file
probably, for https://www.npmjs.com/package/array-to-txt-file and create version without stringify
> Review the React hot loader 3 examples, to avoid having to apply the hack in the entry point:
https://github.com/gaearon/react-hot-loader/blob/master/docs/README.md
> Three Rules For Structuring (Redux) Applications
https://jaysoo.ca/2016/02/28/organizing-redux-application/
https://marmelab.com/blog/2015/12/17/react-directory-structure.html
https://hackernoon.com/my-journey-toward-a-maintainable-project-structure-for-react-redux-b05dfd999b5#.ltj5ma79j
https://medium.com/front-end-hacking/structuring-react-and-redux-applications-255361d24f84#.rgluzy6km
https://github.com/dimaip/server-side-rendering
https://medium.com/@liheyse/react-server-side-rendering-ssr-with-express-and-css-modules-722ef0cc8fa0#.qv6kzn87k
http://crypt.codemancers.com/posts/2016-09-16-react-server-side-rendering/
is the routes being imported at all ?
http://stackoverflow.com/questions/42163676/routing-and-rendering-react-components-server-side?rq=1
>>>> see
http://stackoverflow.com/questions/42415102/how-to-transpile-all-react-es6-components-for-server-side-rendering-route-match/42416931#42416931
https://github.com/ctrlplusb/react-universally
>>> quite good this tutorial
https://medium.com/@foxhound87/server-side-rendering-with-react-router-we-must-react-ep-04-ad03b6b9e05d#.6rtii9q0i
https://github.com/ReactTraining/react-router/blob/master/docs/guides/ServerRendering.md
http://crypt.codemancers.com/posts/2016-09-16-react-server-side-rendering/
oficial
https://github.com/reactjs/redux/blob/master/examples/universal/server/server.js
https://medium.com/codingbox/react-for-beginners-adding-assets-to-your-isomorphic-application-using-webpack-isomorphic-tools-b6b636a79d96#.7y2atu11s
https://github.com/diegohaz/arc/blob/universal-redux/src/server.js#L74
http://justjs.com/posts/npm-link-developing-your-own-npm-modules-without-tears
https://codurance.com/2016/12/21/how-to-use-npm-link/
http://vansande.org/2015/03/20/npm-link/
https://egghead.io/lessons/node-js-using-npm-link-to-use-node-modules-that-are-in-progress
----- issue with npm link real path
https://github.com/nodejs/node/issues/3402
http://stackoverflow.com/questions/22425395/node-js-require-does-not-look-in-parent-directory-when-using-npm-link
https://www.npmjs.com/package/parent-require
https://github.com/halt-hammerzeit/webpack-isomorphic-tools#what-it-does