React from Scratch

Az útvonal

1. Renderelés, és hogy mit tesz a React

   Komponensek, JSX és a render-ciklus — annyi modell, amivel megjósolod, mi fut újra.

   Itt szállsz fel
   120 perc
2. Állapot, ami őszinte marad

   useState, származtatott értékek, állapot felemelése, és a két-igazságforrás hibája.

   120 perc
3. Effektek, és mikor nincs rájuk szükség

   Adatlekérés, feliratkozások és takarítás — és azok az effektek, amiket egyszerűen törölj.

   120 perc
4. Formok, validáció és optimista frissítések

   Kontrollált inputok, beküldési állapotok, és egy elbukott írás visszaforgatása.

   120 perc
5. Routing, adat és egy app alakja

   Route-szintű betöltés, layoutok, és ahol a szerver és a kliens találkozik.

   120 perc
6. Kiadás

   Bundle-méret, memoizálás ott, ahol megéri, és hogy félév múlva is kellemes maradjon.

   120 perc

Bepillantás a tanításba

// Don't: two sources of truth that can disagree.
const [items, setItems] = useState([]);
const [total, setTotal] = useState(0);

// Do: one source, and a value computed from it.
const [items, setItems] = useState([]);
const total = items.reduce((sum, i) => sum + i.price, 0);

Ki vezet