Universal Apps with Tamagui
1h 35m 34s
English
Paid
Course description
Create a universal app with React Native and Tamagui. Learn how to use the same codebase for iOS, Android, and Web. Discover the power of Tamagui in bridging the gap between web and native app development, creating consistent and visually appealing UIs for React Native and Next.js.
Read more about the course
What will I learn?
- Get hands-on with integrating Tamagui into your React Native apps, unlocking a new realm of UI possibilities.
- Dive deep into the world of components, tokens, and colors, learning the building blocks of Tamagui.
- Experiment with various Tamagui components and master customization techniques to make your UI stand out.
- Explore theme customization and configuration, tailoring the look and feel of your app to match your vision.
- Learn to use animation drivers in Tamagui, adding life and interactivity to your UI components.
- Navigate the intricacies of setting up a mono-repository with Expo and NextJS, facilitating a unified codebase for both web and native platforms.
Watch Online
0:00
/ #1: Course Overview
All Course Lessons (15)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Overview Demo | 02:47 | |
| 2 | React Native Tamagui Setup | 09:39 | |
| 3 | Understanding Stacks and Texts | 03:22 | |
| 4 | Using Props, Tokens and Shorthands | 07:02 | |
| 5 | Building a Form | 07:45 | |
| 6 | Overlay Components | 04:59 | |
| 7 | Using Themes & Colors | 08:37 | |
| 8 | Adding Animations | 09:04 | |
| 9 | Styled Components and Variants | 06:01 | |
| 10 | Using Media Queries | 03:18 | |
| 11 | Custom Tamagui Configuration | 09:50 | |
| 12 | The Compiler | 04:08 | |
| 13 | Universal App with Expo and NextJS | 07:38 | |
| 14 | Adding Universal Pages | 06:49 | |
| 15 | Tamagui Takeout, Studio & Theme Builder | 04:35 |
Unlock unlimited learning
Get instant access to all 14 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Expo Boilerplate | Ship Mobile Fast
Sources: shipmobilefast
Ship Mobile Fast is a template for developing mobile applications based on React Native and Expo, providing ready-to-use features such as...
React Native
Sources: ui.dev (ex. Tyler McGinnis)
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 7 hours of video, ...
3 hours 46 minutes 29 seconds
React Native Styling Basics
Sources: Simon Grimm
Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox...
1 hour 18 minutes 28 seconds
APIs, Authentication and Tanstack Query
Sources: Simon Grimm
Delve into the heart of modern app development with our comprehensive course, “Working with APIs, Authentication and Tanstack Query.” Learn how to seamlessly...
1 hour 36 minutes 26 seconds