Niewątpliwą zaletą React Hooks jest to, jak łatwo możemy wydzielać fragmenty logiki do własnych hooków. W tym artykule pokazuję Ci, jak napisać swoje hooki, jakie obowiązują zasady i jak sprawić, aby Twój kod był lepszy! Czytaj dalej… artykuł React Hooks: Piszemy własne hooki!
Od wielu tygodni nie opada kurz po zamieszaniu związanym z React Hooks. Poziom hype przebił wszelki hajpometry, a rozsądna debata na temat kodu została zastąpiona prześciganiem się w pisaniu co raz to sprytniejszych i czystszych (w sensie pure) reReact Hooków. Zastanówmy się jednak nad wadami tego rozwiązania. Czytaj dalej… artykuł Wady React Hooks
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Ten artykuł jest częścią 39 z 41 w serii React.js.
Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Czytaj dalej… artykuł useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
useReducer to alternatywa dla useState. Ale po co i kiedy jej używać? W skrócie: Gdy logika komponentu się rozrasta i chcemy oddzielić ją całkowicie od widoku. Zgodnie z dobrymi praktykami! Czytaj dalej… artykuł useReducer — przenoszenie logiki poza komponent
React Hooks mocno upraszczają właściwie wszystko, co do tej pory robiłaś. W jednym z pierwszych odcinków kursu pokazywałem, jak można w szybki sposób pobierać dane z API używając fetch w Reakcie. Czy Hooki coś tutaj zmieniają? Ależ tak! Czytaj dalej… artykuł React Hooks a żądania do API
React Hooks: useEffect — efekty uboczne w komponencie
Ten artykuł jest częścią 36 z 41 w serii React.js.
W tym wpisie opowiadam o hooku useEffect w React. Na pewno często musisz wykonywać żądania HTTP wewnątrz komponentów, prawda? Albo nasłuchiwać jakichś subskrypcji? Jak często zdarzyło Ci się wykonywać dokładnie ten sam kod w componentDidMount, a potem też w componentDidUpdate? Mi cały czas się to przytrafia! A do tego jeszcze… Czytaj dalej… artykuł React Hooks: useEffect — efekty uboczne w komponencie
React Hooks: useState — wiele stanów, callbacki i inne niuanse
Ten artykuł jest częścią 35 z 41 w serii React.js.
W poprzednim wpisie omówiłem wstępnie React Hook useState. Pod postem na blogu oraz na Facebooku pojawiło się wiele komentarzy z pytaniami. Chciałbym odpowiedzieć na nie i wyjaśnić kilka niuansów tutaj. Jak to jest z rozbudowanym stanem? Czy można wywoływać useState w jednym komponencie wiele razy? I jak budować stan w… Czytaj dalej… artykuł React Hooks: useState — wiele stanów, callbacki i inne niuanse
React Hooks: useState, czyli stan w komponentach funkcyjnych
Ten artykuł jest częścią 34 z 41 w serii React.js.
Wbudowanych Hooków w React jest kilka, a jeszcze więcej możesz tworzyć sam(a). Zaczniemy jednak od podstawowego wbudowanego Hooka useState. Dodamy stan do komponentu funkcyjnego! Czytaj dalej… artykuł React Hooks: useState, czyli stan w komponentach funkcyjnych
Jakiś czas temu zrobiło się głośno na temat React Hooks. Co to jest i po co Ci to? Przez dłuższy czas celowo nie pisałem o tym na blogu, gdyż była to ledwie propozycja i to do tego mocno niestabilna. Teraz jednak sytuacja się zmieniła i wszystko wskazuje na to, że… Czytaj dalej… artykuł React Hooks — wprowadzenie i motywacja
Higher Order Reducers — co to takiego? Gdy popracujesz dłużej z Reduksem to na pewno zauważysz pewne powtarzalne wzorce. Napisanie akcji i reducerów do obsługi API to konieczność powtórzenia bardzo podobnego kodu kilka, kilkanaście razy! Czy na pewno jest to konieczne? Z pomocą przychodzą właśnie Higher Order Reducers i kompozycja. Czytaj dalej… artykuł Higher Order Reducers — Redux i powtarzanie kodu