azinit / example-graphql-react-typescript

Lightweight example of react app with graphql and ts support

React App with graphql + ts

React app example with data fetching by graphql

Actual implementation for 2020

• api source: https://graphqlzero.almansi.me/

Tech stack

• UI: react, antd, classnames
• Lang: typescript (3.7+)
• Fetching: graphql, apollo-client (3+)
  • API Codegen: graphql-codegen
• Routing: react-router

---

Usage

Start local stand

# install deps
npm i
# run stand
npm run start

Generate api

# update local api once
npm run api:gen
# update by changes (watch)
npm run api:gen--watch

(IN PLAN) Run linter

npm run lint:fix

(IN PLAN) Run tests

# Run all tests
npm run test
# Run unit tests
npm run unit
# Run lint tests
npm run lint

---

Structure

• STRUCTURE.MD

Recommendations

• RECOMMENDATIONS.MD

FAQ

• Q: Show me code!
• A: pages/tasks-list