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
State Management with Zustand
Sources: Simon Grimm
Enter the world of efficient and intuitive state management with our in-depth course, “React Native State Management with Zustand.” Learn how to effortlessly...
56 minutes 13 seconds
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
A Complete React Native Course - Redux - Context API - 2020
Sources: udemy
A complete course to start react native cross platform mobile application development. This react native course is a beginners level course that will give you e
7 hours 42 seconds
Expo Router Fullstack Apps
Sources: Simon Grimm
In this course, you will learn how to build fullstack apps with Expo Router v3 and React Native. We will dive into Expo Router and the file-based routing...
1 hour 39 minutes 18 seconds
Publish React Native Apps to the App Store
Sources: Simon Grimm
Take the final step in your app development journey and bring your React Native app to the masses! In our course, “Publish React Native Apps to the App...
38 minutes 5 seconds