Web Unleashed 2015
Web Dev
  • 2015-09-16 00:00:00 2015-09-17 00:00:00 America/Toronto Web Unleashed 2015 Toronto FITC
  • Toronto


Slides View Video


A style guide is a great collaboration tool to bridge communication gaps between business stakeholders, designers, and developers. Static or living style guides are a great place to start but become increasingly difficult to maintain because style guide generators are dependent on parsing comments in CSS in order to generate HTML patterns and documentation. In short, there is no single source of truth for the HTML leading to maintainability problems. In this session we will discover creating a truly reusable module through the creation of a pattern API.

Technologies discussed include Node, Angular, React, Component, and Sass (Libsass).

Five things audience members will learn

  1. Modular template patterns
  2. Dependency management and versioning per module
  3. Turning modules into the “single source of truth” through a module API
  4. How to call the API to create a style guide
  5. How to call the API to create templates and pages within an application