Skip to main content
CourseFlix

TanStack Query, Zustand & Animations

2h 9m 53s
English
Paid

Master the art of modern web development by diving deep into TanStack Query, Zustand, and animations. This course offers an in-depth exploration on how to effectively perform API requests, manage local state, and enhance your application with dynamic gestures and animations.

Introduction to TanStack Query

TanStack Query is a powerful tool for managing API requests and caching responses in your application. It significantly simplifies data fetching and ensures your app remains performant and scalable.

Key Features of TanStack Query

  • Efficient data synchronization and caching
  • Automatic refetching and background updates
  • Support for infinite scrolling and pagination

State Management with Zustand and MMKV

Gain hands-on experience with Zustand, a lightweight and easy-to-use state management library. Used alongside MMKV as a storage solution, you can efficiently manage your application's local state.

Why Choose Zustand?

  • Minimal boilerplate code for quick setup
  • Flexible state updates with hooks API
  • Scalable architecture suitable for large applications

Integrating MMKV for Storage

Utilize MMKV, a high-performance key-value storage library, to enhance the persistence and speed of your state management.

Enhancing User Experience with Gestures and Animations

Learn to make your application more interactive and visually appealing by integrating gestures and animations. This section covers fundamental techniques to boost user engagement.

Animation Techniques

  • Implementing smooth transitions
  • Creating captivating loading animations
  • Utilizing scalable vector graphics (SVG) animations

Incorporating Gestures

Discover how to boost usability by integrating touch-based gestures that provide a natural and intuitive interaction for your users.

Conclusion

By the end of this course, you will have the skills to effectively manage data flow using TanStack Query, maintain local state with Zustand and MMKV, and enhance your application's dynamism with animations and gestures. Elevate your development capabilities and create more responsive applications today!

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 14 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Project Introduction
All Course Lessons (14)
#Lesson TitleDurationAccess
1
Project Introduction Demo
02:12
2
App Setup and Prebuild
06:22
3
Fetching Data with TanStack Query
09:26
4
Display data with FlashList
11:05
5
Filter & Search Data
12:11
6
Using a Loading Shimmer
06:50
7
Showing Product details
09:17
8
Cart State Management with Zustand
08:50
9
Persisting state with MMKV
10:02
10
Building a Cart Modal
14:51
11
Working with Gestures
12:30
12
Adding Animations
07:49
13
Monitoring with Sentry Session Replays
12:42
14
Deeplinks to Products
05:46
Unlock unlimited learning

Get instant access to all 13 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription