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.
Universal Apps with Tamagui
1h 35m 34s
English
Paid
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.
About the Author: Simon Grimm
You may know me from my popular YouTube videos or my other project, Ionic Academy. I transitioned from native iOS development to cross-platform app development 9 years ago and have never regretted it. Developing faster, covering more platforms, and having more fun! I will be your guide on this journey and will happily share all the tips and tricks I've learned over the years so that you can confidently create apps with React Native as well.
Watch Online 15 lessons
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 subscription