A simple enough react boilerplate; built using webpack
, served by
webpack-dev-server
, comes with lodash
, axios
and jquery
.
yarn install
- Build for dev-
yarn build-dev
- Build for prod-
yarn build-prod
- Running Tests-
yarn test
- Run in localhost:3000 & open in browser(auto watch)-
yarn start
webpack
is used to build and bundlescss
is used ascss
pre-processorbabel
is used to transpilees6
->es5
eslint
is used for lintingaxios
is included as http request frameworkjquery
is includedlodash
is includedbootstrap
is used for basic component styling & structurefont-awesome
is used for icon fonts
|-- src
|-- components
|-- main (the component that's responsible for view switching based on route)
|-- main.jsx
|-- another.component
|-- component.jsx
|-- _component.scss
|-- _components.scss (all the .scss partials defined in different components are referenced here)
|-- views
|-- home.jsx (or can be a directory of a view)
|-- another.view
|-- another.view.jsx
|-- _another.view.scss
|-- _views.scss (all the .scss partials defined in different views are referenced here)
|-- index.scss (refers _components.scss, _views.scss and any other .scss partials)
|-- index.jsx (the entry point where the app renders the main component and which eventually renders the views
based on selected route)