BEM news digest. Results of 2017

[innabelaya]

Brief news about the BEM world since the beginning of the year 2017:

• Libraries
• BEM & React
• Technologies
• Toolbox
• Documentation
• bem.info
• Events

Libraries

bem-core

Released bem-core 4.1.0-4.2.1.

All changes of the releases are described in the CHANGELOG.

bem-core: turbo

jQuery has been removed from the bem-core library. There is not an official release yet, but you can try the release candidate build and send your feedback.

bem-components

Released bem-components 4.0.0-6.0.1.

All changes of the releases are described in the CHANGELOG.

bem-history

Released the 4.0.0 version.

All changes are described in the CHANGELOG.

bem-calendar

Published a new mini-library — bem-calendar. It contains a calendar based on bem-components.

bem-textarea-editor

Published a bem-textarea-editor library that has:

• An editor block that allows you to write text in Markdown
• A convenient toolbar (like Github)
• A preview function to check the post before sending it to the server.

Try the block here.

bem-font-awesome

Published a bem-font-awesome library, that uses Font Awesome with BEM notation and leave all extra styles out of the project.

bem-font-awesome-icons

Published the alternative version of the bem-font-awesome library — bem-font-awesome-icons, where we split the font into separate SVG icons to sent to the client side the usefull parts only.

BEM & React

bem-react-core

Release candidate version — 1.0.0. Lack of useful documentation blocks the official release of the library.

bem-react-components

Actively worked on bem-react-components — the library of blocks for development with React and BEM-methodology. The official release has not yet been published, but most of the blocks have already been implemented.

create-bem-react-app

Continue to create the React project stub create-bem-react-app, which allows with one command to build a React/BEM application with installed dependencies and correct file structure.

Technologies

bem-express

Published the major releases:

• Updated the libraries versions — bem-core 4.2.1 and bem-components 6.0.1.
• Switched from Stylus to PostCSS. By default comes the same set of plug-ins like in the bem-components.
• Implemented an optional livereload. For details see documentation and README file.
• Achieved acceleration of the build procedure due to the npm-modules.
• Refused bower for the supply of libraries. Now all dependencies are set through npm in the node_modules folder.

Wrote step-by-step tutorial: Dynamic projects with BEM.

project-stub

Updated bem-core library version to 4.2.1, bem-components — to 6.0.1 and other dependencies.

As an experiment include gulp-bem into the project-stub.

bem-xjst

Released v8.3.1-v8.8.5 versions.

All changes of the releases are described in the CHANGELOG.

Toolbox

bem-sdk

Moved all bem-sdk packages into a monorepo. We eliminated the loop dependencies between the modules and divided components for optimal use on the client side.

Published updated bem-sdk packages. Updated documentation.

Created the @bem/sdk.file and @bem/sdk.naming.file.stringify packages, which allow you to create path to the file using BEM entity declaration, path to the level and file structure scheme.

bem-tools

Released bem-tools 2.0.0 with updated bem-tools-create 2.1.0.

For details see Readme file.

ENB

Released major prestable version of enb 2.0.0-0.
Implemented bem-sdk modules into ENB.

enb-bem-techs

Rewrote enb-bem-techs on bem-sdk and released a prestable version 3.0.0-0.

enb-bemxjst

Updated enb-bemxjst to the newest bem-xjst version, which supports an export to the different modular systems.

gather-reverse-deps

Released gather-reverse-deps package, that allows to build inverse dependences.

gulp-bem-src

Released 0.1.0 version with updated bem-sdk.

bem-naming

The bem-naming package moved to the bem-sdk monorepo. A new package name is @bem/sdk.naming.entity.

In addition, now you can use separate packages:

• @bem/sdk.naming.entity.stringify — forms a string according to object representation of BEM entity.
• @bem/sdk.naming.entity.parse — get a BEM entity from the string.
• @bem/sdk.naming.cell.stringify — stringifier path to entity inside a BEM project's file system.
• @bem/sdk.naming.presets — well-known presets for BEM entities naming convention.

borschik

Released 1.7.0-2.0.0 versions.
Have stopped supporting node 0.8.0. and replaced uglify-js with uglify-es to support ES6.

For details see CHANGELOG.

bem-walk

Wrote new README.

bemhint

Released 0.10.0-0.10.1 versions with warnings support. Update supports full backward compatibility with the previous version.

bemhint-estree

Released missing dependencies linter — bemhint-estree. Added ES6 support and wrote wrapper for the linter of bem-xjst.

bemhint-deps-schema

Released a new version of bemhint plugin — bemhint-deps-schema 2.1.0, that checks that the files * .deps.js match the specification. Now bemhint-deps-schema can process not only .json-, but .js files with module.exports.

Documentation

• Wrote step-by-step tutorial for bem-express usage: Dynamic projects with BEM.
• Published a new document which shows how to describe dependencies in BEM.
• Wrote DEPS specification.
• Added new documents in the Methodology section:
  • Redefinition levels
  • Ways to modify a block
  • BEM for HTML
• Updated the FAQ: reviewed the old questions and added new ones.
• Updated methodological documents:
  • Naming convention
  • File structure
  • Building a BEM project
• Updated tutorials section: added video compilation and links to the BEM projects:
  • Projects — step-by-step instructions.
  • Themes — detailed tutorials for definite technologies or tools.
• Updated a list of BEM articles wrote by BEM community.

bem.info

• Released BEM library section in a new design:
  • bem-components
  • bem-core
  • bem-history
• Updated BEM forum.

Events

• FullStack Conference. Vladimir Grinenko and Sergey Berexhnoy had a talk BEM — The unknown.
• United Dev Conf in Minsk. Vladimir Grinenko made a presentation Dependencies in component web done right.
• Web Development Conference. Vladimir Grinenko made a presentation Dependencies in component web done right.