Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

YutHelloWorld/vortex-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

288 Commits

Repository files navigation

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!

About

🐠 A react starter kit. Redux or mobx, react-router-dom, webpack3, all is in.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 5

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /