This module allows front-end developers to create custom blocks using their preferred JavaScript framework, without needing Drupal-specific knowledge. It encapsulates each block's assets (CSS, JS, templates) and uses a YAML file to register them with Drupal.
This module is a javascript-framework-agnostic, progressive decoupling tool to allow custom blocks to be written by front end developers in the javascript framework of their choice, without needing to know any Drupal API's.
It keeps individual components encapsulated in their own directories containing all the css, js, and template assets necessary for them to work, and using an info.yml file to declare these components and their framework dependencies to Drupal.
Framework Submodules (Vue, React, Angular, etc)
The Vue submodule is currently the most actively developed and available here: Decoupled Blocks: Vue.js.
You can utilize Decoupled Blocks: Twig to write blocks in Twig files.
There is also a really basic Decoupled Blocks: React implementation that is minimally maintained. A "hello world" example component is provided.
The Decoupled Blocks: Angular 2 implementation had the most development originally, but is no longer actively maintained.
Similar Modules
- Component - This is a conceptual fork of PDB but does not require using submodules.