Build a scalable UI library that others would love to use. — Designing a component library is no easy task. It entails a long list of decisions that can become quite overwhelming. Failing to make the right decision can result in a library that no one actually uses. This blog will help you on your journey to building your own component library…

What role do Bit and Bit.dev play in web development? — Is Bit just a tool for package publishing? Is Bit.dev a package registry? Will Bit replace npm? The answer is clearly — no, though unfortunately, these are quite common misconceptions. So, what is Bit? Bit is an extensible OSS tool for component-driven development. …

Using Bit to solve all major challenges presented by the CDD development strategy. — In the world of web dev, component-driven development (CDD) has become almost synonymous with component-driven user interface. This limited use of the term is quite unfortunate as it has conceptually distanced us from better software design and development strategies that are by no means exclusive to UIs. This article discusses…

Using Storybook to render React components in a Bit workspace — In this tutorial, we’ll use Storybook to render React components developed in a Bit workspace. But before we do so, we’ll briefly discuss their different roles in component-driven development. If you’re unfamiliar with either, make sure to first go through their basic tutorials: Bit for React / Storybook for React. The difference between Bit and Storybook

Why you should stop using tools and methodologies made for monolithic projects to develop and collaborate on modules. — Micro frontends and design systems aim to solve different sets of challenges. However, as you’ll soon see, they are both flawed for the same reason. Both are developed and delivered using the same improper tools and methodologies that presuppose a monolithic project. …

Create an ultra-modular React component library: scalable, maintainable, and with a blazing-fast setup. — In this tutorial, we’ll build a modular React + TypeScript “library” with rich documentation, isolated component rendering, tests, and more (the quotation marks will soon be made clearer). It’s not a short article but once you’re done reading, you’ll not only build libraries differently but drastically change the way you…

Achieve DS scale and adoption via independent components and a composable architecture — with examples. — Component libraries or design systems, enable cross-project code reuse and standardization of technology, design patterns, and “looks and feel”. A good component library is a library that is highly composable. It provides components that can easily be used to compose a wide range of new compositions.

Why everything you know about microservices, micro frontends, monorepos, and even plain old component libraries, is about to change. — Independent components revolutionize the way we build web projects. They replace or transform much of today’s software development strategies and architectural styles, and offer more effective ways to collaborate on code. Even so, it seems like they have kept themselves behind a veil of mist — misunderstood and unexplained.

Learn how Bit versions individual independent components using its own set of object types. — This article assumes basic prior knowledge of git’s internals and Bit. Independent components are developed, versioned, and collaborated on in a Bit workspace. …