https://github.com/adeelibr/react-starter-kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
https://github.com/adeelibr/react-starter-kit
babel babel7 boilerplate bootstrap4 code-splitting eslint hmr prettier react react-material-ui react-starter-kit starter-kit webpack webpack4
Last synced: 2 months ago
JSON representation
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
- Host: GitHub
- URL: https://github.com/adeelibr/react-starter-kit
- Owner: adeelibr
- License: mit
- Created: 2018-09-29T14:53:32.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-07-28T11:18:19.000Z (almost 6 years ago)
- Last Synced: 2025-03-31T14:57:44.388Z (4 months ago)
- Topics: babel, babel7, boilerplate, bootstrap4, code-splitting, eslint, hmr, prettier, react, react-material-ui, react-starter-kit, starter-kit, webpack, webpack4
- Language: JavaScript
- Size: 296 KB
- Stars: 229
- Watchers: 23
- Forks: 90
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Documentation
Webapp Was Built In:
* ReactJS
* Redux
* Webpack 4
* Babel 7
* React Material UI
* Bootstrap 4
* SCSS, CSS Support
* HMR
* Code Splitting with React.lazy & React.Suspense
* Code Formatter (Prettier)
* Eslint configured extended with Airbnb style guide & support for prettier
* Jest & Enzyme Configured
* Automatically lint & format code, when committing it. [Husky/Lint-Staged]### Tutorials
Things I did while setting up the boiler plate for this code base, I wrote it all down in a series of articles
*
https://medium.freecodecamp.org/how-to-conquer-webpack-4-and-build-a-sweet-react-app-236d721e6745
* https://medium.freecodecamp.org/how-to-combine-webpack-4-and-babel-7-to-create-a-fantastic-react-app-845797e036ff
* https://medium.freecodecamp.org/these-tools-will-help-you-write-clean-code-da4b5401f68e
* https://medium.freecodecamp.org/how-to-set-up-jest-enzyme-like-a-boss-8455a2bc6d56### Deploying a Node Instance On Linux Server Using PM2
How to start on PM2 [This is specific if you serve your files on a linux server where a NodeJS application is deployed as a server serving the .js files
```
npm i
node_modules/.bin/webpack --config webpack.prod.config.js --colors --progress
node server
PORT=8082 pm2 start server --name "app-name-to-deploy"
```