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 💖
Made with Slides.com