https://github.com/michaelessiet/tamagui-design-system-template

https://github.com/michaelessiet/tamagui-design-system-template

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/michaelessiet/tamagui-design-system-template
• Owner: michaelessiet
• Created: 2023-10-27T10:24:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-27T10:39:57.000Z (about 1 year ago)
• Last Synced: 2023-10-27T11:30:06.260Z (about 1 year ago)
• Language: TypeScript
• Size: 365 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tamagui Design System Template

This monorepo is a starter for an Expo + Tamagui app. 

## 📦 Included packages

- [Tamagui](https://tamagui.dev)

- [Expo SDK](https://docs.expo.dev)

## 🗂️ Folder layout

- `native` the Expo app

- `packages` shared packages across apps

	- `ui` includes your custom design system components, themes and colors

	- `tsconfig` includes tsconfig files that can be extended from other packages or the apps

## 🏁 Start the app

- Step 1: Install the dependencies:

```bash

yarn install

```

- Step 2: Run the app

```bash

yarn workspace native ios

```

**Note:** Note we're following the [design systems guide](https://tamagui.dev/docs/guides/design-systems) and creating our own package for the design system.

See packages/ui named @package/ui for how this works.

## ➕ Add new dependencies

### To the package

```bash

yarn workspace ui add some-package

```

### To the app

```bash

yarn workspace native add react-native-reanimated

```