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

Related courses

Frequently asked questions

What prerequisites are needed before taking this course?
A basic understanding of JavaScript is recommended before enrolling in this course. Familiarity with React is also beneficial, as the course builds upon React fundamentals to teach React Native, React Hooks, and React Query. The setup lessons will guide you through installing necessary tools like Node.js, React Native Expo Tool, and VS Code, so prior experience with these specific tools is not required.
What projects will I build during the course?
During the course, you will work on building components of mobile apps, such as designing login and signup screens using the useReducer Hook. You will also display returned data using a FlatList and implement an authentication process with the useMutation Hook. These projects help you apply concepts like server state management and UI design in a practical context.
Who is the target audience for this course?
This course is targeted at JavaScript developers who want to transition into mobile app development using React Native. It is also suitable for React developers looking to enhance their skills with React Hooks and React Query for handling server state in high-performance applications. Developers interested in cross-platform app development will find value in learning how to deploy on both iOS and Android using a single codebase.
How does this course compare in depth and scope to other React Native courses?
This course focuses on integrating React Hooks and React Query to manage server state efficiently, which may not be covered in all React Native courses. It provides a strong foundation in these tools, ensuring you understand both client and server-side state management. The inclusion of practical exercises like designing UI components and handling asynchronous data operations sets it apart from courses focusing solely on basic React Native concepts.
What specific tools and platforms will I learn to use in this course?
The course covers several key tools and platforms, including Node.js, React Native Expo Tool, and VS Code for development setup. You will also learn to use React Hooks (such as useState, useEffect, and useReducer) and React Query for state management. Additionally, the course includes lessons on installing and using navigation and material design libraries to enhance your app's user interface.
What topics are not covered in this course?
The course does not cover advanced topics like native module development or custom animations in React Native. It focuses on foundational skills in using React Hooks and React Query, emphasizing data handling and UI design in mobile apps. For developers interested in deep-diving into native modules or advanced animations, supplementary courses or materials would be necessary.
What is the expected time commitment to complete this course?
The course consists of 21 lessons, but the total runtime is not specified in the provided metadata. Given the number of lessons, students should expect to dedicate a few hours per week over a period of several weeks to fully engage with the content, complete exercises, and gain proficiency in React Native, React Hooks, and React Query.