ReactPro Google Play Store-ko ikasteko aplikazio integrala da React.js-en zaleentzat, hasiberrietatik hasi eta aurreratuetaraino. Osagaiak, egoera, atrezzoak eta kakoak bezalako oinarrizko kontzeptuak biltzen dituzten pausoz pauso tutorialak eskaintzen ditu, testuinguruaren APIa, errendimenduaren optimizazioa bezalako gaietara aurreratuz. ReactPro-ren interfaze atsegina eta ikastaro egituratuak baliabide ezin hobea da React.js edonon menderatzeko.
Hona hemen React.js tutorial honetako gaien zerrenda:
1. React-en sarrera
- Zer da Erreakzioa?
- React-en ezaugarri nagusiak (Osagaiak, JSX, DOM birtuala)
- React instalatzea (Sortu React aplikazioa)
2. JSX: JavaScript XML
- JSX sintaxia eta erabilera
- Adierazpenak JSXn txertatzea
- JSX errendatzea
3. Osagaiak Erreakzioan
- Osagai funtzionalak vs Klaseak
- Osagaiak sortzea eta errendatzea
- Osagaien egitura eta berrerabilgarritasuna
4. Atrezzoa
- Datuak osagaiei atrezzoa erabiliz pasatzea
- Atrebaren balioztapena
- Atrezzo lehenetsiak
5. Egoera eta Bizi-zikloa
- `useState`-rekin osagaien egoera kudeatzea
- Egoera eguneratzea
- Bizi-zikloko metodoak ulertzea (klase osagaietarako) eta amuak (`useEffect` adibidez)
6. Gertaerak kudeatzea
- Gertaeren entzuleak gehitzea
- Erabiltzaileen sarrerak eta gertaerak kudeatzea
- Gertaeren kudeatzaile lotesleak
7. Baldintzapeko errendaketa
- Elementuak baldintzapean errendatzea
- If/else adierazpenak eta operadore ternarioak JSXn erabiltzea
8. Zerrendak eta gakoak
- Zerrendak errendatzea React-en
- `map()` funtzioa erabiltzea eduki dinamikoa bistaratzeko
- Gakoen garrantzia React zerrendetan
9. Formak Erreakzioan
- Kontrolatutako osagaiak vs Kontrolik gabeko osagaiak
- Inprimaki-sarrerak kudeatzea
- Inprimakia aurkeztea eta baliozkotzea
10. Egoera altxatzea
- Osagaien arteko egoera partekatzea
- Arbaso arrunt batera igotzeko egoera
11. Erreakzio bideratzailea
- Nabigaziorako React Router konfiguratzea
- Ibilbideak eta loturak zehaztea
- Habiaraturiko ibilbideak eta ibilbide-parametroak
12. Amuen ikuspegi orokorra
- React gantxoen sarrera
- Amu arruntak: `useState`, `useEffect`, `useContext`
- Kako pertsonalizatuak (aukerakoa)
13. Estilizazioa React-en
- Lineako estiloa
- CSS estilo-orriak eta moduluak
- CSS-in-JS liburutegiak (adibidez, estilodun osagaiak)
14. Oinarrizko arazketa eta garatzaile tresnak
- React Developer Tools erabiliz
- Ohiko erroreak araztea
15. React aplikazioa zabaltzea
- Ekoizpenerako aplikazioa eraikitzea
- Inplementazio aukerak (Netlify, Vercel, GitHub orriak)
Honek oinarrizko kontzeptuak estaliko lituzke eta norbaitek React-ekin hasi!
Gai aurreratuak:
16. Testuinguruaren APIa eta Estatuaren kudeaketa
- React Context APIa ulertzea
- Testuingurua erabiltzea atrezzo zulaketa saihesteko
- Testuingurua eta egoera kudeaketa liburutegiak (Redux, MobX)
- Noiz eta zergatik erabili estatuko kudeaketa liburutegiak
17. Amu aurreratuak
- `useReducer`-en begirada zehatza egoeraren kudeaketa konplexurako
- `useMemo` eta `useCallback` erabiltzea errendimendua optimizatzeko
- `useRef` ulertzea eta erabiltzea DOM manipulaziorako eta iraunkortasunerako
- Logika berrerabilgarria kapsulatzeko kako pertsonalizatuak sortzea
18. Goi-ordenako osagaiak (HOC)
- Goi-mailako osagaiak ulertzea
- HOC-ak sortzea funtzionaltasuna hobetzeko
- Erabilera kasuak eta jardunbide egokiak
- Errendatzeko atrezzoekin alderatzea
19. Errendatzeko Atrezzoen Eredua
- Zer dira Render Props?
- Errendatzeko atrezzoekin osagaiak sortzea eta erabiltzea
- Noiz erabili errendatzeko atrezzoak vs HOCak
20. Erroreen mugak
- Erroreen mugak ulertzea React-en
- Erroreen mugak ezartzea `componentDidCatch` erabiliz
- Errore bat gertatu da React-en jardunbide egokiak kudeatzen
Azken eguneratzea
2024(e)ko urr. 26(a)