tgeorgeux / new.jupyter.github.io

This is the playground for the new Jupyter.org. Expecte great, or at least slightly better than mediocre, things.
BSD 3-Clause "New" or "Revised" License
2 stars 4 forks source link

Create simple react app #2

Closed marwahaha closed 5 years ago

marwahaha commented 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.

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/