The Bit Blog
The official blog for component-driven software
How we Collaborate on our Composable Docs App
While working on the new Bit.dev docs, we had to collaborate on a lot of composable content. We want to share how we did it, and how you can do it too.
Migrate to New Component Development Environments
Learn how to migrate to new component development environments (envs)
Introducing Angular Component Development Environment
Learn about the recent upgrades for Angular Developer Experience with Bit, how to modify and extend your configuration to get better development workflow.
Introducing React Component Development Environment
Learn about the recent upgrades for React Developer Experience with Bit, how to modify and extend your configuration to get better development workflow.
Introducing Lit Component Development Environment
Learn about the recent upgrades for Lit Developer Experience with Bit, how to modify and extend your configuration to get better development workflow.
Deploying a Composable React App to Netlify
Discover how to deploy React apps to Netlify using Bit. We'll show you how to build a scalable React app that can be easily extended and maintained and deployed to Netlify using component-based software development.
Creating a Cross-Platform Design System for React and React Native with Bit
For web and mobile development, many teams use React and React Native for UI/UX consistency. When developers synchronize between these platforms, sharing code is a challenge. In an ecosystem where teams want to maintain consistency while allowing styling variations, the challenge is especially tough. Here you'll learn how to build a consistent Design System out of React and React Native, sharing design tokens, logic, and types.
Composable Link Component that Works in Any React Meta-Framework
Bit's Link Component is a component that is agnostic to the environment it is running in. You can use this link with any React meta-framework such as Gatsby, Next, Remix etc. This results in more flexible and reusable components that can be used in any React application.
Theming React Apps with Styled Components and Bit
An in-depth guide to creating an app using styled-components and Bit. We will cover theming, versioning, testing, visualizing, and collaborating. Using Bit and Styled Components, you can create reusable, maintainable components that ensure consistency throughout your application.
How to Create a Composable React App with Bit
Learn how to build a React app from independent components using Bit. All the necessary concepts will be covered, including routing, versioning, testing, and deploying.
Component-Driven Microservices with NodeJS and Bit
Do you have a component-based backend? At Bit, components are the foundation of everything we do. Learn how to create a highly maintainable and scalable system by componentizing Node.js microservices using Bit.
Sharing Types Between Your Frontend and Backend Applications
Your backend API has been updated to return data of a new type. The frontend team must be informed to update accordingly. What would you do if you had dozens of frontend apps that are consuming this API? Bit simplifies your life by creating a centralized "entity" component.
Advanced Bit Dependency Management and Configs
Bit makes it simple to define and manage dependencies at any scale. Among other things, this means that `bit install` must work for everything and everyone out of the box. However, the JavaScript ecosystem is huge and sometimes some tweaks are required to make your tooling work properly.
Sharing JavaScript Utility Functions Across Projects
This blog post explains how you can use Bit to create reusable JS util functions that can be used across many different projects, backend or frontend.
Introducing ״Component-Compare״: Easily Review Component Changes
Component Compare allows you to compare two versions of a component and see any differences in the code, UI, configuration, etc.
How to Reuse React Components Across Your Projects
In this tutorial you will learn how independent components save you time by reusing the same components in various contexts.
Composing Reusable Landing Pages in Components
Learn how to easily and quickly create landing pages that you can reuse anywhere with components using Bit.
Painless Monorepo Dependency Management with Bit
Simplify dependency management in a monorepo to avoid issues with phantom dependencies and versions. Learn about dependency installation with yarn, pnpm, and Bit workspaces - and how to make it easy.
How to Build a Reusable Cloudflare Worker component
Cloudflare Workers are a platform for enabling serverless functions to run as close as possible to the end user. Combining Cloudflare worker with Bit gives you super powers as you are able easily manage the workers dependencies, manage its versions, and more
How to build Material UI components with Bit
Material UI is great, but did you know that you can also combine it with Bit? Learn how to create a theme and a custom environment to visualize and distribute your MUI components.
Theming in Components with React and Bit
How we use composable components and design tokens to create React themes that are scala, modular, consistent, quick, and easy to apply.
Building a Composable UI Component Library
In this tutorial, we will learn how to build a composable component library, which forms the foundation for the design system and the organization apps. This will be done using Bit, React, and TypeScript.
Component Spotlight: Composable Search Bar
This post tells the story of a composable search bar being used in a single app, turning into a generic component that can be used in any app. We will show you how we built the search bar component in this website, bit.dev, and the Workspace UI.
Design Tokens in Components with React and Bit
Modern design practices have facilitated better collaboration amongst design and engineering teams. Here we will see how design tokens and Bit create better collaboration between designers, developers, and product owners.
Extracting and Reusing Pre-existing Components using bit add
Our goal in this Guide is to learn how to free components from the monolithic jail. We will use Bit to track a component and decompose it into two independent components.
Meet Component-Driven Content: Applicable, Composable
In a component-driven world, where any component can be used anywhere, creating content as a component provides a level of portability, flexibility, reusability, and customizability not seen before.
How to build a composable blog
Creating a blog from scratch requires quite a lot. We created a reusable, extendable Blog component that you can use to create your own blog compositions. Here, we show you how to get up and running with our Starter blog.
Extendable UIs: How to build better UIs for developers
In this blog post, we will talk about the ability to design UI components that are extendable. You will see how we have built the blog component this website uses to be extendable.
