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
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Course Overview | 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 |
Comments
0 commentsSimilar courses
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
Members Only with JWT Authentication
Sources: Simon Grimm
Learn how to secure applications using JWT authentication, create enhanced forms with React Hook Form and validation through Zod, work with requests...
2 hours 30 minutes 58 seconds
Build a React Native app with Claude AI
Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds
Testing React Native Apps
Sources: Simon Grimm
Testing is an essential part of the React Native development process. It ensures that your app works as expected and that new features don’t break existing...
1 hour 13 minutes 31 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
Want to join the conversation?
Sign in to comment