- Notifications
You must be signed in to change notification settings - Fork0
ReactJS / Flux Starter Kit - a skeleton for an isomorphic web application (SPA) built with Facebook's React.js library and powered by Flux architecture. It also uses ES6 Harmony, JSX, Gulp, Webpack, BrowserSync, Jest, Flow... Demo:
License
nason/react-starter-kit
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This project template is a skeleton for anisomorphicweb application (SPA) based on Facebook'sReactlibrary andFlux architecture. You can useit to quickly bootstrap your web application projects. All the parts of thisproject template are easily replaceable.
Demo:http://reactjs.kriasoft.com
This project uses the originalFlux architectureutilizing a unidirectional data flow.
- Flux for Stupid People byAndrew Ray
- What is Flux? byBrandon Tilley
- Rethinking Web App Development at Facebook byPete Hunt
- The State of Flux byDavid Chang
.├── /build/ # The folder for compiled output├── /docs/ # Documentation files for the project├── /node_modules/ # 3rd-party libraries and utilities├── /src/ # The source code of the application│ ├── /actions/ # Action creators that allow to trigger a dispatch to stores│ ├── /assets/ # Static files which are copied to ./build on compile│ ├── /components/ # React components│ ├── /constants/ # Enumerations used in action creators and stores│ ├── /content/ # Website content (plain HTML or Markdown, Jade, you name it)│ ├── /core/ # Core components (Flux dispatcher, base classes, utilities)│ ├── /stores/ # Stores contain the application state and logic│ ├── /styles/ # CSS styles (deprecated, put CSS into components' folders)│ ├── /templates/ # HTML templates for server-side rendering, emails etc.│ ├── /app.js # Client-side startup script│ └── /server.js # Server-side startup script│── gulpfile.js # Configuration file for automated builds│── package.json # The list of 3rd party libraries and utilities│── preprocessor.js # ES6 transpiler settings for Jest └── webpack.config.js # Webpack configuration for bundling and optimizationJustclone orfork the repo and start hacking:
$ git clone -o upstream https://github.com/kriasoft/react-starter-kit.git MyApp$cd MyApp$ npm install -g gulp# Install Gulp task runner globally$ npm install# Install Node.js components listed in ./package.json
$ gulp build# or, `gulp build --release`By default, it builds in debug mode. If you need to build in release mode, add--release flag.
$ gulp# or, `gulp --release`This will start a lightweight development server with LiveReload andsynchronized browsing across multiple devices and browsers.
$ gulp deploy# or, `gulp deploy --production`You can deploy to different destinations by adding a corresponding flag.For example--production or--staging etc. See the 'deploy' task ingulpfile.js.
You can always fetch and merge the recent changes from this repo back intoyour own project:
$ git checkout master$ git fetch upstream$ git merge upstream/master$ npm install
Run unit tests powered byJest with the followingnpm command:
$ npmtestTest any javascript module by creating a__tests__/ directory wherethe file is. Name the test by appending-test.js to the js file.Jest will do the rest.
- Getting Started with React.js
- React.js Wiki on GitHub
- React.js Questions on StackOverflow
- React.js Discussion Board
- Flux Architecture for Building User Interfaces
- Jest - Painless Unit Testing
- Flow - A static type checker for JavaScript
- The Future of React
Have feedback, feature request or need help? Contact me oncodementor.io/koistya.
Source code is licensed under the MIT License (MIT). SeeLICENSE.txtfile in the project root. Documentation to the project is licensed under theCC BY 4.0 license. React logoimage is a trademark of Facebook, Inc.
About
ReactJS / Flux Starter Kit - a skeleton for an isomorphic web application (SPA) built with Facebook's React.js library and powered by Flux architecture. It also uses ES6 Harmony, JSX, Gulp, Webpack, BrowserSync, Jest, Flow... Demo:
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Languages
- JavaScript69.6%
- HTML19.6%
- CSS10.8%