React Hooks: useEffect — efekty uboczne w komponencie

Ten wpis jest 36 częścią z 37 w kursie 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 pamiętać o posprzątaniu po sobie w componentWillUnmount… Wciąż o tym zapominam. Ale już niedługo: Powitaj useEffect! useEffect …

React Hooks: useState — wiele stanów, callbacki i inne niuanse

Ten wpis jest 35 częścią z 37 w kursie 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 oparciu o istniejący? To wszystko w tym wpisie.

Higher Order Reducers — Redux i powtarzanie kodu

Ten wpis jest 32 częścią z 37 w kursie React.js

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.

Leniwe ładowanie komponentów w React dzięki import

Ten wpis jest 31 częścią z 37 w kursie React.js

Czy w React da się ładować komponenty leniwie? A więc masz już sporą aplikację. Chcesz ją jakoś zoptymalizować. Do głowy przychodzi Ci, oczywiście, podział jej na kilka części, które będą ładowane na żądanie, dopiero gdy będą potrzebne — tzw. lazy load. Z pomocą przychodzi operator import(…) — po prostu! Operator import(…) Składni import something from ‚something’ używasz na pewno codziennie. W skrócie, powoduje ona, że dana zależność …

Nowe metody cyklu życia: getDerivedStateFromProps i getSnapshotBeforeUpdate

Ten wpis jest 30 częścią z 37 w kursie React.js

Od wersji React 16.3 funkcje componentWillMount, componentWillReceiveProps i componentWillUpdate zostają oznaczone jako deprecated. Pojawiają się też dwie nowe metody cyklu życia: getDerivedStateFromProps i getSnapshotBeforeUpdate. Co to dla nas oznacza? Do czego one służą? Jak ich używać?

Kiedy używać state, a kiedy Redux?

Ten wpis jest 29 częścią z 37 w kursie React.js

Bardzo często osoby poznające bibliotekę Redux próbują przenieść cały stan każdego komponentu do Reduksowego store’a. Czy to ma sens? Czy powinnaś całkowicie przestać używać setState? Nie ma nic złego w state Naprawdę. Nie ma nic złego w używaniu setState. Ale kiedy użyć setState, a kiedy Reduksa? W podjęciu decyzji może Cię wspomóc lista pytań pomocniczych. Znajdziesz je poniżej! Czy te dane dotyczą tylko jednego komponentu czy kilku? Prosta …