All Projects โ†’ YutHelloWorld โ†’ Vortex React

YutHelloWorld / Vortex React

Licence: mit
๐Ÿ  A react starter kit. Redux or mobx, react-router-dom, webpack3, all is in.

Programming Languages

javascript
184084 projects - #8 most used programming language
es2015
71 projects

Projects that are alternatives of or similar to Vortex React

Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: โœญ 144 (-48.94%)
Mutual labels:  webpack3, babel, sass
Webapp
The react-based community network for amFOSS members
Stars: โœญ 226 (-19.86%)
Mutual labels:  babel, sass
Aquila
๐ŸŽจ An Advanced WordPress theme
Stars: โœญ 204 (-27.66%)
Mutual labels:  babel, sass
React Starter
React Starter repository: cache bursting, css extraction, production, hot, react, redux, router, babel, eslint, jsx, webpack 3, editorconfig
Stars: โœญ 33 (-88.3%)
Mutual labels:  webpack3, babel
Frontplate
ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บใฎๅŠน็Ž‡ใ‚’ใ‚ใ’ใ‚‹ใƒ•ใƒซใ‚นใ‚ฟใƒƒใ‚ฏใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆ
Stars: โœญ 175 (-37.94%)
Mutual labels:  babel, sass
Yarsk
Don't use this, use Create React App
Stars: โœญ 199 (-29.43%)
Mutual labels:  babel, sass
That React App You Want
That react app you always wanted: [emailย protected], [emailย protected], postCSS, purifycss, dll's and code splitting examples, bregh. Highly opinionated but you better like it.
Stars: โœญ 27 (-90.43%)
Mutual labels:  webpack3, babel
Keepformac
keep for mac
Stars: โœญ 147 (-47.87%)
Mutual labels:  babel, sass
Es6 Webpack2 Starter
๐Ÿš€ A template project for es6/7, webpack2/3, sass and postcss
Stars: โœญ 106 (-62.41%)
Mutual labels:  webpack3, sass
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: โœญ 1,595 (+465.6%)
Mutual labels:  webpack3, babel
Hugo theme pickles
Modern, Simple and beautiful Hugo theme
Stars: โœญ 168 (-40.43%)
Mutual labels:  babel, sass
Sinn
a blog based on of react,webpack3,dva,redux,material-ui,fetch,generator,markdown,nodejs,koa2,mongoose,docker,shell,and async/await ๅŸบไบŽreact+koa2ๆŠ€ๆœฏๆ ˆ็š„ไธชไบบๅผ€ๆบๅšๅฎข็ณป็ปŸ
Stars: โœญ 175 (-37.94%)
Mutual labels:  webpack3, babel
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: โœญ 165 (-41.49%)
Mutual labels:  babel, sass
Django Static Precompiler
Django Static Precompiler provides template tags and filters to compile CoffeeScript, LiveScript, SASS / SCSS, LESS, Stylus, Babel and Handlebars. It works with both inline code and external files.
Stars: โœญ 206 (-26.95%)
Mutual labels:  babel, sass
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: โœญ 1,975 (+600.35%)
Mutual labels:  babel, sass
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: โœญ 228 (-19.15%)
Mutual labels:  babel, sass
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: โœญ 134 (-52.48%)
Mutual labels:  babel, sass
Glup
Some of the gulp tutorial -ใ€Šgulp็ฌ”่ฎฐใ€‹
Stars: โœญ 136 (-51.77%)
Mutual labels:  babel, sass
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: โœญ 44 (-84.4%)
Mutual labels:  webpack3, sass
React Blog
personal blog design by react
Stars: โœญ 170 (-39.72%)
Mutual labels:  webpack3, babel

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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].