/react-architecture

A small project of architecture to avoid to start a project from the very beginning using React + Redux in a simple way.

Primary LanguageJavaScriptMIT LicenseMIT

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