Materiał jest nagraniem archiwalnym Stacji IT (warsztatów z różnych technologii w trybie 4- lub 8-godzinnym).
➡️ Czego się nauczysz?
Po tym materiale będziesz wiedział/a:
– Jak działa React i czym różni się od klasycznego JS/HTML.
– Czym są komponenty, propsy i state.
– Jak działa JSX.
– Jak zarządzać danymi w aplikacji (useState, useEffect).
– Jak tworzyć struktury aplikacji w React.
– Jak reagować na zdarzenia i budować dynamiczny interfejs.
– Całość poprowadzona w formie praktycznych ćwiczeń, z naciskiem na zrozumienie działania Reacta od środka.
➡️ Dla kogo jest ten materiał?
Dla programistów, którzy:
– Znają JavaScript na poziomie podstawowym lub średniozaawansowanym.
– Chcą rozszerzyć swój stack technologiczny o React.
– Myślą o przebranżowieniu lub szukają pracy jako front-end developer.
– Lub po prostu chcą zacząć tworzyć nowoczesne aplikacje frontendowe.
➡️ Wymagania wstępne
– Wymagania wstępne oraz instalacyjne
– Wymagana znajomość JavaScript – podstawy typu zmienne, funkcje, obiekty, pętle, itp.
– Podstawy HTML i CSS (żebyś wiedział, co to class, itp.)
Instalacyjne:
– Komputer z zainstalowanym edytorem kodu (najlepiej VS Code).
– Node.js (najlepiej wersja LTS).
– Przeglądarka Chrome + rozszerzenie React Developer Tools.
– Zainstalujemy bazę w oparciu o Vite.
➡️ Program
1. Wprowadzenie: czym jest React i po co się go używa.
2. JSX, komponenty funkcyjne, propsy.
3. State i podstawy hooków (useState, useEffect).
4. Zdarzenia, dynamiczne UI, listy i klucze.
5. Tworzenie mini aplikacji krok po kroku.
Materiał „React: od podstaw do własnej aplikacji” (C) Sages 2026.
➡️ Informacje o prowadzącym:
Patryk Tokarz
Programowania uczy się od 16. roku życia, a pierwsze zlecenia robił jeszcze jako nastolatek. Ma 17 lat komercyjnego doświadczenia – od prostych stron dla firm, przez pracę jako webmaster, aż po zaawansowane aplikacje frontendowe i backendowe. Od kilku lat specjalizuje się w JavaScript, React i Node.js, pracując jako Software Engineer w dużej firmie IT. Na co dzień nie tylko koduje, ale też prowadzi projekty, wspiera młodszych programistów i rekrutuje ludzi do zespołu. Cierpliwy, konkretny, z nastawieniem na praktyczne rozwiązania i realne problemy z projektów.