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 HerokuTag: 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
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.