Love Coding – blog programistyczny

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 […]

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.

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 […]

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ć […]

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.

Niekończąca się galeria zdjęć to zadanie proste i trudne jednocześnie. Wszystko zależy od tego,w jaki sposób chcemy ją wyświetlać. Na początek, wypiszmy sobie podstawowe założenia:

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 […]

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ść.

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.

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 […]