REACTJS - Aplicação de Página �nica - #13 Bootstrap
13/12/2018Hoje vamos aprender a utilizar o Bootstrap juntamente com o ReactJS.
Bootstrap com ReactJS
O primeiro passo para utilizar o Bootstrap com ReactJS é instalar o módulo referente ao Bootstrap:
npm install --save react-bootstrap
O site da documentação pode ser encontrado aqui.
Faremos um teste de utilização no componente Contact.js
import React from 'react';
import InputMask from 'react-input-mask';
import {Button , Glyphicon} from 'react-bootstrap';
export default class Contact extends React.Component {
render(){
return(
<div className="formulario" id="contact">
<Button bsSize="large">
<Glyphicon glyph="star" /> Star
</Button>
</div>
);
}
}
Sucesso nos códigos e na vida!
Posts Relacionados
REACTJS - Aplicação de Página �nica - #12 Props
Nesse tutorial vamos falar um pouco sobre o uso de props no ReactJS
REACTJS - Aplicação de Página �nica - #14 Virtual DOM e Conclusão
Neste tutorial concluÃmos o curso falando um pouco sobre o VirtualDOM.