ReactPro

webapsolution

Iragarkiak ditu

Aplikazio honi buruz

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

Berritasunak

React js basic to advanced