You can also check out the official page of the boilerplate Here.
git clone https://github.com/theqdev/react-big-bang
npm run setup
ornpm install
npm start
npm run clean-dist
Cleans build directorynpm run prebuild
Cleans build directory and runs Lint plus Testsnpm run build
Generates production buildnpm run analyze-bundle
Analyze bundle size and it's libraries
npm lint
ornpm lint:watch
npm run test
Slingshot offers a rich development experience using the following technologies:
Tech | Description |
---|---|
React | Fast, composable client-side components. |
Redux - Redux Sauce - Redux Saga | Clean and modern implementation of Redux. Enforces unidirectional data flows and immutable, hot reloadable store that supports time-travel debugging. |
react-bootstrap | React Bootstrap UI kit for React Js. |
APISauce | Axios Based API wrapper for mapping your app's backend. |
React Router | A complete routing library for React |
Babel | Compiles ES6 to ES5. Enjoy the new version of JavaScript today. |
Webpack | Bundles npm packages and our JS into a single file. Includes hot reloading via react-transform-hmr. |
Browsersync | Lightweight development HTTP server that supports synchronized testing and debugging on multiple devices. |
Jest | Automated tests with built-in expect assertions and Enzyme for DOM testing without a browser using Node. |
TrackJS | JavaScript error tracking. |
ESLint | Lint JS. Reports syntax and style issues. Using eslint-plugin-react for additional React specific linting rules. |
SASS | Compiled CSS styles with variables, functions, and more. |
PostCSS | Transform styles with JS plugins. Used to autoprefix CSS |
Editor Config | Enforce consistent editor settings (spaces vs tabs, etc). |
npm Scripts | Glues all this together in a handy automated build. |
Check out our website at Qdev and our code marketplace at Alkanyx for more cool stuff.