scottmcpherson/react-redux-graphql-passport-starter

React redux hot starter - apollo-graphql backend api, with mongo, passport-jwt supported

react-redux-graphql-passport-starter

an example for react-redux apollo/graphql application, with mongo passport backend support.

About

This is a starter boilerplate app I've put together using the following technologies:

• React
• React Router
• Redux's futuristic Flux implementation
• React Router Redux Redux/React Router bindings.
• redux-form to manage form state in Redux
• graphql GraphQL is a query language and execution engine tied to any backend service.
• graphql-server-express GraphQL Server is a community-maintained open-source GraphQL server.
• react-apollo Use your GraphQL server data in your React components, with the Apollo Client.
• apollo-client Apollo Client can be used in any JavaScript frontend where you want to use data from a GraphQL server.
• Express
• Mongoose
• passport
• passport-local
• Babel for ES6 and ES7 magic
• Webpack for bundling
• Webpack Dev Middleware
• Webpack Hot Middleware
• Redux Dev Tools for next generation DX (developer experience). Watch Dan Abramov's talk.
• style-loader, sass-loader and less-loader to allow import of stylesheets in plain css, sass and less,

Installation

npm install

Running Dev Server

npm run start-api
npm start

Building and Running Production Server

npm run build
npm start

Explanation

Client Side

Use react-apollo and apollo-client to fetch data via graphql api.

API Server

Express with apollo server, using passport to authenticate.

---

Thanks for checking this out.

– Scott, Tian, [shaoqin.tian@hpe.com]