<aside> 💡 React é uma biblioteca de JavaScript de código aberto utilizada para a construção de interfaces de usuário interativas e escaláveis. Desenvolvida pelo Facebook, ela permite a criação de componentes reutilizáveis que podem ser combinados para formar complexas interfaces de usuário, facilitando o desenvolvimento e manutenção de aplicações web. Com o React, é possível renderizar o conteúdo da página de forma dinâmica e eficiente, além de possibilitar a atualização de componentes específicos sem a necessidade de recarregar toda a página.

</aside>

Conceitos

• Componentes: O React utiliza uma abordagem baseada em componentes, em que as interfaces de usuário são divididas em pequenas partes reutilizáveis chamadas de componentes. Os componentes encapsulam o estado e o comportamento, permitindo a construção de interfaces complexas a partir de partes menores e mais gerenciáveis.
• TSX ou JSX: é uma extensão de sintaxe que permite escrever código JavaScript com marcação HTML-like dentro do React. Ele permite a criação de elementos de interface de usuário de forma mais intuitiva e fácil de entender.
• Estado (State): O estado é uma representação da informação que pode mudar ao longo do tempo em um componente. O React permite o gerenciamento do estado dentro dos componentes, fornecendo um mecanismo para atualizar e refletir essas alterações na interface de usuário.
• Ciclo de vida (Lifecycle) dos componentes: Os componentes do React possuem um ciclo de vida que consiste em diferentes estágios, como a criação, montagem, atualização e destruição. O conhecimento do ciclo de vida ajuda na execução de ações em momentos específicos, como executar uma ação quando o componente é montado ou quando o estado é atualizado.
• Propriedades (Props): As propriedades são parâmetros passados para um componente React. Elas permitem a passagem de dados de um componente pai para um componente filho. As propriedades são imutáveis e são usadas para configurar o comportamento e a aparência dos componentes.
• Renderização: O React usa um mecanismo de renderização eficiente que atualiza somente as partes da interface de usuário que foram alteradas. Ele compara a representação virtual (virtual DOM) do estado atual com a representação anterior e aplica apenas as alterações necessárias na interface de usuário real.