@jasonrundell/dropship v2.2.2

Dropship (name is a work-in-progress)

A lightweight, boilerplate, extensible React component library with optional CSS framework that allows you to quickly get a web project up and running.

Features

Quickly and easily enable customers to:

• Build a web project
• Extend components
• Customize CSS

Browser support

Supporting the latest, stable versions of:

• Chrome on Android, Windows, macOS, and Linux
• Firefox on Windows, macOS, and Linux
• Safari on iOS and macOS
• Internet Explorer 11

Principles

As a collaborative effort between a designer and developer, we aim to build a project that exemplifies the best of both expertise with the following design approach:

• Customer first: Offer a smooth experience whether you're a designer, developer, or end consumer.
• Quality: Follow best practices, well tested.
• Keep it simple: Less complexity enables a quick and easy path of development upgrades.
• Inclusive: Usable and accessible. Provide robust components. Must be AA, AAA if able.

Resources

The following resources all had a direct influence on how this system was built, contained inspiration, or had handy references.

• Design Systems for Developers
• How to test UIs with Storybook
• atomic design and storybook by Brad Frost
• Storybook React Testing Utilities
• Checklist Design by George Hatzis
• The Component Gallery: Components (by Iain Bean)
• The Component Gallery: Design Systems (by Iain Bean)
• Use Emotion CSS Prop in Storybook (by Duncan Leung)

View Dropbox in Storybook on Chromatic

View the system here. Chromatic ships UIs faster with automated workflows for Storybook. Chromatic automates gathering UI feedback, visual testing, and documentation, so developers can iterate faster with less manual work. An absolute necessity if you're building a design system for an organisation.