====== Atomic Design ======

Komponenten-basierter Aufbau von Websites. Component-based Theming. Alles basiert auf diesem Artikel von Brad Frost: https://bradfrost.com/blog/post/atomic-web-design/

**Weitere Übersichten**

  * https://t3n.de/news/atomic-design-baukastensystem-721010/
  * https://de.ryte.com/wiki/Atomic_Design

===== Frontend Components =====

Zur Darstellung von Komponenten nach dem Atomic Design Prinzip gibt es verschiedene Helfer, die das Zeigen, Zusammenarbeiten und Dokumentieren dieser Komponenten vereinfachen.

  * [[https://patternlab.io/]] (Nicht mehr nutzen)
  * [[https://storybook.js.org/]]
  * [[https://fractal.build/]]

Eine Sammlung von Dingen zu Fractal: https://github.com/frctl/awesome-fractal

Ein Tool zum schnellen Erstellen von (fast echten) Daten: https://fakerjs.dev/guide/

====== Neueste Entwicklungen 2022 ======

Neueste Erkenntnisse und technologische Fortschritte in Sachen (Atomic) Web Design Components:

  * https://www.lullabot.com/articles/component-libraries-drupal (Atomic Design Components)
    * https://git.drupalcode.org/project/cl_server/-/blob/1.x/docs/storybook.md
  * https://www.lullabot.com/articles/progressive-decoupling-made-easy (Javascript Widgets in CMS)
    * https://github.com/js-widgets
    * https://video.mateuaguilo.com/w/61aG9Y8xW7m5anwupKCL84
    * https://www.drupal.org/project/widget_instance
    * https://www.drupal.org/project/widget_type
    * https://js-widgets.github.io/example-calculator/index.html

====== Neueste Entwicklungen 2023 ======

  * https://www.drupal.org/project/storybook_server