Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-06 06:20:59
30-Day Money-Back Guarantee
Development Web Development React

Discover the react-query library

Learn the basics of react query library
New
Rating: 3.8 out of 53.8 (6 ratings)
8,960 students
Created by Christian Lisangola
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Basic concepts of the react-query library
  • Discover the out of the box react-query feature for fetching data

Course content

5 sections • 31 lectures • 2h 6m total length

  • Introduction
    00:08
  • What is React Query?
    00:03
  • Cours Github repository
    00:03
  • Preview02:49
  • Preview05:01

  • Preview06:24
  • First query
    05:47
  • Displaying the list of posts in the UI
    05:23
  • Handling loading state and errors
    06:31
  • Exploring the behavior of react-query when the query status is an error
    03:39

  • Preview07:05
  • Auto refetch on window focus
    05:16
  • Adding a fetching indicator for update queries
    04:16
  • Redefining the staletime
    02:49
  • Cache time configuration - part 1 - code refactor
    03:37
  • Query cacheTime configuration
    06:04

  • Query caching and reuse
    06:21
  • Reusing query in for displaying number of results
    04:53
  • Creating a custom hook
    04:26

  • Working with props and state in queries
    05:25
  • Disabling queries
    02:43
  • Magic of query caching
    01:48
  • Creating multipart keys
    01:55
  • Configuration of query retries
    03:49
  • How to cancel a Query
    00:22
  • Dependent queries
    01:03
  • Working with initial data
    06:39
  • Mark initial data as stale
    02:23
  • Using react-router to retrieve related items_01
    07:35
  • Reusing data from cache in the individual post page
    05:40
  • Pushing data into the query cache
    06:24

Requirements

  • A laptop and an internet connection
  • Some reactjs knowledge

Description

You may have used other  state management libraries like redux or something else, and you've certainly realized that one of the biggest challenges in your react applications is state management, and the questions that arise are:


  • How to efficiently manage asynchronous operations?

  • How to efficiently manage data caching?

  • How do I make my application's data reflect the server state?

  • How can I optimize performance while saving bandwidth?

  • How do I update my data in the background to enhance the user experience?


There are many other questions, but this gives you an idea of the challenges you're constantly facing, and unfortunately, you end up writing a lot of code, sometimes very difficult to maintain afterwards, that doesn't entirely solve the real problem.


This is where react-query comes to save your life in your react projects. Hundreds of lines of code are replaced by 2 or 3 line configurations that solve the problem as efficiently as possible.


You can now delegate all operations related to asynchronous calls to react-query.


This course will give you the basics you need to know how to handle react-query and then you can explore its rich documentation to discover even more depending on your use case.

As said in the official document : "React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze.


The way you build react applications, you don’t use an opinionated fashion for operations like fetching or maybe updating to making sure that  data that is consumed by your components reflects data that is in the server.

In order to solve these problems developers end up building some kind of workaround that has some consequences like touching component-based state and effect and making use of react build-in hooks or even using libraries like redux for global state management in order to try  to store and provide some asynchronous data in their react applications.

Who this course is for:

  • Anyone who is tired to write complicated and misunderstood code for managing fetching operation, caching and keeping application data in sync with the server state
  • React js developers

Instructor

Christian Lisangola
Fullstack web developer & Trainer
Christian Lisangola
  • 4.5 Instructor Rating
  • 49 Reviews
  • 9,724 Students
  • 3 Courses

Je suis Christian Lisangola, développeur passionné par les nouvelles technologies basé en RD Congo.Depuis plusieurs années je partage ma passion en offrant des formations et des cours de rattrapage aux étudiants en difficultés dans différentes universités. 

Ayant formé énormément des personne dans le métier du développement logiciel, je sais exactement quelles approches adopter pour rendre des notions difficiles et complexes accessible à n'importe qui.

Je passe beaucoup de temps à essayer ou tester de nouvelles choses entre autre les meilleurs techniques pour aider mes apprenants à bien assimiler les concepts que j'enseigne.   

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.