davistran86/Use Bulma with Create React App.md

## Use Bulma with Create React App.md

      
    Raw
  

              Use Bulma with Create React App.md
            
          
    Install

npx create-react-app react-bulma
npm i bulma node-sass

Usage

To import all, in App.js:
import 'bulma'

To import only what you need from Bulma, don't add import 'bulma' in App.js but change App.css to App.scss and import only what you need:
// Import only what you need from Bulma
@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/elements/title.sass";
@import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/layout/hero.sass";
@import "../node_modules/bulma/sass/layout/section.sass";
@import "../node_modules/bulma/sass/grid/columns.sass";