> Canonical URL: https://codingcat.dev/podcast/1-44-composing-modern-applications-with-bit

# Composing Modern Applications with Bit

![](https://cdn.sanity.io/images/hfh83o0w/production/009b655d07154e28e0a7736e0683f61a011390bd-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Debbie O](https://cdn.sanity.io/images/hfh83o0w/production/189680c79aa859bec60d11f9a23760c7649f1ad8-485x485.jpg?w=96&h=96&q=82&fit=max&auto=format)Debbie O'Brien](/guest/debbie-o-brien)November 10, 2021

## Listening Options

[Spotify](https://open.spotify.com/episode/6S6yiU3UrNLkNw5WL8rMIc)[Apple](https://podcasts.apple.com/us/podcast/1-44-composing-modern-applications-with-bit/id1491655542?i=1000541367947)[YouTube](https://www.youtube.com/watch?v=RcNwocUzv4Y)[Pocket Casts](https://pca.st/episode/a8d2a3ce-ebad-4acd-85cc-5df9a938ba86)[Castbox](https://castbox.fm/episode/id2508485-id440750284)[Castro](https://castro.fm/episode/OKXfIE)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)

**Composing Modern Applications with Bit** is a CodingCat.dev podcast episode featuring Debbie O'Brien alongside Alex Patterson and Brittney Postma focused on React, GitHub, Svelte. Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time.Watch the full video breakdown on[**YouTube**](https://www.youtube.com/watch?v=RcNwocUzv4Y)or explore the architectural notes, chapters, and official documentation links below.

### Questions

- What exactly is Bit?
- What does Bit do at build time, what process does it take over?Is it similar to Storybook?

- Are there specific frameworks that work with Bit?
- What tooling is needed to use Bit?
- What are the benefits of Bit Cloud?
- How does versioning work, is it automatically bumped?

## Technical Overview: Composing Modern Applications with Bit

1.44 - Composing Modern Applications with Bit from Debbie O'Brien: https://codingcat.dev/podcast/1-44-composing-modern-applications-with-bit Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time. 00:00 - Intro
00:15 - Debbie Intro
01:15 - Composing Modern App

When applying the concepts from**Composing Modern Applications with Bit** in a production codebase, teams working with React, GitHub, Svelte should align their implementation with the[**React Official Reference**](https://react.dev/reference/react)(Hooks, Server Components, and UI state patterns). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

### Key Engineering Takeaways

- **Core Topic Focus:** Practical strategies for React, GitHub, Svelte covered in "Composing Modern Applications with Bit" (Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time.).
- **Production Implementation:** Combine the architectural patterns demonstrated in this podcast with the official[React Official Reference](https://react.dev/reference/react)for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough:** Follow along with the live coding demos and discussion on[YouTube (Composing Modern Applications with Bit)](https://www.youtube.com/watch?v=RcNwocUzv4Y)and subscribe to[CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)for weekly deep dives.

## Video Chapters & Timestamps

Jump directly to any segment of[**Composing Modern Applications with Bit**](https://www.youtube.com/watch?v=RcNwocUzv4Y)on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Debbie Intro
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Composing Modern Applications with Bit
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): What kind/framework components are supported?
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): What is the workflow for Bit?
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Compositions for components
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): GUI for components
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Sandbox for components
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Using multiple frameworks
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Dependency testing
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Scope graph
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Compile and build time
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Demo
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Installing
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Benefits of bit cloud
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Demo of different teams components
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Source of truth
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Purrfect Picks - Debbie - Atomic Habits - https://jamesclear.com/atomic-habits
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Brittney - Bit compiler for Svelte - https://blog.bitsrc.io/how-to-build-a-bit-compiler-for-svelte-8b553c2794af
- [**00:00**](https://www.youtube.com/watch?v=RcNwocUzv4Y&t=0s): Brittney - rollerblade wheels for office chair - https://www.amazon.com/gp/product/B01G643EU6/ref=ppx_yo_dt_b_asin_title_o02_s01?ie=UTF8&psc=1

## Resources, Links & Official Documentation

- **Watch on YouTube:** [Composing Modern Applications with Bit Full Video](https://www.youtube.com/watch?v=RcNwocUzv4Y)(plus[Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **:15 - Purrfect Picks - Debbie - Atomic Habits:** [https://jamesclear.com/atomic-habits](https://jamesclear.com/atomic-habits)
- **:50 - Brittney - Bit compiler for Svelte:** [https://blog.bitsrc.io/how-to-build-a-bit-compiler-for-svelte-8b553c2794af](https://blog.bitsrc.io/how-to-build-a-bit-compiler-for-svelte-8b553c2794af)
- **:52 - Brittney - rollerblade wheels for office chair:** [https://www.amazon.com/gp/product/B01G643EU6/ref=ppx_yo_dt_b_asin_title_o02_s01?ie=UTF8&psc=1](https://www.amazon.com/gp/product/B01G643EU6/ref=ppx_yo_dt_b_asin_title_o02_s01?ie=UTF8&psc=1)
- **:55 - Alex - readme project:** [https://github.com/readme/guides/first-job-in-tech](https://github.com/readme/guides/first-job-in-tech)
- **:35 - Alex - No Time to Die:** [https://www.imdb.com/title/tt2382320/?ref_=fn_al_tt_1](https://www.imdb.com/title/tt2382320/?ref_=fn_al_tt_1)
- **Show Pick:** [Cassidy Williams first job in tech (picked by Alex Patterson)](https://github.com/readme/guides/first-job-in-tech)
- **Show Pick:** [No Time to Die (picked by Alex Patterson)](https://www.imdb.com/title/tt2382320/?ref_=fn_al_tt_1)
- **Show Pick:** [Office chair wheels replacement (picked by Brittney Postma)](https://www.amazon.com/gp/product/B01G643EU6/ref=ppx_yo_dt_b_asin_title_o02_s01?ie=UTF8&psc=1)
- **Show Pick:** [How to Build a Bit Compiler for Svelte (picked by Brittney Postma)](https://blog.bitsrc.io/how-to-build-a-bit-compiler-for-svelte-8b553c2794af)
- **Show Pick:** [Atomic habits by James Clear (picked by Debbie O'Brien)](https://jamesclear.com/atomic-habits)
- [**Debbie O'Brien Guest Profile & Episodes on CodingCat.dev**](/guest/debbie-o-brien)
- [**Debbie O'Brien on GitHub**](https://github.com/debs-obrien)
- [**React Official Reference:**](https://react.dev/reference/react)Hooks, Server Components, and UI state patterns
- [**GitHub Documentation:**](https://docs.github.com/)Pull requests, GitHub Actions CI/CD, and repository security
- [**Svelte & SvelteKit Documentation:**](https://svelte.dev/docs)Runes, compiler internals, and full-stack SvelteKit routing

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**Using No-Code with Builder - Part 2**](/podcast/2-2-using-no-code-with-builder-io-part-2): Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code sol...
- [**RxFire in Svelte 3 using Firebase Firestore and Authentication**](/post/rxfire-in-svelte-3-using-firebase-firestore-and-authentication): Introduction to Svelte3, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive ...
- [**Open Source Svelte Magic: Melting Minds through Melt UI!**](/podcast/cwcc-1-2-meltui): Thomas teaches Brittney and Alex how to use Melt and how Runes can be used to improve builders.

## Frequently Asked Questions (FAQ)

### What are the main takeaways from Composing Modern Applications with Bit?

Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time. 1.44 - Composing Modern Applications with Bit from Debbie O'Brien: https://codingcat.dev/podcast/1-44-composing-modern-applications-with-bit Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time. 00:00 - Intro
00:15 - Debbie Intro
01:15 - Composing Modern App Throughout this podcast, Debbie O'Brien breaks down real-world implementation details for React, GitHub, Svelte so developers can apply these patterns directly in production.

### How do you implement React best practices in production?

When adopting React and GitHub in a production stack, start by validating your configuration against the[**React Official Reference**](https://react.dev/reference/react)(Hooks, Server Components, and UI state patterns). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

### Where can I watch the full Composing Modern Applications with Bit walkthrough and find related code resources?

You can watch the complete video session for[**Composing Modern Applications with Bit**](https://www.youtube.com/watch?v=RcNwocUzv4Y)on the[**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1).For a deeper dive into React, check out our related guide:[**Using No-Code with Builder - Part 2**](/podcast/2-2-using-no-code-with-builder-io-part-2).

## Episode Summary

1.44 - Composing Modern Applications with Bit from Debbie O'Brien: https://codingcat.dev/podcast/1-44-composing-modern-applications-with-bit

Alex and Brittney sit down with Debbie O'Brien to talk about bit (bit.dev). We dive deep into how you can use bit to compose your application one bit at a time.

00:00 - Intro
00:15 - Debbie Intro
01:15 - Composing Modern App

## Picks

### Alex Patterson

- [Cassidy Williams first job in tech](https://github.com/readme/guides/first-job-in-tech)
- [No Time to Die](https://www.imdb.com/title/tt2382320/?ref_=fn_al_tt_1)

### Brittney Postma

- [Office chair wheels replacement](https://www.amazon.com/gp/product/B01G643EU6/ref=ppx_yo_dt_b_asin_title_o02_s01?ie=UTF8&psc=1)
- [How to Build a Bit Compiler for Svelte](https://blog.bitsrc.io/how-to-build-a-bit-compiler-for-svelte-8b553c2794af)

### Debbie O'Brien

- [Atomic habits by James Clear](https://jamesclear.com/atomic-habits)

## Recent Podcasts

[View More](/podcasts/page/1)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)

### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)

November 19, 2025

Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

November 4, 2025

Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together!

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)