Introdução
O React é uma livraria de Javascript, de frontend, concebida para construir interfaces de utilizador de uma forma rápida. Foi introduzida pela empresa Facebook em 2011.
O React permite construir interfaces de utilizador (UI) complexos, a partir de pedaços pequenos, isolados e reutilizáveis chamados componentes.
Portanto, no coração da livraria React está o componente:
Um componente é um pedaço de um interface de utilizador mais complexo.
Ao construirmos uma aplicação em React estamos, na prática a construir um conjunto de componentes independentes, isolados e reutilizáveis e, depois, compomos esses componentes para construir um interface de utilizador mais complexo:
Todas as aplicações em React têm, pelo menos, um componente que é a raiz de todos os componentes (root component). Este componente representa toda a aplicação e contém outros componentes filhos.
Na prática, cada aplicação em React é uma árvore de componentes:
Imaginemos que pretendemos construir uma aplicação como o Twitter:
Esta aplicação, em React, seria composta por vários componentes como:
- NavBar
- Profile
- Trends
- Feed
- Tweet
- Like
Estes seriam os componentes da nossa aplicação Twitter. Como podemos ver, o componente Feed seria composto por vários componentes Tweet e, cada componente Tweet incluiria um componente Like.
Teríamos, portanto, a seguinte árvore de componentes na aplicação:
Estes seriam os componentes da nossa aplicação Twitter. Como podemos ver, o componente Feed seria composto por vários componentes Tweet e, cada componente Tweet incluiria um componente Like.
Teríamos, portanto, a seguinte árvore de componentes na aplicação:
