BEM React Components
bem-react-components
is an library that provides a set of visual components build with bem-react-core.
React Components are called blocks according to BEM methodology. Check bem-info for deeper dive.
🚧 Hard Work is in Progress 🚧
Blocks
- Attach
- Button
- CheckBox
- CheckBoxGroup
- Dropdown
- Icon
- Image
- KeyCodes
- Link
- Menu
- Modal
- Popup
- ProgressBar
- Radio
- RadioGroup
- Select
- Spin
- TextArea
- TextInput
Build
Right now bem-react-components
is heavily relying on assemble, so it's necessary to use one.
There are several implementations:
For fast start you could use create-bem-react-app.
Webpack
Example of webpack.conf.js
module: rules: test: /\.$/ include: './node_modules/bem-react-components' './src' use: loader: 'webpack-bem-loader' options: levels: './node_modules/bem-react-components/blocks' './src/my-awesome-blocks' techs: 'js' 'css' loader: 'babel-loader' options: ...
To use more options of bem-loader
check docs.
Babel
NB: Babel couldn't build css files, only js and js-like.
Example of .babelrc
To use more options of bem-import
check docs.
Maintainers
License
Code and documentation © 2017 YANDEX LLC. Code released under the Mozilla Public License 2.0.