React Quickstart is starting kit for creating fast and responsive web applications with React. It takes care of initial developement environment setup, boilerplating and puts everything to use in simple example. Notable technologies used are: React, Redux, React Router, Babel, Webpack, ESLint.
###Getting started! Just follow a few easy steps to set project up:
- Install Node, preferably 6.9.1
- Install Git
- Clone the repository
git clone https://github.com/blurbyte/react-quickstart.git
- Install Yarn - installing modules super fast (20 seconds instead of 3 minutes with
npm install
) - Enter project folder and install all required modules with simple
yarn
command - Start demo aplication
npm start -s
and follow further instructions 🙂
###What will you learn? By inspecting source code of demo application you can get a good grasp of:
- How to set up JavaScript development environment for single page React web app
- How to organize file structure of your project
- How to write Redux action creators, reducers and connect components with store
- How to use Redux application state in combination with container component state
- How to write simple unit tests for actions and integration tests for reducers
- How to take advantage of CSS modules
- How to integrate custom fonts