react-open-doodles VS Bit

2 www.opendoodles.com

Open Doodles

react-open-doodles - Awesome free illustrations as react components.

25.Open Doodles

Some component collections like shadcn/ui offer a CLI tool to help you with the “copy-paste” process. Other tools like Bit can help you do the same with any UI library hosted on the Bit Platform. Any component can either be installed or copied into your project.

Bit has introduced a new entity to the world of web development: The Bit Component. In short, a Bit component can be thought of as a super-package. You can share it, install it, copy it, and even collaborate on it independently of any particular project setup.

Official Website

This actually has a lot of potential I think. It reminds me of https://bit.dev (obviously without most of the main features). But the core is there - the idea that components should be organized in a way that makes them easily reusable.

If you were to add a preview functionality of each component, this would already look A LOT like the Bit platform.

Personally, I've been trying to figure out a way to create a component library where my components are easily shareable and importable, but haven't yet come to a real solution. Bit is a good one but I am not yet ready to pay per component after my 20 free components are used up.

I think this would be actually extremely useful to me personally if you added these two things:

- component live preview (perhaps with mock props/data?)

Our demo solution was built using Bit, which allows us to create shareable components, render component “previews,” generate component docs, and so on.

UI libraries come with their own set of challenges, which greatly limit their effectiveness. These challenges stem from more fundamental problems related to code sharing and reuse. Let’s explore some of these challenges and examine how a new entity, the Bit component, addresses them.

The following diagram showcases how bit shows the dependency graph of modified components and their dependents.

This tutorial demonstrates how to build a micro frontend application using Vite and Bit.

Bit: A next-generation build system for composable software.

Bit drives a paradigm shift in the way we structure our software and collaborate on code. Its component-based approach produces more maintainable projects and more effective collaboration. However, the power of Bit is best harnessed when you adopt a certain mindset. This blog aims to guide you through the core principles and methodologies of building software with independent Bit components.