Bemto-components NPM

bemto-components 🍱

Smart components for using BEM methodology with React. Best used together with styled-components.

Bemto-components provide:

Reusable, configurable, easy to create HTML elements of any complexity. 🍢
Elements and Modifiers from BEM. 🍙 🍣
💅Styled-components support from the box, totally optional.

If you'd want to know more about bemto-components, follow the links above to the official docs with interactive examples. You could see all the features of bemto-components and play with them right in your browser.

Installation & Usage

In your console:

npm install --save bemto-components

Then in .js-files of your components:

import bemto from 'bemto-components';

And that's it. You can start creating your components using bemto.

Credits

I'm grateful to everyone who listend to me talking about bemto-components and gave their feedback: Varya, Sergey and Andrey, everyone else — thank you!

And, of course, Vitaly for BEM, Vadim for Zen-Coding (more parts of which I can't wait to implement), and all the people responsible for all the tools beneath — React, styled-components, styleguidist and so on. Thanks!