A scalable pattern for apps using the newest versions of popular tools in the react ecosystem. The goal is to continually keep this up to date with the latest tools & patterns. Feedback, ideas & suggestions are all welcome. There is a small list of stuff I would like to improve & add.
If you run the app you will notice there are humans, cats and a form. The humans are generated from uifaces, the cats come from reddit and the form generates a random cat gif from giphy. The general layout and design is likely not the best around but the focus of this repo is the structure, performance and composition of the tools being used.
Included technologies:
- React
- Declarative library for building user interfaces
- Redux
- Predictable state container
- The chrome dev tools extension is supported
- React Redux
- Official React bindings for Redux
- React Router 4
- Declarative routing for React
- Redux Form
- A Higher Order Component using react-redux to keep form state in a Redux store
- Redux Pack
- Sensible promise handling and middleware for redux
- Styled Components
- Visual primitives for the component age
- If you're using Atom, I recommend the language-babel package for editor support
- Webpack 2
- Bundling, chunking and code splitting
- Webpack Dev Server
- Development server with built in live reload
- Jest
- Unit testing, snapshot testing with coverage reports
- Babel
- The compiler for writing next generation JavaScript
- ESLint
- Lint using the Airbnb style guide
- Clone the repo
git clone --depth=1 https://github.com/bbohen/react-redux-boilerplate.git
(or fork) - Install Yarn
yarn start
Still working on improving coverage...
yarn test
to run testsyarn test:coverage
to run tests & view coverage report