Przejdź do treści

DevFAQ

React: 28 pytań
  • 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ą.

  • Dlaczego przekazanie metody z klasy np. do onClick może nie działać poprawnie? Jakie są rozwiązania tego problemu? Podpowiedź: Chodzi o this.

  • 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?

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