ReactPro

webapsolution

Obsahuje reklamy

Informácie o aplikácii

ReactPro je komplexná vzdelávacia aplikácia v obchode Google Play určená pre nadšencov React.js, od začiatočníkov až po pokročilých používateľov. Ponúka podrobné návody pokrývajúce základné koncepty, ako sú komponenty, stav, rekvizity a háčiky, postupujúce k témam, ako je kontextové API, optimalizácia výkonu. Užívateľsky prívetivé rozhranie a štruktúrované kurzy ReactPro z neho robia ideálny zdroj na zvládnutie React.js na cestách.

Tu je zoznam tém tohto tutoriálu React.js:

1. Úvod do Reactu
- Čo je React?
- Kľúčové vlastnosti Reactu (komponenty, JSX, Virtual DOM)
- Inštalácia React (Vytvoriť aplikáciu React)

2. JSX: JavaScript XML
- JSX syntax a použitie
- Vkladanie výrazov do JSX
- Vykresľovanie JSX

3. Komponenty v React
- Funkčné vs komponenty triedy
- Vytváranie a vykresľovanie komponentov
- Štruktúra komponentov a ich opätovné použitie

4. Rekvizity
- Odovzdávanie údajov komponentom pomocou rekvizít
- Overenie rekvizity
- Predvolené rekvizity

5. Stav a životný cyklus
- Správa stavu komponentu pomocou `useState`
- Aktualizácia stavu
- Pochopenie metód životného cyklu (pre komponenty triedy) a háčikov (ako „useEffect“)

6. Manipulácia s udalosťami
- Pridanie poslucháčov udalostí
- Spracovanie používateľských vstupov a udalostí
- Obslužné programy viazania udalostí

7. Podmienené vykresľovanie
- Podmienečné vykresľovanie prvkov
- Používanie príkazov if/else a ternárnych operátorov v JSX

8. Zoznamy a kľúče
- Vykresľovanie zoznamov v React
- Použitie funkcie `map()` na zobrazenie dynamického obsahu
- Dôležitosť kľúčov v zoznamoch React

9. Forms in React
- Kontrolované verzus nekontrolované komponenty
- Manipulácia s formulárovými vstupmi
- Odoslanie a overenie formulára

10. Zdvíhací stav hore
- Zdieľanie stavu medzi komponentmi
- Pozdvihnutie stavu až po spoločného predka

11. React Router
- Nastavenie smerovača React Router pre navigáciu
- Definovanie trás a spojení
- Vnorené trasy a parametre trasy

12. Prehľad háčikov
- Úvod do React hooks
- Bežné háčiky: `useState`, `useEffect`, `useContext`
- Vlastné háčiky (voliteľné)

13. Styling v React
- Inline styling
- CSS štýly a moduly
– Knižnice CSS-in-JS (napr. komponenty so štýlom)

14. Základné nástroje na ladenie a vývojárov
- Používanie nástrojov pre vývojárov React
- Ladenie bežných chýb

15. Nasadenie aplikácie React
- Vytváranie aplikácie pre produkciu
- Možnosti nasadenia (Netlify, Vercel, GitHub Pages)

To by pokrylo základné koncepty a prinútilo niekoho začať s React!



Pokročilé témy:
16. Kontextové API a riadenie stavu
- Pochopenie React Context API
- Používanie kontextu, aby ste sa vyhli vŕtaniu podpier
- Kontextové verzus štátne riadiace knižnice (Redux, MobX)
- Kedy a prečo využívať štátne manažérske knižnice

17. Pokročilé háky
- Podrobný pohľad na `useReducer` pre komplexné riadenie stavu
- Použitie `useMemo` a `useCallback` na optimalizáciu výkonu
- Pochopenie a používanie `useRef` na manipuláciu a pretrvávanie DOM
- Vytváranie vlastných háčikov na zapuzdrenie opakovane použiteľnej logiky

18. Komponenty vyššieho rádu (HOC)
- Pochopenie komponentov vyššieho rádu
- Vytváranie HOC na zlepšenie funkčnosti
- Prípady použitia a osvedčené postupy
- Porovnanie s Render Props

19. Vykreslenie vzoru rekvizít
- Čo sú Render Props?
- Vytváranie a používanie komponentov s renderovacími rekvizitami
- Kedy použiť rekvizity vykresľovania verzus HOC

20. Hranice chýb
- Pochopenie hraníc chýb v React
- Implementácia hraníc chýb pomocou `componentDidCatch`
- Chyba pri spracovaní osvedčených postupov v React

Novinky

React js basic to advanced