Level-up: GraphQL i Frontend
Insomnia är din bästa vän
Workflow
Jag ska bara göra backend GraphQL
- Efter man är klar, bygg backend ☕
- Uppdatera schema
- Kör Build.ps1 för att säkerställa att allt byggs (typerna genereras automatiskt där)
- Om det failar, måste man fixa frontend 😒
- Om det finns ändringar i genererade typer, är det en stor chans att något kommer break:a 🤔
Workflow
Jag ska bara göra frontend GraphQL
- Kan behöva bygga backend ☕
- schema.json borde redan vara up-to-date
- Skapa nya queries osv
- Generera om typerna, kör vidare som vanligt
Workflow
Jag ska köra fullstack
- Fixa backend och bygg ☕
- Uppdatera schemat
- Skriva nya queries osv
- Generera om typerna
-
npm start ac-my-view
Felsökning
1. Det smäller när jag försöker hämta schema eller generera typer 💥
- Först kolla att backend är byggt
- Dubbelkolla att hela solutionen är byggt 😂
- Kolla om man får samma fel i Insomnia
Felsökning
2. Jag kan inte hämta schemat, får 401 eller annat skumt fel
- Kolla att backend är byggt ☕
- Kolla om apollo.config.remote och .env pekar mot rätt lokala miljö
- Kolla om det funkar i Insomnia
Felsökning
3. Jag kan inte hämta schemat, apollo smäller 🧨
- Kolla att backend är byggt
- Kan bero på att något är riktigt fel i GraphQL backend med typerna
- Kolla om det funkar i Insomnia
- Google 😥
Felsökning
4. Jag kör frontend, har byggt backend, men den säger att queries/mutations som jag vet finns i api:et inte finns
- Kolla att backend är byggt
- Säkerställ att det går genom insomnia
- Troligtvis var schemat inte uppdaterad när backend mergades
- Uppdatera schemat och allt borde börja funka igen 💖
Confluence 💖
deck
By margaretkru
deck
- 175