Use Bulma with Create React App

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";