Kategoria: JavaScript

Najpopularniejszych język programowania na świecie! JavaScript to już nie tylko przeglądarki, ale też backend w node.js, urządzenia IoT, a nawet roboty!

React Hooks: useEffect — efekty uboczne w komponencie

Front-end / JavaScript8 komentarzy
Ten wpis jest 36 częścią z 39 w kursie 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 pamiętać o posprzątaniu po sobie w componentWillUnmount… Wciąż o tym zapominam. Ale już niedługo: Powitaj useEffect! useEffect …

React Hooks: useState — wiele stanów, callbacki i inne niuanse

Front-end / JavaScript4 komentarze
Ten wpis jest 35 częścią z 39 w kursie 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 oparciu o istniejący? To wszystko w tym wpisie.

React Hooks — wprowadzenie i motywacja

Front-end / JavaScript2 komentarze
Ten wpis jest 33 częścią z 39 w kursie React.js

Jakiś czas temu zrobiło się głośno na temat React Hooks. Co to jest i po co Ci to? Przez dłuższy czas celowo nie pisałem o tym na blogu, gdyż była to ledwie propozycja i to do tego mocno niestabilna. Teraz jednak sytuacja się zmieniła i wszystko wskazuje na to, że React Hooks wkrótce trafią do wersji stabilnej. Czas się zaprzyjaźnić! Dlatego powstał kurs React Hooks.

Metody oraz pola typu computed w Vue.js

Front-end / JavaScript4 komentarze
Ten wpis jest 7 częścią z 8 w kursie Vue.js

Czasami musisz zrobić coś więcej, niż tylko wyświetlić pola komponentu w szablonie. Np. mając pola firstName i lastName chcesz wyświetlić pełne imię i nazwisko osoby. Oczywiście możesz zrobić to za pomocą wyrażenia w szablonie {{ firstName + ‚ ‚ + lastName }}. Jest to jednak mało efektywne, i to z kilku powodów. Co, jeśli tę samą wartość musisz wyświetlić w innym miejscu? Co, …

Atrybuty class i style w Vue.js

Front-end / JavaScript9 komentarzy
Ten wpis jest 6 częścią z 8 w kursie Vue.js

Czym dla mnie jest Vue.js? To przede wszystkim genialne „developer experience”, czyli taki UX, ale w odniesieniu do wygody korzystania z narzędzia przydatnego w pracy programisty. Świetnym tego przykładem jest fakt, że Vue traktuje inaczej dwa atrybuty html – class i style – sprawiając, że korzystanie z tego frameworka jest przyjemniejsze. Tego, co dokładnie się tam dzieje dowiesz się z tego …

Dyrektywy warunkowe w Vue.js

Front-end / JavaScript4 komentarze
Ten wpis jest 4 częścią z 8 w kursie Vue.js

Pisząc aplikacje w Vue.js często spotkasz się z sytuacją, w której wyświetlenie lub nie danego elementu będzie zależało od wartości zmiennej. Właśnie do tego służą dyrektywy warunkowe v-if, v-else, v-else-if, (oraz w pewnym sensie v-show), które odpowiadają instrukcjom warunkowym znanym z JavaScript. To właśnie te dyrektywy Ci dziś zademonstruję. Pokazywanie i ukrywanie elementów za pomocą dyrektywy v-if Najbardziej podstawową dyrektywą umożliwiającą pokazywanie elementów …

Higher Order Reducers — Redux i powtarzanie kodu

Front-end / JavaScript4 komentarze
Ten wpis jest 32 częścią z 39 w kursie React.js

Higher Order Reducers — co to takiego? Gdy popracujesz dłużej z Reduksem to na pewno zauważysz pewne powtarzalne wzorce. Napisanie akcji i reducerów do obsługi API to konieczność powtórzenia bardzo podobnego kodu kilka, kilkanaście razy! Czy na pewno jest to konieczne? Z pomocą przychodzą właśnie Higher Order Reducers i kompozycja.