Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

É possível usar Bootstrap com React?

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.

1 resposta
solução!

Olá Luigi, tudo bem com você?

Tem sim!

Existem 2 formas na verdade, mas acredito que 1 faça mais sentido =)

  1. React Bootstrap

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 :)

  1. Utilizar o Bootstrap "raiz"

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!