Modular Front-End Architectures with Pattern Libraries

The way we build applications and websites has shifted from building pages to building design systems. During this session we will review an enterprise case study of what to do and what not to do when moving to a modular design approach. We will discuss useful principles that will help you improve consistency, efficiency and maintainability across multiple projects.

This session will also cover modified workflows that incorporate pattern libraries in your design and development process and give you practical tools on how to build your own pattern library.

Objective
Streamline the design process and improve collaboration with developers by breaking down pages into reusable modules.

Assumed Audience Knowledge (for technical talks)
A basic understanding of HTML and CSS.

Five things audience members will learn

  1. Discussion on the benefits of using a pattern library
  2. How to identify, review, and rate patterns
  3. Organizing patterns into a library
  4. Building and documenting patterns (including a healthy dose of Sass)
  5. Utilizing your new pattern library for rapid prototyping