Zarządzanie efektami ubocznymi – useEffect
Łukasz Kukawski W kontekście aplikacji React, efektem ubocznym (side effect) jest każda operacja, która wpływa na coś poza zwracanym przez komponent wynikiem — np. operacje na DOM, zapytania do API, ustawianie timera…
Obiekty: Od kopiowania po dziedziczenie
Dostęp do właściwości obiektu Każdy obiekt posiada zestaw właściwości, które możemy odczytywać lub modyfikować. Możemy to robić za pomocą kropki albo nawiasu kwadratowego: Gdy odpytujemy się o nieistniejącą właściwość, JavaScript…
Ukryte atrybuty obiektów
Każda właściwość obiektu posiada ukryte atrybuty, które definiują jej zachowanie. Te atrybuty nie są widoczne w standardowym kodzie, ale mają kluczowe znaczenie dla działania i kontroli właściwości obiektów. Główne atrybuty…
Obiekty
Obiekty w JavaScript to po prostu zbiory danych i funkcji, które są ze sobą powiązane w jedną całość. Możesz myśleć o obiekcie jak o pudełku, które przechowuje różne rzeczy –…
Portale
W React, umiejscowienie komponentu w strukturze DOM zazwyczaj zależy od miejsca jego wywołania w kodzie. Z reguły komponent jest umieszczany dokładnie tam, gdzie go zdefiniowaliśmy. Jednak czasami pojawia się potrzeba,…
Pętle
Pętle w programowaniu są kluczowymi konstrukcjami, które pozwalają na wielokrotne wykonanie określonego fragmentu kodu. Działają na zasadzie iteracji, gdzie kod jest wykonywany do momentu spełnienia określonego warunku. W JavaScript występuje…
Użycie useRef i praca z referencjami
Praca z elementami DOM w React W tradycyjnym JavaScript, aby uzyskać dostęp do elementów modelu DOM, często sięga się po metodę getElementById, tak jak w poniższym przykładzie: Jednak w React,…
Instrukcje warunkowe
Instrukcje warunkowe pozwalają naszemu kodowi podejmować decyzje. W zależności od spełnienia określonych warunków, możemy kierować przepływ programu w różne strony. W JavaScript mamy kilka rodzajów instrukcji warunkowych: if Najprostsza forma…
Wyświetlanie list
W React listy danych są zazwyczaj renderowane za pomocą metody .map() JavaScript. Metoda ta pozwala na iterowanie przez każdy element listy i zwrócenie komponentu lub elementu JSX dla każdego z…
Operatory
W JavaScript operator to specjalny symbol lub słowo kluczowe służące do wykonania operacji na jednym lub więcej operandach, a wynik tej operacji prowadzi do zmiany wartości lub do stworzenia nowej…