Tak, zgadza się 🙂 Wyprawiłem się w świat front-end developmentu. Ponad trzy lata temu stwierdziłem, że Javascript jednak nie zginie, a wręcz mnie przeżyje i postanowiłem zakopać z nim wojenny topór, a nawet poszedłem krok więcej wedle powiedzenia – „Jeśli nie możesz pokonać wroga, to się do niego przyłącz” i przeskoczyłem z roli backend developera do full-stack developera i zacząłem swoją przygodę z JS i Reactem od razu na kodzie biznesowym 🙂 Mam nadzieje, ze Tobie ten kurs React również pomoże poznac nieco lepiej świat front-end developmentu. Wystarczy kliknąć w obrazek poniżej 🙂
Jest to druga edycja kursu – aktualna na rok 2020, czyli bazująca głownie na komponentach funkcyjnych i hookach. Większy nacisk został położony również na narzędzia towarzyszące tworzeniu aplikacji webowych. Pierwsza edycja jest wciąż dostępna i stosownie oznaczona, bo jest wciąż aktualna, tworzymy tam nieco inny projekt (choć w tej samej domenie), a praktyki nigdy dość.
Kurs w praktyczny sposób pokazuje jak, od pierwszej linijki kodu po wdrożenie na zewnętrzny serwer (Heroku), tworzyć aplikacje webowe z użyciem biblioteki React i wspomagającej ją biblioteki Redux. Nie tworzymy więc osobnych 'mini’ projektów dla każdej funkcjonalności Reacta, lecz zbieramy wszystko w jedną całość i małymi krokami tworzymy pełnoprawną aplikację webową wraz z integracją z bazą danych i uwierzytelnianiem użytkowników.
Nauczy on Cię podstaw bibliotek React i Redux – obecne jednych z najpopularniejszych bibliotek front-end opartych na JavaScript. Kurs zaczyna się od instalacji niezbędnych narzędzi, krok po kroku będziemy rozwijać naszą aplikację, by finalnie zintegrować ją z usługami googlowego BaaS – Firebase. Od zera więc utworzymy pełnoprawną aplikację webową.
Ponad to w kurs React odnajdziesz następujące treści:
- Instalacja NodeJS i Visual Studio Code
- Podstawy działania i organizacji komponentów w React
- Props
- State
- Narzędzia (npm, parcel, eslint)
- JSX
- Komponenty funkcyjne
- State (hook-based)
- Props
- Tworzenie własnych hooków
- useEffect
- pobieranie danych z API REST
- React dev tools
- Router
- Redux
- integracja Redux w React
- zapisywanie idanych w Firebase
- kompnenty klasowe