![]() ![]() ![]() I chose to migrate Olivero’s tabs component because it has CSS, JavaScript, and several variables to be passed into it. Lets migrate the “tabs” Olivero component to SDC!Īs part of the roadmap issue, we want to validate the architecture by creating SDC components within both Olivero and Umami (the demo theme). Create new tabs component for Olivero using SDCįor a more detailed background of SDC, see Mateu’s article, Getting Single Directory Components in Drupal Core.Add Single Directory Components as a new experimental module.Roadmap issue for single directory components.Initial proposal issue to bring SDC into core.Our hope is to get SDC committed to Drupal core in time for the 10.1.0 release in June 2023. This will allow SDC to validate and modify its architecture as necessary as more developers develop against it and extend it. Mateu and I also met with the maintainers of UI Patterns to validate the architecture and make sure it will work for them.ĭuring a core committer meeting, it was determined that the best way to bring this into core is as an experimental module. Since then, Mateu has been writing the code for the module, and discussing architectural decisions with Lauri, me, and other developers. The vision was heavily inspired by Mateu’s work on the CL Components suite of modules, which provides similar base functionality (and much more). Mateu, Lauri, and I started discussing SDC in October 2022. This means that in the future, modules will automatically detect components and insert their respective forms into Layout Builder, CKEditor, Paragraphs, Blocks, Fields, etc! In addition, you’ll be able to integrate your SDC components directly into Storybook or other component library managers! Background on Single Directory Components (SDC) SDC will automatically generate the library and load it when the component is called.īecause we define the schema within a component’s YAML definition, modules can automatically create forms to populate data. Single directory components (SDC) is the biggest paradigm shift in Drupal since the introduction of Twig in 2013! At its core, SDC allows you to gather related files from a component (CSS, JS, Twig), and group them into one directory. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |