Pytanie  |
Odpowiedź |
Co to jest React i do czego służy? rozpocznij naukę
|
|
Biblioteka JavaScript do tworzenia interfejsów użytkownika w sposób deklaratywny, oparta na komponentach.
|
|
|
Czym jest komponent w React? rozpocznij naukę
|
|
Niezależny, wielokrotnego użytku element UI, który może mieć własny stan i logikę.
|
|
|
Różnica między komponentem funkcyjnym a klasowym rozpocznij naukę
|
|
Funkcyjny – zwykła funkcja zwracająca JSX, od React 16.8 może używać hooków. Klasowy – oparty na klasie ES6, używa this. state i metod cyklu życia.
|
|
|
|
rozpocznij naukę
|
|
Rozszerzenie składni JavaScript umożliwiające pisanie struktury UI podobnej do HTML w kodzie JS.
|
|
|
|
rozpocznij naukę
|
|
Props – dane przekazywane z zewnątrz, tylko do odczytu. State – wewnętrzny stan komponentu, można go modyfikować.
|
|
|
Do czego służy key w listach? rozpocznij naukę
|
|
Pomaga Reactowi śledzić elementy listy i efektywnie aktualizować tylko te, które się zmieniły.
|
|
|
|
rozpocznij naukę
|
|
Lekka, wirtualna reprezentacja drzewa DOM w pamięci, którą React używa do minimalizowania bezpośrednich operacji na prawdziwym DOM.
|
|
|
Do czego służy hook useState? rozpocznij naukę
|
|
Pozwala w funkcjonalnym komponencie przechowywać i aktualizować stan.
|
|
|
Do czego służy hook useEffect? rozpocznij naukę
|
|
Obsługuje efekty uboczne, np. pobieranie danych, subskrypcje, manipulacje DOM.
|
|
|
Czym jest lifting state up? rozpocznij naukę
|
|
Przeniesienie stanu do wspólnego komponentu-rodzica, aby mógł być współdzielony między komponentami dzieci.
|
|
|
Co to jest controlled component? rozpocznij naukę
|
|
Komponent formularza, którego wartość jest kontrolowana przez stan w React (np. input z value i onChange).
|
|
|
Co to jest uncontrolled component? rozpocznij naukę
|
|
Komponent formularza, którego wartość jest przechowywana w DOM, a nie w stanie Reacta (np. użycie ref).
|
|
|
Jak obsługujemy zdarzenia w React? rozpocznij naukę
|
|
Za pomocą camelCase (onClick, onChange), przekazując funkcję jako wartość.
|
|
|
Do czego służy Context API? rozpocznij naukę
|
|
Pozwala przekazywać dane w dół drzewa komponentów bez konieczności props drilling.
|
|
|
Czym jest props drilling? rozpocznij naukę
|
|
Przekazywanie propsów przez wiele poziomów komponentów, nawet jeśli część z nich ich nie używa.
|
|
|
