Installation
yarn add benefit-reactSetup transpilation
Set the jsx pragma at the top of your source file where you intend to use benefit-react.
Similar to a comment containing linter configuration, this configures the jsx babel plugin to use the
jsxfunction instead ofReact.createElement.
Import the jsx function from benefit-react
/** @jsx jsx */Now, you're free to use any available utility classes to style your components
/** @jsx jsx */ { return <div className="p-4 bg-orange-300 rounded"> <p className="p-4 bg-white shadow rounded-sm"> Williamsburg stumptown iPhone gastropub vegan banh mi microdosingpost-ironic pok pok +1 bespoke dreamcatcher bushwick brunch </p> </div> }