https://hook.eu1.make.com/l745h29yrjj2pp78eyrh4ppj5qxrgqet

Szkolenie z React.js

Szkolenie od podstaw aż po zaawansowane zagadnienia

React.js

Cel szkolenia

Celem szkolenia jest zdobycie praktycznej wiedzy z zakresu biblioteki React.js

Dla kogo?

Szkolenie przeznaczone jest dla programistów, którzy mają chcą poznać lub uporządkować wiedzę o bibliotece React.js

Jak Twój zespół skorzysta na szkoleniu?

Szkolenie ma formę warsztatową - stawiamy na realizację praktycznych zadań. Dzięki temu Twój zespół:

  • Uporządkuje swoją wiedzę
  • Pozna dobre praktyki praktyki
  • Uniknie często popełnianych błędów

Zakres szkolenia

Zakres szkolenia jest ramą w jakiej możemy się poruszać - dokładne zagadnienia dobieramy i ustalamy z grupą na podstawie ustaleń przed szkoleniem.

expand_more
1. React intro
1. Start i konfiguracja (Vite lub Webpack)
2. Po co korzystać z komponentów?
3. JSX vs transpilacja vs kompilacja
4. Sposoby stylowania aplikacji
5. Stan komponentów
6. DOM & Virtual DOM
7. Struktura projektu – dobre praktyki
8. Podział domenowy, atomic design, pages
9. Barrels
10. Exports / default exports
11. Events
12. Dostępne eventy
13. Synthetic events
14. Przekazywanie handlerów do komponentów podrzędnych napisanych w TS
15. Hooks
16. Contexts
expand_more
2. Komponenty
1. Contexts cd.
2. Context provider hook pattern
3. Kompozycja komponentów
4. Tworzenie szablonu aplikacji za pomocą komponentów
5. Komponenty kontrolowane, komponenty niekontrolowane
6. Refy
Przepływ danych
7. Cykl życia komponentów
9. Obsługa formularzy – jak rozdzielić odpowiedzialność komponentów
10. Narzędzia typu react-hook-form
11. Testowanie
12. Tutaj w zależności od potrzeb: snapshot testing, testowanie black box za pomocą testing library, jest.mock, storybook testing
expand_more
3. Komunikacja z API
1. Kontynuacja tematów z dnia 2 (o ile będzie taka potrzeba).
2. Komunikacja z REST API
3. fetch i axios – dobre praktyki
4. Kiedy warto korzystać z Redux’a z przykładami redux-toolkit i RTK Query
5. Własne usługi, sposoby pobierania i przechowywania danych
6. Error handling – błędy API i błędy UI
7. Error boundaries8.
Obsługa błędów odpowiedzi z serwera
9. Własna biblioteka do API
10. Hierarchia komponentów i rozdzielenie odpowiedzialności
11. Kontenery i komponenty funkcyjne
expand_more
4. Optymalizacja i popularne antywzorce React
1. Komponenty wyższego rzędu (HoC) – omówienie
2. Compound Components
3. Włane Hooki
4. Render props
5. Popularne antywzorce
6. Dobre praktyki
7. Optymalizacja i dobre praktyki:
  7.1 Memo
  7.2 useMemo
  7.3 useCallback
expand_more
5. Dobre praktyki w React
1. Motivation beyond two types of components
2. “use” directive
3. How Server Components work under the hood
4. Server Components lifecycle and use cases
5. Client components
6. Drawbacks and limitations
7. Compositions Patterns
8. Server actions
1. React Context in Client Components
2. Images, Fonts and Styling
3. Builded functions
4. React Query
5. GraphQL
6. Optimizations

Aplikacja

Szkolenie ma formę warsztatową, dlatego wraz z Uczestnikami przygotowujemy w trakcie ćwiczeń aplikację, która wykorzystuje najpopularniejsze wzorce oraz sprawdzone biblioteki z ekosystemu React.js. Dodatkowo omawiamy techniki optymalizacji oraz deployowania. 

Czas trwania: 3-5 dni
Język: PL / EN
Forma: 30% wykłady / 70% warsztaty
Miejsce: online / stacjonarnie
Liczebność grupy: 6 - 12 osób

Indywidualne zamówienie dostosowane do grupy na podstawie wcześniejszej rozmowy i analizy wymagań.

Patryk Omiotek
Patryk Omiotek

Senior Fullstack Developer specjalizujący się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js.

Realizował wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.

Od 8 lat dzieli się swoją wiedzą jako trener IT oraz prelegent na branżowych konferencjach. Prowadzi również szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT.

Jest pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.

Legacy React Apps

Wyróżniki szkolenia

Indywidualne podejście, pasja i zaangażowanie to tylko kilka cechy warsztatów, jakie prowadzimy. Poniżej znajdziesz jeszcze kilka z nich.

people

Szkolenie szyte na miarę potrzeb Twojego zespołu

Każde szkolenie jest inne i zależy od poziomu zaawansowania zespołu oraz tematyki, która w najbliższym czasie najbardziej przyda się Uczestnikom. Dlatego przed rozpoczęciem warsztatu określamy dokładny zakres szkolenia i dobieramy odpowiednie narzędzia i biblioteki.

code

Praktycznie ćwiczenia

Szkolenie ma formę warsztatową ponieważ nauka przez doświadczenie pozwala szybko przyswajać się zdobytą wiedzę. Ćwiczenia są realizowane indywidualnie przez Uczestników warsztatu lub na zasadach pair-programmingu.

wifi

Dogodna forma

W zależności od preferencji Klienta warsztaty prowadzimy online, stacjonarnie lub w formie hybrydowej - na miejscu w biurze klienta z możliwością zdalnego dołączenia innych osób poprzez Zoom.

sentiment_satisfied_alt

Przyjazna atmosfera

To na co zwracają uwagę nasi Uczestnicy szkoleń, to na pewno dobra atmosfera, która panuje podczas wszystkich dni szkoleniowych. Budujemy komfortowe warunki dla całej grupy.

Dlaczego warto wybrać szkolenie
w Web Amigos?

Prowadziliśmy szkolenia na różnym poziomie i w różnej formie zarówno dla zespołów frontendowych, jak i backendowych.

8
+

Lat doświadczenia

Przez 8 lat w branży IT zmieniło się na prawdę sporo. Ale my nie pozostajemy w tyle i cały czas prowadzimy nasze szkolenia na jak najwyższym poziomie.

20
+

Uratowanych projektów

Prowadzimy szkolenia dla zespołów, które poznają React i Next.js od podstaw oraz dla tych, które już są obeznane z tematyką i muszą dalej utrzymywać oraz rozwijać zastany kod.

1000
+

Przeszkolonych osób

Przez okres 8 lat w trakcie szkoleń stacjonarnych i online, prezentacji na konferencjach, webinarów, czy kursów online przeszkoliliśmy znacznie ponad tysiąc osób.

Columbus Energy
Stretto
Viessmann
Bank Pekao
Clearcode
APM
Schibsted
Rockwool

Poznaj opinie Uczestników szkoleń

Zależy nam na pełnym zadowoleniu zarówno Zamawiających, jak i Uczestników szkoleń. Poniżej możesz przeczytać kilka rekomendacji, które świadczą o naszej pasji i zaangażowaniu.

Patryka poznałem podczas szkolenia z React-a, które przeprowadził dla mojego zespołu. Jego obszerna wiedza oraz umiejętność przekazywania informacji w przystępny sposób pozwoliły podnieść poziom wiedzy w naszym zespole. Szkolenie było dobrze dostosowane do naszych potrzeb, a praktyczne przykłady pomogły nam zrozumieć zagadnienia.

karol
Karol Berezicki
Senior Software Developer

Brałam udział w szkoleniu na temat Reacta, które prowadził Patryk. Patryk był bardzo dobrze przygotowany do warsztatów, dysponował wieloma materiałami dydaktycznymi, które później nam udostępnił. Starał się z cierpliwością odpowiadać na wiele nie zawsze trafionych pytań.

sylwia
Sylwia Zoń
Software Developer

I met Patryk on React training. He was well prepared as a teacher, with relevant skills to train people at different levels of experience. Able to answer immediately to any question, he responded with a light speed to even most off topic cases.

bartlomiej
Bartłomiej Witecy
Programista Frontend

Patryka poznałem na warsztatach z reacta, które organizowała firma. Fajne ćwiczenia i zadania, pozwoliły na zrozumienie i poznanie nowych tajników programowania.

daniel
Daniel Jaworski
Senior Frontend Developer

Jak wygląda proces zamawiania szkolenia?