Quantcast
Channel: 懒得折腾
Viewing all articles
Browse latest Browse all 764

Awesome React Boilerplates

$
0
0

Not interested in reinventing the wheel? Neither am I. Here’s a short list of awesome React boilerplates – sometimes knows as starter kits, seeds or skeletons – for getting React-based applications off the ground in a hurry. These application templates were not taken from any list, however awesomethat list might be. Rather, they’ve gained enough mindshare to find me outside The Stream1. They’re open source and waiting for you to clone, fork and build upon for your next React project.

React

Application boilerplates for creating React apps.

react-redux-universal-hot-example
A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

react-starter-kit
Everything you need to build a front-end for a SEO-friendly React website. Supports text-only browsing and focuses heavily on Node.js and the surrounding ecosystem of NPM libraries. For an example isomporhpic application I’ve built using this kit check out lumpenradio-com or myIsomporhpic Rendering with React talk.

react-redux-starter-kit
By former colleague (and one hell of a coder) this kit is designed to get you up and running with a bunch of awesome new front-end technologies, all on top of a configurable, feature-rich webpack build system that’s already setup to provide hot reloading, CSS modules with Sass support, unit testing, code coverage reports, bundle splitting, and a whole lot more.

react-slingshot
React Slingshot is a comprehensive starter kit for rapid application development using React. Includes React + Redux starter kit with Babel, hot reloading, testing, linting and a working example app, all built in.

hapi-universal-redux
Isomorphic starter kit with server-side React rendering using npm, piping, webpack, webpack-dev-server, react-transform, hapi.js, babel.js, react.js, redux, redux-devtools, simple-redux-router, react-router, radium.

hapi-react-starter-kit
Another isomorphic boilerplate chalk full of features for the taking.

Este
A React/Flux dev stack and starter kit for Universal JavaScript apps. Renders pages SPA style (using script tags) and, therefore, is not as SEO friendly as React Starter Kit.

re-base
Inspired by Relay, combines the benefits of React and Firebase by allowing each component to specify its own data dependency. Forget about your data persistence and focus on what really matters, your application’s state.

electron-react-boilerplate
Electron application boilerplate based on react, react-router, webpack, react-hot-loader for rapid application development

relay-starter-kit
Barebones starting point for a Relay application. Uses the Babel Relay Plug-in and linked to from the official Relay documentation so it’s likely to gain traction as a starting point for new apps.

jspm-react
Configured starter repo to build web apps with React and ES6 modules using JSPM. Not actively maintained, though the author is still accepting pull requests.

React Native

Application boilerplates for creating React Native applications.

pepperoni
An aspirational open source starter for React Native and jam packed with lots of tasty ingredients.

react-native-webpack-starter-kit
Build your React Native app with Webpack and Babel.

snowflake
A React-Native starter kit using Redux, Parse.com, Jest

react-native-es6-babel
Configuration to build React Native apps with ES6 using webpack and Babel

react-native-es6-reflux
Boilerplate for iOS app development with React Native, ES6 and Reflux

react-native-tabbed
An unassumingly but sweet base for a native app with tabbed navigation and modal window support. Builds on the work of react-native-navbar. See it in use with React Native Icons in mySmartphone Symphony app.



Viewing all articles
Browse latest Browse all 764

Trending Articles