Lightweight React wrapper for Bulma, full TypeScript support, no commonjs, no complex extra features, no bunch of dependencies. Just you, bulma and types.
Here is a short list of most important features that @faramo.zayw/reabulma
has:
- ๐ Minimum dependencies
- ๐จ Types out of the box
- ๐ฅ Storybook docs
- ๐ฆ no commonjs, only ES2020
This library uses features like destructuring assignment, for..of
and const/let
declarations and doesn't ship with ES5 transpiled sources. If you aim to support browsers like IE11 and below โ make sure you run Babel over your node_modules
Using npm
npm i @faramo.zayw/reabulma bulma
Using yarn
yarn add @faramo.zayw/reabulma bulma
And by adding the following to your index.js:
import 'bulma/css/bulma.css';
import * as React from "react";
import * as ReactDOM from "react-dom";
import { Container, Title } from "@faramo.zayw/reabulma";
ReactDOM.render(
<Container>
<Title isSize="4">Hello World!</Title>
</Container>,
document.getElementById("root"),
);
Try to modify the webpack config in next.config.js
file to let the babel loader transpile the es6 dependency. You may want to use this package next-transpile-modules