Wprowadzenie React #6 (2020) – hook useEffect

Część szósta cyklu miała być ostatnią, ale zapomniałem o dość istotnym elemencie układanki, czyli hooku useEffect. Podobnie jak obsługa zdarzeń ten wpis będzie oparty na console.log, nie na faktycznych funkcjonalnościach, ale wiedza o useEffect pozwoli nam na zrobienie ciekawych, praktycznych rzeczy w przyszłości.

Czytaj dalej Wprowadzenie React #6 (2020) – hook useEffect

Wprowadzenie React #4 (2020) – stan komponentu i przepływ danych

W poprzednim wpisie przyjrzeliśmy się jak obsługiwać zdarzenia z poziomu React, a w tym wykorzystamy tę wiedzę, by rozszerzyć funkcjonalność naszej strony i dowiemy się czym jest bardzo ważna rzecz – stan komponentu.

Czytaj dalej Wprowadzenie React #4 (2020) – stan komponentu i przepływ danych

Praktyczne wprowadzenie do ReactJS 2020 | #1

React jest jedną z najpopularniejszych bibliotek języka Javascript, służącą do tworzenia interfejsów użytkownika, a konkretniej tych webowych, czyli stron internetowych. Został on stworzony  w podziemiach tajnej fabryki Facebooka ;), inne duże korporacje, jakie z niego korzystają to PayPal czy Netflix. Na chwilę obecną można śmiało powiedzieć, ze React stał się dominującą biblioteką w ekosystemie JS. Wprowadzenie React JS utworzymy, krok po kroku, pierwszą, pełnoprawną aplikację internetową. Czytaj dalej Praktyczne wprowadzenie do ReactJS 2020 | #1

Pierwsza Klasa Javascript ES6

Jak wspominałem w jednym z poprzednich wpisów – obecnie częściej pracuję z Javascriptem niż z Javą i czuję się w niej już na tyle pewnie, że postanowiłem nieco wiedzą się podzielić i zrobić to z perspektywy “backendowca”. Tak, więc przed Tobą pierwsza klasa Javascript ES6.

Czytaj dalej Pierwsza Klasa Javascript ES6

Od Javy do Reacta

Dziś wpis wyjątkowo nietechniczny ani nie reklamowy, choć nieco z tematem kursów powiązany. Niedawno premierę miał kurs React + Jest mojego autorstwa… mimo, że do tej pory, na tym blogu, nie zbliżałem się do tematów front-endowych (choć sokole oczy niektórych mogli wypatrzyć słowo ‘React’ w podtytule strony). O dziwo, osoba czy dwie „przechwyciły” mnie na FB i zapytało – „ale jako to”… Java React – dwa światy. Stąd też pomysł na tę krótką opowiastkę.

Czytaj dalej Od Javy do Reacta

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