I have been guilty of this: another requirement, another prop, another exception. 🔧 React compound components offer a different boundary: flexible structure, shared behavior, clear ownership. Not fewer props at any cost. Better contracts. #React #TypeScript #ComponentDesign
React Component Design Breaks When Everything Becomes a Prop
React component design breaks down when every requirement becomes another prop. Explore how React compound components separate layout from shared behavior through clear state ownership, context boundaries, and strict TypeScript contracts. Understand provider scope, rendering costs, missing-provider safeguards, and testing responsibilities—and recognize when ordinary props remain the better choice for maintainable React component architecture.
bdking71.wordpress.com
November 9, 2026 at 1:36 PM
I have been guilty of this: another requirement, another prop, another exception. 🔧 React compound components offer a different boundary: flexible structure, shared behavior, clear ownership. Not fewer props at any cost. Better contracts. #React #TypeScript #ComponentDesign
Finally had a go with Container Queries using @tailwindcss – super interesting and feels like a real game-changer for reusable components.
Check it out & let me know your thoughts
👉 play.tailwindcss.com/hqhByXijD5
#tailwindcss #webdev #css #frontenddev #componentdesign
Check it out & let me know your thoughts
👉 play.tailwindcss.com/hqhByXijD5
#tailwindcss #webdev #css #frontenddev #componentdesign
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
play.tailwindcss.com
July 17, 2025 at 4:07 PM
Finally had a go with Container Queries using @tailwindcss – super interesting and feels like a real game-changer for reusable components.
Check it out & let me know your thoughts
👉 play.tailwindcss.com/hqhByXijD5
#tailwindcss #webdev #css #frontenddev #componentdesign
Check it out & let me know your thoughts
👉 play.tailwindcss.com/hqhByXijD5
#tailwindcss #webdev #css #frontenddev #componentdesign
Rakesh James’ tutorial shows how to build reusable paragraphs with Single Directory Components in Drupal 11. From Drush to Twig slots, this guide enables modular theming and cleaner component logic. https://bit.ly/4qlKtL7
##Drupal11 #SDC #Twig #ComponentDesign
##Drupal11 #SDC #Twig #ComponentDesign
January 2, 2026 at 11:24 AM
Rakesh James’ tutorial shows how to build reusable paragraphs with Single Directory Components in Drupal 11. From Drush to Twig slots, this guide enables modular theming and cleaner component logic. https://bit.ly/4qlKtL7
##Drupal11 #SDC #Twig #ComponentDesign
##Drupal11 #SDC #Twig #ComponentDesign
Michael Anello + Ted Bowman explore templating in Drupal Canvas using SDC + React components.
Real-time walkthrough shows field mapping, image issues, and dev-mode tools.
🎥 https://bit.ly/3LwIgN3
##DrupalCanvas #DrupalUX #SDC #ComponentDesign
Real-time walkthrough shows field mapping, image issues, and dev-mode tools.
🎥 https://bit.ly/3LwIgN3
##DrupalCanvas #DrupalUX #SDC #ComponentDesign
Exploring Content Templates and Field Mapping in Drupal Canvas with Michael Anello and Ted Bowman
In a recent DrupalEasy Show & Tell, Michael Anello and Ted Bowman demoed the power of content templates in Drupal Canvas. They explored experimental features like full view mode control for nodes, field mapping to React components, and template image...
bit.ly
November 6, 2025 at 5:57 PM
Michael Anello + Ted Bowman explore templating in Drupal Canvas using SDC + React components.
Real-time walkthrough shows field mapping, image issues, and dev-mode tools.
🎥 https://bit.ly/3LwIgN3
##DrupalCanvas #DrupalUX #SDC #ComponentDesign
Real-time walkthrough shows field mapping, image issues, and dev-mode tools.
🎥 https://bit.ly/3LwIgN3
##DrupalCanvas #DrupalUX #SDC #ComponentDesign
Salsa Digital outlines a practical strategy for reusable components in gov digital platforms like OneCX and SDP.
Focus: user-centered design, configurability, and oversight to avoid duplicated effort.
→ https://bit.ly/47oqfaY
##Drupal #GovTech #ComponentDesign #OpenSource
Focus: user-centered design, configurability, and oversight to avoid duplicated effort.
→ https://bit.ly/47oqfaY
##Drupal #GovTech #ComponentDesign #OpenSource
Salsa Digital Details Strategy for Reusable Component Development
Salsa Digital outlines its approach to developing reusable components for shared digital platforms like Victoria’s Single Digital Presence and NSW’s OneCX. The strategy focuses on user research, unified design, configurability, and ongoing feedback t...
bit.ly
October 31, 2025 at 12:42 PM
Salsa Digital outlines a practical strategy for reusable components in gov digital platforms like OneCX and SDP.
Focus: user-centered design, configurability, and oversight to avoid duplicated effort.
→ https://bit.ly/47oqfaY
##Drupal #GovTech #ComponentDesign #OpenSource
Focus: user-centered design, configurability, and oversight to avoid duplicated effort.
→ https://bit.ly/47oqfaY
##Drupal #GovTech #ComponentDesign #OpenSource
New to component-driven theming in Drupal 10?
Ala Batayneh explains how to integrate Storybook with SDCs, using tools like vite-plugin-twig-drupal and twig-drupal-filters.
A deep dive into reusable, WCAG-compliant UI design.
https://bit.ly/41vnT8o ##Drupal #Storybook #ComponentDesign #FrontendDev
Ala Batayneh explains how to integrate Storybook with SDCs, using tools like vite-plugin-twig-drupal and twig-drupal-filters.
A deep dive into reusable, WCAG-compliant UI design.
https://bit.ly/41vnT8o ##Drupal #Storybook #ComponentDesign #FrontendDev
September 3, 2025 at 1:36 PM
New to component-driven theming in Drupal 10?
Ala Batayneh explains how to integrate Storybook with SDCs, using tools like vite-plugin-twig-drupal and twig-drupal-filters.
A deep dive into reusable, WCAG-compliant UI design.
https://bit.ly/41vnT8o ##Drupal #Storybook #ComponentDesign #FrontendDev
Ala Batayneh explains how to integrate Storybook with SDCs, using tools like vite-plugin-twig-drupal and twig-drupal-filters.
A deep dive into reusable, WCAG-compliant UI design.
https://bit.ly/41vnT8o ##Drupal #Storybook #ComponentDesign #FrontendDev
Component-based design is now central to modern Drupal theming.
From SDC in core to Varbase Storybook, Ala Batayneh shows how reusability and consistency are evolving.
Read the deep dive via TDT:
https://bit.ly/3HI8Cdu ##Drupal #ComponentDesign #OpenSource #WebDev
From SDC in core to Varbase Storybook, Ala Batayneh shows how reusability and consistency are evolving.
Read the deep dive via TDT:
https://bit.ly/3HI8Cdu ##Drupal #ComponentDesign #OpenSource #WebDev
August 20, 2025 at 1:40 PM
Component-based design is now central to modern Drupal theming.
From SDC in core to Varbase Storybook, Ala Batayneh shows how reusability and consistency are evolving.
Read the deep dive via TDT:
https://bit.ly/3HI8Cdu ##Drupal #ComponentDesign #OpenSource #WebDev
From SDC in core to Varbase Storybook, Ala Batayneh shows how reusability and consistency are evolving.
Read the deep dive via TDT:
https://bit.ly/3HI8Cdu ##Drupal #ComponentDesign #OpenSource #WebDev
Bethany Fong, the design director behind many of Material's signature components, unpacks the mechanics of design.
📻 Tune in: interfacecafe.com/fab-componen...
#MaterialDesign #UI #ComponentDesign #DesignSystems #Podcast
📻 Tune in: interfacecafe.com/fab-componen...
#MaterialDesign #UI #ComponentDesign #DesignSystems #Podcast
Design Notes Podcast | Bethany Fong
How the heady early days of Material unfolded.
interfacecafe.com
May 27, 2026 at 1:06 PM
Bethany Fong, the design director behind many of Material's signature components, unpacks the mechanics of design.
📻 Tune in: interfacecafe.com/fab-componen...
#MaterialDesign #UI #ComponentDesign #DesignSystems #Podcast
📻 Tune in: interfacecafe.com/fab-componen...
#MaterialDesign #UI #ComponentDesign #DesignSystems #Podcast
2 AM. A component.✨
White space isn't empty-it's where design breathes.
Need dark Space? Drop 'Black' 🌙
#FigmaDesign #AutoLayout #FigmaTips #ComponentDesign #UIDesign #FigmaCommunity #DesignTool #ProductDesign #FrontendDev #CleanUI #DesignProcess #WebDesign #DesignerLife #DesignToCode #WebDesign
White space isn't empty-it's where design breathes.
Need dark Space? Drop 'Black' 🌙
#FigmaDesign #AutoLayout #FigmaTips #ComponentDesign #UIDesign #FigmaCommunity #DesignTool #ProductDesign #FrontendDev #CleanUI #DesignProcess #WebDesign #DesignerLife #DesignToCode #WebDesign
December 6, 2024 at 8:54 PM
2 AM. A component.✨
White space isn't empty-it's where design breathes.
Need dark Space? Drop 'Black' 🌙
#FigmaDesign #AutoLayout #FigmaTips #ComponentDesign #UIDesign #FigmaCommunity #DesignTool #ProductDesign #FrontendDev #CleanUI #DesignProcess #WebDesign #DesignerLife #DesignToCode #WebDesign
White space isn't empty-it's where design breathes.
Need dark Space? Drop 'Black' 🌙
#FigmaDesign #AutoLayout #FigmaTips #ComponentDesign #UIDesign #FigmaCommunity #DesignTool #ProductDesign #FrontendDev #CleanUI #DesignProcess #WebDesign #DesignerLife #DesignToCode #WebDesign
Still building every site from scratch?
We switched to a component-based workflow—not to save time (though it did), but to protect our margins, carry strategy forward, and scale without chaos.
Systems don’t kill creativity. They make it sustainable.
#webdev #lowcode #designsystems #componentdesign
We switched to a component-based workflow—not to save time (though it did), but to protect our margins, carry strategy forward, and scale without chaos.
Systems don’t kill creativity. They make it sustainable.
#webdev #lowcode #designsystems #componentdesign
June 19, 2025 at 11:28 PM
Still building every site from scratch?
We switched to a component-based workflow—not to save time (though it did), but to protect our margins, carry strategy forward, and scale without chaos.
Systems don’t kill creativity. They make it sustainable.
#webdev #lowcode #designsystems #componentdesign
We switched to a component-based workflow—not to save time (though it did), but to protect our margins, carry strategy forward, and scale without chaos.
Systems don’t kill creativity. They make it sustainable.
#webdev #lowcode #designsystems #componentdesign