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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Expo Router Fullstack Apps

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
Building ChatGPT with React Native

Building ChatGPT with React Native

Sources: Simon Grimm
Discover the fascinating world of AI-powered apps with our cutting-edge course, “Create Your Own ChatGPT with React Native”. Learn how to integrate OpenAI’s...
1 hour 24 minutes 49 seconds
AnimateReactNative.com - Premium and Custom React Native animations

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...
Universal AI Recorder with NativeWind, Clerk & Drizzle

Universal AI Recorder with NativeWind, Clerk & Drizzle

Sources: Simon Grimm
Learn how to create a universal AI recorder using NativeWind. Master styling techniques with NativeWind, work with Expo API routes, and create a beautiful...
2 hours 1 minute 21 seconds
Testing React Native Apps

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