Žurnál — praktické poznámky o Reactu

Archiv

• 20. 10. 20262 min čtení

  ref jako obyčejný prop: sbohem, forwardRef

  V React 19 dostávají funkční komponenty ref přímo v props. A ref callbacky konečně umí vrátit cleanup funkci.

  • #react-19
  • #refs
  • #components
• 19. 10. 20262 min čtení

  Atribut key: nejlevnější reset stavu v Reactu

  key nepatří jen do seznamů. Když ho změníte, React komponentu zahodí a vytvoří novou — včetně veškerého stavu. Žádný useEffect není potřeba.

  • #fundamentals
  • #state
• 18. 10. 20262 min čtení

  React Compiler: můžu smazat všechna useMemo?

  Kompilátor memoizuje za vás — chytřeji a jemněji než ruční useMemo. Kdy ruční memoizace dává smysl i dnes a jak kompilátor zapnout.

  • #performance
  • #compiler
  • #hooks
• 17. 10. 20262 min čtení

  Kam patří "use client"? Co nejníž

  Direktiva "use client" neoznačuje komponentu, ale hranici. Všechno, co importujete pod ní, letí do prohlížeče. Takhle ji držet na uzdě.

  • #server-components
  • #architecture
  • #performance
• 16. 10. 20262 min čtení

  useOptimistic: UI, které nečeká na server

  Lajk, který se rozsvítí okamžitě, a zpráva, která se v chatu objeví dřív, než ji server uloží. A když něco selže, React stav sám vrátí.

  • #react-19
  • #hooks
  • #ux
• 15. 10. 20262 min čtení

  use(): hook, který smíte volat v podmínce

  Nové API use() čte hodnotu z Promise nebo z kontextu. Funguje se Suspense a — jako jediné — ho smíte zavolat uvnitř if.

  • #react-19
  • #suspense
  • #hooks
• 14. 10. 20262 min čtení

  useActionState: formuláře bez zbytečného boilerplatu

  Tři useState pro data, chybu a loading? React 19 to zvládne jedním hookem — a formulář funguje i před hydratací.

  • #react-19
  • #forms
  • #hooks