Szkolenie dedykowane jest:
- Programistom JavaScript / TypeScript, którzy chcą poszerzyć swoje umiejętności o pracę zframeworkiem React,
- Osobom zainteresowanym tworzeniem aplikacji webowych w React (SPA, SSR, SSG),
- Developerom frontendowym, którzy chcą pracować w nowoczesnym ekosystemie React iTypeScript, z wykorzystaniem hooków i React Router,
- Zespołom projektowym chcącym wdrożyć React jako główną technologię frontendową orazrozpocząć współpracę z asystentami AI przy tworzeniu kodu w React.
1. Umiejętność budowy aplikacji webowych w React. Poznanie architektury SPA orazświadomość alternatywnych trybów renderowania (SSR, SSG, hybrid) i technik hydratacji wkontekście współczesnych projektów.
2. Znajomość frameworka React i jego ekosystemu w najnowszej wersji. Nauka instalacji,konfiguracji, pracy z komponentami funkcyjnymi, reaktywnością opartą o hooki, routingiemoraz komunikacją z API.
3. Uaktualnienie wiedzy o JavaScript i poznanie TypeScript. Zapoznanie się z nowoczesnymstandardem JavaScript (ES.Next) i językiem TypeScript, który jest dziś standardem w pracy zReact.
4. Świadome zarządzanie stanem aplikacji na trzech poziomach: lokalnym, globalnym iserwerowym — wraz ze zrozumieniem, którą warstwę dobrać do danego problemu.
5. Wprowadzenie do programowania wspomaganego LLM. Konfiguracja kontekstu projektudla asystentów AI oraz wykorzystanie ich w codziennej pracy, m.in. do generowania testów.
6. Praktyczna znajomość narzędzi developerskich. Efektywne wykorzystanie platformy Node.js,narzędzi CLI, linterów, builderów oraz kompilatora TypeScript.
1. Architektura aplikacji Web
- Tryby renderowania: SPA, SSR, SSG/prerender, hybrid
- Hydratacja i nowoczesne techniki dostarczania UI
- Standardy komunikacji z systemem backendowym
2. Platforma Node.js
- Charakterystyka i architektura
- Zarządzanie pakietami
- Narzędzia: kompilator (tsc), linter, builder (Vite)
3. React
- Instalacja i konfiguracja projektu (Vite; React Router)
- Wprowadzenie do języka TypeScript i ES.Next
- Architektura frameworka, komponenty funkcyjne
- Definiowanie szablonów, JSX, dynamiczna manipulacja stylami
- Reaktywność i logika komponentu oparta o hooki (useState, useEffect, useRef,useMemo, hooki własne)
- Komunikacja pomiędzy komponentami, relacja parent-child (props, kompozycja)
- Zarządzanie stanem na trzech poziomach: lokalny (hooki), globalny (biblioteka dozarządzania stanem), z serwera (TanStack Query)
- Obsługa formularzy oraz React Actions (useActionState, useOptimistic, use)
- Routing, nawigacja i tryby renderowania z React Router (SPA, SSR, SSG)
- Komunikacja z API (TanStack Query)
4. Programowanie wspomagane przez LLM – wprowadzenie
- Konfiguracja kontekstu projektu dla LLM (reguły, pliki kontekstowe)
- Generowanie testów jednostkowych i komponentowych przy wsparciu AI (Vitest,React Testing Library)
- Dobre praktyki przy pracy z agentami AI
Znajomość HTML, CSS, JavaScript na poziomie podstawowym.
Metoda szkolenia:
- warsztaty
- Tryb: Distance Learning
- Poziom: średnio zaawansowany
- Czas trwania: 3 dni | 21h
- Język: Polski (szkolenie i materiały)
- Szkolenie: polski
- Materiały: polski