A alguns dias me deparei com a pergunta: "O que são PureComponents? E qual a diferença deles pra Components?", fiquei vermelho, meio inseguro e percebi que sabia o que eram e como usar, mas não sabia definílos (situação normal, mas no ensino médio 😁). Motivado por isso decidi escrever este artigo, pois compartilhar conhecimento é a melhor forma de aprender.
Sem mais delongas e com mais piadas sem graça, vamos ao que realmente interessa.
No React todas as "coisas" que resultam em View são considerados componentes, sim, isso mesmo, um simples Button, um Input, os dois unidos num só carinha também é considerado um componente, quase não intitulamos de elemento, coisa normal pra quando trabalhamos com outros frameworks front-end.
- Isto é um componente:
const componente = () => (
<div>
<button>Click-me</button>
</div>
)
- Isto também é um componente:
const componente = () => (
<div>
<input type="text" />
<button>Click-me</button>
</div>
)
- E isto é um elemento: Click-me
<button>Click-me</button>
Pronto, só isso, simples assim né? ;)
Pra entendermos a necessidade de um PureComponent, precisamos antes entender como os Components funcionam,
Oque são? Como usar? Quando usar? Hoje, no GloboRep... ops, neste artigo. 😊