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:
Storybook and React component structure
Atomic Design organization
Testing using Jest and Jest snapshots (and optional Jest Storybook addon)
Storybook A11y Addon for accessibility
Other helpful Storybook Addons like Link, Knobs, Notes, and more!