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? Czytaj dalej… artykuł Kiedy używać state, a kiedy Redux?
Do tej pory dane z API pobierałem po prostu w komponencie App, a po przyjściu odpowiedzi wysyłałem odpowiednią akcję (contactsFetched). To działało. Ale wymyśliłem sobie nową funkcję w aplikacji: Możliwość parametryzowania zapytań do API. Posłuży mi do tego nowy komponent. Jak teraz mam wykonywać zapytania do API? Przekazywać coś do… Czytaj dalej… artykuł Asynchroniczność w Redux: redux-thunk
Projektowanie komponentów: Presentational & Container Components
Ten artykuł jest częścią 27 z 41 w serii React.js.
Często w różnych artykułach poświęconych Reactowi i Reduksowi napotkasz takie sformułowania jak Presentational and Container Components albo Skinny and Fat Components albo Dumb and Smart Components i być może jeszcze kilka innych podobnych ;) Wszystkie te określenia oznaczają to samo: Podział komponentów na 2 rodzaje: Służące prezentacji oraz zawierające logikę. Czytaj dalej… artykuł Projektowanie komponentów: Presentational & Container Components
React + Redux — filtrowanie listy, proste selektory
Ten artykuł jest częścią 26 z 41 w serii React.js.
Jak dokładnie wygląda komunikacja pomiędzy komponentami przy użyciu Redux w React? W tym wpisie pokazuję jak zaimplementować filtrowanie listy przy użyciu Reduksa. Na dokładkę — poznasz pojęcie „selektor” i pewien ważny koncept w Reduksie. Do kodu! Czytaj dalej… artykuł React + Redux — filtrowanie listy, proste selektory
Jak tworzyć komponenty w React.js zgodnie z TDD dzięki react-testing-library? Jak zamockować axios? Jak napisać testy odporne na refactoring? To i kilka innych sztuczek w artykule poniżej :) Czytaj dalej… artykuł TDD w React.js z pomocą react-testing-library
Po co Ci lokalny serwer HTTP? Bardzo wiele osób skarży się mi na dziwne problemy z aplikacjami. Błędy są przeróżne np. nawiązujące do magicznego „CORS”, a często mają wspólne źródło: Próba otwarcia pliku .html w przeglądarce przez file:// i brak serwera HTTP. Czytaj dalej… artykuł Serwer HTTP lokalnie: Sposób na problemy z CORS i file:///
Redux! Kurs Reacta dorobił się odcinka o Reduksie! Powoli wprowadzę Cię świat Reduksa, nauczysz się używać tej łatwej biblioteki, poznasz koncepty stojące za nią i napiszesz prostą aplikację. Czytaj dalej… artykuł React + Redux — kurs: wprowadzenie i podstawy
Odpowiadam na pytania: props, nawiasy klamrowe, funkcje vs klasy, import react
Ten artykuł jest częścią 22 z 41 w serii React.js.
Kolejna seria Waszych pytań i moich odpowiedzi na temat React. W komentarzach i na fejsie pojawia się ich mnóstwo, staram się wyłapywać, zapisywać i kompilować w postaci artykułu. Oto one :) Czytaj dalej… artykuł Odpowiadam na pytania: props, nawiasy klamrowe, funkcje vs klasy, import react
Formularze w React.js — niekontrolowane komponenty
Ten artykuł jest częścią 21 z 41 w serii React.js.
Część druga formularzy w React.js — tym razem formularze tak zwane „niekontrolowane” — czyli Uncontrolled Components. Czym są i jak się ich używa? No i po co Ci w ogóle formularze niekontrolowane w React.js? Czytaj dalej… artykuł Formularze w React.js — niekontrolowane komponenty
Dzisiaj zajmiesz się imlementacją formularzy w React.js. Już wcześniej dokonywałaś/eś interakcji z polami formularza — ale raczej w prosty sposób. Dzisiaj o formularzach kontrolowanych w React.js Czytaj dalej… artykuł Formularze w React.js — kontrolowane komponenty