JavaScript’owa funkcja debounce pozwala nam na optymalizację aplikacji pod kątem szybkości działania po stronie „frontu”, ale często też pod kątem wydajności naszego backendu… Możemy ją wykorzystać w każdej JavaScript’owej aplikacji,…
Dzisiejszy wpis opowie nam trochę o useReducer(), który może być używany zamiast useState(), aby zarządzać stanem komponentu. Z reguły w komponentach funkcyjnych używamy useState(), z racji tego, że useState() jest…
W dzisiejszym artykule przybliżę temat związany z initial state, na podstawie otrzymanych props. Bardzo często takie działanie jest nazywane antywzorcem, ponieważ może powodować to problemy z naszym komponentem… O co…
W dzisiejszym artykule przedstawię React.memo(), jako sposób na uniknięcie ponownego renderowania i optymalizację komponentów funkcyjnych. React.memo() jest podobne do React.PureComponent w komponentach klasowych. Zachęcam do postawienia czystego create-react-app i przetestowania…
W dzisiejszym artykule chciałbym zwrócić uwagę na problem ponownego renderowania komponentów, które korzystają z Context API i sposobie na uniknięcie rerenderingu m.in. poprzez mechanizm memoizacji, czy też podział „kontekstu”. W…
Nowe Context API w React pozwala nam na łatwe przekazywanie wartości w dół drzewa komponentów. Nie musimy zatem przekazywać wartości jako propsy. W internecie pojawia się wiele artykułów, które sugerują,…
useCallback jest hookiem, który wszedł do Reacta tak jak inne hooki od wersji 16.8. Hook ten zwraca zapamiętaną funkcję, a my mamy pełną kontrolę, kiedy zwrócimy nową funkcję, a kiedy…
Container Component jest jednym ze stylów pisania komponentów w React, który pozwala na zachowanie pewnego porządku w kodzie. Podczas czytania artykułu może pojawić się w głowie znak zapytania… Przecież przedstawiony…
Zastanówmy się w jaki sposób możemy lekko odkurzyć nasz komponent napisany w React, aby pewną cześć logiki związaną z pobieraniem danych wydzielić do oddzielnego pliku i zapewnić ponowną używalność kodu……