Online kurz React 19 pro začátečníky

React 19 pro začátečníky

Level
Kapitol
52
Kategorie
Programování
Hodnocení
3,9 z 5
Délka
3h 49min
Jazyk
CZ

Popis online kurzu React 19 pro začátečníky


Chceš se naučit psát aplikace pomocí React a stát se žádaným na trhu práce? Chceš znát novinky React 19? To jsi tu správně!

Online kurz React 19 pro začátečníky tě provede základy jedné z nejpopulárnějších JavaScript knihoven pro tvorbu moderních webových aplikací. Naučíš se, jak vytvářet interaktivní uživatelská rozhraní, pracovat s komponenty, spravovat stav aplikace a efektivně využívat React pro vývoj rychlých a responzivních aplikací. Kurz je ideální pro každého, kdo má alespoň základní znalosti JavaScriptu a chce posunout své programátorské dovednosti na novou úroveň.

React je populární JavaScript knihovna vyvinutá společností Meta, která slouží pro tvorbu uživatelských rozhraní pro webové aplikace. Umožňuje vývojářům vytvářet komponenty, které jsou znovu použitelné a efektivně aktualizují obsah stránky, aniž by bylo nutné načítat ji celou znovu. Díky Reactu je tvorba dynamických a responzivních webových aplikací rychlejší a jednodušší.

V kurzu React 19 pro začátečníky se naučíš

  • Základy Reactu
  • Základy TypeScriptu
  • Seznámení se s Vite
  • Vytvoření první komponenty
  • Popis virtuálního DOMu
  • Kolekce a key
  • Práce se stavem - useState
  • Komunikace s API - useEffect
  • Základní routování - React-router
  • Práce s hooky - useRef
  • Podminěné renderování
  • Novinky React 19 - useActionState, useFormStatus, meta komponenty
  • Průběžné vysvětlení kódu řádek po řádku a předávání best practices

Lektor Martin Krištof
  • Pracuje s Reactem deset let
  • Staff Engineer v Productboard
  • Přednášel na několika komunitních akcích v ČR
  • Po dobu posledních 4 let školil React ve veřejných a soukromých kurzech

Vytvoříme si webovou aplikaci od začátku do konce, na které pak budeme stavět v dalších kurzech. Přidej se a staň se expertem na React pod vedením Martina Krištofa.
Pro získání hlubších znalostí Reactu dostaneš tipy na kurz React 19: Deep Dives.

Co všechno s kurzem React 19 pro začátečníky získáš

  • videotutoriály o programování v React 19,
  • moderované diskusní fórum, ve kterém na tvé dotazy odpovídá autor kurzu Martin Krištof,
  • certifikát o absolvování online kurzu React 19 pro začátečníky,
  • garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem.

Kapitoly online kurzu

Intro (2)

1 Hello world
3:05
2 Ukázka napsané aplikace
2:00

Psaní aplikace (16)

3 Jak React dostat do projektu + vytvoření projektu
10:07
4 První komponenta
9:37
5 Vytvoření prototypu Posts
5:30
6 Virtuální DOM
6:03
7 Práce se stavem - useState
8:08
8 Kolekce a klíče
5:43
9 Transformace výstupu
4:15
10 Přidávání nového článku
6:19
11 Přidávání nového článku - updater funkce
5:21
12 Reference v Reactu
4:00
13 Reference v Reactu - manipulace s DOMem
6:12
14 Validace formuláře - objekty ve stavu
4:59
15 Validace formuláře - validační funkce
6:21
16 Zanořené objekty ve stavu
4:00
17 React Actions - useActionState
7:26
18 React Actions - useActionState - držení stavu formuláře
5:04

Rozbíjení do komponent (11)

19 Props
3:49
20 ReactNode jako prop
2:12
21 Props - FC type
4:39
22 Props - children prop
2:23
23 Podmíněné renderování
2:56
24 Nepovinné props s defaultní hodnotou
1:45
25 Prezentační komponenty - PostItem
5:29
26 Prezentační komponenty - PostList
6:41
27 Zvláštnosti JSX
4:11
28 Synchronizace stavu
5:00
29 Action v samostatném souboru
3:30

Komunikace s API (12)

30 Komunikace s API - vytvoření testovacího serveru
2:22
31 Komunikace s API - POST metoda
4:11
32 Komunikace s API - GET metoda
5:47
33 useEffect hook - teorie
5:28
34 useEffect hook - objektové datové typy v deps
2:31
35 useEffect hook - aplikace
3:46
36 Přenačtení dat po odeslání formuláře
2:57
37 Řazení dat na serveru
1:33
38 Komunikace s API - ošetření výjimek při načtení dat
3:19
39 Komunikace s API - ošetření výjimek při odeslání formuláře
4:56
40 Komunikace s API - loading
2:34
41 UseFormStatus hook
6:17

Routing (8)

42 React-router
3:49
43 React-router - Outlet
3:43
44 React-router - ErrorBoundary
2:12
45 Prototyp Search page
2:06
47 Utils a znovupoužití funkcionality
6:26
48 Napojení na API pro Search page
3:47
49 Dynamická změna URL
3:27

Finetunning + Meta data (2)

50 Debounce
1:51
51 Meta data
3:56

Závěr (1)

52 Souhrn
1:31

Lektor online kurzu

Lektor Martin Krištof

Martin Krištof

Frontend
Martin je staff product engineer se specializací na React. Snaží se posouvat Productboard jako design system tech leader. Mimo svoji hlavní pracovní náplň předává své zkušenosti z Reactu a testování prostřednictvím školení nebo online kurzů. Aktivně sportuje a má rád dobrou hudbu a jídlo.
4,1 Hodnocení
3 Kurzy

Hodnocení studentů

Hodnocení od studentů zapsaných v kurzu na Skillmea.

3,9 z 5 · 8 hodnocení

Michal R.

3

Výklad bol na mňa príliš zložitý. Hoci išlo o kurz pre začiatočníkov, lektor predpokladal vedomosti, ktoré sme ako nováčikovia nemali odkiaľ mať. Chcelo by to zjednodušiť jazyk, spomaliť tempo a zamerať sa na základy

Alena P.

2

Nebylo to úplně nejhorší, ale rozhodně to není určené pro začátečníky. Spíš se to hodí pro někoho, kdo se v IT už delší době pohybuje, má dobré znalosti Javascriptu a Typescriptu a chce si jen rozšířit kvalifikaci. Zvládala jsem se chytat jen díky tomu, že mám už nějaké kurzy Reactu za sebou. Hned v prvním videu autor popisuje věci, kterému se předešlé kurzy věnovaly po několik desítek videí. Autor v podstatě jen ukazuje, jak vytváří dané prvky bez nějakého hlubšího vysvětlení kontextu s předpokladem, že sledující už tyto věci dobře zná. Pro mě, kdo začal teprve před rokem s Javascriptem to bylo extrémně náročné na sledování. Text je navíc hodně malý, takže se člověk musí extrémně soustředit, případně si kód psát spolu s autorem.

Adriana S.

3

Pozrela som si ako niekto vytvoril aplikáciu, super. Na mňa to bol veľmi rýchly kurz, lektor veľmi rýchlo rozpráva a aj píše. Musela som každú chvíľku zastavovať video a navyše ja tam malý text, zišlo by sa trošku zväčšiť písmo, po pár lekciách som to vzdala.

Dominik P.

5

Student ohodnotil kurz bez slovního komentáře.

Doporučené online kurzy