Talking Drupal #511 - UI Suite 2.0

Today we are talking about The UI Suite Module, It’s module eco-system, and what’s new in the 2.0 release with guest Pierre Dureau. We’ll also cover Field Formatter Range as our module of the week.

For show notes visit:
https://www.talkingDrupal.com/511

Topics

• What is UI Suite?
• UI Suite 2.0: Major Updates and Features
• Introduction to UI Suite Recipes
• Challenges with Drupal Themes
• Site Templates and UI Suite
• Component Compatibility and Community Education
• Design System Modules and Best Practices
• Experience Builder and UI Suite Integration
• Modernizing Display Tools
• Introducing the Distributor Tool
• Future of UI Suite and Core Integration
• Getting Involved with UI Suite

Resources

• UI Suite
• [Meta] Make Drupal the first "design-system native" CMS + Unify & simplify render & theme systems
• sdc_devel
• Do’s Don’ts For SDC
  • use all of the props & slots in templates
  • use the automatically defined attributes property
  • do not define any props or slots that are unused
  • define in the YAML all the props & slots you use in templates
  • props schema must be understandable by the display builder: no empty objects, empty arrays, arrays of empty objects, bag of props…
  • Example Fix
• Display Builder
• Adopt UI Patterns 2 to prepare developers and users for Experience Builder
• Getting started

Guests

Pierre Dureau - drupal.org/project/ui_suite pdureau

Hosts

Nic Laflin - nLighteneddevelopment.com nicxvan
John Picozzi - epam.com johnpicozzi
JD Leonard - jdleonard

MOTW

Correspondent

Martin Anderson-Clutz - mandclu.com mandclu

• Brief description:
  • Have you ever wanted to show only a subset of field values on your Drupal entity displays? There’s a module for that.
• Module name/project name:
  • Field Formatter Range
• Brief history
  • How old: created in Jan 2024 by Florent Torregrosa (Grimreaper), but today’s guest Pierre is also a maintainer
  • Versions available: 8.x-1.6
• Maintainership
  • Minimally maintained & Maintenance fixes only
  • Security coverage
  • NO open issues
• Usage stats:
  • 1,362 sites
• Module features and usage
  • Unlike some competing solutions, this module uses third party settings to work on virtually any formatter for a multivalued field
  • As part of the configuration, a site builder can specify the offset (where to start), the number of field values to show, and the order in which to show them.
  • The order can be standard or reverse, or it can list them in a random order
  • The module page gives the example of an entity with 15 images attached, and being able to show only the first 5. Or maybe only the 5 most recent?
  • I think if you combined this module with the Custom Field module module we talked about in episode #505, you could achieve some interesting things with simple configuration. For example, you could have an FAQ page and have the teaser for it show three random answers for it.

Description

Talking Drupal 511: UI Suite 2.0 with Pierre Dureau

Welcome to episode 511 of Talking Drupal! In this episode, the team discusses the UI Suite module, its ecosystem, and the updates in the 2.0 release with guest Pierre Dureau, a Drupal professional since 2006 and creator of UI Suite. The conversation also covers the Field Formatter Range module, its features, and use cases. Additionally, you'll hear about up-and-coming Drupal and PHP events and what to look forward to in the Drupal community.

00:00 Introduction to Talking Drupal
00:34 Meet the Guests: Pierre Dureau and JD Leonard
01:30 Module of the Week: Field Formatter Range
08:39 Upcoming Events: New England Drupal Camp and Longhorn PHP Conference
09:52 Deep Dive: What is UI Suite?
25:03 UI Suite 2.0: Major Updates and Features
33:36 Introduction to UI Suite Recipes
34:07 Challenges with Drupal Themes
35:05 Site Templates and UI Suite
35:41 Component Compatibility and Community Education
36:47 Design System Modules and Best Practices
40:08 Experience Builder and UI Suite Integration
41:49 Modernizing Display Tools
43:25 Introducing the Distributor Tool
49:06 Future of UI Suite and Core Integration
01:05:10 Getting Involved with UI Suite
01:07:14 Closing Remarks and Contact Information