Frontend
React
Szkolenia React dotyczą projektowania, implementowania i optymalizacji aplikacji webowych w React.js i Next.js, a programiści front-end mogą po nich wdrożyć routing, SSR, integrację z API, testy i deployment.
Średnia ocen Sages w serwisie Google Ocena pochodzi ze średniej ocen Sages w serwisie Google i nie jest weryfikowanaFiltry
Aplikacje Full-Stack z użyciem React.js i Next.js
Trwają zapisy na szkolenie
Dostępne w Bazie Usług RozwojowychNajniższa cena z ostatnich 30 dni
Skontaktuj się z nami
Tworzenie aplikacji z użyciem React
Trwają zapisy na szkolenieDostępne w Bazie Usług RozwojowychNajniższa cena z ostatnich 30 dni
Skontaktuj się z namiOpinie uczestników
- Marek Szypliński, Orange PolskaUczestnik szkolenia Tworzenie aplikacji z użyciem React
Bardzo dużo wiedzy, w wiekszości cennej, ale miejscami zbyt dużo na raz. Brakowało też trochę wyjasnień podstaw, dlaczego i do czego się stosuje takie a nie inne zapisy. Rozumiem, że celem było przekazanie jak najwięcej wiedzy, ale dla osób nieznających Reacta i Type Scripta niektóre elementy przydałoby się wyjaśnić od podstaw.
- Damian Olczak, Orange PolskaUczestnik szkolenia Tworzenie aplikacji z użyciem React
Przekrojowo pokryte tematy, wraz z alternatywami. Obiektywne spojrzenie bez przesadnego faworyzowania konkretnych rozwiązań. Dobre przykłady i live coding pokazujący pracę z narzędziami.
- Paweł Czachor, Orange PolskaUczestnik szkolenia Tworzenie aplikacji z użyciem React
Dobrze przygotowany prowadzący, dużo ćwiczeń
- Dawid Machała, Orange PolskaUczestnik szkolenia Tworzenie aplikacji z użyciem React
Duża dawka nowej wiedzy.
- Jan SuchowierskiUczestnik szkolenia Aplikacje Full-Stack z użyciem React.js i Next.js
nie przekonało mnie do stosowania tej technologii
- Jakub SimlaUczestnik szkolenia Aplikacje Full-Stack z użyciem React.js i Next.js
mało wyjaśnień z "lotu ptaka"
- Agnieszka LebiedzińskaUczestnik szkolenia Aplikacje Full-Stack z użyciem React.js i Next.js
dużo kodu
- Bartosz SkrzypekUczestnik szkolenia Tworzenie aplikacji z użyciem React
Forma prowadzonych zajęć nie do końca spełniła moje oczekiwania. Teoria przedstawiona na slajdach była dość skrótowa, co utrudniało pełne zrozumienie niektórych aspektów. Dodatkowo, kod prezentowany podczas zajęć nie był szczegółowo omawiany, co mogłoby pomóc lepiej zrozumieć jego działanie. Samodzielne wykonywanie zadań było wyzwaniem, ponieważ nie zawsze mieliśmy dostęp do kompletnych rozwiązań, co utrudniało weryfikację poprawności naszych odpowiedzi. Choć kurs miał swoje pozytywne strony, jest też miejsce na poprawę. W szczególności brakowało mi większej energii i zaangażowania w trakcie spotkań. Mam wrażenie, że taki kurs w formie nagranego materiału mógłby być bardziej efektywny – z możliwością cofania i powtarzania treści, przy znacznie niższym koszcie. Warto również zauważyć, że przy niewielkiej liczbie uczestników (trzy osoby) można by oczekiwać większej indywidualnej uwagi. Mimo wszystko podziękowanie dla zespołu Sages i Pana Grzegorza.
- Sandra ZielińskaUczestnik szkolenia Tworzenie aplikacji z użyciem React
"Szkolenie "Tworzenie aplikacji z użyciem React" prowadzone jest w formie warsztatu, w ramach którego realizowany jest jeden duży projekt" - nie było to prawdą, pracowaliśmy na małych i nie związanych ze sobą ćwiczeniach, co nie dało wrażenia spójnej całości. Mało czasu na redux i bardziej złożone zagadnienia, za dużo czasu zostało poświęcone na wstęp i podstawy.
- Michal LisUczestnik szkolenia Tworzenie aplikacji z użyciem React
zbyt szybko na ilość materiału, jeden dzien dluzej moglby pomoc
- Stanisław WiszniewskiUczestnik szkolenia Tworzenie aplikacji z użyciem React
Wytłumaczenie działania Reacta wraz TypeScript oraz najpopularniejszymi dodatkowymi technologiami od podstaw
- Robert JurczakUczestnik szkolenia Tworzenie aplikacji z użyciem React
Dobre przykłady i ich zastosowanie.
Szukasz innych technologii?
Zapoznaj się z naszym pełnym katalogiem szkoleń i usług IT
FAQ
React to biblioteka do budowy interfejsów opartych na komponentach, która ułatwia podział aplikacji na niezależne, wielokrotnego użytku elementy. Na początku warto sprawdzić sposób organizacji komponentów, przepływ danych, podział na warstwy widoków i logiki oraz zasady pracy z JSX, hookami i routingiem. Przykładowo, formularze, listy i widoki szczegółowe zwykle rozdziela się na komponenty prezentacyjne i kontenerowe, aby uprościć rozwój i debugowanie.
Ten temat przerabiamy praktycznie na szkoleniu: Tworzenie aplikacji z użyciem React.
React sprawdza się w aplikacjach SPA, natomiast Next.js rozszerza ten model o routing plikowy, SSR, generowanie statyczne i mechanizmy wspierające SEO. Przy wyborze warto porównać wymagania dotyczące indeksowania treści, czasu pierwszego renderu, źródeł danych oraz sposobu wdrożenia aplikacji produkcyjnych. Dobrym przykładem są serwisy treściowe i sklepy, gdzie SSR lub statyczne generowanie stron zwykle lepiej wspierają widoczność w wyszukiwarkach niż klasyczne SPA.
Jeśli chcesz przećwiczyć to krok po kroku, zobacz: Aplikacje Full-Stack z użyciem React.js i Next.js.
SSR w Next.js polega na renderowaniu widoków po stronie serwera, a statyczne generowanie tworzy gotowe strony podczas budowania aplikacji lub na żądanie. Trzeba sprawdzić częstotliwość zmian danych, wymagania SEO, wpływ na Web Vitals oraz to, czy treści muszą być generowane dla każdego żądania użytkownika. Przykładowo, strony produktowe z często zmieniającą się dostępnością mogą korzystać z innych strategii niż dokumentacja lub sekcje marketingowe publikowane rzadziej.
Wersję warsztatową (z konfiguracją i przykładami) znajdziesz w programie szkolenia: Aplikacje Full-Stack z użyciem React.js i Next.js.
Zarządzanie stanem w React obejmuje zarówno lokalny stan komponentów, jak i współdzielone dane używane w wielu częściach aplikacji. Warto ocenić skalę projektu, liczbę zależności między widokami, potrzebę debugowania zmian stanu oraz to, czy logika biznesowa wymaga centralnego store’a i selektorów. Przykładowo, Context API bywa wystarczający dla motywów i ustawień użytkownika, a Redux Toolkit lepiej porządkuje rozbudowane przepływy danych i komunikację z backendem.
Dokładnie ten zestaw narzędzi i workflow ćwiczymy podczas szkolenia: Tworzenie aplikacji z użyciem React.
Optymalizacja wydajności obejmuje ograniczanie kosztów renderowania, zmniejszanie rozmiaru paczek oraz poprawę metryk takich jak LCP czy CLS. Należy sprawdzić miejsca nadmiarowych renderów, sposób ładowania komponentów, wykorzystanie lazy loadingu, memoizacji, cache’owania oraz wpływ zasobów zewnętrznych na czas ładowania. Przykładem skutecznej poprawy jest podział kodu na mniejsze części, dynamiczne importy i przesunięcie cięższych operacji poza ścieżkę krytyczną.
To jedno z zagadnień omawianych podczas szkolenia: Aplikacje Full-Stack z użyciem React.js i Next.js.
Testowanie aplikacji React polega na weryfikacji zachowania komponentów, logiki formularzy, komunikacji z API i reakcji interfejsu na działania użytkownika. Trzeba sprawdzić poprawność selektorów, mockowanie zależności, obsługę asynchroniczności, skutki uboczne w useEffect oraz stabilność walidacji formularzy i routingu. Przykładowo, częstym błędem jest testowanie implementacji zamiast zachowania widocznego dla użytkownika, co utrudnia późniejsze refaktoryzacje.
Ten temat przerabiamy praktycznie na szkoleniu: Tworzenie aplikacji z użyciem React.