To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

React Advanced

React to najpopularniejsza biblioteka JavaScript pozwalająca na tworzenie aplikacji dla przeglądarek, urządzeń mobilnych a także aplikacji desktopowych.

Czas trwania
24h · 3 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Doświadczonych programistów React, którzy mają solidne podstawy w pracy z tą biblioteką i chcą rozwijać swoje umiejętności w zaawansowanych obszarach.
2 Frontend developerów, którzy pracują nad dużymi projektami i chcą poznać techniki optymalizacji oraz zaawansowanego zarządzania stanem.
3 Programistów korzystających z TypeScript, którzy chcą lepiej zrozumieć typowanie w kontekście Reacta.
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

Poznasz zaawansowane techniki optymalizacji aplikacji, co pozwoli na szybsze i bardziej wydajne tworzenie oraz utrzymanie kodu.

✓

Nauczysz się korzystać z narzędzi i wzorców, które pomogą w tworzeniu bardziej czytelnego, skalowalnego i łatwiejszego do testowania kodu.

✓

Zdobędziesz umiejętności w różnych metodach zarządzania stanem aplikacji, co umożliwi lepsze dostosowanie aplikacji do konkretnych wymagań projektu.

✓

Poprawisz swoje umiejętności typowania, co pozwoli na bardziej precyzyjne i bezpieczne pisanie kodu.

✓

Poznasz narzędzia i biblioteki, takie jak react-query czy RxJS, co pozwoli na korzystanie z nowoczesnych rozwiązań w projektach.

✓

Nauczysz się walidacji danych i schematów z wykorzystaniem Zod oraz integracji z formularzami React.

✓

Poznasz nowoczesne podejście do pracy z danymi w aplikacjach React, w tym type-safe data fetching (REST i GraphQL) oraz React Relay.

Program · 8 modułów

Co konkretnie robimy

Dzień 1

M01
Stylowanie
  • · CSS modules
  • · CSS in JS (styled-components)
  • · Theming
M02
Typescript
  • · Typowanie natywnego DOM i Reactowych zdarzeń
  • · Typowanie interfejsu komponentów
  • · Typowanie kodu zarządzającego stanem
  • · Type vs interface,
  • · Generyczne typy
  • · Unknown, void i never
  • · Type guards
M03
Zod
  • · walidacji schematów typu TypeScript
  • · weryfikacja danych po stronie frontendu
M04
Formularze
  • · react-hook-form (podstawy, walidacja, reagowanie na zmiany, dynamiczne pola)
  • · weryfikacja schematu w oparciu o schemat (zod) oraz jego użycie w formularzach

Dzień 2

M05
Dodatkowe pakiety
  • · react-query (query, mutacje, optymalizację zapytań)
  • · internacjonalizacja przy użyciu react-i18next
M06
React reconciliation i optymalizacje
  • · React diffing algorithm (algorytm porównania)
  • · klucze
  • · dzielenie kodu (React.Suspense, React.lazy)
  • · optymalizacje renderowania (memo hooks, ref)
  • · dev tools profiler
  • · useEffect vs useLayoutEffect

Dzień 3

M07
Zarządzanie stanem – przegląd różnych koncepcji
  • · Centralized vs Distributed (e.g.: Context vs Redux)
  • · Render props
  • · Children props
  • · Higher order component
  • · Custom hooks
  • · Pub-Sub
M08
Type-safe pobieranie danych
  • · GraphQL vs REST
  • · wprowadzenie do graphql
  • · wprowadzenie do react-relay
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

40h · 5 dni →
Frontend

Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h · 4 dni →
Frontend

Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h · 3 dni →