Você já se perguntou Qual a diferença entre Function Component e Class Component?
Um functional component é o método mais comum de criar um componente em Reactjs que basicamente é uma função em JS e segue uma abordagem funcional. Também conhecido como Componentes Stateless, por simplesmente aceitar um dado, sem necessidade de ter lógica nele.
Já o Class component é uma maneira mais sofisticada para criar componentes, com ela se segue o principio de orientação e objetos, é necessário o método render para retornar o html. Conhecido também como Stateful Components, visto que é implementado lógica e estados.
Quais as principais diferenças?
Existe vantagem em usar um ou outro?
Anterior a introdução dos hooks, a maior diferença entre um componente que estende React.Component (classe) e um stateless component (função) era a possibilidade de manter um estado interno apenas no primeiro. Após a adição dos hooks, temos a possibilidade de utilizar estado em ambos, então em prática não existe vantagem entre um em outro. Mas você pode decidir o que é melhor para você e seu projeto.
Algumas referencias:
Faça parte da nossa comunidade!
Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.
