5 out of 5
5
6 reviews on Udemy

React Native With React Hooks & React Query:High Performance

Improve Your React Native Application Performance And Learn React Hooks & React Query
Instructor:
Mohamed Adel
4,089 students enrolled
English [Auto]
Create real-world apps using React Native
Learn React Hooks
Learn React Query API
Expo installation
Learn How To Create Custom Hook
Learn How To Cache Your Data In React Native
Learn How to solve The problem Of the Global State
Hooks Functions (useState, useEffect, useReducer,...)

If you’re tired of spinning your wheels learning Swift or Android, this is the course for you.

Improve your app performance? You will learn it. Hooks? Included. React Query? Of course!

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.

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

React Query is hands down one of the best libraries for managing server state. It works amazingly well out-of-the-box, with zero-config, and can be customized to your liking as your application grows.

React Query allows you to defeat and overcome the tricky challenges and hurdles of server state and control your app data before it starts to control you.

On a more technical note, React Query will likely:

  • Help you remove many lines of complicated and misunderstood code from your application and replace with just a handful of lines of React Query logic.

  • Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sources

  • Have a direct impact on your end-users by making your application feel faster and more responsive than ever before.

  • Potentially help you save on bandwidth and increase memory performance

Enough talk, show me some code already!

Introduction

1
0-Course Overview
2
1-Introduction to React Hooks
3
2- what exactly is a 'Hook' ?
4
3-why react native: expo framework
5
4-install Node.js
6
5-Install React Native Expo Tool
7
6-Install VS Code
8
7-Setup our react native project
9
8-Install Navigation & Material Design Library

React Hooks

1
1-UseState hook
2
2-UseState Hook With Objects And Arrays
3
3-useEffect Hook
4
4-useReducer Hook

Introduction To React Query API

1
1- What is React Query API
2
2-How React Query solves The problems of the Global State

React Query USeMutation

1
1-Design Login & Signup Screen and setup useReducer Hook
2
2-UseMutation Hook & Query Cache
3
3-Prefetch Data From The Mutate Function
4
4-useMutation Hook with Auth Process

React Query UseQuery

1
1-useQuery Hook
2
2-Display The Returned Data Into FlatList
3
API Documentation

Postman documentation link : 

https://documenter.getpostman.com/view/11427004/TVCiSkkQ

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
5
5 out of 5
6 Ratings

Detailed Rating

Stars 5
6
Stars 4
0
Stars 3
0
Stars 2
0
Stars 1
0
f245d6ab9bfd0ba729402fa2ff6657db
30-Day Money-Back Guarantee

Includes

3 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Never Miss Any Course Join Our Telegram Channel Join Channel
+ +