reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

•    TypeScript

---

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

react webpack starter-kit postcss ssr reactjs apollo apollo-client graphql webpack4 styled-components typescript hot-reload helmet sass less gzip brotli server-side-rendering universal

react-universally - A starter kit for universal react applications.

•    Javascript

---

A starter kit for universal react applications. This starter kit contains all the build tooling and configuration you need to kick off your next universal React project, whilst containing a minimal "project" set up allowing you to make your own architecture decisions (Redux/MobX etc).

react starter-kit boilerplate server-side-rendering progressive-web-app universal express webpack

react-universal - React, redux, react-router, graphql, postgres, koa, universal starter-kit

•    Javascript

---

A react starter kit that handles universal rendering as well as a bunch of another neat things. This is sort of a living spec for how I build web applications. react-relay, though the tools are included to get started with Relay, including the graphql backend, I've decided to not include the start of a Relay based front end until server-side rendering hooks are exposed [facebook/relay#136].

react-apollo - :recycle: React higher-order component for Apollo Client

•    TypeScript

---

React Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.React Apollo unlike many other tools in the React ecosystem requires no complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.

react graphql ssr redux ecmascript es2015 jsnext relay npm

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

•    Javascript

---

I cobbled this together from a wide variety of similar "starter" repositories. As I post this in June 2015, all of these libraries are right at the bleeding edge of web development. They may fall out of fashion as quickly as they have come into it, but I personally believe that this stack is the future of web development and will survive for several years. I'm building my new projects like this, and I recommend that you do, too. The first time it may take a little while to generate the first webpack-assets.json and complain with a few dozen [webpack-isomorphic-tools] (waiting for the first Webpack build to finish) printouts, but be patient. Give it 30 seconds.

react isomorphic universal webpack express hot-reloading react-hot-reloader redux starter boilerplate babel

WordExpress - WordPress using Node, React, GraphQL, and Apollo

•    Javascript

---

UPDATE This project has been moved into several separate repositories. Second, you'll need to take a look at a starter kit. I have created a kit for Vue and for React. Fair warning, I've spent much more time developing the Vue starter kit than the React one. The starter kits provide you with everything you'll need to get up and running on the front end.

express webpack node react graphql relay wordpress

suicrux - 🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]

•    Javascript

---

Ultimate universal starter with lazy-loading, SSR and i18n. /static folder + url-loader. Everything in /static/public/ is copied to /dist/client with copy-webpack-plugin.

react redux webpack semantic-ui semantic-ui-react starter boilerplate template example ssr pwa fullstack universal-react universal react-redux

react-native-starter - 🚀A powerful react native starter template that bootstraps development of your mobile application

•    Javascript

---

A powerful react native starter template that bootstraps development of your mobile application. React Native Starter is a mobile application template with lots of built-in components like sidebar, navigation, form elements, etc - all you need to start building your mobile app faster. Check out live demo on App Store, Google Play or Expo. If you find any problems, please open an issue or submit a fix as a pull request.

react-native starter-kit template react-native-starter react-native-template redux expo

universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering

•    Javascript

---

Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) rendering server. You can either use its defaults and begin coding your project, or configure it to your liking with custom Webpack options and Express or Redux middleware. It's intended as both an easy starting point for developers new to React and Redux, as well as an extensible base by which advanced developers can augment with their own middleware and keep up to date with the fast-moving React ecosystem. The quickest way to get started is to clone the starter project. This gives you a base project that is set up with default configurations of Webpack and Express.

react isomorphic universal webpack express hot-reloading react-hot-reloader redux renderer boilerplate babel npm

renative - 🚀🚀🚀Build universal cross-platform apps with React Native

•    Javascript

---

🚀🚀🚀 Build universal cross-platform apps with React Native. Includes latest `iOS`, `tvOS`, `Android`, `Android TV`, `Android Wear`, `Web`, `Tizen TV`, `Tizen Watch`, `Tizen Mobile`, `LG webOS`, `macOS/OSX`, `Windows`, `KaiOS`, `FirefoxOS` and `Firefox TV` platforms

cross-platform react-native starter-kit starter-project tizen android ios web tv tvos react android-tv webos samsung lg electron react-universal windows-desktop renative android-wear apple-tv boilerplate cocoapods desktop firefox-tv firefoxox kaios kit kotlin multiplatform native osx smart-tv starter template tizen-mobile tizen-watch watch

universal-redux-template - A clean, extensible react + redux boilerplate with universal/isomorphic rendering, testing and more

•    Javascript

---

To bootstrap a React app development environment is not an easy task, there are so many libraries to setup, including webpack, babel, testing stuff and others. I'd like this boilerplate to be a ready-to-use one with the essential tools and the simplest logic that just work to build a universal rendering React + Redux app. That's why there is no fancy stuff in this app, since it's a basis of your killer app rather than a showcase one.

redux server-rendering isomorphic react starter-kit boilerplate

react-starter-kit - React Starter Kit — isomorphic web app boilerplate (Node

•    Javascript

---

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.

react graphql boilerplate reactjs webpack babel browsersync flux redux nodejs ssr i18n

redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux

•    Javascript

---

Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.

react boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starter

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

•    Javascript

---

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

nativebase codepush redux react react-native android ios native native-base native-modules react-component navbar packager rnpm es6 react-native-code-push react-native-boilerplate react-native-with-redux react-native-with-redux-boilerplate native-base-boilerplate react-native-with-native-base

typescript-react-redux-example - Typescript, React, Redux, Webpack starter kit

•    

---

Typescript, React, Redux, Webpack starter kit

arc - React starter kit based on Atomic Design

•    Javascript

---

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.

react redux storybook boilerplate universal react-router redux-saga jest atomic-design styled-components isomorphic css-in-js starter-kit

fullstack-apollo-react-express-boilerplate-project - 💥A sophisticated Apollo in React and Express boilerplate project

•    Javascript

---

A full-fledged Apollo Server 2 with Apollo Client 2 starter project with React, Express and PostgreSQL. Since this boilerplate project is using PostgreSQL, you have to install it for your machine and get a database up and running. You find everything for the set up over here: Setup PostgreSQL with Sequelize in Express Tutorial. After you have created a database and a database user, you can fill out the environment variables in the server/.env file.

react reactjs react-apollo react-apollo-graphql apollographql apollo-client apollo-server apollo-server-express authentication authorization boilerplate fullstack

hackernews-react-graphql - Hacker News clone rewritten with universal JavaScript, using React and GraphQL

•    TypeScript

---

This project is a clone of hacker news rewritten with universal JavaScript, using React and GraphQL. It is intended to be an example or boilerplate to help you structure your projects using production-ready technologies.

hn hacker-news graphql react js node express nextjs apollo clone

whitestorm-typescript-boilerplate - 📦 🚀 TypeScript boilerplate for WhitestormJS using react/redux ⚛

•    Javascript

---

You can clone from this repository or install the latest version as a zip file. All commands defaults to development environment. You can set NODE_ENV to production or use the shortcuts below.

whitestormjs react redux typescript threejs boilerplate starter-kit react-redux whs whitestorm three.js webpack starter kit hot-reload react-hot-loader

react-fullstack-graphql - Starter projects for fullstack applications based on React & GraphQL.

•    Javascript

---

For a fully-fledged React & Apollo tutorial, visit How to GraphQL. You can more learn about the idea behind GraphQL boilerplates here. All projects are based on graphql-yoga & Apollo Client.

apollo react graphql graphcool relayjs apollographql graphql-subscriptions