Skip to main content

React Native With React Hooks & React Query:High Performance

3h 7m 39s
English
Paid

Course description

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React Native: Advanced Concepts

React Native: Advanced Concepts

Sources: udemy, Stephen Grider
All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we'll build three separate apps with ...
16 hours 35 minutes 38 seconds
Universal Apps with Tamagui

Universal Apps with Tamagui

Sources: Simon Grimm
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...
1 hour 35 minutes 34 seconds
React Native Styling Basics

React Native Styling Basics

Sources: Simon Grimm
Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox...
1 hour 18 minutes 28 seconds
React Native Expo Boilerplate | Ship Mobile Fast

React Native Expo Boilerplate | Ship Mobile Fast

Sources: shipmobilefast
Ship Mobile Fast is a template for developing mobile applications based on React Native and Expo, providing ready-to-use features such as...
A Complete React Native Course - Redux - Context API - 2020

A Complete React Native Course - Redux - Context API - 2020

Sources: udemy
A complete course to start react native cross platform mobile application development. This react native course is a beginners level course that will give you e
7 hours 42 seconds