Component-Driven Development for NYU

evanmwillhite
amazingrando

At Four Kitchens, we have transitioned to using a fully component-driven development workflow. Working with New York University's Rory Meyers College of Nursing, the Wagner Graduate School of Public Service, and College of Global Public Health, we’ve spent the past year refining this approach on these large projects.

This session will cover our component-driven workflow, including our prototyping process using automated styleguides, as well as demonstrate integrating component-driven development directly into Drupal 8 projects (and beyond) without duplication of code/effort. We will discuss specific hurdles faced in transitioning to component-driven development, and use real-world examples from our work with NYU to discuss solutions.

For this session, some familiarity with component-driven development would be helpful but is not required.

Topics covered:

  • Structuring Components and Atomic Design
  • Automated Styleguides and Pattern Lab
  • Sass/CSS modularity and BEM
  • Twig - specifically when/how to best use include, extends, embed
  • Integration with Drupal fields, nodes, views, paragraphs, and more

 

Register NOW

Session Track

Front End

Experience Level

Intermediate

Drupal Version