A curated list of non-trivial boilerplates, starter kits and examples of React.js based apps.
- stipsan/epic - Realtime React based two-player game! Inspired by the good old "Battleship" by Hasbro. Tech stack includes Redux, SocketCluster, Heroku, Redis and more! ♻️ ✅
- iam4x/isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate. ♻️ 📋 ✅
- este/este - Starter kit for full–fledged React apps. One stack for browser, mobile, server. 🌍 📋
- reactjs/redux/examples/universal
- erikras/react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform. ♻️ ✅
- kriasoft/react-starter-kit - React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel 6, PostCSS, Webpack, Browsersync). ♻️
- davezuko/react-redux-starter-kit - Get started with React, Redux, and React-Router!
- hedleysmith/redux-crud-example - Microservice style Redux example with full CRUD capabilities. Built on Docker with a decoupled backend (express.js REST API) & frontend (Redux / React).
- mattkrick/meatier - like meteor, but meatier
- gocardless/splash-pages - Gocardless.com splash pages. 🚀 ♻️
- webyak/react-static-plate - Build fast static sites with React & CSS Modules.
- kriasoft/react-static-boilerplate - Boilerplate and tooling for web application development based on React (ReactJS), Redux, Babel, Webpack, CSS Modules, PostCSS, Browsersync, React Hot Loader and optimized for CDN hosting in Firebase.
🚀 Production App. An actual real app which is in use in production.
🌍 Unviersal. Shared codebase across a web, mobile (React Native) and desktop.
♻️ Isomorphic. Pre-renders HTML on the server.
📋 Well documented. Good documentation coverage, both in README and in inline documentation.
✅ Test coverage. Solid test coverage or comprehensive examples of how to get started with tests.
- Feature comparison, e.g:
- Build Tools (Webpack, Gulp, Grunt, npm)
- Styling (Sass vs PostCSS vs Inline)
- Async / Side Effect Management (Sagas vs Thunks vs Async Connect, optimistic updating, Fetch API vs Superagent)
- Data Structure & Transformations) (Immutable JS vs Vanilla vs Merge vs React immutability helpers)
- Data Transport Layer - HTTP, Websockets, LocalStorage
- Code Style (AirBnB vs Standard)
- Authentication
- Code Structure
- Testing (Mocha, Karma, Sinon, Chai, React Test Utils, Enzyme?)
- Configuration Management nconf vs dotenv etc
- Component Structure Higher-order compoents, smart components, container components?
- Performance & Accessibility
- Service Layer Backend service example? Docker?
- Code complexity comparison https://www.npmjs.com/package/complexity-report
- Lines of code in app
- Number of components, actions & reducers
- Number of tests
- Number of dependencies & devDependencies
- Total open issues, stars, PRs etc
- Size of production bundle.js
- Group into 'Redux' and 'Other'