React Framework - Building Web Applications (RCT)

Programming, JavaScript

This hands-on course helps you start building modern web apps with React, teaching its core components, using JSX for UI and structuring single-page applications (SPA) through practical examples and clear patterns for scalable front-end code.

You will learn routing with React Router, manage global state via Context API or Redux, connect to REST APIs, test components with Jest and React Testing Library, and use debugging and performance tools to prepare apps for production.

Location, current course term



Brno + online (volitelně)
10/14/2025 - 10/15/2025 CZECH
Order
12/9/2025 - 12/10/2025 CZECH
Order
2/3/2026 - 2/4/2026 CZECH
Order
Praha + online (volitelně)
11/6/2025 - 11/7/2025 CZECH
Order
1/1/2026 - 1/2/2026 CZECH
Order
Custom Customized Training (date, location, content, duration)

The course:

Hide detail
  • Introduction to the React ecosystem
    1. Setting up the development environment
    2. Quick recap of JavaScript and TypeScript
    3. Getting to know React
    4. What is a single-page application (SPA) and how it works?
  • Package system and application structure
    1. Creating a basic app template with Vite
    2. Project folder structure
    3. Working with package managers npm and yarn
    4. Semantic versioning
  • React component system
    1. JSX – JavaScript XML
    2. Differences between JSX and HTML
    3. React Fragments
    4. Components – lifecycle and inputs (props)
    5. Component tree
  • Component state management
    1. Stateless vs stateful components
    2. Handling events
    3. Local component state (useState hook)
    4. Component lifecycle (class components)
  • Styling components
    1. Conditional rendering
    2. Styling via CSS
    3. Using CSS modules
  • Managing side effects
    1. Using the useEffect hook
    2. Strict Mode
  • Working with components
    1. Creating custom events
    2. Children props
  • Building forms
    1. Binding inputs to local component state
    2. Form validation and handling
  • Sending HTTP requests
    1. Using third-party libraries (e.g., Axios)
    2. Calling servers via REST API
    3. Writing custom hooks
  • Debugging and error logging
    1. Stepping through the app in the browser
    2. Analyzing app flow with console.log
    3. Third-party error logging tools
  • Advanced topics
    1. Global state with React Context
    2. Accessing native elements with useRef
Assumed knowledge:
Basic knowledge of JavaScript and TypeScript; equivalent to JVS1 (JavaScript for beginners).
Recommended previous course:
JavaScript for Beginners (JVS1)
Recommended subsequent course:
React for Advanced Developers (RCT2)
Schedule:
2 days (9:00 AM - 5:00 PM )
Course price:
516.00 € ( 624.36 € incl. 21% VAT)
Language:

Vybrané zákaznické reference

Československá obchodní banka, a. s., Tomáš H.
React Framework - Building Web Applications ( RCT)
"Dostal jsem odpoved na vsechny otazky."
ATLAS consulting spol. s r.o., Tomáš K.
React Framework - Building Web Applications ( RCT)
"S kurzem jsem byl maximálně spokojen. Příjemná lektorka věděla o čem mluví a dokázala látku srozumitelně předat. Nic bych neměnil."
ATLAS consulting spol. s r.o., Peter B.
React Framework - Building Web Applications ( RCT)
"Myslím si že školenie prebiehlo veľmi dobre, od úplneho základu čo sa týka typescriptu, až po základy reactu, na ktorých budem do budúcna stavať. "
Róbert Hubinák, Róbert H.
React Framework - Building Web Applications ( RCT)
"Přínosné školení. Pomohlo mi zorientovat se v základních konceptech Reactu."
ARCDATA PRAHA, s.r.o., David N.
React Framework - Building Web Applications ( RCT)
"Lektor se snažil ve všem vyjít vstříc. Školení mělo svižné tempo, ale zvládnutelné."
Česká pošta, s.p., Patrik L.
React Framework - Building Web Applications ( RCT)
"Kurz jakožto BASIC byl velice ale velice přínosný, byl jsem mile překvapen. Ač je na youtube dnes už dostupné vše zdarma, lektorem bylo vše krásně vysvětleno a velice srozumitelně."
Generální ředitelství cel, Petr S.
React Framework - Building Web Applications ( RCT)
"Opakování důležitých základů js hodnotím jako velmi přínosné. Děkuji za spoustu nových vědomostí."
Generální ředitelství cel, Jiří Š.
React Framework - Building Web Applications ( RCT)
"Parádní lektor. Pěkně a věcně vysvětleno. "
Česká pošta, s.p., David R.
React Framework - Building Web Applications ( RCT)
"Můj dojem ze školení je velice pozitivní, lektor se všem věnoval, odpovídal na všechny otázky a celkově během kurzu panovala velmi přátelská a uvolněná atmosféra."
Kooperativa pojišťovna, a.s., Vienna Insurance Group, Martin B.
React Framework - Building Web Applications ( RCT)
"Školení bylo velmi přínosné. Naučil jsem se spoustu nových věcí. Na obsahu školení bych nic neměnil."
Česká pošta, s.p., Věra F.
React Framework - Building Web Applications ( RCT)
"Se vším jsem byla opravdu spokojená, jak s praktickou, tak i teoretickou částí. U lektora se mi líbilo jeho nadšení z Reactu. "
Česká pošta, s.p., Michal E.
React Framework - Building Web Applications ( RCT)
"Kurz byl svižný a velice přínosný pro začínající i pokročilejší "reakťáky"."
Československá obchodní banka, a. s., Lukáš J.
React Framework - Building Web Applications ( RCT)
"Velmi pěkně zpracovaný kurz. Přehledný postup tématy a množství praktických cvičení. Vše bylo sroumitelně vysvětleno a nemám pocit, že bych se někde ztrácel."
Československá obchodní banka, a. s., Tomáš V.
React Framework - Building Web Applications ( RCT)
"Super skoleni. Super lektor. Hrozne me to bavilo, byl prostor si temata nakodit. Druhy den je vyborne opakovani z prvniho dne."
Česká pošta, s.p., Lubomír J.
React Framework - Building Web Applications ( RCT)
"Velmi trpělivý a vstřícný přístup. Děkuji"
Simplea pojišťovna, a.s., Milan K.
React Framework - Building Web Applications ( RCT)
"skvělý kurz, děkujeme"
Simplea pojišťovna, a.s., Lukáš V.
React Framework - Building Web Applications ( RCT)
"Na školení bych nic neměnil. Byl jsem spokojen jak se školitelem, tak s připravenou látkou ke školení. Bez chyby "
Simplea pojišťovna, a.s., Radek R.
React Framework - Building Web Applications ( RCT)
"Celkový dojem je skvělý, cítím se plný nových informací s celkovou chutí dále prohlubovat nabité znalosti."
Simplea pojišťovna, a.s., Jiří H.
React Framework - Building Web Applications ( RCT)
"Školení bylo perfektně zpracované a bylo pro mě velkým přínosem. S technologií React začínám a školení mě skvěle uvedlo do problematiky. Školící Martin Nuc měl připraveno mnoho příkladů, na kterých jednotlivé funkce vysvětlil, a mnoho úloh, na kterých jsme si znalosti procvičili. Díky moc!"
Simplea pojišťovna, a.s., Tomáš J.
React Framework - Building Web Applications ( RCT)
"Naprosto skvělé. Bylo pro mě největším přínosem, že jsem si mohl nabité vědomosti rovnou vyzkoušet a napsat kus funkční aplikace. Také bylo super, že školení bylo ušité přesně k našim potřebám. Školitel si prošel zdrojáky aplikace, kterou máme přebírat a zaměřil se přesně na technologie a funkce, které jsou v projektu využívány. Velice přínosné, skvělý přednes a srozumitelnost výkladu na jedničku s hvězdičkou."
ABRA Software a.s., Pavel M.
React Framework - Building Web Applications ( RCT)
"Vyzdvihuji trpělivost lektora s mými překlepy v kódu + srozumitelný "hlas". Obsahově přesně podle očekávání. Díky"
MONETA Money Bank, a.s., Jaroslav B.
React Framework - Building Web Applications ( RCT)
"Školení probíhalo v příjemném klidu u nás na cetrále, naprosto supr. Dííky"
Pelmet s.r.o., Michal P.
React Framework - Building Web Applications ( RCT)
"Skvělý přístup lektora"
ČSOB Stavební spořitelna, a.s., Karel M.
React Framework - Building Web Applications ( RCT)
"Školení obsahově dostatečné, základy probrané důsledně, pokročilé možnosti průřezově. Školitel profesionální, vstřícný a trpělivý. Samostatná práce by mohla být časově kratší, ale to je nejspíš můj subjektivní dojem. Celkově jedno z nejlepších školení co jsem kde absolvoval."
BUSINESS Systems, a.s., Veronika J.
React Framework - Building Web Applications ( RCT)
"Nemám co vytknout. Kurz splnil moje očekávání. "
MONETA Money Bank, a.s., Josef B.
React Framework - Building Web Applications ( RCT)
"Pozitivně hodnotím možnost si vše ihned vyzkoušet a možnost diskuze"
MONETA Money Bank, a.s., Roman P.
React Framework - Building Web Applications ( RCT)
"Skvěle probraná látka. Lektor maximálně připraven, empatický a profesionální. Prostředí super a skvěle zajištěné občerstvení. Děkuji"
Profimedia.CZ a.s., Josef M.
React Framework - Building Web Applications ( RCT)
"Pěkně připravené školení. Trochu rychlejší výklad, ale jinak by se to do dvou dnů těžko vešlo. Hlavní je, že vše probráno, vše vysvětleno."
ASSIST spol. s r.o., Pavel Z.
React Framework - Building Web Applications ( RCT)
"Výborný kurz a skvělý přístup lektora mi pomohl zorientovat se v probíraných technologiích. Bohužel délka kurzu jen 2 dny je málo. Chtělo by to 3 až 4 dny."