Gumdrops

screenshot of Gumdrops
react
scss

Gumdrops

GumGum's React Reusable Component Library

Overview

Gumdrops is a library of reusable JavaScript React components that can be imported into any project. It requires the GumGum Design System (Concrete) for styling and Sass. The library offers a variety of components and provides documentation on how to use them. Gumdrops is available for installation via npm.

Features

  • Reusable JavaScript React components
  • Requires GumGum Design System (Concrete)
  • Utilizes Sass for styles

Summary

Gumdrops is a library of reusable JavaScript React components that require the GumGum Design System for styling. It offers a variety of components that can be imported into any project. Installation can be done via npm, and documentation is available to guide users on how to use the library effectively.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.