Wymień sposoby optymalizacji aplikacji opartej na bibliotece React.
Wymień sposoby optymalizacji aplikacji opartej na bibliotece React.
W jaki sposób za pomocą hooków zaimplementować zachowanie znane z metody lifecycle componentWillUnmount?
W jaki sposób za pomocą hooków zaimplementować zachowanie znane z metody lifecycle componentDidMount?
Różnica między kontrolowanym i niekontrolowanym komponentem (input)
Jak używać pętli w JSX
Różnica między useMemo i useCallback
Jaka jest różnica między useState i useRef?
W jakim celu stosuje się useMemo?
Jak warunkowo wyrenderować komponent?
Różnica pomiędzy state a props
Podaj przykład jak stworzyć Ref
Czym jest forwardRef?
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ł?
Wymień wady i zalety zastosowania Mobx i Reduxa w już istniejącej aplikacji React.
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?
Gdzie zastosujesz createSelector z biblioteki reselect? Jak wygląda connect() z Reduxa, jeśli selektor ma być per instancja a nie globalny?
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 ......
>