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
AnimateReactNative.com - Premium and Custom React Native animations
Sources: Catalin Miron
Why spend hours reinventing the wheel when you can leverage our extensive collection of animation components? Whether you're looking for eye-catching effects...
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
Sources: Michael Guay
Master Turborepo, tRPC, Next.js, NestJS, and React Native by creating a full-stack Todo application with complete type safety and a mobile version.
2 hours 47 minutes 38 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
React Native Mastery - the Ultimate React Native and Expo Course
Sources: Vadim Savin (notjust.dev)
The "React Native Mastery" course offers comprehensive training in mobile development using React Native and Expo. Throughout the course, you will create 7...
15 hours 56 minutes 3 seconds