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

JavaScript od podstaw #3 – Instalacja niezbędnych narzędzi i pierwszy program

W tej częsci cyklu “JavaScript od podstaw” zainstalujemy NodeJS oraz Visual Studio Code oraz napiszemy pierwszy, prosty program.

Czytaj dalej JavaScript od podstaw #3 – Instalacja niezbędnych narzędzi i pierwszy program

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ń