Ostatnią rzeczą jaką zrobimy w tym cyklu jest wdrożenie naszej aplikacji na zewnętrzny serwer w chmurach, na platformie Heroku.
Czytaj dalej Wprowadzenie React #8 (2020) – Wdrożenie na HerokuKategoria: React
Darmowy kurs React od podstaw
Na platformie pojawił się kolejny, darmow kurs – Wprowadzenie do React. Zapraszam.
Wprowadzenie React #7 (2020) – Firebase – zapisywanie danych w chmurze
Co do tej pory udało nam się zrobić to zbiór obrazków, do którego możemy wedle woli dodawać kolejne. W tym wpisie pokażę jak w React zapisać dane do chmury, a wykorzystamy do tego konkretnie usługę Google Firebase.
Firebase?
Firebase jest to tak naprawdę cały zestaw usług działających w modelu BaaS, czyli Backend as a Service. Sprowadza się to do tego, że zamiast np. tworzyć własną bazę danych albo cały proces autentykacji i autoryzacji korzystamy za dolary* z usług udostępnionych przez Google. Ta gwiazdka przy dolarach jest o tyle ważna, że dla małych projektów, np. baza danych Firestore jest darmowa.
Czytaj dalej Wprowadzenie React #7 (2020) – Firebase – zapisywanie danych w chmurze
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 #5 (2020) – Obsługa formularza i props key
W poprzednim wpisie pokazałem czym jest stan w komponentach React. W tym przyjrzymy się jak dynamicznie tworzyć komponenty, czym jest props key oraz jak obsłużyć prosty formularz.
Czytaj dalej Wprowadzenie React #5 (2020) – Obsługa formularza i props key
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
Wprowadzenie React #3 (2020) – obsługa zdarzeń
W poprzednim wpisie dowiedzieliśmy się czym są propsy i jak dzięki nim możemy reużywać komponenty. W tym zajmniemy się obsługa zdarzeń, czyli jak w React obsłużyć np. kliknięcie na obszarze danego komponentu.
Czytaj dalej Wprowadzenie React #3 (2020) – obsługa zdarzeń
Wprowadzenie React #2 (2020) – komponenty i props
W poprzednim wpisie utworzyliśmy nasz projekt oraz pierwszy komponent, w tym będziemy dalej bawić się komponentami oraz dowiemy się czym są w React props.
Czytaj dalej Wprowadzenie React #2 (2020) – komponenty i props
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
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ę.