component-based-theming
Resources for component-based theming with Drupal and Twig
https://github.com/aleksip/component-based-theming
Last synced: about 12 hours ago
JSON representation
-
Blog posts and articles
-
Storybook
- Creating Reusable Dynamic Content Components
- Creating Paragraphs Entities for Dynamic Content
- Componentizing Drupal Front End using Pattern Lab
- Getting the most out of SVGs with Twig templates
- Demystifying components integration with Drupal
- How to integrate your pattern library with Drupal's layout builder using Component Blocks module
- Drupal themes and component libraries
- Integrating Storybook with Drupal
- Compony and the climate crisis
- Decoupling the front-end without APIs and JavaScript
- Can I See the Menu, Please? Building and Integrating a Menu in Drupal
- Using Twig with Storybook and Drupal
- Using join, include, and attributes in YAML (.yml) files with Data Transform Plugin for Pattern Lab
- Decoupling Pattern Lab from your theme a City of San Francisco project
- Creating Reusable Dynamic Content Components
- Drupal 8 Pattern Lab for Component-Based Theming
- Responsive images in the Emulsify (PL) theme - The easy way
- Creating Paragraphs Entities for Dynamic Content
- 10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project
- Achieving Clarity in Component-based Best Practices
- Componentizing Drupal Front End using Pattern Lab
- Field Notes: UI Patterns Module
- Exploring simplicity in Drupal design components
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Front-End Architecture
- Why should we base Drupal's theme system around components?
- Component-Based Theming in Drupal 8: The Video Series
- A New Design System Architecture
- Drupal’s front-end future: Component-based theming, OO rendering and targeted JS libraries
- Pattern Lab: Taking Our Workflow from a Linear to Parallel Process
- Compony and the climate crisis
- Cross Component Fragility
- Getting started
- How to update your downloaded components?
- What is Compony?
- Using Drupal’s definition files in component-based theming
- 10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project
- Pattern Lab and Drupal 9: Prepare your theme for Twig 2
- Can I See the Menu, Please? Building and Integrating a Menu in Drupal
- How to set up multiple Compony themes in your project
- Secure components
- Create a Compony-component
- Creating Reusable Dynamic Content Components
- Frontend Architecture for Scalable Design Systems
- Introducing the New Version of Emulsify: Emulsify Design System
- Building a Drupal 8 Theme with Mediacurrent's Theme Generator
- Building my site with Tome and Single File Components
- Simplifying Drupal frontend with Single File Components
- Writing View Mode Templates in PatternLab
- Component-based theming with Layout Builder
- A new approach for a new Pattern Lab
- Drupal UI Patterns: Component Driven Development in Drupal
- Before You Start a Pattern Lab Project with Drupal
- PatternLab: Linking to Patterns
- Handling Drupal attributes in components
- Drupal’s Layout Initiative and component-based theming
- Can I Stop PatternLab Variants from Inheriting Data from their Parent Component
- Responsive Images with PatternLab and Drupal - the easy way
- Creating a Card Component in PatternLab and Mapping to Drupal the "right" way
- How to make theme images work in Pattern Lab and Drupal
- My Approach to PatternLab?
- Adding {{ attributes }} to a Drupal PatternLab Theme
- Introducing Twig Components
- Using Pattern Lab in Drupal 7 theme development
- Front end journey into Drupal + Pattern Lab
- Integrating a Drupal Text with Image Paragraph Bundle with Patternlab
- A first taste of Drupal theming using Pattern Lab
- Integrating a Simple Drupal Text Paragraph Bundle with Patternlab
- Emulsify 2: Building a Full Site Header in Drupal
- Performance improvements with Drupal 8 Libraries
- Component Driven Development with Emulsify
- Using UI Patterns module in a component-based Drupal 8 theme
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Front-End Architecture
- Anatomy of a (terrific) Drupal 8 theme
- Component-Based Theming in Drupal 8: The Video Series
- Introducing Pattern Lab Starter 8
- Pattern Lab and Drupal 8 theme integration update
- Making Pattern Lab work with Drupal 8 Twig theme templates
- Atomic design, Pattern Lab and Drupal 8 theme development
- Style-Guide-Driven Development: the new web development
-
-
Drupal themes and design systems with Drupal integration
- Flexi Pattern Lab
- Wingsuit
- Bear Skin
- Bolt - design-system/bolt))
- Emulsify
- Particle
- Emulsify Drupal
- Shila theme
- Theme Generator
- Union
- Bootstrap Storybook
- Gesso
- Radix
- Zen
-
Presentations and videos
-
Storybook
- Component Based Theming With UI Patterns - 0m-u_Bmzxg))
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures
- Component-based Theming with Pattern Lab and Twig - twig-ddd-lisbon))
- Next Gen Design Systems with Pattern Lab, Twig, and Web Components
- Component-based Drupal
- Atomic Design in Drupal 8: Isolating frontend workflow with Pattern Lab!
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Component Based Theming
- Component Libraries in Drupal Contrib, Core, and Beyond
- Integrating Pattern Lab with a CMS Build
- Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures
- Component theme development with Storybook and Emulsify
- After 5 years, my dream Drupal component workflow is finally here
- Component-Driven Theming with Storybook
- Best practices for Integrating components with Drupal
- Drupal Single File Components
- Using a single Frontend Design System for WordPress and Drupal with Emulsify
- Wait, We Can Re-use this? Design Systems and Component Libraries for Fun and Profit
- An overview of front-end component integration methods in Drupal 8 - overview-of-drupal-8-front-end-component-integration-methods), [YouTube](https://www.youtube.com/watch?v=mQpOIx9ZOpw))
- The future of Drupal theming - 6-7-11#/))
- Integrating Pattern Lab with Drupal 8
- Drag n' Drop/Mix n' Match: Patternkit + Layout Builder - The Next Gen of Drupal Page Building
- Drupal UI Patterns: Component Driven Development in Drupal
- How we build component-based Drupal themes
- Frontend Architecture for Scalable Design Systems
- Pattern Lab: The Definitive How-to
- An External Design System in Practice
- An External Design System in Practice
- Getting Atomic with Pattern Lab
- Demystifying Pattern Libraries and Drupal 8
- Component Based Theming With UI Patterns
- Component-based Drupal
- Implementing an Enterprise Design System the Red Hat Way
- Webpack, ES6, Pattern Lab, and Drupal 8: Hands-on with Design-System-First Development
- Component-Based Design: Step aside Drupal, we’ve got this (er, maybe not?)
- Decouple your Twig from PHP and make Frontenders happy!
- Pinterest’s Component Based Design: Breaking down silos, saving time, and empowering content editors
- Component Based Theming in the Real World
- Component-driven theming workflow with Pattern Lab and Drupal 8
- Streamlined Front-End development with Pattern Lab & Twig
- Component-driven Drupal theming
- Building Drupal Sites with Components - drupal-sites-with-components), [YouTube](https://www.youtube.com/watch?v=SJVGNpOovJw))
- Integrating Pattern Lab with a CMS Build
- The Big Easy: Streamlined Front-end Development with Pattern Lab and Twig
- The New Design Workflow
-
-
Drupal modules
-
External tools
-
Pattern Lab
-
Fractal
-
Storybook
-
-
Twig implementations and renderers for JavaScript
-
Storybook
-
-
Full component-based solutions for Drupal
-
Related Drupal.org issues
-
Storybook
- Add Components Module to Drupal Core
- Move Attribute classes under Drupal\\Component
- Decouple and componentize our Twig implementation
- Theme system improvements roadmap
- Allow a component library to define asset libraries
- Unify & simplify render & theme system: component-based rendering (enables pattern library, style guides, interface previews, client-side re-rendering)
-
-
Other resources
-
Component-based theming with Drupal explained for clients
-
Projects using Twig with JavaScript
Programming Languages
Categories
Blog posts and articles
81
Presentations and videos
46
External tools
18
Drupal themes and design systems with Drupal integration
14
Drupal modules
12
Related Drupal.org issues
6
Twig implementations and renderers for JavaScript
4
Other resources
4
Full component-based solutions for Drupal
2
Component-based theming with Drupal explained for clients
1
Projects using Twig with JavaScript
1
Sub Categories
Keywords
pattern-lab
6
drupal
4
design-systems
3
twig
3
drupal-8
3
php
2
javascript
2
atomic-design
2
drupal-theme
2
ui
1
typescript
1
testing
1
svelte
1
styleguide
1
storybook
1
stories
1
react-native
1
react
1
html
1
documentation
1
components
1
angular
1
vite
1
vue
1
web-components
1
webpack
1
workshop
1
gulp
1
webpack4
1
nodejs
1
drupal-7
1
plugin
1
pattern-library
1
fractal
1
twigjs
1