Schița de curs
Introducere
- React vs Angular și alte cadre
Înțelegerea React
- JSX, Componente și elemente de recuzită, Ciclul de viață al componentelor etc.
- Gestionarea stării aplicației versus starea datelor
Scrierea React Aplicații cu ES6
- Sintaxă și caracteristici ES6+ de care trebuie să fiți atenți
Crearea mediului de dezvoltare
Prezentare generală a Node.js
Instalare și configurare Node.js
Prezentare generală a Webpack și Babel
- Înțelegerea „transformarii” (traducerea JSX în JavaScript)
Instalarea și configurarea Webpack
Instalarea și configurarea Babel
Instalarea React și ReactDOM
Scrierea primei React cereri
Configurarea WebPack pentru a urmări modificările la fișierele sursă
Configurarea npm ca Tool Runner
Extinderea aplicației React cu componente noi
Implementați Flux și Arhitectura Redux într-o aplicație React.
Înțelegerea fluxului și Redux
- Componente fără stat, acțiuni, reductoare, dispeceri, middleware, containere etc.
Construirea mai multor vizualizări în aplicația React.
Instalare și configurare Redux
Crearea unei liste simple de activități cu Flux/Redux (cu API-ul server simulat)
Integrarea unui backend cu aplicația dvs. React: GraphQL și Apollo
Prezentare generală a GraphQL
- Tipuri de date, scheme, structură grafică și integrare cu React
- Limitările de rutare odihnitoare
- GraphQL vs SQL
Scrierea unei interogări GraphQL.
Autentificarea utilizatorilor
Integrarea React Router-ului cu GraphQL
Construirea unui blog simplu cu React și GraphQL
Testarea aplicației dvs. React.
Procesarea React Aplicații cu Scripturi de linie de comandă npm
Depanare
Structurarea depozitului de aplicații
Cele mai bune practici pentru scrierea codului React.
Implementarea aplicației dvs. React.
A Word pe aplicațiile mobile cu React nativ
Rezumat și Concluzie
Cerințe
- Experiență în dezvoltarea de aplicații web
- Experiență de programare JavaScript .
- Familiaritate cu React .
Audiență
- Dezvoltatorii
Mărturii (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Curs - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.