Schița de curs
Introducere
- React vs Angular și alte cadre
Înțelegerea React
- JSX, componente și propietăți, ciclul de viață al componentelor, etc.
- Gestionarea stării aplicației vs. stării datelor
Scrierea aplicațiilor React cu ES6
- Sintaxa și caracteristicile ES6+ de care să fie conștienti
Configurarea mediului de dezvoltare
Prezentare Node.js
Instalarea și configurarea Node.js
Prezentare Webpack și Babel
- Înțelegerea „transformării” (traducerea JSX în JavaScript)
Instalarea și configurarea Webpack
Instalarea și configurarea Babel
Instalarea React și ReactDOM
Scrierea primei aplicații React
Configurarea WebPack pentru a monitoriza schimbările în fișierele sursă
Configurarea npm ca rulitor de instrumente
Extinderea aplicației React cu noi componente
Implementarea arhitecturii Flux și Redux într-o aplicație React
Înțelegerea Flux și Redux
- Componente fără stare, acțiuni, reduceri, dispatcheri, middleware, containere, etc.
Construirea mai multor viziuni în aplicația React
Instalarea și configurarea Redux
Crearea unei liste de sarcini simple cu Flux/Redux (cu API server simulat)
Integrarea backend-ului cu aplicația React: GraphQL și Apollo
Prezentare GraphQL
- Tipuri de date, scheme, structură grafică și integrare cu React
- Limitările routing-ului Restful
- GraphQL vs SQL
Scrierea unei interogări GraphQL
Autentificarea utilizatorilor
Integrarea React Router cu GraphQL
Construirea unui blog simplu cu React și GraphQL
Testarea aplicației React
Procesarea aplicațiilor React folosind script-uri de linie de comandă npm
Soluționarea problemelor
Structurarea depozitului de cod al aplicației
Cele mai bune practici pentru scrierea codului React
Implementarea aplicației React
O cuvânt despre aplicațiile mobile cu React Native
Concluzii și rezumat
Cerințe
- Experiență în dezvoltarea aplicațiilor web
- Experiență în programare cu Javascript
- Familiarizare cu React
Audientă
- Dezvoltatori
Mărturii (2)
* Abordarea practică, care ne-a ajutat să înțelegem mai bine subiectul. * Flexibilitatea profesorului în abordarea temelor relevante pentru cazurile noastre de utilizare.
Juan Rial - Cegeka NV
Curs - Building Interactive Applications with React, Redux and GraphQL
Tradus de catre o masina
Deși deja aveam o cunoștință destul de bună a subiectului, am descoperit multe lucruri utile în timpul cursului.
Stefan-Lucian Bucur - Cegeka NV
Curs - Building Interactive Applications with React, Redux and GraphQL
Tradus de catre o masina