Olá pessoal, Tudo bem?
Gostaria de saber ser é possível utilizar o Bootstrap ou algum outro framewok CSS com o React para estilizar os componentes. Se sim, como devo proceder? Poderiam indicar referências?
Desde já agradeço. Abraços.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá pessoal, Tudo bem?
Gostaria de saber ser é possível utilizar o Bootstrap ou algum outro framewok CSS com o React para estilizar os componentes. Se sim, como devo proceder? Poderiam indicar referências?
Desde já agradeço. Abraços.
Olá Luigi, tudo bem com você?
Tem sim!
Existem 2 formas na verdade, mas acredito que 1 faça mais sentido =)
A própria biblioteca do Bootstrap tem uma versão para trabalhar como se fosse componentes, por exemplo:
<Form>
<Form.Group controlId="formBasicEmail">
<Form.Label>Email address</Form.Label>
<Form.Control type="email" placeholder="Enter email" />
<Form.Text className="text-muted">
We'll never share your email with anyone else.
</Form.Text>
</Form.Group>Ao invés das classes css temos componentes que as incorporam da mesma maneira :)
Também podemos instalar a biblioteca da maneira tradicional e importar na raiz de nosso projeto:
npm install bootstrapE dentro do App.js ou index.js
import 'bootstrap/dist/css/bootstrap.min.css';Dessa maneira podemos no className de nosso componentes utilizar as classes da maneira tradicional :)
Isso serve para o Bootstrap, Material Design, e outras bibliotecas desse genero, vale sempre consultar se eles não fizeram uma versão específica para o React :)
Abraços e Bons Estudos!