DevFAQ

Masz komponent listy zaznaczanej myszką. Informację o zaznaczonym elemencie oraz listę elementów zdobędziesz z redux store.

Zaprojektuj strukturę komponentów (chodzi o List, ListItem oraz odpowiednie użycie connect z Redux). Jak może ona wyglądać, gdy spodziewasz się w liście 10 elementów, a jak będzie wyglądała gdy będzie ich 200.

Przyjmij założenie, że w każdym elemencie listy znajduje się CheckBox z biblioteki material-ui który w componentDidUpdate wykonuje pewne operacje na DOM które zajmują 10ms.

Napisz higher order component, który wyświetli spinner gdy nie ma danych (np. o nazwie data) oraz przekazany komponent gdy dane są.

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?

Jakie argumenty przyjmuje funkcja this.setState(…)? Czym się różni przekazanie jako pierwszego argumentu obiektu od przekazania tam funkcji?

Jak można sprawić, żeby child component mógł modyfikować stan rodzica?

Jakie są różnice między komponentami zdefiniowanymi za pomocą czystej funkcji, a komponentami zdefiniowanymi za pomocą klasy?

Do czego Reactowi potrzebny jest atrybut key i czy widoczny jest w DOM, czy tylko w VirtualDOM?