This boilerplate features all the latest tools and practices in the industry.
- React.js - React 16, React Router 5
- Redux.js - Redux saga, Redux immutable and Reselect
- Babel - ES6, ESNext, Airbnb and React/Recommended config
- Webpack - Webpack 4, Hot Reloading, Code Splitting, Optimized Prod Build and more
- Test - Jest with Enzyme
- Lint - ESlint
- Styles - SCSS Styling
Instant feedback Enjoy the best DX (Developer eXperience) and code your app at the speed of thought! Your saved changes to the CSS and JS are reflected instantaneously without refreshing the page. Preserve application state even when you update something in the underlying code!
Next generation JavaScript Use template strings, object destructuring, arrow functions, JSX syntax and more, today.
Component Specific Styles Separate styles for each component. Style in the good old scss way but still keep it abstracted for each component.
Industry-standard routing
It's natural to want to add pages (e.g. /about
) to your application, and routing makes
this possible.
Predictable state management Unidirectional data flow allows for change logging and time travel debugging.
SEO We support SEO (document head tags management) for search engines that support indexing of JavaScript content. (eg. Google)
- The best test setup: Automatically guarantee code quality and non-breaking changes. (Seen a react app with 99% test coverage before?)
- The fastest fonts: Say goodbye to vacant text.
- Stay fast: Profile your app's performance from the comfort of your command line!
- Catch problems: TravisCI setup included by default, so your tests get run automatically on each code push.
- Run
yarn
ornpm install
to install dependencies. - Run
npm start
to see the example app athttp://localhost:3000
.
Now you're ready build your beautiful React Application!
MIT license, Copyright (c) 2018 Digitalya OPS