fbpx

Kurs React Redux i Jest

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