Návrh Školení

Zavedení

moderní React

  • Co je nového v React 18 a 19
  • Moderní nástroje a změny v přístupu

React Pokročilé háky

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Souběžný režim v React

  • Použití háčků useTransition, useDeferredValue

Next.js Směrování

  • Rozdíly mezi App Routerem a Pages Routerem

Strategie vykreslování v Next.js

  • Vykreslování na straně serveru vs aplikace jedné stránky vs statické generování

Komponenty serveru a akce serveru

  • Použití direktiv 'use server' a 'use client'

Načítání dat a ukládání do mezipaměti

  • Strategie přírůstkové statické regenerace

Použití Next.js jako Backend

  • Funkce Edge a Edge Runtime

State Management

  • React Kontext, Redux a řízení atomového stavu (Zustand)

Vytváření šablon v Next.js

  • Opakovaně použitelné šablony
  • Dostupné CSS přístupy a knihovny šablon

Optimalizace výkonu

  • Zlepšení doby načítání a dosažení vysokého skóre Web Core Vitals

Instrumentace

Testování v Next.js

Strategie Monorepo

  • Next.js s TurboRepo / Nx

Monitorování, nasazení a organizace

Shrnutí a další kroky

Požadavky

  • Silné porozumění JavaScript a ES6+
  • Zkušenosti s háky React a React
  • Základní znalost Next.js
  • Pochopení volání API a správy stavu

Publikum

  • Zkušení React vývojáři, kteří chtějí prohloubit své znalosti o Next.js
  • Vývojáři front-end a full-stack hledající pokročilé techniky optimalizace výkonu
  • Softwaroví inženýři pracující na rozsáhlých Next.js aplikacích
 21 hodiny

Počet účastníků


Price per participant

Reference (1)

Upcoming Courses

Související kategorie