React poziom podstawowy w praktyce

Szkolenie React od podstaw – nowoczesny frontend to intensywny, 2- dniowy kurs wprowadzający do tworzenia nowoczesnych aplikacji webowych w bibliotece React. Program został zaprojektowany z myślą o osobach, które chcą rozpocząć pracę z React i frontendem, a także dla programistów JavaScript planujących rozwój w kierunku aplikacji SPA. Podczas szkolenia uczestnicy poznają podstawy React, składnię JSX, komponenty funkcyjne, zarządzanie stanem oraz komunikację między komponentami. Kurs obejmuje także konfigurację środowiska deweloperskiego (Create React App, Vite), obsługę zdarzeń, formularzy, renderowanie warunkowe, listy oraz podstawy stylowania komponentów. Realizujemy szkolenia w formie online i stacjonarnej na terenie całej Polski. Nie widzisz szkolenia, którego szukasz? Żadna tematyka nas nie ogranicza – jesteśmy otwarci i stworzymy szkolenie idealnie dopasowane do Twoich potrzeb.

Czas trwania: 2 dni / 14 h

Opis

Wprowadzenie i konfiguracja środowiska

  • React w ekosystemie frontendowym
  • Biblioteki vs frameworki
  • Create React App i Vite
  • Struktura projektu i uruchamianie aplikacji

Komponenty i JSX

  • Komponenty funkcyjne
  • Składnia JSX
  • Organizacja komponentów
  • Podział aplikacji na moduły

Props i state

  • Przekazywanie danych przez props
  • Zarządzanie stanem komponentu
  • Aktualizacja state
  • Lokalne zarządzanie danymi

Zdarzenia i formularze

  • Obsługa click, change, submit
  • Formularze kontrolowane
  • Walidacja danych
  • Stan w kontekście interakcji

Renderowanie i stylowanie

  • Renderowanie warunkowe
  • Listy i klucze (key)
  • Inline styles i klasy CSS
  • Style modułowe i CSS-in-JS

Budowa pierwszej aplikacji

  • Łączenie komponentów
  • Przepływ danych w aplikacji
  • Podstawowa logika biznesowa
  • Interakcja użytkownika i renderowanie danych

 

FAQ – Wprowadzenie do React i ekosystemu frontendowego

1. Czy szkolenie obejmuje konfigurację środowiska React od zera?

Tak. Uczestnicy uczą się tworzyć projekt przy użyciu Create React App oraz Vite, poznają strukturę folderów, podstawowe pliki projektu oraz sposoby uruchamiania i debugowania aplikacji w środowisku deweloperskim.

2. Czy kurs wyjaśnia pracę z komponentami, JSX, props i state?

Tak. Program obejmuje tworzenie komponentów funkcyjnych, składnię JSX, przekazywanie danych za pomocą props oraz zarządzanie stanem (state). Uczestnicy uczą się aktualizować dane i kontrolować przepływ informacji między komponentami.

3. Czy omawiana jest obsługa zdarzeń, formularzy i renderowanie list?

Tak. Szkolenie obejmuje reagowanie na zdarzenia użytkownika (click, change, submit), tworzenie formularzy z walidacją, renderowanie warunkowe oraz generowanie dynamicznych list z użyciem kluczy (key) w React.

4. Jak wygląda temat stylowania komponentów?

Kurs omawia inline styles, klasy CSS, style modułowe oraz podstawy bibliotek CSS-in-JS. Uczestnicy uczą się organizować style w projekcie React w sposób czytelny i skalowalny.

5. Czy szkolenie kończy się budową kompletnej aplikacji?

Tak. Uczestnicy łączą komponenty w funkcjonalną aplikację, zarządzają stanem i przepływem danych oraz implementują podstawową interakcję użytkownika, co pozwala utrwalić wiedzę w praktyce.

ZOBACZ NASZE INNE SZKOLENIA

Zapytaj
o szkolenie

Nie widzisz szkolenia, którego szukasz?

Żadna tematyka nas nie ogranicza – jesteśmy otwarci i stworzymy szkolenie idealnie dopasowane do Twoich potrzeb.

Przykładowe szkolenia: Cisco, Analiza biznesowa, BPMN, UML, PowerBi, Elasticsearch, Sztuczna inteligencja, Python, C++, C#, Selenium, Jenkins, Szkolenia miękkie, UX, Social Media i Marketing, Sprzedaż, Zarządzanie projektami, Design Thinking, Linux, Embedded, Postman, Ms Excel, Adobe, Docker, Kubernetes, Terraform, Azure, SAP, UiPath, Machine Learning.