Closed marwahaha closed 5 years ago
closes #1
Adds React application, with Webpack bundling.
I didn't immediately install create-react-app or Gatsby because of the license (MIT vs BSD-3), so I wrote it from scratch.
create-react-app
Gatsby
I used a lot of resources to make these decisions:
https://itnext.io/how-to-write-your-own-reusable-react-component-library-a57dc7c9a210 https://blog.craftlab.hu/all-the-new-things-setting-up-webpack-4-with-babel-7-39a5225b8168 https://webpack.js.org/loaders/babel-loader/ https://www.thebasement.be/working-with-babel-7-and-webpack/ https://blog.bitsrc.io/setting-a-react-project-from-scratch-using-babel-and-webpack-5f26a525535d
https://codeburst.io/a-quick-intro-to-reacts-props-children-cb3d2fce4891
https://hackernoon.com/a-dead-simple-webpack-4-example-with-vanilla-javascript-no-libraries-and-frameworks-8b9d0a7684be https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a https://www.valentinog.com/blog/webpack/ https://stackoverflow.com/questions/38529554/cannot-es6-import-jsx-modules-in-webpack
https://webpack.js.org/configuration/dev-server/
https://www.valentinog.com/blog/babel/ https://flaviocopes.com/babel/ https://babeljs.io/docs/en/presets https://www.fullstackreact.com/articles/what-are-babel-plugins-and-presets/
https://github.com/zloirock/core-js https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future.md https://www.thebasement.be/updating-to-babel-7.4/
closes #1
Adds React application, with Webpack bundling.
I didn't immediately install
create-react-app
orGatsby
because of the license (MIT vs BSD-3), so I wrote it from scratch.I used a lot of resources to make these decisions:
Wiring things together
https://itnext.io/how-to-write-your-own-reusable-react-component-library-a57dc7c9a210 https://blog.craftlab.hu/all-the-new-things-setting-up-webpack-4-with-babel-7-39a5225b8168 https://webpack.js.org/loaders/babel-loader/ https://www.thebasement.be/working-with-babel-7-and-webpack/ https://blog.bitsrc.io/setting-a-react-project-from-scratch-using-babel-and-webpack-5f26a525535d
React
https://codeburst.io/a-quick-intro-to-reacts-props-children-cb3d2fce4891
Webpack
https://hackernoon.com/a-dead-simple-webpack-4-example-with-vanilla-javascript-no-libraries-and-frameworks-8b9d0a7684be https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a https://www.valentinog.com/blog/webpack/ https://stackoverflow.com/questions/38529554/cannot-es6-import-jsx-modules-in-webpack
Webpack dev server
https://webpack.js.org/configuration/dev-server/
Babel
https://www.valentinog.com/blog/babel/ https://flaviocopes.com/babel/ https://babeljs.io/docs/en/presets https://www.fullstackreact.com/articles/what-are-babel-plugins-and-presets/
Polyfills
https://github.com/zloirock/core-js https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future.md https://www.thebasement.be/updating-to-babel-7.4/