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.
In your console:
npm install --save bemto-componentsThen in .js-files of your components:
import bemto from 'bemto-components';And that's it. You can start creating your components using bemto.
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!
Licensed under the MIT License, Copyright © 2017 Roman Komarov.
See LICENSE for more information.