The Bit Blog
The official blog for component-driven software
react
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.
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.
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.
