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á 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!