Test for Webdriver I/O
React Starter Kit is an opinionated boilerplate for web development built on top of Facebook's React library, Node.js / Express server and Flux architecture. Containing modern web development tools such as Webpack, Babel and BrowserSync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.
Demo: http://demo.reactstarterkit.com | Join #react-starter-kit chatroom on Gitter to stay up to date.
- General
- Questions
- Recipes
.
├── /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
│ ├── /api/ # REST API / Relay endpoints
│ ├── /components/ # React components
│ ├── /constants/ # Constants (action types etc.)
│ ├── /content/ # Static content (plain HTML or Markdown, Jade, you name it)
│ ├── /core/ # Core components (Flux dispatcher, base classes, utilities)
│ ├── /decorators/ # Higher-order React components
│ ├── /public/ # Static files which are copied into the /build/public folder
│ ├── /stores/ # Stores contain the application state and logic
│ ├── /utils/ # Utility classes and functions
│ ├── /app.js # Client-side startup script
│ ├── /config.js # Global application settings
│ ├── /routes.js # Universal (isomorphic) application routes
│ └── /server.js # Server-side startup script
├── /tools/ # Build automation scripts and utilities
│ ├── /lib/ # Library for utility snippets
│ ├── /build.js # Builds the project from source to output (build) folder
│ ├── /bundle.js # Bundles the web resources into package(s) through Webpack
│ ├── /clean.js # Cleans up the output (build) folder
│ ├── /config.js # Webpack configuration for application bundles
│ ├── /copy.js # Copies static files to output (build) folder
│ ├── /deploy.js # Deploys your web application
│ ├── /serve.js # Launches the Node.js/Express web server
│ └── /start.js # Launches the development web server with "live reload"
│── package.json # The list of 3rd party libraries and utilities
└── preprocessor.js # ES6 transpiler settings for Jest
React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.
See getting started guide,
demo, docs,
to-do list |
Join #react-starter-kit chat room to stay up to date |
Visit our sponsors:
- Follow the getting started guide to download and run the project
- Check the code recipes used in this boilerplate, or share yours
The master branch of React Starter Kit doesn't include a Flux implementation or any other
advanced integrations. Nevertheless, we have some integrations available to you in feature
branches that you can use either as a reference or merge into your project:
- feature/redux — isomorphic Redux by Pavel Lang (see how to integrate Redux)
- feature/react-intl — isomorphic Redux and React Intl by Pavel Lang (see how to integrate React Intl)
If you think that any of these features should be on master, or vice versa, some features should
removed from the master branch, please let us know.
We love your feedback!
|
React Starter Kit 
|
React Static Boilerplate 
|
ASP.NET Core Starter Kit 
|
|
|---|---|---|---|
| App type | Isomorphic (universal) | Single-page application | Single-page application |
| Frontend | |||
| Language | JavaScript (ES2015+, JSX) | JavaScript (ES2015+, JSX) | JavaScript (ES2015+, JSX) |
| Libraries | React, History, Universal Router | React, History, Redux | React, History, Redux |
| Routes | Imperative (functional) | Declarative | Declarative, cross-stack |
| Backend | |||
| Language | JavaScript (ES2015+, JSX) | n/a | C#, F# |
| Libraries |
Node.js,
Express,
Sequelize, GraphQL |
n/a |
ASP.NET Core,
EF Core, ASP.NET Identity |
| SSR | Yes | n/a | n/a |
| Data API | GraphQL | n/a | Web API |
♥ React Starter Kit? Help us keep it alive by donating funds to cover project expenses via OpenCollective or Bountysource!
Anyone and everyone is welcome to contribute to this project. The best way to start is by checking our open issues, submit a new issues or feature request, participate in discussions, upvote or downvote the issues you like or dislike, send pull requests.
- Getting Started with React.js
- Getting Started with GraphQL and Relay
- React.js Questions on StackOverflow
- React.js Discussion Board
- Flux Architecture for Building User Interfaces
- Enzyme — JavaScript Testing utilities for React
- Flow — A static type checker for JavaScript
- The Future of React
- Learn ES6, ES6 Features
- Membership Database — SQL schema boilerplate for user accounts, profiles, roles, and auth claims
- Babel Starter Kit — Boilerplate for authoring JavaScript/React.js libraries
- #react-starter-kit on Stack Overflow — Questions and answers
- #react-starter-kit on Gitter — Watch announcements, share ideas and feedback
- GitHub issues, or Scrum board — File issues, send feature requests
- appear.in/react — Open hours! Exchange ideas and experiences (React, GraphQL, startups and pet projects)
- @koistya on Codementor, or Skype — Private consulting
Copyright © 2014-2016 Kriasoft, LLC. This source code is licensed under the MIT license found in the LICENSE.txt file. The documentation to the project is licensed under the CC BY-SA 4.0 license.
Made with ♥ by Konstantin Tarkus (@koistya) and contributors