React Query |TanStack Query:Server State Management in React

Focused View

i novotek Academy

3:57:02

14 View

1. GETTING STARTED WITH REACT QUERY

1. Problems Without React Query.mp4

04:21

2. What is React Query.mp4

03:35

3. React Query Features.mp4

03:22

4. Introducing The Docs.mp4

03:28

5. Create React App Using Vite.mp4

07:17

6. Configuring React Query.mp4

05:18

2. USEQUERY DATA FETCHING

1. What is useQuery.mp4

03:56

2. useQuery Syntax.mp4

02:49

3. Exploring the APIS to use.mp4

02:49

4. Making Request to fetch Users.mp4

06:25

5. useQuery Return Objects.mp4

07:38

6. Displaying loading, data and error.mp4

06:08

3. QUERY KEYS & QUERY FUNCTIONS DATA FETCHING

1. Understanding Query Keys.mp4

03:46

2. Role of Query Keys.mp4

04:31

3. Types of Query Keys.mp4

02:10

4. Query Keys Arrays Code syntax 1.mp4

06:48

5. Query Keys Arrays Code syntax 2.mp4

03:53

6. Using Object as Query Keys.mp4

03:09

7. Query Keys Rules.mp4

03:21

8. Query Functions.mp4

04:18

9. Query Function Rules.mp4

01:40

4. ERROR HANDLING IN REACT QUERY

1. Handling Errors using Fetch API.mp4

04:41

2. Handling Errors Using Fetch code demo.mp4

05:59

3. Handling Errors using Axios Overview.mp4

02:42

4. Handling Errors using Axios code demo.mp4

04:18

5. REACT QUERY CONFIGURATIONS

1. Default Values Explained.mp4

03:42

2. Installing React Query Devtool.mp4

02:44

3. Exploring React Query Devtool.mp4

05:27

4. StaleTime Overview.mp4

02:51

5. StateTime code demo.mp4

03:43

6. Cache Time Overview.mp4

03:35

7. Cache Time Code Demo.mp4

05:06

8. RefetchOnMount Overview.mp4

02:42

9. Refetch on windows focus.mp4

03:03

10. Refetch on reconnect.mp4

04:01

11.1 36.Retry delay.mp4

04:48

11. Retry delay.mp4

04:48

12. Refetch Interval.mp4

04:10

6. PAGINATION DATA FETCHING

1. Parallel Queries Overview.mp4

02:45

2. Parallel Queries Code Demo.mp4

11:31

3. Pagination Project Demo and Overview.mp4

04:48

4. Pagination Demo.mp4

12:18

5. Prefetching Overview.mp4

03:54

6. Prefetching Code Demo.mp4

07:49

7. USEMUTATION POST-UPDATE-DELETE- REQUEST

1. Mutation Overview.mp4

02:59

2. mutateAsync Overview.mp4

03:42

3. useMutate Code Example.mp4

13:35

4. useMutateAsync Code Demo.mp4

03:30

5. Query Invalidation Overview.mp4

03:27

6. Query Invalidation.mp4

07:42

Description

Master React Query: Data fetching, mutation, and Caching

What You'll Learn?

Learn efficient data fetching, updating, and synchronization with React Query
Acquire practical knowledge in caching, background fetching, and mutations.
Master asynchronous data handling in React using React Query.
Understand best practices for state synchronization and error handling
Master React Query for optimal server state handling in React apps

Who is this for?

Ideal for React developers eager to enhance their skills in state management and learn React Query

Front-end developers looking to streamline their React applications with efficient server state handling.

Web developers seeking to transition into advanced React practices, focusing on server state management

What You Need to Know?

Basic understanding of React and its core principles

Experience with React Hooks and modern React development practices

Openness to learning new patterns and practices in React development.

More details

Description
Dive deep into the world of React with our comprehensive course, focused on mastering React Query and TanStack Query for efficient server state management. This course is tailor-made for developers who want to elevate their React applications to new heights. You'll learn the ins and outs of React Query, understanding how to effectively fetch, update, and manage server data. We cover essential concepts like caching strategies, background data fetching, and automated state synchronization, ensuring your React apps are not only performant but also scalable.

Our expertly crafted modules guide you through practical examples and real-world scenarios, enabling you to apply your knowledge immediately. Whether you're a junior developer looking to expand your skills or an experienced programmer aiming to optimize your React projects, this course has something for everyone. By the end of this journey, you'll have a robust understanding of state management in React and be well-equipped to build dynamic, efficient, and maintainable web applications.

Furthermore, you will explore advanced techniques in error handling, data mutation, and query optimization. Engage in interactive lessons and hands-on projects that solidify your learning and prepare you for real-world challenges. Join us to become a proficient React Query expert, ready to tackle complex state management issues with confidence and creativity.
Who this course is for:
Ideal for React developers eager to enhance their skills in state management and learn React Query
Front-end developers looking to streamline their React applications with efficient server state handling.
Web developers seeking to transition into advanced React practices, focusing on server state management

User Reviews

Rating

average 0

Total votes0

Focused display

React

i novotek Academy

Instructor's Courses

I-Novotek Academy is a web development bootcamp that helps students learn the latest technologies and become proficient in web development. We provide an intensive, 5-month program in which students learn how to design, build, and maintain websites and web applications using technologies including HTML, CSS, JavaScript, ReactJS, Node.js, and more. Our experienced instructors guide students through each step of the process so they can learn quickly and be productive from day one.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.