React Native With React Hooks & React Query:High Performance
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
All Course Lessons (21)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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
Want to join the conversation?
Sign in to comment