React.lazy() pozwala na zastosowanie mechanizmu „lazy loading” poprzez podział kodu aplikacji, co będę chciał przedstawić w dzisiejszym artykule. Dodatkowo w artykule zostanie pokazane działanie React.Suspense, gdyż te dwa elementy wykorzystywane…
W artykule przedstawię alternatywę dla użycia bloku if/else oraz switch. Kod napisany w ten sposób będzie przyjemny w odbiorze, dodawanie kolejnych warunków jak również ich modyfikacja też nie powinna stanowić…
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,…
Destrukturyzacja pojawiła się wraz z ES6 i mimo, że możemy z niej korzystać od kilku lat, postanowiłem napisać artykuł, pokazując kilka możliwości destrukturyzacji. W skrócie, destrukturyzacja pozwala nam na przypisanie…
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,…