React

  • React – dot na kursor

    React – dot na kursor

    Robimy to, co w lekcji poprzedniej, ale tym razem używając frameworka React i jego hooków – useState i useEffect. Do dzieła.

  • JS – Reaktywny Counter bez Reacta

    JS – Reaktywny Counter bez Reacta

    Tak, Countery to takie hello-worldy w bibliotece React, ale prawdziwa zabawa to napisać Countera bez Reacta. I to właśnie zrobimy, do dzieła.

  • React mini-projekt – komponent CountDown

    React mini-projekt – komponent CountDown

    Tworzymy w React prosty komponent CountDown, który odlicza od przekazanej w props wartości w dół co każdą sekundę. W momencie, gdy odliczanie się zakończy, komponent wyświetla wartość przekazaną w JSX pomiędzy jego otwierającym i zamykającym tagiem (poznajemy props.children). Wykonujemy pierwszy prop forwarding.

  • React podstawy vol. 3 – ugruntowanie wiedzy

    React podstawy vol. 3 – ugruntowanie wiedzy

    Przypominamy sobie podstawowe hooki Reacta – useState, useEffect, useRef oraz useReducer. Uczymy się korzystać z API zewnętrznych oraz instalować i wykorzystywać zewnętrzne biblioteki Reacta. Przypominamy sobie własne komponenty oraz ich propsy.

  • React projekt – Todo app + localStorage i hook

    React projekt – Todo app + localStorage i hook

    Podsumowując wiedzę zdobytą w dwóch pierwszych częściach tutoriala React Podstawy, piszemy własną aplikację Todo App korzystając z biblioteki React. Nasza aplikacja będzie wykorzystywać wszystkie zdobyte dotychczas umiejętności wliczając w to obsługę localStorage przy użyciu własnego hooka useLocalStorage.

  • React podstawy vol. 2 – własny useLocalStorage hook

    React podstawy vol. 2 – własny useLocalStorage hook

    Poprzednio poznaliśmy już podstawy komponentów i podstawowych hooków Reacta. Teraz napiszemy swój własny hook do obsługi localStorage czyli zapisywania i odczytywania pewnych danych w przeglądarce. Użyjemy wcześniej poznanych hooków useState i useEffect stawiając kolejny krok w drodze do napisania dobrego projektu ToDo w bibliotece React

  • React podstawy vol. 1 – popularne hooki i metody pracy

    React podstawy vol. 1 – popularne hooki i metody pracy

    Poznajemy podstawy tworzenia aplikacji Reactowych oraz komponentów funkcyjnych. Dowiadujemy się czym są props oraz jak używać podstawowych hooków takich jak useState, useEffect oraz useRef.