Para melhorar a aparência da nossa aplicação, vamos utilizar o Bootstrap, um dos frameworks CSS mais populares para criação de interfaces responsivas e modernas.
Com o Bootstrap, conseguimos estilizar rapidamente nossos componentes, como formulários, botões e tabelas, sem precisar escrever muito CSS manualmente.
Existem diferentes formas de adicionar o Bootstrap ao projeto, sendo a mais comum a instalação via npm. Após instalar, basta importar o CSS no projeto para começar a utilizar as classes prontas.
No vídeo abaixo, mostro passo a passo como instalar e configurar o Bootstrap no projeto React, deixando nossa aplicação mais organizada e com um visual mais profissional.