Stylowanie globalne Podobnie jak w tradycyjnych stronach internetowych, w React można używać zwykłych plików CSS do definiowania stylów. Aby zastosować style globalne, wystarczy zaimportować plik CSS w głównym komponencie aplikacji…
W każdej aplikacji www obsługa formularzy jest podstawową opcją. Weźmy na przykład zwykły formularz kontaktowy(korzystam z React w wersji 18, oraz Mui): Inicjalizacja stanu formularza Kiedy tworzymy formularz, musimy zarządzać…
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…
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,…
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,…
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…
W React, obsługa zdarzeń jest realizowana przez specjalne właściwości, znane jako propsy, takie jak onClick dla zdarzeń kliknięcia. Te właściwości są przypisywane do komponentów i przyjmują funkcję, która zostanie wywołana…
Warunkowe renderowanie w React pozwala na decydowanie, które elementy interfejsu mają być wyświetlane w zależności od określonych warunków. Podobnie jak w JavaScript, możemy użyć instrukcji warunkowych, takich jak if czy…
Aby aplikacja mogła dynamicznie reagować na interakcje użytkownika, musi aktualizować swój widok w oparciu o dane, które mogą się zmieniać w czasie. React realizuje to za pomocą mechanizmu znanego jako…
Komponenty w React byłyby znacznie mniej funkcjonalne, gdybyśmy nie mogli przekazywać do nich zmiennych. Props działają podobnie do atrybutów tagów HTML i umożliwiają komponentom otrzymywanie danych z zewnątrz. React automatycznie…
Łukasz Kukawski