React I: Základy

Kurz je určen pro mírně pokročilé programátory v jazyce JavaScript, kteří se chtějí naučit základy vývoje front-end web aplikací pomocí frameworku React.

• Jak postavit vývojové prostředí pro React
• Prezentovat data na stránce
• Reagovat na uživatelské události
• Zpracovat uživatelské vstupy
• Komunikovat s back-endem
• Implementovat front-end navigaci
• Spravovat stav aplikace

• JS na úrovní [JS_DOM1] a [JS_PROG2]

Úvod

• Co je React
• Vývojové prostředí
• Hello World a struktura projektu

Prezentace dat

• JSX

• Podmíněné renderování

• Opakované renderování

• CSS, class, style

• Interakce s uživatelem

• Události

• Správa stavu

• Formuláře

Správa stavu aplikace

• stav komponenty
• properties
• context
• externí state managery

Komunikace s backendem

• fetch API
• asynchronní funkce a React

Životní cyklus komponent

• inicalizace a cleanup
• užitečné hooky

Navigace

• React router
• Vnořené routy
• Parametrické routy

Úvod do React Redux

• store
• akce a reducery
• slice a funkcionální modul
• store provider a funkcionální modul

Předchozí kurzy

JavaScript I: Základy [JS_PROG1]

JavaScript II: Pokročilé techniky [JS_PROG2]

DOM v JavaScriptu I: Základy [JS_DOM1]

Navazující kurzy

Komunikace se serverem pomocí AJAX a Fetch API [JS_AJAX]

React II: Pokročilé techniky [JS_REACT2]

DOM v JavaScriptu II: Pokročilé techniky [JS_DOM2]

Tvorba backend aplikací pomocí Express.js [JS_EXPRESS1]

Asynchronní a reaktivní programování v JavaScriptu [JS_ASYNC]

DOM v JavaScriptu I: Základy [JS_DOM1]

Úvod do frameworku Solid.js [JS_SOLID1]

Redux a jeho implementace v Angular a React aplikacích [JS_REDUXJS1]

Úvod do frameworku Svelte [JS_SVELTE1]

Automatizované testování JS aplikací pomocí knihovny Jest [JS_TEST_JEST]

Tvorba JS aplikací s využitím protokolu WebSocket [JS_WEBSOCKET]

Úvod do Vue.js [JS_VUE1]

jQuery Framework [JS_JQUERY]