A Conference About The Future Of Drupal

New York City

Aug. 17 - 19, 2018

John Jay College of Criminal Justice

Diamond sponsors
Aten Design Group
Therefore Interactive

React & Storybook for a Component-Driven, Atomic Designed, 💯 Tested, Accessible Frontend


Evan Willhite

Four Kitchens

Patrick Coffey

Four Kitchens
Fr 10:15am Room: Aten Design Group Lecture Hall

Does a reusable, organized, fully tested and accessible React project sound like a dream? What about visualizing it as you build it for your teammates using Storybook?

Through our recent work at Four Kitchens with PRI.org, we were able to accomplish this very setup to create a more performant and sustainable frontend for their Drupal 7 backend. In this session, we will walk through this approach and toolkit, including how to install and build a new React project using:

  1. Storybook and React component structure
  2. Atomic Design organization
  3. Testing using Jest and Jest snapshots (and optional Jest Storybook addon)
  4. Storybook A11y Addon for accessibility
  5. Other helpful Storybook Addons like Link, Knobs, Notes, and more!

This talk is geared towards Frontend React/JavaScript developers including beginners!

Back to Sessions

Diamond Sponsors

Gold Sponsors

Silver Sponsors

Bronze Sponsors

Media Sponsors