Lighter and faster color picker component

[omgovich]

Hi! 👋 My name is Vlad and I love to make packages/projects lighter and faster.

I noticed that you're using react-color which is 143 KB (far larger than the entirety of react-dom), is not tree-shakeable, is not accessible, does not support keyboard navigation, pulls in 12 dependencies, and is not as fast as it could be.

Ryan Christian, Alex Taktarov, and I had been working hard since July and several months ago we released react-colorful — a tiny fast alternative to react-color that aligned with modern requirements.

I would be glad if you consider using our component in your project to make the web faster. If you like the idea I can create PR and do all work myself.

Features

• Small: Just 1,9 KB gzipped (17 times lighter than react-color).
• Tree-shakeable: Only the parts you use will be imported into your app's bundle.
• Fast: Built with hooks and functional components only.
• Bulletproof: Written in strict TypeScript and covered by 40+ tests.
• Simple: The interface is straight forward and easy to use.
• Mobile-friendly: Works well on mobile devices and touch screens.
• Accessible: Follows the WAI-ARIA guidelines to support users of assistive technologies.
• No dependencies

Repo/docs: https://github.com/omgovich/react-colorful

Demo: https://omgovich.github.io/react-colorful

Article about react-color and react-colorful: https://dev.to/omgovich/react-colorful-1-8-kb-color-picker-for-react-fast-dependency-free-customizable-and-accessible-8le

Top projects and companies using react-colorful: https://github.com/omgovich/react-colorful#projects-using-react-colorful

Hope to hear from you soon.

Regards, Vlad