React I: Základy

Kurz je určený pre mierne pokročilých programátorov v jazyku JavaScript, ktorí sa chcú naučiť základy vývoja front-end webových aplikácií pomocou frameworku React.

• Ako postaviť vývojové prostredie pre React
• Prezentovať dáta na stránke
• Reagovať na užívateľské udalosti
• Spracovať užívateľské vstupy
• Komunikovať s back-endom
• Implementovať front-end navigáciu
• Spravovať stav aplikácie

• JS na úrovni kurzov [JS_DOM1] a [JS_PROG2]

Úvod

• Čo je React
• Vývojové prostredie
• Hello World a štruktúra projektu

Prezentácia dát

• JSX
• Podmienené renderovanie
• Opakované renderovanie
• CSS, class, style
• Interakcie s užívateľom
• Udalosti
• Správa stavu
• Formuláre

Správa stavu aplikácie

• Stav komponentov
• Properties
• Context
• Externí state manageri

Komunikácia s backendom

• Fetch API
• Asynchrónne funkcie a React

Životný cyklus komponentov

• Inicializácia a cleanup
• Užitočné hooky

Navigácia

• React router
• Vnorené routy
• Parametrické routy

Úvod do React Redux

• Store
• Akcie a reducery
• Slice a funkcionálny modul
• Store provider a funkcionálny modul

Predošlé kurzy

DOM v JavaScripte I: Základy [JS_DOM1]

JavaScript I: Základy [JS_PROG1]

JavaScript II: Pokročilé techniky [JS_PROG2]

Nasledujúce kurzy

Úvod do frameworku Svelte [JS_SVELTE1]

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

Úvod do Vue.js [JS_VUE1]

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

jQuery Framework [JS_JQUERY]

DOM v JavaScripte I: Základy [JS_DOM1]

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

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

React II: Pokročilé techniky [JS_REACT2]

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

Úvod do frameworku Solid.js [JS_SOLID1]

Komunikácia so serverom pomocou AJAX a Fetch API [JS_AJAX]

Asynchrónne a reaktívne programovanie v JavaScripte [JS_ASYNC]