ReactJS - najlepsze praktyki

W tym rozdziale wymienimy najlepsze praktyki, metody i techniki React, które pomogą nam zachować spójność podczas tworzenia aplikacji.

• State- Państwo należy unikać w miarę możliwości. Dobrą praktyką jest scentralizowanie stanu i przekazanie go do drzewa komponentów jako rekwizytów. Ilekroć mamy grupę komponentów, które potrzebują tych samych danych, powinniśmy ustawić wokół nich element kontenera, który będzie utrzymywał stan. Wzorzec strumienia to fajny sposób obsługi stanu w aplikacjach React.

• PropTypes- Typy PropTypes powinny być zawsze zdefiniowane. Pomoże to w śledzeniu wszystkich rekwizytów w aplikacji, a także będzie przydatne dla każdego programisty pracującego nad tym samym projektem.

• Render- Większość logiki aplikacji należy przenieść w ramach metody renderowania. Powinniśmy spróbować zminimalizować logikę w metodach cyklu życia komponentów i przenieść tę logikę w metodzie renderowania. Im mniej stanów i właściwości używamy, tym czystszy będzie kod. Powinniśmy zawsze upraszczać państwo. Jeśli potrzebujemy obliczyć coś ze stanu lub właściwości, możemy to zrobić wewnątrz metody renderowania.

• Composition- Zespół React sugeruje stosowanie zasady pojedynczej odpowiedzialności. Oznacza to, że jeden komponent powinien odpowiadać tylko za jedną funkcjonalność. Jeśli niektóre komponenty mają więcej niż jedną funkcjonalność, powinniśmy dokonać refaktoryzacji i stworzyć nowy komponent dla każdej funkcjonalności.

• Higher Order Components (HOC)- Poprzednie wersje React oferowały miksy do obsługi funkcji wielokrotnego użytku. Ponieważ mixiny są teraz przestarzałe, jednym z rozwiązań jest użycie HOC.