A simple enough react boilerplate; built using webpack, served by
webpack-dev-server, comes with lodash, axios and jquery.
npm install- Build for dev-
npm run build-dev - Build for prod-
npm run build-prod - Running Tests-
npm run test - Run in localhost:3000 & open in browser(auto watch)-
npm start
webpackis used to build and bundlescssis used ascsspre-processorbabelis used to transpilees6->es5eslintis used for lintingaxiosis included as http request frameworkjqueryis includedlodashis includedbootstrapis used for basic component styling & structurefont-awesomeis used for icon fonts
|-- src
|-- components
|-- main (the component that's responsible for view switching based on route)
|-- main.js
|-- another.component
|-- component.js
|-- _component.scss
|-- _components.scss (all the .scss partials defined in different components are referenced here)
|-- views
|-- home.js (or can be a directory of a view)
|-- another.view
|-- another.view.js
|-- _another.view.scss
|-- _views.scss (all the .scss partials defined in different views are referenced here)
|-- config.js (contains different configurations and routes for different views)
|-- index.scss (refers _components.scss, _views.scss and any other .scss partials)
|-- index.js (the entry point where the app renders the main component and which eventually renders the views based on selected route; which it knows via the routes from config.js)