React II.

V rámci kurzu si napíšeme kompletní SPA aplikaci v React + Redux postavených na frameworku Next.js. Pro komunikaci s okolním světem si ukážeme middleware knihovny jako je redux-thunk, redux-observable nebo redux-saga. Kód si otestujeme knihovnou Jest pro psaní jednotkových a integračních testů. Projdeme si důkladněji i Next.js framework a ukážeme si, jak jej využívat pro lokální vývoj i ostrý provoz.  Nakonec si ukážeme build aplikace a její nasazení na server.

Osnova:

• Úvod
  • Představení osnovy

  Funkcionální okénko

  • Okénko do funkcionálního paradigmatu

  Server-side rendering

  • Ukázka principu
  • Ukázka kódu

  React pro pokročilé

  • React Portals
  • React Profiler
  • RenderProps
  • Higher-order komponenty
  • Pokročilé React Hooks
  • Optimalizace renderování komponent
  • CSS styly v React aplikacích
  • Testování aplikace v Jest

  Redux

  • Flux architektura / Redux architektura
  • Redux Toolkit
  • Redux – HoC + Hooks
  • Redux middlewary (Redux-thunk, Redux-observable, Redux-saga)
  • Představení vývojových doplňků do prohlížečů pro React či Redux
  • Unit testing Reduxu

  Next.js

  • Představení frameworku Next.js
  • Data fetching
  • Vlastnosti
  • Práce s pages a router
  • Build + deployment

  Aplikace

  • V návaznosti na kurz React I budeme překlápět již hotovou aplikaci do Reduxu
  • Případně si napíšeme novou aplikaci s Reduxem
  • Ukážeme si i integraci s Next.js frameworkem

Délka školení: 2 dny

Témata:

• Server-side rendering
• React pro pokročilé
• Redux + Redux Toolkit
• Data fetching – React Query, SWR
• Unit testy
• Next.js framework
• Vývoj aplikace

Pro koho je školení určeno:

Školení je určeno pro programátory, kteří mají alespoň základní znalosti Reactu a chtějí na jeho základě začít stavět plnohodnotné aplikace.