К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Advanced State Management and API Integration · LearnSpace
Назад в каталог
courseraПрограммирование

Advanced State Management and API Integration

Курс от Packt
Средний≈ 11.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this comprehensive course, you'll gain deep insights into managing state effectively and efficiently in modern React applications. You’ll explore advanced techniques in state management, both local and global, using tools like Redux, Redux Toolkit (RTK), and alternative libraries such as Zustand, Jotai, and Recoil. This knowledge will help you manage state and interactions in scalable, maintainable applications with fewer bugs and more optimal performance. You will begin by revisiting foundational concepts like local and global state, useState, and useContext, gradually progressing to more complex scenarios such as derived state, advanced state dependencies, and handling performance considerations. The course introduces powerful libraries such as Redux and RTK to help manage application state, including async operations like API calls, caching, and selectors. You will also dive into server-state management using libraries like TanStack Query and SWR for efficient data fetching, along with middleware solutions to enhance your app’s capabilities. As you move through each module, you’ll build a hands-on project that integrates API communication with a dynamic, real-time data flow. Through this, you'll learn to handle server-state, caching strategies, and manage complex components with ease. The course equips you with the skills to structure large-scale apps, optimize performance, and improve maintainability in real-world projects. This course is designed for developers who already have a foundational understanding of React and want to level up their state management and API integration skills. Prerequisites include basic knowledge of React and JavaScript. The course is suitable for developers looking to create high-performance, large-scale applications with efficient state management practices. By the end of the course, you will be able to manage global and local state effectively, implement Redux and RTK in your applications, utilize RTK Query for API communication, and optimize performance across complex React applications.

Навыки, которые вы освоите

React.jsApplication Programming Interface (API)ScalabilityReact ReduxMaintainabilityFrontend IntegrationJavaScript FrameworksServer SideRestful APIFrontend PerformanceMiddlewareContext Management

Программа курса

2 модулей · 101 учебных материалов

01Advanced State Management63 материалов

Advanced State Management

Introduction and Recap – Local State and Global StateВидеоIntroduction to the course 'Advanced State Management and API Integration'ЧтениеFull Course ResourcesЧтениеuseState and useContext – Recap and PitfallsВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Advanced State Management and API Integration
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 11.5 ч

2 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Problems Solved by Global State LibrariesВидео
Problems Without Global State – SummaryВидео
Lifting State Up – RecapВидео
Advanced Scenario 1 – Multiple DependentsВидео
Advanced Scenario 2 – Derived StateВидео
SummaryВидео
Context API – RecapВидео
Best PracticesВидео
Performance ConsiderationsВидео
Introduction to ReduxВидео
Setting Up Redux ProjectВидео
Setting Up Types for ActionВидео
Setting Up Actions for CounterВидео
Setting Up Reducer for CounterВидео
Setting Up Redux StoreВидео
Counter ComponentВидео
Introduction to RTKВидео
Real-World Analogy – Key ConceptsВидео
Store SetupВидео
Reducer SetupВидео
Custom Hook and Component SetupВидео
Plug New Store and Dev Tools DemoВидео
Introduction to Async Thunk in RTKВидео
Explanation of Code with Async Thunk and SliceВидео
Fetch Users FunctionВидео
User Slice SetupВидео
Users Component and DemoВидео
RTK Query – IntroductionВидео
Reselect Usage and DemoВидео
Caching and Refetching ComparisonВидео
useSelector ProblemsВидео
Generated Hooks and ExampleВидео
Benefits of ReselectВидео
Custom Middleware – IntroductionВидео
Analytic Middleware ExampleВидео
Benefits and SummaryВидео
Challenges with Large AppsВидео
Domain-Based ExampleВидео
Benefits of Structured StoresВидео
Redux AlternativesВидео
Zustand Code ExampleВидео
Jotai Code ExampleВидео
Recoil Code ExampleВидео
Comparison – When to Use WhichВидео
Introduction to Server State ManagementВидео
TanStack React Query ExampleВидео
SWR (Stale-While-Revalidate) ExampleВидео
Comparison between TanStack and SWRВидео
Project OverviewВидео
Project Setup and InstallationsВидео
Store Setup and APIВидео
Products List ComponentВидео
Product Card ComponentВидео
Cart SliceВидео
Cart ComponentВидео
App ComponentВидео
Server-Side SyncВидео
Comparing React State Management Libraries: Redux Toolkit vs. Zustand vs. Jotai vs. RecoilDIALOGUE
Advanced State Management - AssessmentЗадание
02API Integration and Server Communication38 материалов

API Integration and Server Communication

Overview and Fetch API ExampleВидеоAxios Installation and ExampleВидеоSetting Up Axios ClientВидеоSetting Up Axios InterceptorsВидеоComparison and SummaryВидеоGET RequestsВидеоDeep Understanding of Fetch and AxiosВидеоLoading and Error UI PatternsВидеоEnhancing the Loading State with Loader ComponentВидеоEnhancing the Error State with Error ComponentВидеоSkeleton LoaderВидеоSummaryВидеоWhy useEffect Matters – OverviewВидеоCorrect Ways of Dependency ManagementВидеоHandling Race ConditionsВидеоMistakes to Avoid – SummaryВидеоCRUD Operations – IntroductionВидеоProject Setup OverviewВидеоFetching Products – GETВидеоAdding a Product – POSTВидеоUpdating a Product – PUTВидеоDeleting a Product – DELETEВидеоCombining Everything as an SPAВидеоCommon Mistakes – Practices and SummaryВидеоAdvanced API Integration – RTK and TanStack RecapВидеоRecap – useQuery Fetching Data Using TanStack QueryВидеоRecap – Mutation and Optimistic Updates with TanStack QueryВидеоKey Benefits and SummaryВидеоProject Overview and SetupВидеоAPI Client SetupВидеоFetching All PostsВидеоCreating a New PostВидеоUpdating a PostВидеоDeleting a PostВидеоConclusion to the Course 'Advanced State Management and API Integration'ЧтениеAPI Integration and Server Communication - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание