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 bootstrap
E 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!