Last updated
Kurskode
reactrelaygraphql
Varighet
14 timer (vanligvis 2 dag inkludert pauser)
Krav
- An understanding of APIs
Audience
- Developers
Oversikt
I årene etter 2010 krevde overgangen fra native webplattformer til deres mobile motpart et mer effektivt dataforespørgselssystem. På den tiden stolte selskaper på RESTful-tjenester som viste seg å være feil på grunn av deres manglende evne til å tilpasse seg omviklede forespørsler i React applikasjoner, noe som resulterte i langsomme responstid. For å overvinne denne hindringen opprettet Facebook ingeniører tjenester kjent som GraphQL og Relay. GraphQL forenkler GraphQL mellom klient og API ved å automatisere forespørsler mens Java Script-rammeverket, Relay, administrerer data i React applikasjoner. Både Relay og GraphQL brukes for å optimalisere et React applikasjonsgrensesnitt.
Denne instruktørledede, GraphQL (på stedet eller ekstern) er rettet mot utviklere som ønsker å bruke GraphQL og Relay til å administrere data i React applikasjoner.
Ved slutten av denne opplæringen vil deltakerne kunne:
- Sett opp nødvendig utviklingsmiljø for å starte datakontroll for React applikasjoner.
- Lever øyeblikkelig UI-respons interaksjoner.
- Samle data fra flere biblioteker til ett praktisk API.
- Forhåndshenting ved hjelp av GraphQL og Relay.
Kursets format
- Interaktiv forelesning og diskusjon.
- Masse øvelser og trening.
- Praktisk implementering i et live-lab-miljø.
Alternativer for tilpasning av kurset
- For å be om en tilpasset opplæring for dette kurset, vennligst kontakt oss for å avtale.
Machine Translated
Kursplan
Introduction
Overview of the Web Development Cycle
- Version control, coding, building, testing, and deploying
- Automating the process
The Fundamentals of APIs and Their Functionality
- Web Architecture Patterns: the composite pattern, proxy pattern, and facade pattern
- Operations: queries and mutations
Preparing the Development Environment
- Preparing the code repository (GitHub, GitLab, etc.)
- Installing NPM
- Preparing file dependencies
Developing an Application
- Creating a data-store that loads data folder content
- Creating a server file and configuring GraphQL
- Run React with Relay as the JavaScript framework
- Automating work with pre-fetching
- Using differed queries, define properties to find critical data
- Code-splitting data using Relay
Testing the Application
- Finding code errors with JSHint
- Testing optimization with web.dev
Securing the Application
- Authenticating users
Troubleshooting
Summary and Conclusion