https://github.com/the-road-to-graphql/react-apollo-client-with-redux-example

A React application using Apollo Client for remote data and Redux for local data side by side for state management.
https://github.com/the-road-to-graphql/react-apollo-client-with-redux-example

apollo apollo-client apollographql local-state-management react react-apollo react-redux reactjs redux

Last synced: 2 months ago
JSON representation

A React application using Apollo Client for remote data and Redux for local data side by side for state management.

• Host: GitHub
• URL: https://github.com/the-road-to-graphql/react-apollo-client-with-redux-example
• Owner: the-road-to-graphql
• Created: 2018-05-02T05:38:28.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:42:04.000Z (about 5 years ago)
• Last Synced: 2025-04-20T03:49:50.194Z (2 months ago)
• Topics: apollo, apollo-client, apollographql, local-state-management, react, react-apollo, react-redux, reactjs, redux
• Language: JavaScript
• Homepage: https://www.robinwieruch.de/react-redux-apollo-client-state-management-tutorial
• Size: 2.17 MB
• Stars: 21
• Watchers: 3
• Forks: 8
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# react-apollo-client-with-redux-example

[![Build Status](https://travis-ci.org/the-road-to-graphql/react-apollo-client-with-redux-example.svg?branch=master)](https://travis-ci.org/the-road-to-graphql/react-apollo-client-with-redux-example)

 [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/the-road-to-graphql/react-apollo-client-with-redux-example.svg)](https://greenkeeper.io/)

A React application using Apollo Client for remote data and Redux for local data **side by side** for state management. While Redux is used to manage selected items as local data, the remaining queries and mutations from Apollo Client are used for remote data. [Read more about it here](https://www.robinwieruch.de/react-redux-apollo-client-state-management-tutorial).

## Installation

* `git clone [email protected]:the-road-to-graphql/react-apollo-client-with-redux-example.git`

* cd react-apollo-client-with-redux-example

* npm install

* [add your own REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN in .env file](https://help.github.com/articles/creating-a-personal-access-token-for-the-command-line/)

  * scopes/permissions you need to check: admin:org, repo, user, notifications

* npm start

* visit `http://localhost:3000`

## Want to learn more about React + GraphQL + Apollo?

* Don't miss [upcoming Tutorials and Courses](https://www.getrevue.co/profile/rwieruch)

* Check out current [React Courses](https://roadtoreact.com)