https://github.com/bem/bem-react

A set of tools for developing user interfaces using the BEM methodology in React
https://github.com/bem/bem-react

bem bem-methodology declarative react react-components

Last synced: about 2 months ago
JSON representation

A set of tools for developing user interfaces using the BEM methodology in React

• Host: GitHub
• URL: https://github.com/bem/bem-react
• Owner: bem
• License: other
• Created: 2016-06-01T16:16:02.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-03-22T14:36:26.000Z (6 months ago)
• Last Synced: 2024-07-12T07:23:17.433Z (2 months ago)
• Topics: bem, bem-methodology, declarative, react, react-components
• Language: TypeScript
• Homepage: http://bem.github.io/bem-react
• Size: 2.65 MB
• Stars: 439
• Watchers: 35
• Forks: 64
• Open Issues: 43
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# bem-react · [![github (ci)](https://github.com/bem/bem-react/workflows/ci/badge.svg?branch=master)](https://github.com/bem/bem-react/workflows/ci/badge.svg?branch=master)

A set of tools for developing user interfaces using the [BEM methodology](https://en.bem.info) in [React](https://github.com/facebook/react). BEM React supports [TypeScript](https://www.typescriptlang.org/index.html) type annotations.

## Packages

| Package                                              | Version                                                                                                                              | Size                                                                                                                                                                  |

| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| [`@bem-react/classname`](packages/classname)         | [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/classname.svg)](https://www.npmjs.com/package/@bem-react/classname)         | [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@bem-react/classname.svg)](https://bundlephobia.com/result?p=@bem-react/classname)   |

| [`@bem-react/classnames`](packages/classnames)       | [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/classnames.svg)](https://www.npmjs.com/package/@bem-react/classnames)       | [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@bem-react/classnames.svg)](https://bundlephobia.com/result?p=@bem-react/classnames) |

| [`@bem-react/core`](packages/core)                   | [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/core.svg)](https://www.npmjs.com/package/@bem-react/core)                   | [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@bem-react/core.svg)](https://bundlephobia.com/result?p=@bem-react/core)             |

| [`@bem-react/di`](packages/di)                       | [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/di.svg)](https://www.npmjs.com/package/@bem-react/di)                       | [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@bem-react/di.svg)](https://bundlephobia.com/result?p=@bem-react/di)                 |

| [`@bem-react/eslint-plugin`](packages/eslint-plugin) | [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/eslint-plugin.svg)](https://www.npmjs.com/package/@bem-react/eslint-plugin) | —                                                                                                                                                                     |

## Contribute

Bem React Core is an open source library that is under active development and is also used within [Yandex](https://yandex.com/company/).

If you have suggestions for improving the API, you can send us a [Pull Request](https://github.com/bem/bem-react-core/pulls).

If you found a bug, you can create an [issue](https://github.com/bem/bem-react-core/issues) describing the problem.

For a detailed guide to making suggestions, see: [CONTRIBUTING.md](CONTRIBUTING.md).

## License

© 2018 [Yandex](https://yandex.com/company/). Code released under [Mozilla Public License 2.0](LICENSE.md).