react-architecture

A solid starting point for both professionals and newcomers to the industry.

Start

> git clone https://github.com/abdalla/react-architecture.git project_name

> cd project_name

> sh ./tools/scripts/start.sh

Run

Using NPM

> npm start

or

> npm begin

Using Yarn

> yarn start

or

> yearn begin

Using Docker

> docker-compose up

How To Create

Components

Components are small pieces of the project re-usable and didn't manage state, only accept props. Exceptions should be discussed.

> plop component

Containers

Containers are your page, it manages the state and uses the components to compose the page.

> plop container

Actions

> plop action

Reducers

> plop reducer

API

> plop api

What you'll find

• React
• React Router
• React Hot Loader
• Webpack - dev
• Webpack - prod
• Webpack Dashboard
• Babel
• editorconfig
• eslint
• Redux
• Redux Thunk
• Redux Forms
• Pre-commit
• Prettier
• Mocha
• Expect
• Enzyme
• CSS-Modules
• Dev env
• Development Docker
• Plop
• Plop generators
• Nock
• redux-mock-store
• Production Docker