DevFAQ

Jakie znasz formy zarządzania stanem w React i kiedy których byś użył?

Wymień wady i zalety zastosowania Mobx i Reduxa w już istniejącej aplikacji React.

Jaka jest różnica pomiędzy komponentem a elementem?

Gdzie zastosujesz createSelector z biblioteki reselect? Jak wygląda connect() z Reduxa, jeśli selektor ma być per instancja a nie globalny?

Dlaczego nie pisać funkcji in-line'owo w React? np.

<div
onClick = function ......
>

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?

Czy reducer to tzw. pure function?

Co to jest niemutowalność?

Opisz przepływ danych w aplikacji która, korzysta z redux?

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?