Jeżeli w twoim zespole pojawiłaby się osoba, która nigdy jeszcze nie miała kontaktu z hookami w Reakcie, jak byś jej wytłumaczył(a) w jaki sposób działają?
Jakie znasz formy zarządzania stanem w React i kiedy których byś użył?
Jaka jest różnica pomiędzy komponentem a elementem?
Tworzysz komponent wirtualnej listy (wyświetla n z ∞ elementów).
propTypes: {
startIndex: PropTypes.number,
allItems: PropTypes.arrayOf(PropTypes.object)
}
Własność startIndex jest ustawiana przez parent component, załóżmy że na skutek przewijania kółkiem myszy.
W render function należy dla każdego elementu dom użyć key aby pomóc algorytmowi w rekonsyliacji. Skąd brać wartość atrybutu key aby zachować minimalną ilość mutacji podczas "przewijania" - inkrementowania własności startIndex.
A skąd key należałoby brać, gdyby lista nie była wirtualna?
Co powinien robić komponent z nieobsługiwanymi własnościami? (niewyszczególnionymi w propTypes)
Dlaczego nie pisać funkcji in-line'owo w React? np.
<div
onClick = function ......
>
Jakiego polecenia npm użyjesz w konsoli do stworzenia podstawowej struktury projektu?
W jaki sposób dokonać walidacji przekazanych propsów do komponentu?
W jaki sposób możemy uniknać niepotrzebnego przerenderowania danego komponentu?
Za pomocą jakich znaczników możemy opakować zawartość wyrenderowanego komponentu jeśli nie chcemy używać tagów HTML-owych?
Czy reducer to tzw. pure function?
Co to jest niemutowalność?
Dlaczego stan zwracany z reducera jest nowym obiektem?
Opisz przepływ danych w aplikacji która, korzysta z redux?
Co to jest higher order component?
Co to jest render props?
Dlaczego przekazanie metody z klasy np. do onClick może nie działać poprawnie? Jakie są rozwiązania tego problemu?
Podpowiedź: Chodzi o this.
Do czego służy ref?
Co to jest Virtual DOM?
Dlaczego tak ważne jest, żeby unikać mutowania obiektów, które przekazujemy jako propsy lub ustawiamy jako stan w komponencie?