Skip to main content
CourseFlix

Universal Apps with Tamagui

1h 35m 34s
English
Paid

Unlock the potential of your app development by creating a universal app with React Native and Tamagui. This course will guide you in using the same codebase for iOS, Android, and Web, enabling seamless cross-platform experiences. Discover how Tamagui bridges the gap between web and native app development while offering a consistent and visually appealing UI for React Native and Next.js.

Course Overview

This course provides comprehensive insights into leveraging Tamagui within your React Native applications. Through practical exercises and expert guidance, you'll transform your approach to UI development.

Key Learning Outcomes

  • Integration of Tamagui: Gain practical experience in integrating Tamagui with your React Native apps, opening up a new world of UI possibilities.
  • Understanding Components and Design Systems: Delve into the essential components, tokens, and color systems of Tamagui, which form the foundation of your UI.
  • Mastering Customization: Experiment with various Tamagui components, mastering customization techniques to ensure your UI stands out.
  • Theme and Visual Identity: Explore advanced theme customization and configuration strategies, aligning the app's appearance with your creative vision.
  • Utilizing Animation Drivers: Bring your UI to life by learning to implement animation drivers in Tamagui, adding interactivity and dynamism.
  • Unified Codebase Management: Navigate the setup of a mono-repository using Expo and NextJS, fostering a coherent codebase for both web and native platforms.

About the Author: Simon Grimm

Simon Grimm thumbnail
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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 15 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Overview
All Course Lessons (15)
#Lesson TitleDurationAccess
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