ReactPro

webapsolution

Inniheldur auglýsingar

Um þetta forrit

ReactPro er alhliða kennsluforrit í Google Play Store hannað fyrir áhugafólk um React.js, frá byrjendum til lengra komna. Það býður upp á skref-fyrir-skref kennsluefni sem fjalla um kjarnahugtök eins og íhluti, ástand, leikmuni og króka, þar sem farið er yfir efni eins og API fyrir samhengi, hagræðingu afkasta. Notendavænt viðmót ReactPro og skipulögð námskeið gera það að kjörnu úrræði til að ná tökum á React.js á ferðinni.

Hér er listi yfir efni þessarar React.js kennslu:

1. Inngangur að React
- Hvað er React?
- Helstu eiginleikar React (Components, JSX, Virtual DOM)
- Að setja upp React (Create React app)

2. JSX: JavaScript XML
- JSX setningafræði og notkun
- Innfelling tjáningar í JSX
- Gerir JSX

3. Íhlutir í React
- Hagnýtir vs Class hluti
- Búa til og gera hluti
- Uppbygging íhluta og endurnýtanleiki

4. Leikmunir
- Senda gögn til íhluta með því að nota leikmuni
- Löggilding leikmuna
- Sjálfgefin leikmunir

5. Ástand og lífsferill
- Stjórna íhlutastöðu með 'useState'
- Uppfærsla ástand
- Skilningur á lífsferlisaðferðum (fyrir bekkjarhluta) og króka (eins og 'useEffect')

6. Meðhöndlun viðburða
- Bætir við viðburðahlustendum
- Meðhöndlun notendainntaks og viðburða
- Bindandi atburðastjórnun

7. Skilyrt flutningur
- Skilyrt endurgerð þætti
- Nota if/else staðhæfingar og þrískiptingar í JSX

8. Listar og lyklar
- Gerir lista í React
- Notkun `map()` aðgerðarinnar til að sýna kraftmikið efni
- Mikilvægi lykla í React listum

9. Eyðublöð í React
- Stýrðir vs óstýrðir íhlutir
- Meðhöndlun eyðublaða
- Afhending eyðublaða og staðfesting

10. Lifting State Up
- Samnýting ástand milli íhluta
- Lyfta ástand upp í sameiginlegan forföður

11. React Router
- Setja upp React Router fyrir siglingar
- Skilgreina leiðir og tengla
- Hreiður leiðir og leiðarbreytur

12. Yfirlit yfir króka
- Kynning á React krókum
- Algengar krókar: `useState`, `useEffect`, `useContext`
- Sérsniðnir krókar (valfrjálst)

13. Stíll í React
- Inline stíll
- CSS stílblöð og einingar
- CSS-í-JS bókasöfn (t.d. stílaðir hlutir)

14. Grunnkembiforrit og verkfæri fyrir þróunaraðila
- Notkun React Developer Tools
- Kembi algengar villur

15. Að setja upp React app
- Byggja appið fyrir framleiðslu
- Uppsetningarvalkostir (Netlify, Vercel, GitHub síður)

Þetta myndi ná yfir grunnhugtökin og koma einhverjum af stað með React!



Ítarleg efni:
16. Context API og State Management
- Skilningur á React Context API
- Notkun samhengis til að koma í veg fyrir stunguboranir
- Samhengi vs ríkisstjórnunarsöfn (Redux, MobX)
- Hvenær og hvers vegna á að nota ríkisstjórnunarsöfn

17. Advanced Hooks
- Ítarleg skoðun á 'useReducer' fyrir flókna ríkisstjórnun
- Notkun "useMemo" og "useCallback" til að fínstilla árangur
- Að skilja og nota 'useRef' fyrir DOM meðhöndlun og þrautseigju
- Að búa til sérsniðna króka til að hylja endurnýtanlega rökfræði

18. Hluti af hærri röð (HOC)
- Að skilja íhluti af hærri röð
- Að búa til HOC til að auka virkni
- Notaðu dæmi og bestu starfsvenjur
- Samanburður við Render Props

19. Gerðu leikmunstur
- Hvað eru Render Props?
- Að búa til og nota íhluti með leikmuni
- Hvenær á að nota render props vs HOCs

20. Villumörk
- Að skilja villumörk í React
- Innleiða villumörk með því að nota `componentDidCatch`
- Villa við meðferð bestu starfsvenja í React

Nýjungar

React js basic to advanced