✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Kurs React od podstaw:Trailer

Poznaj dobre praktyki tworzenia nowoczesnych aplikacji webowych z wykorzystaniem jednego z najlepszych frameworków front-endowych, jakim jest React!

Kurs React od podstaw:JSX – podstawy

. Następnie znacznik H1, w środku piszemy "Hello I am a React App". Musimy teraz podać ten styl. Napiszmy className. Jeszcze może w tym div'ie na górze dajmy styl utworzony przez create-react-app, czyli ponownie className i będzie to styl "App". Zapiszmy teraz ten plik i przejdźmy do przeglądarki. Widzimy że wszystko się poprawnie skompilowało. Tu dla odmiany wyświetlił się tekst na środku, ponieważ skorzystaliśmy ze stylu App. Podsumowując to bardzo ważne żebyś zrozumiał i zapamiętał że ten kod, który teraz napisaliśmy te zagnieżdżone wywołanie funkcji createElement() jest równoważne z tym przed chwilą napisanym kodem JSX. I właśnie do takiej postaci będzie zawsze przetwarzany pisany przez ciebie kod JSX. Będzie to oczywiście wykonywane automatycznie z użyciem narzędzi, które już zostały utworzone przy pomocy create-react-app. I to jest właśnie ten powód dla którego zawsze musimy importować tutaj na górze Reacta. Nawet jeżeli nie będziemy z niego jawnie korzystać tak jak tutaj w tym przypadku. Nasz projekt sam będzie go niejawnie wykorzystywał kiedy będziemy kompilowali JSX'a do JavaSriptu. Oczywiście nie jesteś zobligowany do korzystania z JSX. Mógłbyś pisać aplikacje Reactowe z użyciem react-create-element. Ale myślę że już nawet na tak prostym przykładzie jak ten widać że ta pierwsza opcja jest dużo bardziej czytelna i łatwiejsza w rozwijaniu a co dopiero gdybyśmy mieli jakiś bardzo duży widok i na przykład zagnieżdzonych w sobie 500 funkcji createElement(), z tego właśnie względu nie będziemy z niej korzystali a zostaniemy przy JSX. Natomiast ważne jest żebyś wiedział do czego ten kod będzie koniec końców kompilowany i żebyś rozumiał że mimo iż jest on bardzo podobny do HTML a to jednak nim on nie jest. Koniec końców jest to JavaScript i jest on kompilowany do kodu w takiej właśnie postaci. "/> Poznaj dobre praktyki tworzenia nowoczesnych aplikacji webowych z wykorzystaniem jednego z najlepszych frameworków front-endowych, jakim jest React!

Kurs React od podstaw:Inline styles

Poznaj dobre praktyki tworzenia nowoczesnych aplikacji webowych z wykorzystaniem jednego z najlepszych frameworków front-endowych, jakim jest React!

Kurs React od podstaw:Żądanie GET

Poznaj dobre praktyki tworzenia nowoczesnych aplikacji webowych z wykorzystaniem jednego z najlepszych frameworków front-endowych, jakim jest React!

DARMOWE FRAGMENTY

Opinie użytkowników

Łukasz Klimczak

5.0

Chyba najlepiej przygotowany kurs jaki miałem przyjemność przerabiać. Gorąco polecam.

Monika Dubiel

5.0

Przyznam, że długo szukałam wartościowego kursu o react.js, większość materiału dostępnego w internecie po prostu się nie nadaje. Pan Szymon świetnie tłumaczy. Czekam na kurs średniozaawansowany! Polecam wszystkim :)

Zobacz wszystkie

Czego się nauczysz:

szybkiego tworzenie projektu z create-react-app

pracy z JSX – rozszerzeniem składni JavaScript

tworzenie widoków z wykorzystaniem komponentów

praktycznego użycia spread syntax i funkcji strzałkowych

zarządzania stanem aplikacji

różnego podejścia do stylowania aplikacji

kontroli typowania dzięki mechanizmowi PropTypes

komunikacji z serwerem za pomocą biblioteki Axios

Netflix, Facebook, Instagram czy PayPal, to tylko kilka przykładów firm, które wykorzystują Reacta. Możliwości tego frameworka doceniają jednak nie tylko korporacje, ale też mniejsze firmy. Zapotrzebowanie na programistów znających tę technologię jest więc olbrzymie, a ich miesięczne zarobki potrafią sięgać nawet 16 000 złotych. Jeżeli swoją karierę wiążesz z programowaniem, to inwestycja w naukę Reacta z pewnością będzie świetnym wyborem. Znajomość tej biblioteki przyda Ci się zarówno na etapie rozwijania umiejętności programistycznych, jak i w momencie, kiedy masz już pewien zasób wiedzy i po prostu chcesz poszerzyć zakres przydatnych narzędzi. Szkolenie, które dla ciebie przygotowałem krok po kroku pomoże Ci zdobyć praktyczną wiedzę na temat tworzenia nowoczesnego frontendu z wykorzystaniem React.js.

React krok po kroku

Zdobywanie wiedzy na temat React zaczniemy od absolutnych podstaw. Dowiesz się jak przygotować środowisko programistyczne, poznasz strukturę typowego projektu, zaznajomisz się ze składnią React, zrozumiesz czym są komponenty, widoki oraz do czego wykorzystać JSX - rozszerzenie JavaScript. Zapomnisz też o nudnym konfigurowania serwera hostującego pliki! Przy pomocy managera pakietów npm i create-react-app aplikacje reactowe będziesz mógł tworzyć już po dwuminutowej konfiguracji. I właśnie na tym skupimy się w kursie - na praktycznej nauce Reacta poprzez tworzenie aplikacji! W trakcie kursu stworzymy kilka projektów, co pozwoli Ci to lepiej zrozumieć poszczególne elementy Reacta w znacznie krótszym czasie.

Komponenty

Strony internetowe składają się z modułów (nagłówki, menu, stopka), często zawierających w sobie podobne lub powtarzające się elementy. React wykorzystuje tę sytuację stosując podejście komponentowe. Dzięki niemu będziesz mógł w wydajny sposób budować aplikacje niczym domek z klocków. W trakcie kursu zobaczysz jak tworzyć i wykorzystywać komponenty funkcyjne i dynamiczne. Dowiesz się, czym jest cykl życia komponentu oraz na praktycznym przykładzie formularza nauczysz się przechowywać i edytować ich stan. Pokażę Ci również jak pracować z danymi, czym jest warunkowe renderowanie zawartości oraz jak i do czego w React wykorzystuje się listy i klucze.

Nowoczesne podejście do stylowania

React udostępnia wiele sposobów stylowania elementów - w kursie poznasz te najbardziej popularne i efektywne. Dzięki temu sam będziesz mógł wybrać metodę, który najbardziej sprawdzi się w danej sytuacji. Dowiesz się, w jaki sposób implementować globalne style oraz poznasz inline styling, który pozwoli Ci nadawać style przy pomocy obiektów javascriptowych. Pokażę ci również styled-components, czyli bibliotekę utworzoną specjalnie do Reacta i wykorzystującą ideę komponentów. Zobaczysz również jak tworzyć zbiory styli z zasięgiem lokalnym dzięki CSS modules.

Komunikacja z HTTP

Aplikacje reactowe uruchamiają się w przeglądarce, wszystkie zmiany widoku, wykonują się natychmiast, bo obliczenia przerzucone są na komputer użytkownika. To bardzo wydajne podejście, które nie zmienia jednak tego, że aplikacje muszą komunikować się z serwerem i pobierać z niego konkretne informacje. W tym kursie pokażę Ci, jak wykorzystać do tego bibliotekę Axios. Zobaczysz jak komunikować się z serwerem REST-owy i wymieniać dane w formacie JSON. Wykorzystamy do tego metody HTTP takie jak: GET, POST, DELETE, PUT. Wszystkiego nauczysz się na przykładzie działającej aplikacji.

Co jeszcze powinieneś wiedzieć?

Kurs powstał w taki sposób, aby był jak najbardziej przystępny i nawet początkujący programiści mogli z niego komfortowo korzystać. Jedyne czego potrzebujesz aby zrozumieć przekazywaną przez mnie wiedzę, to podstawy HTML oraz CSS. Znajomość JavaScript nie jest wymagana, ale z pewnością przyspieszy przyswajanie umiejętności. Jeżeli nie zdobyłeś jeszcze wiedzy, z tych tematów możesz uzupełnić ją w dowolnym momencie dzięki naszym szkoleniom.

Kurs HTML 5.1 - podstawy tworzenia stron

ZOBACZ WIĘCEJ

50% zniżki do niedzieli!
Często kupowane w pakiecie

Kurs React od podstaw

Razem do zapłaty

109 zł

-50% 218 zł

+872 punktów premium

KUP W PAKIECIE

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Kurs React od podstaw

Razem do zapłaty

144 zł

-50% 288 zł

+1152 punktów premium

KUP W PAKIECIE

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 00m 38s

Jak korzystać z materiałów? 00m 58s

Czym jest React? 05m 03s

Przygotowanie środowiska programistycznego 07m 27s

Struktura projektu 10m 33s

Komponenty – podstawy 07m 24s

JSX – podstawy Podgląd 10m 13s

Ograniczenia JSX 03m 48s

Tworzenie komponentów funkcyjnych 10m 05s

Tworzenie komponentów dynamicznych 13m 17s

2 State - przechowywanie stanu komponentu

State – przygotowanie formularza 07m 46s

State – podstawy 07m 01s

Edycja state przy pomocy eventów 10m 06s

Obsługiwane eventy 03m 42s

State w komponentach funkcyjnych 13m 56s

Edycja state z innego komponentu 03m 11s

3 Warunki i listy

Warunkowe renderowanie zawartości 11m 21s

Warunkowe renderowanie w kodzie JavaScript 03m 50s

Wyświetlanie list 06m 19s

Listy i edycja state 08m 27s

Prawidłowa edycja state 05m 04s

Listy i klucze 05m 28s

4 Metody stylowania

Podstawy stylowania 05m 37s

Inline styles Podgląd 06m 22s

Dynamiczne przypisywanie stylów 04m 56s

Dynamiczne style className 09m 18s

Radium 08m 12s

Radium i Media Queries 07m 13s

Styled components 09m 49s

Styled Components – szczegóły 08m 43s

Styled Components – dynamiczne style 05m 34s

CSS Modules 07m 18s

CSS Modules – dynamiczne style i Media Queries 09m 19s

5 Komponenty klasowe i funkcyjne

Poprawa struktury projektu 16m 08s

Cykl życia komponentu klasowego 09m 36s

Cykl życia komponentu - aktualizacja (props) 13m 06s

Cykl życia komponentu - aktualizacja (state) 03m 14s

useEffect() 06m 26s

Sterowanie działaniem useEffect() 06m 33s

Optymalizacja przy pomocy shouldComponentUpdate() 11m 09s

Optymalizacja komponentów funkcyjnych - React.memo() 03m 43s

Komponent Auxiliary 11m 28s

Asynchroniczność setState() 08m 06s

PropTypes 10m 35s

6 React i HTTP

Przygotowanie projektu 12m 37s

Biblioteka Axios - instalacja 03m 01s

Żądanie GET Podgląd 07m 48s

Renderowanie danych z GET 04m 37s

Wyświetlanie danych 18m 52s

Zapis danych przy pomocy żądania POST 07m 57s

Usuwanie danych przy pomocy żądania DELETE 04m 31s

Aktualizowanie danych przy pomocy żądania PUT 05m 10s

Podsumowanie kursu 01m 41s

Ocena uczestników

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

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

88%

12%

Recenzje użytkowników (64)

Marcin Slupik

16 lutego 2025

5.0

Kurs "React od podstaw" ze Strefy Kursów to świetny wybór dla osób, które chcą rozpocząć swoją przygodę z jednym z najpopularniejszych frameworków JavaScript. Materiał jest dobrze uporządkowany i prowadzony w przystępny sposób, co sprawia, że nawet osoby bez… Czytaj więcej

Jarosław Mroczkowski

8 grudnia 2024

5.0

Bardzo dobry kurs wprowadzający w bibliotekę React.js, świetnie wytłumaczony na praktycznych przykładach. Ja osobiście jestem bardzo zadowolony z tego kursu i szczerze polecam, tym co dopiero zaczynają swoją przygodę z tą technologią.

Wojciech Trawnicki

15 listopada 2024

5.0

Sposób prowadzenia kursu i przekazywane treści

Szymon Radziwil

16 października 2024

5.0

Dobrze wytlumaczone

Wojciech Dąbek

7 października 2024

5.0

Dobry kurs z podstawami React'a, polecam.

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

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.

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.

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 dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", 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ę.

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.

Szymon Sołtys

Java Developer

4.8

(64 ocen)

Kurs React od podstaw

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

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.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz