vortex-react
Get start with React, Redux, RR4
Release 2.0.0 was build with create-react-app
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
Logic
Contribution
Thank you to all the people who already contributed to vortex-react!