Intro to Drupal's Single Directory Component feature

Drupal 10.3 has integrated the Single Directory Component module directly into core. It used to be a separate module that had to be enabled, but now that module is gone and nothing needs to be enabled. It just works. 

Drupal.org docs on SDC:

• SDC Docs
• Creating SDC
• Props vs Slots
• Using SDC
• Theming SDC FAQ
• D.O Change Record

The default and probably the most popular way to use these components that you built is in twig templates. Using include() and {% embed %}. To use SDC in the UI a contrib module must be used.

Extending SDC

While there are two contrib modules that extend SDC in the UI (sdc_display, sdc_block) the next generation of using SDC in the UI is ui_patterns 2.x which is part of the ui_suite. 

Articles discussing SDC

https://www.lullabot.com/articles/getting-single-directory-components-drupal-core

https://www.specbee.com/blogs/integrating-single-directory-components-sdc-and-storybook-in-drupal

https://zanzarra.com/blog/single-directory-components-sdc-drupal-10

Videos discussing SDC

https://www.youtube.com/watch?v=9hhCZOIiKpo