the-road-to-graphql/react-graphql-github-apollo

JavaScriptrobinwieruch.de/react-with-graphql-tutorial

🚀 A React + Apollo + GraphQL GitHub Client. Your opportunity to learn about these technologies in a real world application.

reactgraphqlapolloapollo-clientapollographqlreact-apolloreact-router-v4githubgithub-apigithub-clientgithub-graphql
Star 增长趋势
Star
1.6k
Forks
217
周增长
+0
Issues
6
5001k1.5k
2018年2月2020年12月2023年10月2026年9月
制品库npm
README

A React + Apollo + GraphQL GitHub Client

Build Status Slack Greenkeeper badge

Features

  • React 16 with create-react-app
  • Responsive
  • React Router 4
  • Apollo with GitHub GraphQL API
    • Queries and Mutations with render props
    • Optimistic Updates
    • Pagination
    • Optimistic Fetch (e.g. Issues)
      • not everywhere for the purpose of demonstrating though

Installation

  • git clone git@github.com:the-road-to-graphql/react-graphql-github-apollo.git
  • cd react-graphql-github-apollo
  • add your own GitHub personal access token in a .env file in your root folder
    • scopes/permissions you need to check: admin:org, repo, user, notifications
    • REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN=xxxXXX
  • npm install
  • npm start
  • visit http://localhost:3000

Contributing

Want to learn more about React + GraphQL + Apollo?

相关仓库
freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

TypeScriptnpmtutorialBSD 3-Clause "New" or "Revised" Licenselearn-to-codenonprofits
contribute.freecodecamp.org
455.2k46.2k
react/react

The library for web and native user interfaces.

JavaScriptnpmlibraryMIT Licensejavascriptreact
react.dev
249.7k51.3k
vercel/next.js

The React Framework

JavaScriptnpmlibraryMIT Licensereactserver-rendering
nextjs.org
142.2k31.9k
react/react-native

A framework for building native applications using React

C++MIT Licenseandroidapp-framework
reactnative.dev
126.5k25.2k
nextlevelbuilder/ui-ux-pro-max-skill

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

PythonPyPIskillMIT Licenseai-skillsantigravity
uupm.cc
126.2k13.5k
shadcn-ui/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

TypeScriptnpmMIT Licensecomponentsnextjs
ui.shadcn.com
123.4k10.2k
justjavac/free-programming-books-zh_CN

:books: 免费的计算机编程类中文书籍,欢迎投稿

awesomeGNU General Public License v3.0pythonjavascript
weibo.com/justjavac
118.8k28.3k
react/create-react-app

Set up a modern web app by running one command.

JavaScriptnpmMIT Licensereactzero-configuration
create-react-app.dev
103.3k26.9k
ant-design/ant-design

An enterprise-class UI design language and React UI library

TypeScriptnpmMIT Licensereactui-kit
ant.design
99.4k54.7k
mui/material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

JavaScriptnpmMIT Licensereact-componentsreact
mui.com/material-ui/
99k32.5k
oven-sh/bun

Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

Rustcrates.iolibraryOtherbunbundler
bun.com
95.9k5k
ruvnet/RuView

π RuView turns commodity WiFi signals into real-time spatial intelligence, vital sign monitoring, and presence detection — all without a single pixel of video.

Rustcrates.ioawesomeMIT Licensedenseposewifi
cognitum.one/RuView
92.8k12.3k