Schița de curs
Dezvoltarea aplicațiilor front-end moderne
- prezentare generală și asemănări între React, Angular, Vue.js
- randare declarativă
- componente - definirea tagurilor HTML personalizate
- folosirea create-react-app pentru inițializarea unui proiect React
JavaScript modern
- dezvoltare folosind node.js și npm
- versiuni JavaScript
- lucrul cu module
- funcții și funcții arrow
- clase
- programare funcțională în JavaScript (map, filter, ...)
TypeScript
- tipizare statică vs dinamică
- declararea tipurilor variabilelor, funcțiilor și claselor
- tipuri de date de bază
- tupluri, obiecte
- interfețe
- generice
Limbajul de template React
- limbaj de template bazat pe JavaScript: JSX
- setarea proprietăților elementelor
- repetarea elementelor
- if / else
- evenimente
- clase și stiluri CSS
Gestionarea stării în React
- setarea și schimbarea stării aplicației
- folosirea state hook și setState
- capturarea conținutului elementelor de input în stare
Componente: blocurile de construcție ale aplicațiilor web moderne
- definirea tagurilor HTML personalizate în React
- state, props & evenimente
- fluxul datelor între componente
- componente funcție și componente clasă
- folosirea hooks în componentele funcție
- evenimentele ciclului de viață al componentelor (mount, update, unmount)
- includerea componentelor predefinite dintr-o bibliotecă
Managementul stării cu Redux
- bazele Redux: managementul stării cu funcții pure, reduceri și date imutabile
- folosirea reducer hook în React
- integrarea Redux într-o aplicație React
- componente de prezentare și componente container
- ecosistemul Redux
- gestionarea evenimentelor asincrone cu Thunk
- preluarea datelor dintr-un API REST
Instrumente pentru dezvoltatori și testare
- instrumente pentru dezvoltatori React
- instrumente pentru dezvoltatori Redux
- testarea JavaScript cu Jest
- testarea reducerilor
- testarea componentelor React
React Router
- rutare pe partea de client
- afișarea unor view-uri diferite în funcție de ruta curentă din browser
Dezvoltarea de aplicații cu React
- prezentare pe scurt a React Native
- crearea unei aplicații mobile și desktop instalabile cu Progressive Web Apps
- comparație între Progressive Web Apps și aplicațiile native
Cerințe
- noțiuni de bază HTML
- experiență cu JavaScript
Mărturii (7)
A fost foarte util să înțeleg în sfârșit temeinic câteva dintre conceptele de bază din React, în special lucruri precum state și hooks. Łukasz a oferit explicații foarte clare și a fost deschis să experimenteze cu exemple practice pentru a clarifica întrebările suplimentare pe care le-am avut.
Hayden Pike - Powerlink Queensland
Curs - React, Redux and TypeScript
Tradus de catre o masina
Detaliiile, modul de explicare și calma și încrederea pe care instrucționarul le inspire.
Cosmin Ghergheles - Ness
Curs - React, Redux and TypeScript
Tradus de catre o masina
A abordat componentele de bază
Valentin
Curs - React, Redux and TypeScript
Tradus de catre o masina
Enthusiasmul lui Lukasz.
Eloise Phelps - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
Cum Luke a făcut un efort bun pentru a ajuta persoanele individual atunci când aveau probleme cu rularea codului. Luke a fost extrem de prietenos și s-a înțeles bine cu participanții la curs.
Jonathan Grout - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
Implicarea instrctorului cu toți participanții a fost excelentă, fiecare a primit ajutor în vreo fază a cursului. A fost o experiență foarte bună în general, mai ales pentru persoanele care nu erau familiarizate cu subiectul.
Tayyab Ejaz Mushtaq - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
M-a plăcut faptul că s-a simțit ca un mediu sigur și nu m-am simțit intimidat să împărtășesc ecranul și dificultățile mele cu instrucționist sau grup.
Wanda Hawkins-Kavanagh - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
