ReactPro

webapsolution

Yra skelbimų

Apie šią programą

„ReactPro“ yra išsami mokymosi programa „Google Play“ parduotuvėje, skirta React.js entuziastams – nuo ​​pradedančiųjų iki pažengusių vartotojų. Ji siūlo nuoseklias mokymo programas, apimančias pagrindines sąvokas, tokias kaip komponentai, būsena, rekvizitai ir kabliukai, ir pereina prie tokių temų kaip konteksto API, našumo optimizavimas. Patogi „ReactPro“ sąsaja ir struktūriniai kursai daro jį idealiu šaltiniu įsisavinti React.js kelyje.

Štai šios React.js mokymo programos temų sąrašas:

1. Įvadas į React
– Kas yra Reaguoti?
- Pagrindinės „React“ funkcijos (komponentai, JSX, virtualus DOM)
- „React“ diegimas (sukurkite „React“ programą)

2. JSX: JavaScript XML
- JSX sintaksė ir naudojimas
- išraiškų įterpimas į JSX
- JSX atvaizdavimas

3. React komponentai
- Funkciniai ir klasės komponentai
- Komponentų kūrimas ir atvaizdavimas
- Komponentų struktūra ir pakartotinis naudojimas

4. Rekvizitas
- Duomenų perdavimas komponentams naudojant rekvizitus
- Prop patvirtinimas
- Numatytieji rekvizitai

5. Būsena ir gyvavimo ciklas
– Komponento būsenos valdymas naudojant „useState“.
- Atnaujinama būsena
- Suprasti gyvavimo ciklo metodus (klasės komponentams) ir kabliukus (pvz., „useEffect“)

6. Įvykių tvarkymas
- Įvykių klausytojų pridėjimas
- Vartotojo įvesties ir įvykių tvarkymas
- Įpareigojantys įvykių tvarkytojai

7. Sąlyginis atvaizdavimas
- Elementų atvaizdavimas sąlygiškai
- Jei/else teiginių ir trijų dalių operatorių naudojimas JSX

8. Sąrašai ir raktai
- Pateikti sąrašus „React“.
- Funkcijos „map()“ naudojimas dinaminiam turiniui rodyti
- Raktų svarba React sąrašuose

9. Formos React
- Valdomi ir nekontroliuojami komponentai
- Formos įvesties tvarkymas
- Formos pateikimas ir patvirtinimas

10. Lifting State Up
- Būsenos bendrinimas tarp komponentų
- Pakeliama būsena iki bendro protėvio

11. React Router
- „React Router“ nustatymas navigacijai
- Maršrutų ir nuorodų nustatymas
- Įdėti maršrutai ir maršruto parametrai

12. Kabliukų apžvalga
– „React“ kabliukų įvadas
– Įprasti kabliukai: „useState“, „useEffect“, „useContext“
- Individualūs kabliukai (pasirinktinai)

13. Stilius „React“.
- Inline stilius
- CSS stilių lentelės ir moduliai
– CSS-in-JS bibliotekos (pvz., stiliaus komponentai)

14. Pagrindiniai derinimo ir kūrėjo įrankiai
– React Developer Tools naudojimas
- Įprastų klaidų derinimas

15. „React“ programos diegimas
- Kurti programėlę gamybai
- Diegimo parinktys („Netlify“, „Vercel“, „GitHub“ puslapiai)

Tai apimtų pagrindines koncepcijas ir paskatintų ką nors pradėti dirbti su React!



Išplėstinės temos:
16. Kontekstas API ir valstybės valdymas
- React Context API supratimas
- Konteksto naudojimas, kad būtų išvengta atraminio gręžimo
– Kontekstas ir valstybės valdymo bibliotekos („Redux“, „MobX“)
– Kada ir kodėl naudotis valstybės valdymo bibliotekomis

17. Pažangūs kabliukai
- Išsamiai pažvelkite į „useReducer“, skirtą sudėtingam būsenos valdymui
- „useMemo“ ir „useCallback“ naudojimas našumui optimizuoti
- Suprasti ir naudoti „useRef“ DOM manipuliavimui ir patvarumui
- Pasirinktinių kabliukų kūrimas, kad būtų galima įtraukti daugkartinio naudojimo logiką

18. Aukštesnės eilės komponentai (HOC)
- Aukštesnės eilės komponentų supratimas
- HOC kūrimas, siekiant pagerinti funkcionalumą
- Naudojimo atvejai ir geriausia praktika
- Palyginimas su atvaizdavimo rekvizitais

19. Render Props Pattern
– Kas yra atvaizdavimo rekvizitai?
- Komponentų su atvaizdavimo rekvizitais kūrimas ir naudojimas
– Kada naudoti atvaizdavimo rekvizitus ir HOC

20. Klaidų ribos
- „React“ klaidų ribų supratimas
- Klaidų ribų diegimas naudojant „componentDidCatch“.
– Klaida apdorojant geriausią „React“ praktiką

Kas naujo

React js basic to advanced