React Native With React Hooks & React Query:High Performance

3h 7m 39s
English
Paid

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices with high performance.

Read more about the course

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile! This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

Simply put, React Query makes fetching, caching, synchronizing and updating server state in your React applications a breeze.


Out of the box, React applications do not come with an opinionated way of fetching or updating data from your components so developers end up building their own ways of fetching data. This usually means cobbling together component-based state and effect using React hooks, or using more general purpose state management libraries to store and provide asynchronous data throughout their apps.

While most traditional state management libraries are great for working with client state, they are not so great at working with async or server state. This is because server state is totally different.

 For starters, server state:

  • Is persisted remotely in a location you do not control or own

  • Requires asynchronous APIs for fetching and updating

  • Implies shared ownership and can be changed by other people without your knowledge

  • Can potentially become "out of date" in your applications if you're not careful

Once you grasp the nature of server state in your application, even more challenges will arise as you go, for example:

  • Caching... (possibly the hardest thing to do in programming)

  • Deduping multiple requests for the same data into a single request

  • Updating out of date data in the background

  • Knowing when data is "out of date"

  • Reflecting updates to data as quickly as possible

  • Performance optimizations like pagination and lazy loading data

  • Managing memory and garbage collection of server state

  • Memoizing query results with structural sharing

Watch Online React Native With React Hooks & React Query:High Performance

Join premium to watch
Go to premium
# Title Duration
1 0-Course Overview 04:21
2 1-Introduction to React Hooks 02:34
3 2- what exactly is a 'Hook' ? 01:55
4 3-why react native: expo framework 01:52
5 4-install Node.js 01:53
6 5-Install React Native Expo Tool 02:21
7 6-Install VS Code 02:34
8 7-Setup our react native project 07:56
9 8-Install Navigation & Material Design Library 14:14
10 1-UseState hook 24:34
11 2-UseState Hook With Objects And Arrays 13:24
12 3-useEffect Hook 08:58
13 4-useReducer Hook 08:31
14 1- What is React Query API 02:49
15 2-How React Query solves The problems of the Global State 03:57
16 1-Design Login & Signup Screen and setup useReducer Hook 19:22
17 2-UseMutation Hook & Query Cache 17:26
18 3-Prefetch Data From The Mutate Function 05:55
19 4-useMutation Hook with Auth Process 09:28
20 1-useQuery Hook 18:00
21 2-Display The Returned Data Into FlatList 15:35

Similar courses to React Native With React Hooks & React Query:High Performance

The Ultimate React Native Series: Fundamentals

The Ultimate React Native Series: Fundamentalscodewithmosh (Mosh Hamedani)

Category: React Native
Duration 6 hours 17 minutes 40 seconds
Building ChatGPT with React Native

Building ChatGPT with React NativeSimon Grimm

Category: React Native
Duration 1 hour 24 minutes 49 seconds
APIs, Authentication and Tanstack Query

APIs, Authentication and Tanstack QuerySimon Grimm

Category: React Native
Duration 1 hour 36 minutes 26 seconds
Universal Apps with Tamagui

Universal Apps with TamaguiSimon Grimm

Category: React Native
Duration 1 hour 35 minutes 34 seconds
Animations with Reanimated

Animations with ReanimatedSimon Grimm

Category: React Native
Duration 1 hour 14 minutes 21 seconds
The Ultimate React Native Series: Advanced Concepts

The Ultimate React Native Series: Advanced Conceptscodewithmosh (Mosh Hamedani)

Category: React Native
Duration 5 hours 28 minutes 42 seconds
Members Only with JWT Authentication

Members Only with JWT AuthenticationSimon Grimm

Category: React Native
Duration 2 hours 30 minutes 58 seconds
SQLite, Drawer Navigation & Notifications

SQLite, Drawer Navigation & NotificationsSimon Grimm

Category: React Native
Duration 1 hour 45 minutes 49 seconds
React Native Complete Guide 2023: Zero to Mastery

React Native Complete Guide 2023: Zero to Masteryudemy

Category: React Native
Duration 14 hours 57 minutes 5 seconds
reanimate.dev

reanimate.devEnzo Manuel Mangano

Category: React Native
Duration 8 hours 35 minutes 52 seconds