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.
Read More Destrukturyzacja obiektów w JavaScriptDostosuj 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 środowisko graficzne, co czyni go niezastąpionym narzędziem dla administratorów systemów i programistów.
Read More Dostosuj kolory w Midnight Commander (MC) i zmień wygląd konsoliJak 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ć każdej z tych metod.
Read More Jak pogrubić tekst w CSS i HTML ?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.
Read More Multislider w jQuery – kilka slajderów na jednej stronieNiekończąca się galeria zdjęć – infinite scroll gallery, z jQuery
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:
Read More Niekończąca się galeria zdjęć – infinite scroll gallery, z jQueryHooki 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 renderowane są za każdym razem, gdy rodzic jest renderowany, nawet, jeśli ich zawartość się nie zmieniła. Można jednak uniknąć renderowania dzieci, jeśli zamiast zwykłej funkcji przejdziesz do nich funkcję owiniętą w hook useCallback, i jednocześnie owiniesz komponent dziecko w komponent wyższego rzędu React.memo. Brzmi strasznie? Zobaczmy to na przykładzie:
Read More Hooki React – useCallback tutorial i komponent wyższego rzędu React.memoHooki 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ść.
Read More Hooki React – useMemo tutorialHooki 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.
Read More Hooki React – useRef tutorialHooki 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 on wyświetlony w przeglądarce. Jest to przydatne np. podczas pobierania danych, tworzenia subskrypcji lub ręcznej ingerencji w drzewo DOM.
Read More Hooki React – useEffect tutorialHooki React – useContext tutorial
Komponent useContext umożliwia przekazywanie danych wewnątrz drzewa komponentów bez konieczności przekazywania ich przez właściwości każdego komponentu pośredniego. Dzięki temu możliwe jest współdzielenie pewnych wartości przez takie komponenty bez konieczności przekazywania ich jako właściwości na każdym poziomie drzewa.
Read More Hooki React – useContext tutorial