Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

REACTJS - Aplicação de Página �nica - #13 Bootstrap

13/12/2018

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

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

REACTJS - Aplicação de Página �nica - #12 Props
Nesse tutorial vamos falar um pouco sobre o uso de props no ReactJS
Saiba mais!
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.
Saiba mais!
React JS
Nessa seção aprenderemos sobre essa importante biblioteca Javascript desenvolvida pelo Facebook para facilitar a construção backend dos nossos websites.
Saiba mais!