React - komponent klasowy czy funkcyjny?

Question

Cześć,
zaczynam naukę biblioteki React i nie jestem pewien co do kwestii typów komponentów. Chciałbym dowiedzieć się, jakie są różnice a najlepiej, kiedy stosować klasowy, a kiedy funkcyjny. Przed wersją 16.8, gdy hooki nie były dostępne ta różnica była dość oczywista. Osobiście pisanie funkcji jest dla mnie czytelniejsze, ale nie wiem, czy w ten sposób należy tworzyć wszystkie.

Answer 1

Obecnie jeśli robisz swoje custom hooki i podoba Ci się ten styl pisania zalecam pisać wszędzie komponenty funkcyjne :) Jedynym problemem jest przechwytywanie błędów renderowania. Do tego jest Ci potrzebny jakiś jeden komponent klasowy w którym jakoś ładnie to przechwycisz :)

Answer 2

14s szukania w google

1. Functional component are much easier to read and test because they are plain JavaScript functions without state or lifecycle-hooks
2. You end up with less code
3. They help you to use best practices. It will get easier to separate container and presentational components because you need to think more about your component’s state if you don’t have access to setState() in your component
4. The React team mentioned that there may be a performance boost for functional component in future React versions

Coś kojarzę, że w przyszłości React będzie rezygnował z klas właśnie na rzecz komponentów funkcyjnych.

Comments

Cytat z dokumentacji reacta dotyczący komponentów klasowych:

There are no plans to remove classes from React.

Źródło: https://reactjs.org/docs/hooks-intro.html

---

Mój błąd wybaczcie. Ale chyba możemy się zgodzić, ze jednak wskazane jest stosowanie komponentów funkcyjnych niż klasowych?

---

No ja się nie zgodzę z takim stwierdzeniem. Wskazane to chyba za duże słowo. Ale to moje zdanie. Sami Twórcy nie rezygnują z klas z jakiegoś powodu.

Można wyliczać plusy i minusy obu rozwiązań.  Bardzo trywialny argument stojący za komponentami klasowymi - projekty, które mają reacta w wersji poniżej 16.8 i z jakiegoś powodu nie są aktualizowane. One nie wspierają hookow i tam stan będziemy musieli przechować w komponnetach klasowych.