CF

React Native With React Hooks & React Query:High Performance

3h 7m 39s
English
Paid

This course helps you learn React Native fast. You build a solid base in React and use it to make smooth mobile apps. You also learn how React Hooks and React Query work together to handle data with high performance.

Why Use React Native

React Native lets you build mobile apps in less time than native iOS or Android code. You can see your changes on your device right away. You do not wait for long build times. This fast cycle helps you test ideas and fix issues quickly.

React Native also works on both iOS and Android. This means you write one codebase and ship to two platforms. Many JavaScript developers choose it for this reason.

Why Use React Query

React Query helps you fetch, cache, sync, and update server data with ease. React by itself does not tell you how to load or update data. Without a tool, you may end up mixing state and effects in many components. Some developers use general state libraries, but these tools focus on client state, not server state.

How Server State Works

Server state acts in a different way from client state. It lives on a remote system you do not own. It changes over time and may change without your knowledge. It also depends on async calls.

  • It stays on a server you do not control
  • It needs async calls to read or update
  • Other people can change it at any time
  • It can go out of date in your app

Common Server State Challenges

As you work with server data, you face clear problems. Each one impacts how your app works and feels.

  • Cache data in a safe and clear way
  • Merge repeated requests for the same data
  • Update stale data in the background
  • Know when data is no longer fresh
  • Show updates as fast as possible
  • Use tools like pagination and lazy loading
  • Manage memory for old or unused data
  • Share cached results without extra work

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 21 lessons

This is a demo lesson (10:00 remaining)

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

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

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

Learn more about subscription

Course content

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

Related courses

Frequently asked questions

What is React Native With React Hooks & React Query:High Performance about?
This course helps you learn React Native fast. You build a solid base in React and use it to make smooth mobile apps. You also learn how React Hooks and React Query work together to handle data with high performance. Why Use React Native…
Who teaches React Native With React Hooks & React Query:High Performance?
React Native With React Hooks & React Query:High Performance is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is React Native With React Hooks & React Query:High Performance?
React Native With React Hooks & React Query:High Performance contains 21 lessons with a total runtime of 3 hours 7 minutes. All lessons are available to watch online at your own pace.
Is React Native With React Hooks & React Query:High Performance free to watch?
React Native With React Hooks & React Query:High Performance is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch React Native With React Hooks & React Query:High Performance online?
React Native With React Hooks & React Query:High Performance is available to watch online on CourseFlix at https://courseflix.net/course/react-native-with-react-hooks-react-query-high-performance. The page hosts every lesson with the integrated video player; no download is required.