Przy okazji artykułów dotyczących testowania, chciałbym poruszyć kwestię optymalizacji samych testów i uruchamiania testów z odpowiednimi parametrami. Bazując na ilości komentarzy i wątków w internecie, w których szuka się sposobu…
Kolejny artykuł dotyczący testowania w React będzie skupiał się na testowaniu jednostkowym funkcji. Jest to drugi artykuł dotyczący testowania, w związku z tym informacje przedstawione tutaj, będą łatwe do przyswojenia.…
Dzisiejszy wpis będzie dotyczył testowania aplikacji w React. Będzie to totalny wstęp i artykuł kieruję głównie do osób, które nie miały w ogóle styczności z testowaniem w React. Temat ten…
Throttling jest kolejnym sposobem na optymalizację aplikacji. Bardzo często throttling jest opisywany wraz z debounce (o którym pisałem tutaj – Debounce function), ponieważ oba te mechanizmy pozwalają na wywołanie funkcji,…
W dzisiejszym artykule przedstawię, w jaki sposób możemy skorzystać ze zmiennych środowiskowych w aplikacji React. Plik .env Zacznijmy od utworzenia czystej aplikacji za pomocą create-react-app. Następnie uruchamiamy aplikację. Teraz w…
W artykule przedstawię w jaki sposób możemy dostać się do własnych atrybutów oraz atrybutu data-* w elementach HTML przy wykorzystaniu React. W atrybutach możemy przekazać dodatkowe dane, które wykorzystamy np.…
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…