React é uma biblioteca JavaScript de código aberto para construir interfaces de usuário (UI) reutilizáveis e de fácil manutenção. Ele foi desenvolvido pelo Facebook e é mantido por uma comunidade de desenvolvedores.
O React utiliza uma abordagem de programação declarativa para criar componentes que podem ser reutilizados em diferentes partes de um aplicativo. Ele também implementa o conceito de "uni direcional", onde os dados fluem em uma única direção, o que torna o gerenciamento de estado de um aplicativo muito mais fácil.
Para começar a utilizar o React, é necessário configurar um ambiente de desenvolvimento com as ferramentas necessárias, como o Node.js e o npm. Em seguida, é preciso criar um projeto utilizando o comando create-react-app
e instalar as dependências necessárias.
Um exemplo simples de um componente React seria:
javascriptimport React from 'react';
function Componente(props) {
return <h1>Olá, {props.nome}!</h1>;
}
export default Componente;
Este componente simples recebe uma propriedade nome
como entrada e exibe uma saudação com base nessa propriedade. Ele pode ser utilizado em outras partes do aplicativo, como por exemplo:
javascriptimport React from 'react';
import ReactDOM from 'react-dom';
import Componente from './Componente';
function App() {
return <Componente nome="Mundo" />;
}
ReactDOM.render(<App />, document.getElementById('root'));
Este exemplo mostra como o componente Componente
pode ser utilizado em outro componente App
. Quando o aplicativo é renderizado no navegador, o componente Componente
é exibido com a saudação "Olá, Mundo!".