Awesome Open Source
Awesome Open Source

vortex-react

Build Status tested with jest codecov code style: prettier

Get start with React, Redux, RR4 🚀

Release 2.0.0 was build with create-react-app

👉 Online

中文

Table of Contents

Feature

  • React
  • ES6
  • Redux
  • React-Router-Dom
  • Reactstrap + Bootstrap^4.0.0-alpha.6 (UI)
  • Sass

Get Start

Before the start, we recommend you read these documentation.

You can try ES6 and JSX in Babel REPL.

We recommend node 6.x + npm 5.x + yarn ^0.27.5。

Installation

git clone https://github.com/yuthelloworld/vortex-react.git <my-project-name>
cd <my-project-name>
yarn  # Install project dependencies (or `npm install`)

Running

yarn start  # Start the development server (or `npm start`)

Scripts

yarn <script> Description
start Serves your app at http://localhost:3000
build Builds the application to ./build
test Runs unit tests
coverage Gets coverage
analyze Analyze the bundle size

Project Structure

Files Structure

.
├── build                    # All build-related code
├── public                   # Static public assets (not imported anywhere in source code)
└── src                      # Application source code
    ├── index.js              # Application rendering
    ├── components           # Global Reusable Components
    ├── layouts              # Components that dictate major page structure
    ├── routes               # Components that dictate major page structure
    │   ├── index.js         # Main application routes with store
    │   ├── Home             # Fractal route
    │   │   ├── index.js     # Route definitions and async split points
    │   │   ├── assets       # Assets required to render components
    │   │   ├── components   # Dumb Components
    │   │   └── routes **
    │   └── Zen
    │       ├── index.js
    │       ├── container    # Smart component
    │       ├── modules      # redux module(reducers/constants/actions)
    │       └── routes **
    ├── store                # Redux store
    │   ├── createStore.js   # Create store
    │   └── reducers.js      # Reducers
    └── styles               # Style sheet

Data Flow

redux

Logic

vortex-react


Contribution

Thank you to all the people who already contributed to vortex-react!

Alternatives To Vortex React
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,113,432
Reactjs (170,179
Redux (28,689
Webpack (23,823
Sass (14,989
Router (13,757
Dom (10,469
Structure (10,070
Babel (7,978
Mobx (2,344
React Router Dom (932