WYRUSZ W PODRÓŻ PO NOWE UMIEJĘTNOŚCI!     |      -50% NA WSZYSTKIE KURSY     |      DO KOŃCA
0 d 00 h 00 m 00 s
Pomoc i kontakt
Koszyk
Twój koszyk jest pusty. Wypełnij go wiedzą i zdobądź nowe umiejętności!
Nie wiesz od czego zacząć?
Zobacz nowości
Zaloguj się
strefakursów.pl Programowanie

React od podstaw:Trailer

Zacznij przygodę z Reactem i stwórz swoją pierwszą aplikację krok po kroku. Poznaj sprawdzone metody pracy, które ułatwią Ci start w świecie nowoczesnego frontendu.

React od podstaw:Kliencki routing w aplikacji - biblioteka React Router

Zacznij przygodę z Reactem i stwórz swoją pierwszą aplikację krok po kroku. Poznaj sprawdzone metody pracy, które ułatwią Ci start w świecie nowoczesnego frontendu.

React od podstaw:Logika działania transakcji

Zacznij przygodę z Reactem i stwórz swoją pierwszą aplikację krok po kroku. Poznaj sprawdzone metody pracy, które ułatwią Ci start w świecie nowoczesnego frontendu.
DARMOWE FRAGMENTY

Czego się nauczysz:

  • instalować i konfigurować środowisko do pracy z React

  • tworzyć własne komponenty i korzystać z hooków

  • rozumieć oraz zarządzać stanem aplikacji

  • budować responsywne interfejsy z TailwindCSS i ShadCN

  • wdrażać routing między stronami za pomocą React Router

  • typować projekt przy użyciu TypeScript

  • tworzyć i walidować formularze oraz obsługiwać błędy

  • wdrażać aplikacje na platformę produkcyjną

Laptop z otwartym edytorem kodu React i podglądem aplikacji, obok logo React i Tailwind CSS

Dla kogo jest ten kurs?

  • osób zaczynających naukę React

  • początkujących frontend developerów

  • studentów informatyki i pokrewnych kierunków

  • freelancerów wchodzących w web development

  • osób przebranżawiających się do IT

  • osób, które chcą pewnie wejść w świat nowoczesnych technologii frontendowych

Co zyskasz po ukończeniu kursu?

Praktyczny projekt aplikacji do zarządzania finansami

  • budowa i edycja portfeli finansowych

  • filtrowanie i sortowanie transakcji

  • wyświetlanie danych na wykresach

  • obsługa różnych widoków i podsumowań

Laptop i smartfon z otwartą aplikacją do zarządzania finansami, pokazujące listę transakcji i podsumowania

React krok po kroku - od instalacji po działającą aplikację

Komponenty i hooki - naucz się myśleć jak React developer

  • jak tworzyć własne komponenty i łączyć je w większą całość

  • jak stosować podstawowe i zaawansowane hooki (useState, useEffect, useContext, useReducer)

  • jak przekazywać dane i obsługiwać stan aplikacji w praktyce

  • jak optymalizować kod i unikać powielania błędów

Osoba pracuje na laptopie nad kodem React, ucząc się użycia hooków: useState, useEffect, useContext i useReducer

Formularze i walidacja

  • tworzyć formularze przy pomocy React Hook Form

  • walidować dane z biblioteką Zod

  • obsługiwać błędy i informować użytkownika o nieprawidłowych danych

  • typować dane, by uniknąć błędów już na etapie pisania kodu

Nowoczesny wygląd aplikacji - stylowanie bez frustracji

  • jak używać gotowych komponentów

  • jak szybko zmieniać wygląd bez skomplikowanego CSS

  • jak tworzyć nowoczesne, responsywne strony

Nowoczesny interfejs aplikacji finansowej z wykresami i formularzem, obok fragment kodu CSS

Praca z API i wdrożenie

Co jeszcze powinieneś wiedzieć?

ZOBACZ WIĘCEJ

Często kupowane w pakiecie
50% taniej do niedzieli!

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz
Program nauczania
1 Wprowadzenie
Wstęp 01m 43s
Jak korzystać z materiałów? 02m 23s
Czym jest React? 02m 24s
Omówienie projektu 01m 08s
2 Przygotowanie do pracy
Przygotowanie do pracy 08m 37s
Instalacja środowiska i wstępna konfiguracja 05m 46s
Omówienie plików i folderów 03m 28s
Konfiguracja oraz wtyczki edytora kodu 08m 19s
3 Podstawy Reacta
Wprowadzenie do Reacta 15m 49s
Stan komponentów - hook useState 14m 03s
Podstawowe założenia Reacta 05m 34s
Rendering w React oraz cykl życia komponentów 05m 58s
Hook useRef 11m 50s
Hook useEffect 13m 09s
Kontekst w aplikacji - hook useContext 07m 36s
Hook useReducer 09m 47s
funkcje wpływające na wydajność - memo(), useMemo(), useCallback() 14m 22s
Debugowanie aplikacji w React - React Developer Tools oraz Strict Mode 07m 26s
React Compiler 03m 56s
4 Landing Page
TailwindCSS oraz ShadCN - omówienie 05m 41s
TailwindCSS oraz ShadCN - instalacja i praktyczne wprowadzenie 08m 41s
Przygotowanie do pracy 06m 35s
Pierwszy komponent 10m 24s
Komponent intro oraz dodatkowe biblioteki 13m 06s
Baner 11m 11s
Moduł opinii 14m 32s
Cennik 10m 34s
Kliencki routing w aplikacji - biblioteka React Router Podgląd 11m 43s
Komponent nawigacji 09m 16s
Tworzymy portal - nawigacja na mobilu 13m 41s
5 Portfele
Szybkie wprowadzenie do Typescript 14m 44s
Karta portfela 08m 37s
Pierwszy formularz z pomocą biblioteki React Hook Form oraz Zod cz. 1 08m 01s
Pierwszy formularz z pomocą biblioteki React Hook Form oraz Zod cz. 2 14m 47s
Szersze omówienie biblioteki Zod oraz mapa błędów 11m 21s
Logika działania portfeli 08m 46s
Lista portfeli 09m 36s
Tworzymy własne hooki - useLocalStorage oraz useWallets 09m 56s
6 Transakcje
Panel kategorii 11m 22s
Karta transakcji 07m 22s
Formularz cz. 1 06m 19s
Formularz cz. 2 12m 23s
Logika działania transakcji Podgląd 13m 14s
Lista transakcji 08m 29s
Filtrowanie po miesiącu i podkategorii 14m 50s
7 Strona podsumowania
Karta podsumowania 04m 31s
Dane do wykresów 11m 10s
Wykresy kategorii 13m 06s
Wykres roczny 05m 58s
8 Zakończenie
Praca z API - wprowadzenie do React Query 13m 19s
Praca z API - komponent kursu walut 16m 36s
Końcowa konfiguracja i deploy aplikacji 06m 08s
Zakończenie 01m 00s
Opinie o strefakursów.pl
user-image user-image user-image user-image user-image user-image

54657 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Google logo

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2854 wszystkich opinii.

Google logo
5.0
5
strefakursów.pl to świetna platforma – duży wybór kursów, wysoka jakość materiałów i przystępna forma nauki. Polecam każdemu, kto chce rozwijać się online!
Google logo
5.0
5
Bardzo dobra, polskojęzyczna platforma kursów online do pogłębiania kompetencji biznesowych i osobistych. Wiedza prezentowana na wielu kursach na tej platformie jest często nieporównywalnie dostępna cenowo do wartości praktycznej i merytorycznej, jakie te kursy ze… Czytaj więcej
Google logo
5.0
5
Bardzo dobra platforma z kursami. Oferuję kursy chyba z każdej dziedziny. Możemy wybrać pojedynczy kurs lub ścieżkę kariery. Kursy prowadzone są w jasny i zrozumiały sposób. Po zakupie kursu, trafią on na twoje konto i możesz do niego wracać ile razy tylko chcesz. Polecam!
Google logo
5.0
5
Szkoła z bardzo profesjonalnym programem nauczania, kursy są warte swojej ceny, dużo się uczę na tej platformie.
Google logo
5.0
5
strefakursow.pl to wyjątkowa platforma edukacyjna, która oferuje bogatą ofertę kursów w języku polskim, dostosowanych do różnych poziomów zaawansowania i zainteresowań. Po ukończeniu kilku kursów mogę śmiało stwierdzić, że ich jakość jest naprawdę na najwyższym… Czytaj więcej
Najczęściej zadawane pytania
minus plus
Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

minus plus
Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

minus plus
Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz proformy do opłacenia zamówienia, złóż zamówienie zaznaczając w formularzu pole "Chcę otrzymać dokument proforma" lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura


Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz Ustawienia na iPhone
  • Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
  • Wybierz Multimedia i zakupy > Pokaż konto.
  • Przewiń w dół i wybierz Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

  • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

minus plus
Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Google logo
4.9/5

z 2854 opinii w Google

React od podstaw

Zacznij przygodę z Reactem i stwórz swoją pierwszą aplikację krok po kroku. Poznaj sprawdzone metody pracy, które ułatwią Ci start w świecie nowoczesnego frontendu.
Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

🔥 Gorący temat: Dzisiaj 101 użytkowników obejrzało to szkolenie

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z logo twisto lub logo paypoJak to działa?

tick 30 dniowa gwarancja zwrotu more-information
tick Dożywotni, nielimitowany dostęp do kursu
64
129zł

za ten zakup otrzymasz zwrot o wartości 6.45 zł

2025-08-01

1809

⏰ To szkolenie kupisz 50% taniej jeszcze tylko przez: 01 : 06 : 30 : 22

for-teamsOferta dla firm i zespołów
To szkolenie obejmuje:
unlimited-access Nielimitowany dostęp online
certificate Certyfikat ukończenia
clock 8 godzin szkolenia
video 53 wykładów
level Poziom: Podstawowy
book Testy i zadania
test-questions 20 pytań testowych
linkedin Rekomendacje na LinkedIn
language Napisy dostępne w językach:
polski, angielski, ukraiński
mobile-access Dostęp w aplikacji mobilnej
Twisto

Odbierz 20% rabatu na pierwsze zamówienie

newsletter signup image
Nasz newsletter obserwuje już 109719 osób!
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
E-mail jest niepoprawny.
Nie chcę otrzymać zniżki.
shield-error

Ups! Coś poszło nie tak :(

Google Recaptcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.

ZAMKNIJ I SPRÓBUJ PONOWNIE