Edward's Tech Site

infos
- course online here:
  - ../building-a-graphql-project-with-react-jshttps://www.linkedin.com/learning/building-a-graphql-project-with-react-js
- created 2021
- project I'm creating while working through this tutorial
  - frontend
    - ../infogqlhttps://github.com/edwardtanguay/infogql
  - backend
    - ../infogql-backendhttps://github.com/edwardtanguay/infogql-backend
SECTION 1: Getting Started
- Installing requirements
  - Git
  - Node
  - React Developer Tools
  - React Snippets in VSCode
  - JSX Snippets
  - using create-react-app
  - setting up site with Vite
    - I'm setting up with this template:
      - ../vite-react-menu-createbrowserrouter-contexthttps://github.com/edwardtanguay/vite-react-menu-createbrowserrouter-context
    - site here
      - ../infogqlhttps://github.com/edwardtanguay/infogql
- Analyzing the React installation
  - explains create-react-app app
- Customizing and adding modules
  - simplifies site
  - uses Bootstrap
  - boostrap icons
SECTION 2: GitHub's GraphQL Schema
- Exploring GraphQL
  - get the information you need with less requests
  - GitHub GraphQL API
    - ../explorerhttps://docs.github.com/en/graphql/overview/explorer
  - mine looks different
    - basic infos still work through
    - interface has changed
  - he will cover authentication
- Building queries
  - schema - how your data is structured
  - type Repository
  - two types of requests
    - queries
    - mutations
    - this course only queries
  - you don't need the word query
    - {
      user(login: "edwardtanguay") {
      login
      location
      bio
      }
      }
  - viewer
    - {
      viewer {
      login
      location
      bio
      }
      }
  - last 10 repositories of a user
    - {
      user(login: "edwardtanguay") {
      createdAt
      name
      repositories(last: 10) {
      nodes {
      id
      name
      createdAt
      }
      }
      }
      }
  - edges is how we paginate
- GitHub authentication tokens
  - GitHub Account
  - Settings
  - Developer settings
  - Personal access tokens
  - Tokens
  - Generate new token
  - Generate new token (classic)
    - note: GraphQL Site infogql
    - select various read rights
  - x make new site
    - ../vite-react-menu-createbrowserrouter-contexthttps://github.com/edwardtanguay/vite-react-menu-createbrowserrouter-context
    - based on ../vite-react-menu-createbrowserrouterhttps://github.com/edwardtanguay/vite-react-menu-createbrowserrouter
  - x add links back and forth
  - x update tech site starters
  - x remake this site based on context site
SECTION 3: Working with GraphQL Data
- Retrieving data
  - nnn
- nnn
  - nnn
- nnn
  - nnn
- nnn
  - nnn
- nnn
  - nnn
SECTION nnn: nnn
- nnn
  - nnn
- nnn
  - nnn
- nnn
  - nnn
- nnn
  - nnn
- nnn
  - nnn

Edward's Tech Site

this site made with Next.js 13, see the code