Uswds: Replace Fractal as a component development and documentation tool

[thisisdano]

Fractal is no longer a reliable tool for developing and documenting our components. It introduces a number of vulnerabilities into our dependencies and is no longer reliably maintained. Newer tools like Storybook or PatternLab could be a better forward-looking solution. We need to understand the pros and cons of possible solutions, and how any documentation and development solution we implement could be useful to other teams, in addition to our own internal core team.

[stphnwlkr]

I like Storybook. Nice listing of a variety of tools available at https://designsystemsrepo.com/tools/. Some not appropriate for this project, but it give you a good idea of what is out there.

[DanielMiller-agile6]

I really like Storybook as well. It supports most of the popular frontend JS frameworks now. Although in my experience, not all framework support is as mature as React... things seems to be improving quickly though so I might be wrong about this now :)

There's also a @storybook/html package which helps for developers who don't use any framework, and just want to use storybook as a CSS framework development tool or for a UI pattern library.

A few months ago, the Storybook team released a "Design Systems for Developers" book online which was really helpful to me. While the title seems fairly generic, most of the book is an explanation of using Storybook for design systems and component libraries. Most of the examples in the book use React, but it could still be helpful for users of other frameworks.

[chazchumley]

Pattern Lab node version with NPM and Gulp would be great for non-REACT sites. Plus I am willing to help build that out :) It would then allow for govt sites and there heavy adoption of Drupal.

[afeijoo]

Customer feedback: "I cannot scroll up and down on the left pane in Chrome on Windows 10, only in IE on Windows 10 (I cannot even use page up or page down) on https://components.designsystem.digital.gov/."