ReactPro

webapsolution

Ietver reklāmas

Par šo lietotni

ReactPro ir visaptveroša mācību lietotne Google Play veikalā, kas paredzēta React.js entuziastiem — no iesācējiem līdz pieredzējušiem lietotājiem. Tā piedāvā soli pa solim apmācības, kas aptver pamatjēdzienus, piemēram, komponentus, stāvokli, rekvizītus un āķus, pārejot uz tādām tēmām kā konteksta API, veiktspējas optimizācija. ReactPro lietotājam draudzīgais interfeiss un strukturētie kursi padara to par ideālu resursu React.js apgūšanai, atrodoties ceļā.

Šeit ir šīs React.js apmācības tēmu saraksts:

1. Ievads React
- Kas ir React?
- React galvenās funkcijas (komponenti, JSX, virtuālais DOM)
- React instalēšana (izveidot React lietotni)

2. JSX: JavaScript XML
- JSX sintakse un lietojums
- Izteicienu iegulšana JSX
- JSX renderēšana

3. Sastāvdaļas programmā React
- Funkcionālie un klases komponenti
- Komponentu izveide un renderēšana
- Komponentu struktūra un atkārtota izmantošana

4. Rekvizīti
- Datu nodošana komponentiem, izmantojot rekvizītus
- Prop validācija
- Noklusējuma rekvizīti

5. Stāvoklis un dzīves cikls
- Komponenta stāvokļa pārvaldība ar "useState".
- Atjaunināšanas stāvoklis
- Izpratne par dzīves cikla metodēm (klases komponentiem) un āķiem (piemēram, "useEffect")

6. Notikumu apstrāde
- Notikumu klausītāju pievienošana
- lietotāja ievades un notikumu apstrāde
- Saistoši notikumu apstrādātāji

7. Nosacītā renderēšana
- Renderēšanas elementi nosacīti
- If/else priekšrakstu un trīskāršu operatoru izmantošana JSX

8. Saraksti un atslēgas
- Renderēšanas saraksti programmā React
- Funkcijas "map()" izmantošana, lai parādītu dinamisku saturu
- Atslēgu nozīme React sarakstos

9. Veidlapas programmā React
- Kontrolēti un nekontrolēti komponenti
- Veidlapu ievades apstrāde
- Veidlapas iesniegšana un apstiprināšana

10. Pacelšanas stāvoklis uz augšu
- Koplietošanas stāvoklis starp komponentiem
- Pacelšanas stāvoklis līdz kopējam priekštecim

11. Reaģējiet maršrutētāju
- React Router iestatīšana navigācijai
- Maršrutu un saišu noteikšana
- Ligzdotie maršruti un maršruta parametri

12. Āķu pārskats
- Ievads React āķiem
- Izplatītākie āķi: "useState", "useEffect", "useContext"
- pielāgoti āķi (pēc izvēles)

13. Stils programmā React
- Iekļauts stils
- CSS stilu lapas un moduļi
- CSS-in-JS bibliotēkas (piem., stila komponenti)

14. Pamatatkļūdošanas un izstrādātāja rīki
- Izmantojot React izstrādātāja rīkus
- Bieži sastopamo kļūdu atkļūdošana

15. React lietotnes izvietošana
- Lietotnes izveide ražošanai
- Izvietošanas iespējas (Netlify, Vercel, GitHub lapas)

Tas aptvertu pamatjēdzienus un palīdzētu kādam sākt darbu ar React!



Papildu tēmas:
16. Konteksta API un valsts vadība
- React Context API izpratne
- Konteksta izmantošana, lai izvairītos no balsta urbšanas
- Konteksts salīdzinājumā ar štata pārvaldības bibliotēkām (Redux, MobX)
- Kad un kāpēc izmantot valsts pārvaldes bibliotēkas

17. Uzlaboti āķi
- Detalizēts apskats `useReducer` kompleksai stāvokļa pārvaldībai
- Izmantojiet "useMemo" un "useCallback" veiktspējas optimizēšanai
- Izpratne un izmantošana "useRef" DOM ​​manipulācijām un noturībai
- Pielāgotu āķu izveide, lai iekapsulētu atkārtoti lietojamu loģiku

18. Augstākās kārtas komponenti (HOC)
- Izpratne par augstākās pakāpes komponentiem
- HOC izveide, lai uzlabotu funkcionalitāti
- Izmantošanas gadījumi un labākā prakse
- Salīdzinājums ar Render Props

19. Render Props Pattern
- Kas ir renderēšanas rekvizīti?
- Komponentu izveide un izmantošana ar renderēšanas rekvizītiem
- Kad izmantot renderēšanas rekvizītus salīdzinājumā ar HOC

20. Kļūdu robežas
- React kļūdu robežu izpratne
- Kļūdu robežu ieviešana, izmantojot “componentDidCatch”.
- Kļūda, apstrādājot React paraugpraksi

Jaunumi

React js basic to advanced