Drupal Theming & Frontend Development Flashcards

What is the role of the 'stable9' base theme in Drupal 9/10 custom theme development?

Answer: Supplies empty default templates ensuring theme upgrade stability

Stable9 provides copies of all Drupal core templates with no added CSS/JS, giving custom themes a stable base that won't break when core updates its templates.

In a Drupal theme's libraries.yml, what does the 'minified: true' flag tell Drupal?

Answer: The file is already minified and Drupal should not attempt to aggregate it further

The 'minified: true' flag tells Drupal's asset aggregation system that the file is already minified so it can skip redundant re-minification during aggregation.

What Drupal behavior pattern is used to safely attach JavaScript functionality to dynamically loaded AJAX content?

Answer: Drupal.behaviors with attach() and detach() methods

Drupal.behaviors objects with attach() methods are called both on full page load and after every AJAX response, ensuring JS initializes correctly on dynamic content.

Which Drush command regenerates CSS/JS aggregate files and clears the Drupal theme registry?

Answer: drush cr (cache:rebuild)

drush cr (cache:rebuild) clears all Drupal caches including the theme registry, asset aggregates, Twig compiled templates, and the service container.

In Drupal theming, what is the difference between a 'template_preprocess' hook and a theme-specific 'THEME_preprocess' hook?

Answer: template_preprocess runs in modules; THEME_preprocess runs last and can override module variables

template_preprocess hooks in modules run first to set default variables; THEME_preprocess hooks in the active theme run last, giving themes final control to override or extend variables.

What is the purpose of the 'breakpoints.yml' file in a Drupal theme?

Answer: Declare responsive image breakpoints used by core's Responsive Image module

A theme's breakpoints.yml file registers named breakpoints (e.g., mobile, tablet, desktop) that the core Responsive Image module uses to serve appropriately sized images.