Code with Beto Labs 🧪🔬

Open-source packages and libraries built by the Code with Beto team for our members and the React Native community.

We build these libraries for our own apps and to make life easier for our members. If you find them useful, that's awesome. If you want to contribute, even better.

About This Project

This repo is maintained by a small team at Code with Beto. These packages come from real abstractions we use across our own applications -- things our members have asked for and that we use daily.

What this means for you:

• We use these packages in our own apps, so we care about quality
• We'll do our best to review issues and PRs, but response times may vary
• We can't guarantee support for every edge case or custom use case
• Community contributions are welcome and encouraged

Packages

Package	Description
@codewithbeto/ui	React Native UI component library

Versioning

All packages in this repo follow the Expo SDK versioning scheme. The major version of each package matches the Expo SDK version it's built and tested against. For example, @codewithbeto/ui@55.x.x is designed for Expo SDK 55.

This makes it easy to tell at a glance whether a package version is compatible with your SDK. We do not intend for packages to be compatible across different SDK versions -- when you upgrade your Expo SDK, upgrade these packages to match.

Structure

This repository uses pnpm workspaces to manage multiple packages and apps:

• packages/ - Shared packages that can be used across apps
  • ui/ - React Native UI component library
• apps/ - Example applications for testing and development
  • example/ - Expo Router app for testing UI components

Getting Started

Prerequisites

• Node.js (v18 or higher)
• pnpm (v8 or higher)

Installation

Install all dependencies for the workspace:

pnpm install

This will install dependencies for all packages and apps in the monorepo.

Development

Testing Components

The apps/example app is set up to test UI components during development:

1. Navigate to the example app:

   cd apps/example

2. Start the Expo development server:

   pnpm start

3. Import components directly from the @codewithbeto/ui package in your app code - changes will hot-reload automatically.

Since everything works in Expo, you can:

• Install dependencies once
• Start the server
• Make changes to the UI package
• See live changes immediately

For more details on contributing, see CONTRIBUTING.md.

Contributing

We welcome contributions! Please read our Contributing Guide for details.

Support

This project is maintained by a small team -- we're not a big company with a dedicated support staff. Here's how to get help:

• Bug reports: Open an issue with a clear reproduction
• Questions about usage: Check existing issues first, then open a new one if needed
• Feature requests: We're open to suggestions, especially ones that solve common problems across apps
• Community help: If you've figured something out, consider helping others in open issues too

We'll do our best to address issues and review contributions, but please understand that response times may vary given our small team size.

Code with Beto

These packages are part of the Code with Beto ecosystem. If you're into React Native, check us out:

• Pro Membership - Courses, private repos, Discord community, and direct access to the team
• YouTube - Free tutorials and content

License

This project is licensed under the MIT License.