Delegacja i propagacja zdarzeń w JavaScript

1. Propagacja zdarzeń Propagacja zdarzeń to sposób, w jaki zdarzenia poruszają się w drzewie DOM. Wyróżniamy dwa kierunki propagacji: Przykład propagacji zdarzeń Załóżmy, że mamy następujący HTML: I dodajemy dwa nasłuchiwacze: Jeśli klikniesz #child, zobaczysz w konsoli: Dzieje się tak, bo zdarzenie bąbelkuje (przechodzi od dziecka do rodzica). Zatrzymanie propagacji zdarzeń Jeśli nie chcemy, aby […]

Czytaj więcej

Destrukturyzacja obiektów w JavaScript

Destrukturyzacja obiektów (Object Destructuring) to składnia w JavaScript, która umożliwia wyciąganie wartości z obiektów i przypisywanie ich do zmiennych w prosty sposób. Dzięki temu możemy łatwo uzyskać dostęp do danych przechowywanych w obiektach, bez konieczności odwoływania się do właściwości obiektu za każdym razem.

Czytaj więcej

Dostosuj kolory w Midnight Commander (MC) i zmień wygląd konsoli

Midnight Commander (MC) to popularny menedżer plików działający w trybie tekstowym, dostępny na wielu systemach uniksowych, w tym Linux czy macOS. Posiada interfejs podzielony na dwa panele, dzięki czemu użytkownik może z łatwością przeglądać katalogi, przenosić, kopiować i modyfikować pliki. Dzięki tekstowemu interfejsowi użytkownika, MC działa świetnie na serwerach zdalnych, na których nie jest dostępne […]

Czytaj więcej

Jak pogrubić tekst w CSS i HTML ?

Pogrubianie tekstu jest jednym z podstawowych elementów stylizacji stron internetowych. CSS i HTML oferują różne metody na osiągnięcie tego efektu, każda z nich ma swoje specyficzne zastosowania i różne konsekwencje semantyczne. Poniżej możesz przeczytać o tym, jak pogrubić tekst za pomocą CSS, jakie są różnice między właściwościami CSS a znacznikami HTML oraz kiedy najlepiej używać […]

Czytaj więcej

Multislider w jQuery – kilka slajderów na jednej stronie

Jeśli czytasz ten post, zapewne masz problem z umieszczeniem kilku slajderów na jednej stronie w taki sposób, by działały poprawnie. Skorzystaj z mojego rozwiązania – prosty slajder w jQuery, który możesz umieszczać na stronie tyle razy, ile zechcesz, bez obaw, że przewijanie slajdów w jednym slajderze wpłynie na pozostałe.

Czytaj więcej

Hooki React – useCallback tutorial i komponent wyższego rzędu React.memo

UseCallback, podobnie jak hook useMemo, jest przydatny w sytuacji, gdy chcesz poprawić wydajność swojej aplikacji. Dzięki temu można uniknąć niepotrzebnych renderowań, dzięki czemu aplikacja może działać szybciej. UseCallback zwraca zapamiętaną wersję funkcji, która zmienia się tylko wtedy, gdy zmienia się jedna z zależności. Oznacza to, że jeśli masz element rodzica z elementami dziećmi, to dzieci […]

Czytaj więcej

Hooki React – useMemo tutorial

Hook useMemo zwraca zapamiętaną wartość. Dlatego możesz go użyć do optymalizacji wydajności swojej aplikacji. Jeśli potrzebujesz wykonać duże obliczenia, aby uzyskać potrzebną wartość, możesz to zrobić tylko raz i użyć hook-a useMemo, aby zapamiętać otrzymaną wartość.

Czytaj więcej

Hooki React – useRef tutorial

Hook-a UseRef można używać na dwa sposoby. Po pierwsze, pozwala na bezpośredni dostęp do elementu DOM, dzięki czemu możemy nim manipulować. Po drugie, może zachować dowolną zmienną wartość w swojej właściwości .current, która nie zmienia się między renderowaniami.

Czytaj więcej

Hooki React – useEffect tutorial

Hook useEffect pozwala na przeprowadzanie efektów ubocznych w komponentach funkcyjnych. Kod umieszczony w useEffect zadziała po każdym renderowaniu, albo przy wybranych renderowaniach, jeśli tak zadecydujemy (musimy wtedy ustawić tablicę zależności, która określa, kiedy kod ma zostać wykonany). Ponieważ hook ten „odpala się” zaraz po wyrenderowaniu komponentu, możemy za jego pomocą modyfikować stan, zanim jeszcze zostanie […]

Czytaj więcej