Niewątpliwą zaletą React Hooks jest to, jak łatwo możemy wydzielać fragmenty logiki do własnych hooków. W tym artykule pokazuję Ci, jak napisać swoje hooki, jakie obowiązują zasady i jak sprawić, aby Twój kod był lepszy! Czytaj dalej… artykuł React Hooks: Piszemy własne hooki!
Continuous Integration na GitHub Pages w Buddy.works
Ten artykuł jest częścią 2 z 4 w serii CI/CD z Buddy.works.
Ustawienie narzędzi do Continuous Integration i Continuous Delivery nierzadko odstrasza nawet zaawansowane osoby. Nie dziwię się! Pisanie plików konfiguracyjnych w YML do najprzyjemniejszych nie należy. W tym wpisie pokazuję ciekawą alternatywę: jak łatwo wyklikać Continuous Integration w Buddy.works na przykładzie aplikacji React.js i GitHub Pages! Czytaj dalej… artykuł Continuous Integration na GitHub Pages w Buddy.works
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Ten artykuł jest częścią 39 z 41 w serii React.js.
Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Czytaj dalej… artykuł useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
useReducer to alternatywa dla useState. Ale po co i kiedy jej używać? W skrócie: Gdy logika komponentu się rozrasta i chcemy oddzielić ją całkowicie od widoku. Zgodnie z dobrymi praktykami! Czytaj dalej… artykuł useReducer — przenoszenie logiki poza komponent
React Hooks mocno upraszczają właściwie wszystko, co do tej pory robiłaś. W jednym z pierwszych odcinków kursu pokazywałem, jak można w szybki sposób pobierać dane z API używając fetch w Reakcie. Czy Hooki coś tutaj zmieniają? Ależ tak! Czytaj dalej… artykuł React Hooks a żądania do API
W dobie frameworków takich jak React i bibliotek takich jak Angular, można by pomyśleć, że jQuery nie ma już prawa bytu. Nic bardziej mylnego! Ten najpopularniejszy dawniej framework nadal jest niezwykle przydatny w codziennej pracy! Czytaj dalej… artykuł 10 powodów, dla których używam jQuery razem z React
Aby aplikacja była ciekawa, musi pozwalać użytkownikowi na interakcję. Może to być nie tylko wprowadzanie danych do pól formularzy, ale również reagowanie na zdarzenia kliknięcia, czy ruchy myszką. Niezależnie od tego, jaki rodzaj interakcji chcesz oprogramować, Vue.js pozwoli Ci obsłużyć go za pomocą dyrektywy v-on. Czytaj dalej… artykuł Obsługa zdarzeń w Vue.js za pomocą dyrektywy v-on
React Hooks: useEffect — efekty uboczne w komponencie
Ten artykuł jest częścią 36 z 41 w serii 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… Czytaj dalej… artykuł React Hooks: useEffect — efekty uboczne w komponencie
React Hooks: useState — wiele stanów, callbacki i inne niuanse
Ten artykuł jest częścią 35 z 41 w serii 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… Czytaj dalej… artykuł React Hooks: useState — wiele stanów, callbacki i inne niuanse
React Hooks: useState, czyli stan w komponentach funkcyjnych
Ten artykuł jest częścią 34 z 41 w serii React.js.
Wbudowanych Hooków w React jest kilka, a jeszcze więcej możesz tworzyć sam(a). Zaczniemy jednak od podstawowego wbudowanego Hooka useState. Dodamy stan do komponentu funkcyjnego! Czytaj dalej… artykuł React Hooks: useState, czyli stan w komponentach funkcyjnych