React Starter

Opinionated React starter project.

Technologies

• React
• Webpack 3
• Yarn

Yarn

Add dependency

yarn add <dependency>

Add dev dependency

yarn add -D <dependency>

Remove dependency

yarn remove <dependency>

Webpack

• webpack.common.js: common configuration
• webpack.dev.js: dev configuration
• webpack.prod.js: prod configuration

Running

webpack-dev-server: Node.js Express server, bundle files are written to memory

Plugins

clean-webpack-plugin: cleans build folders before building

define-plugin: creates global constants at compile time

uglify-js-plugin: minifies JavaScript files

occurrence-order-plugin: assign module/chunk ids by occurrence count

commons-chunk-plugin: creates a separate chunk (file)

html-webpack-plugin: generates a HTML5 file that includes all Webpack bundles as script tags

extract-text-webpack-plugin: extracts texts from a bundle into a separate file

Loaders

babel-loader: Webpack plugin for Babel

css-loader: allows importing css files

file-loader: allows importing files

url-loader: inline assets as base64 strings within bundle

eslint-loader: lints code

Links

React

• reactGo
• React Redux Links
• React Training React Router
• React Router and URLs
• Styled Components

Webpack

• Webpack Guides
• SurviveJS Webpack

Other

• PageSpeed Insights

TODO:

• Heroku Deployment
• Direct links
• Redux forms
• CircleCI
• Tests
• Webpack 4
• Sass
• Hot reloading