DrupalCon Los Angeles 2015: Front-End Efficiency with BEM Syntax and Atomic Design

This talk addresses the challenges of architecting large-scale front-end projects, focusing on the importance of effective code organization and scalability. The speaker discusses the necessity of abstracting code to promote reuse and explores methods for analyzing designs to break them down into reusable components using the Atomic Design Pattern. Additionally, the session introduces the Block-Element-Modifier (BEM) syntax, a robust naming convention pattern that helps establish a consistent and understandable codebase. Finally, the speaker illustrates these concepts with real-world examples from Drupal, highlighting practical applications of the discussed methods.