The 10 Most Useful Libraries in Drupal 10 Core
summary
Lists the ten concrete front-end libraries from Drupal 10 core (out of ~75 in core.libraries.yml) and shows how each is used: core/drupal behaviors for attach/detach, Drupal settings for JSON-backed backend data, normalize.css for consistent styles, debounce to limit scroll/resize handlers, announce to update an ARIA live region, displace for fixed-offset CSS variables, message/messenger class, once to avoid duplicate listeners, SortableJS two lines to enable drag‑drop, and tabable for keyboard focus. Demos in CodePen prove each approach works; avoid internal or deprecated libraries.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:49Core Drupal library
- 5:41Drupal settings
- 7:52Normalize CSS
- 8:57Drupal debounce
- 11:27Drupal announce
- 13:35Drupal displace
- 16:09Drupal message
- 19:40Once utility function
- 23:08Sortable drag and drop
- 25:34Tabable focus utility
- 30:32Q&A
related talks
53mState of Drupal 8 frontend
55mExploring the new Drupal front-end with JavaScript 🌈🦄
01h 09m"Driesnote"
40m10 Useful Web Features You Don't Know
36mStop using JS for that: moving features from JS to CSS & HTML
07mDrag & drop (libraries)
49mPanel 4: Responsive Layout
38mI Can’t Believe It’s Not JavaScript