[{"data":1,"prerenderedAt":20019},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-rtk-query-tanstack-query":5466,"-react-typescript-rtk-query-tanstack-query-surround":20014},[4,1707,2194,2666,2847,3015,3222,3344,3394,3451,3485,3611,3688,3702,3841,4219,4296,5029,5204,5297,5350,5462],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076,2080,2084,2088,2092,2096,2100,2104,2108,2112,2116],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Революція C++20: Ranges та Views","\u002Fcpp\u002Franges-views","02.cpp\u002F100.ranges-views",{"title":1757,"path":1758,"stem":1759},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1761,"path":1762,"stem":1763},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1765,"path":1766,"stem":1767},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1769,"path":1770,"stem":1771},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1773,"path":1774,"stem":1775},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1777,"path":1778,"stem":1779},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1781,"path":1782,"stem":1783},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1785,"path":1786,"stem":1787},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1789,"path":1790,"stem":1791},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1793,"path":1794,"stem":1795},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1797,"path":1798,"stem":1799},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1801,"path":1802,"stem":1803},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1805,"path":1806,"stem":1807},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1809,"path":1810,"stem":1811},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1813,"path":1814,"stem":1815},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1817,"path":1818,"stem":1819},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1821,"path":1822,"stem":1823},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1825,"path":1826,"stem":1827},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1829,"path":1830,"stem":1831},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1833,"path":1834,"stem":1835},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1837,"path":1838,"stem":1839},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1841,"path":1842,"stem":1843},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1845,"path":1846,"stem":1847},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1849,"path":1850,"stem":1851},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1853,"path":1854,"stem":1855},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1857,"path":1858,"stem":1859},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1861,"path":1862,"stem":1863},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1865,"path":1866,"stem":1867},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1869,"path":1870,"stem":1871},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1873,"path":1874,"stem":1875},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1877,"path":1878,"stem":1879},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1881,"path":1882,"stem":1883},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1885,"path":1886,"stem":1887},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1889,"path":1890,"stem":1891},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1893,"path":1894,"stem":1895},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1897,"path":1898,"stem":1899},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1901,"path":1902,"stem":1903},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1909,"path":1910,"stem":1911},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1913,"path":1914,"stem":1915},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1917,"path":1918,"stem":1919},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1921,"path":1922,"stem":1923},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1925,"path":1926,"stem":1927},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1929,"path":1930,"stem":1931},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1933,"path":1934,"stem":1935},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1937,"path":1938,"stem":1939},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1941,"path":1942,"stem":1943},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1945,"path":1946,"stem":1947},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1949,"path":1950,"stem":1951},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1953,"path":1954,"stem":1955},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1957,"path":1958,"stem":1959},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1961,"path":1962,"stem":1963},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1965,"path":1966,"stem":1967},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1973,"path":1974,"stem":1975},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1977,"path":1978,"stem":1979},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1981,"path":1982,"stem":1983},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1985,"path":1986,"stem":1987},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1989,"path":1990,"stem":1991},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1993,"path":1994,"stem":1995},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1997,"path":1998,"stem":1999},"Вступ до наслідування: базові поняття та відношення «is-a»","\u002Fcpp\u002Finheritance-intro","02.cpp\u002F70.inheritance-intro",{"title":2001,"path":2002,"stem":2003},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":2005,"path":2006,"stem":2007},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2009,"path":2010,"stem":2011},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2013,"path":2014,"stem":2015},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2017,"path":2018,"stem":2019},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2021,"path":2022,"stem":2023},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2025,"path":2026,"stem":2027},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2029,"path":2030,"stem":2031},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2033,"path":2034,"stem":2035},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2037,"path":2038,"stem":2039},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2041,"path":2042,"stem":2043},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2045,"path":2046,"stem":2047},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2049,"path":2050,"stem":2051},"Повна (явна) спеціалізація шаблонів","\u002Fcpp\u002Ffull-template-specialization","02.cpp\u002F83.full-template-specialization",{"title":2053,"path":2054,"stem":2055},"Часткова спеціалізація шаблонів класів","\u002Fcpp\u002Fpartial-template-specialization","02.cpp\u002F84.partial-template-specialization",{"title":2057,"path":2058,"stem":2059},"Механізм винятків: try, catch, throw та розкручування стеку","\u002Fcpp\u002Fexceptions-basics","02.cpp\u002F85.exceptions-basics",{"title":2061,"path":2062,"stem":2063},"Ієрархія std::exception та власні класи винятків","\u002Fcpp\u002Fexception-hierarchy-custom","02.cpp\u002F86.exception-hierarchy-custom",{"title":2065,"path":2066,"stem":2067},"Повторне генерування винятків та функціональний try-блок","\u002Fcpp\u002Frethrow-function-try","02.cpp\u002F87.rethrow-function-try",{"title":2069,"path":2070,"stem":2071},"Безпека винятків, noexcept та деструктори","\u002Fcpp\u002Fsafety-noexcept","02.cpp\u002F88.safety-noexcept",{"title":2073,"path":2074,"stem":2075},"Власні структури даних: стек та черга","\u002Fcpp\u002Fcustom-stack-queue","02.cpp\u002F89.custom-stack-queue",{"title":2077,"path":2078,"stem":2079},"Власні структури даних: однозв'язаний список","\u002Fcpp\u002Flinked-list","02.cpp\u002F90.linked-list",{"title":2081,"path":2082,"stem":2083},"Власні структури даних: бінарне дерево пошуку","\u002Fcpp\u002Fbinary-search-tree","02.cpp\u002F91.binary-search-tree",{"title":2085,"path":2086,"stem":2087},"Власні структури даних: хеш-таблиця","\u002Fcpp\u002Fhash-table","02.cpp\u002F92.hash-table",{"title":2089,"path":2090,"stem":2091},"Готові структури даних C++: послідовні контейнери STL","\u002Fcpp\u002Fstl-sequential-containers","02.cpp\u002F93.stl-sequential-containers",{"title":2093,"path":2094,"stem":2095},"Готові структури даних C++: асоціативні контейнери та адаптери","\u002Fcpp\u002Fstl-associative-adapters","02.cpp\u002F94.stl-associative-adapters",{"title":2097,"path":2098,"stem":2099},"Готові структури даних C++: ітератори та алгоритми STL","\u002Fcpp\u002Fstl-iterators-algorithms","02.cpp\u002F95.stl-iterators-algorithms",{"title":2101,"path":2102,"stem":2103},"R-value посилання та move-семантика","\u002Fcpp\u002Frvalue-references-move-semantics","02.cpp\u002F96.rvalue-references-move-semantics",{"title":2105,"path":2106,"stem":2107},"Move-конструктор, move-присвоювання та Правило п","\u002Fcpp\u002Fmove-constructors-rule-of-five","02.cpp\u002F97.move-constructors-rule-of-five",{"title":2109,"path":2110,"stem":2111},"Розумний покажчик std::unique_ptr","\u002Fcpp\u002Funique-ptr","02.cpp\u002F98.unique-ptr",{"title":2113,"path":2114,"stem":2115},"Спільне володіння: std::shared_ptr та std::weak_ptr","\u002Fcpp\u002Fshared-ptr-weak-ptr","02.cpp\u002F99.shared-ptr-weak-ptr",{"title":2117,"icon":2118,"path":2119,"stem":2120,"children":2121,"page":59},"CMake і vcpkg","i-devicon-cmake","\u002Fcpp\u002Fcmake","02.cpp\u002F990.cmake",[2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166,2170,2174,2178,2182,2186,2190],{"title":2123,"path":2124,"stem":2125},"CMake: навіщо він потрібен і як його встановити","\u002Fcpp\u002Fcmake\u002Fwhat-is-cmake","02.cpp\u002F990.cmake\u002F01.what-is-cmake",{"title":2127,"path":2128,"stem":2129},"Перший проєкт з CMake: конфігурація, збірка, запуск","\u002Fcpp\u002Fcmake\u002Ffirst-project","02.cpp\u002F990.cmake\u002F02.first-project",{"title":2131,"path":2132,"stem":2133},"Синтаксис CMakeLists.txt: команди, змінні, списки","\u002Fcpp\u002Fcmake\u002Fcmakelists-syntax","02.cpp\u002F990.cmake\u002F03.cmakelists-syntax",{"title":2135,"path":2136,"stem":2137},"Проєкт із кількома файлами: перелік джерел і file(GLOB)","\u002Fcpp\u002Fcmake\u002Fmultiple-files","02.cpp\u002F990.cmake\u002F04.multiple-files",{"title":2139,"path":2140,"stem":2141},"Бібліотеки в CMake: STATIC, SHARED, INTERFACE та видимість PUBLIC\u002FPRIVATE","\u002Fcpp\u002Fcmake\u002Flibraries","02.cpp\u002F990.cmake\u002F05.libraries",{"title":2143,"path":2144,"stem":2145},"Підключення зовнішніх бібліотек: find_package, add_subdirectory, FetchContent, pkg-config","\u002Fcpp\u002Fcmake\u002Fexternal-libraries","02.cpp\u002F990.cmake\u002F06.external-libraries",{"title":2147,"path":2148,"stem":2149},"Умови, опції, цикли та функції в CMake","\u002Fcpp\u002Fcmake\u002Fvariables-conditions","02.cpp\u002F990.cmake\u002F07.variables-conditions",{"title":2151,"path":2152,"stem":2153},"Конфігурації збірки: Debug, Release і вирази-генератори","\u002Fcpp\u002Fcmake\u002Fbuild-configurations","02.cpp\u002F990.cmake\u002F08.build-configurations",{"title":2155,"path":2156,"stem":2157},"Структура великого проєкту: підпапки, модулі CMake, PCH та install","\u002Fcpp\u002Fcmake\u002Fproject-structure","02.cpp\u002F990.cmake\u002F09.project-structure",{"title":2159,"path":2160,"stem":2161},"Тестування з CMake: CTest, Google Test, покриття коду","\u002Fcpp\u002Fcmake\u002Ftesting-ctest","02.cpp\u002F990.cmake\u002F10.testing-ctest",{"title":2163,"path":2164,"stem":2165},"Команди CMake, пресети, скрипти збірки та кращі практики","\u002Fcpp\u002Fcmake\u002Fcommands-best-practices","02.cpp\u002F990.cmake\u002F11.commands-best-practices",{"title":2167,"path":2168,"stem":2169},"Практичні проєкти: калькулятор, Qt-застосунок і кросплатформна збірка","\u002Fcpp\u002Fcmake\u002Freal-projects","02.cpp\u002F990.cmake\u002F12.real-projects",{"title":2171,"path":2172,"stem":2173},"Пакетні менеджери для C++: vcpkg, Conan, CPM та системні пакети","\u002Fcpp\u002Fcmake\u002Fpackage-managers","02.cpp\u002F990.cmake\u002F13.package-managers",{"title":2175,"path":2176,"stem":2177},"vcpkg: встановлення, основні команди та triplets","\u002Fcpp\u002Fcmake\u002Fvcpkg-basics","02.cpp\u002F990.cmake\u002F14.vcpkg-basics",{"title":2179,"path":2180,"stem":2181},"vcpkg і CMake: toolchain-файл, manifest vcpkg.json, IDE","\u002Fcpp\u002Fcmake\u002Fvcpkg-cmake","02.cpp\u002F990.cmake\u002F15.vcpkg-cmake",{"title":2183,"path":2184,"stem":2185},"vcpkg для досвідчених: версії, features, реєстри, власні порти, кеш і діагностика","\u002Fcpp\u002Fcmake\u002Fvcpkg-advanced","02.cpp\u002F990.cmake\u002F16.vcpkg-advanced",{"title":2187,"path":2188,"stem":2189},"Бібліотеки C++: fmt, spdlog і nlohmann\u002Fjson","\u002Fcpp\u002Fcmake\u002Flibraries-format-log-json","02.cpp\u002F990.cmake\u002F17.libraries-format-log-json",{"title":2191,"path":2192,"stem":2193},"Бібліотеки C++: cpp-httplib, cxxopts, CLI11, Google Test і Catch2","\u002Fcpp\u002Fcmake\u002Flibraries-network-cli-testing","02.cpp\u002F990.cmake\u002F18.libraries-network-cli-testing",{"title":2195,"icon":2196,"path":2197,"stem":2198,"children":2199,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2200,2226,2280,2302,2606,2644,2662],{"title":2201,"icon":2202,"path":2203,"stem":2204,"children":2205,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2206,2210,2214,2218,2222],{"title":2207,"path":2208,"stem":2209},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2211,"path":2212,"stem":2213},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2215,"path":2216,"stem":2217},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2219,"path":2220,"stem":2221},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2223,"path":2224,"stem":2225},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2227,"icon":2228,"path":2229,"stem":2230,"children":2231,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2232,2236,2240,2244,2248,2252,2256,2260,2264,2268,2272,2276],{"title":2233,"path":2234,"stem":2235},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2237,"path":2238,"stem":2239},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2241,"path":2242,"stem":2243},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2245,"path":2246,"stem":2247},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2249,"path":2250,"stem":2251},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2253,"path":2254,"stem":2255},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2257,"path":2258,"stem":2259},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2261,"path":2262,"stem":2263},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2265,"path":2266,"stem":2267},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2269,"path":2270,"stem":2271},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2273,"path":2274,"stem":2275},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2277,"path":2278,"stem":2279},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2281,"icon":2282,"path":2283,"stem":2284,"children":2285,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2286,2290,2294,2298],{"title":2287,"path":2288,"stem":2289},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2291,"path":2292,"stem":2293},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2295,"path":2296,"stem":2297},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2299,"path":2300,"stem":2301},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2303,"icon":2304,"path":2305,"stem":2306,"children":2307},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2308,2309,2313,2317,2321,2325,2388,2423,2575],{"title":2303,"path":2305,"stem":2306},{"title":2310,"path":2311,"stem":2312},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2314,"path":2315,"stem":2316},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2318,"path":2319,"stem":2320},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2322,"path":2323,"stem":2324},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2326,"icon":132,"path":2327,"stem":2328,"children":2329},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2330,2332,2336,2340,2344,2348,2352,2356,2360,2364,2368,2372,2376,2380,2384],{"title":2331,"path":2327,"stem":2328},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2333,"path":2334,"stem":2335},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2337,"path":2338,"stem":2339},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2341,"path":2342,"stem":2343},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2345,"path":2346,"stem":2347},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2349,"path":2350,"stem":2351},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2353,"path":2354,"stem":2355},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2357,"path":2358,"stem":2359},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2361,"path":2362,"stem":2363},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2365,"path":2366,"stem":2367},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2369,"path":2370,"stem":2371},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2373,"path":2374,"stem":2375},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2377,"path":2378,"stem":2379},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2381,"path":2382,"stem":2383},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2385,"path":2386,"stem":2387},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2389,"icon":2304,"path":2390,"stem":2391,"children":2392},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2393,2395,2399,2403,2407,2411,2415,2419],{"title":2394,"path":2390,"stem":2391},"React Router: Навігаційна система сучасного вебу",{"title":2396,"path":2397,"stem":2398},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2400,"path":2401,"stem":2402},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2404,"path":2405,"stem":2406},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2408,"path":2409,"stem":2410},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2412,"path":2413,"stem":2414},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2416,"path":2417,"stem":2418},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2420,"path":2421,"stem":2422},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2424,"icon":132,"path":2425,"stem":2426,"children":2427},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2428,2430,2446,2475,2484,2505,2521,2550],{"title":2429,"path":2425,"stem":2426},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2431,"stem":2432,"children":2433,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2434,2438,2442],{"title":2435,"path":2436,"stem":2437},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2439,"path":2440,"stem":2441},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2443,"path":2444,"stem":2445},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2447,"icon":132,"path":2448,"stem":2449,"children":2450,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2451,2455,2459,2463,2467,2471],{"title":2452,"path":2453,"stem":2454},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2456,"path":2457,"stem":2458},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2460,"path":2461,"stem":2462},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2464,"path":2465,"stem":2466},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2468,"path":2469,"stem":2470},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2472,"path":2473,"stem":2474},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2476,"icon":132,"path":2477,"stem":2478,"children":2479,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2480],{"title":2481,"path":2482,"stem":2483},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2485,"icon":132,"path":2486,"stem":2487,"children":2488,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2489,2493,2497,2501],{"title":2490,"path":2491,"stem":2492},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2494,"path":2495,"stem":2496},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2498,"path":2499,"stem":2500},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2502,"path":2503,"stem":2504},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2506,"icon":92,"path":2507,"stem":2508,"children":2509,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2510,2514,2518],{"title":2511,"path":2512,"stem":2513},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2515,"path":2516,"stem":2517},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2365,"path":2519,"stem":2520},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2522,"icon":132,"path":2523,"stem":2524,"children":2525,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2526,2530,2534,2538,2542,2546],{"title":2527,"path":2528,"stem":2529},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2531,"path":2532,"stem":2533},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2535,"path":2536,"stem":2537},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2539,"path":2540,"stem":2541},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2543,"path":2544,"stem":2545},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2547,"path":2548,"stem":2549},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2551,"icon":132,"path":2552,"stem":2553,"children":2554,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2555,2559,2563,2567,2571],{"title":2556,"path":2557,"stem":2558},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2560,"path":2561,"stem":2562},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2564,"path":2565,"stem":2566},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2568,"path":2569,"stem":2570},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2572,"path":2573,"stem":2574},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2576,"icon":132,"path":2577,"stem":2578,"children":2579},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2580,2582,2586,2590,2594,2598,2602],{"title":2581,"path":2577,"stem":2578},"UI Бібліотеки в React",{"title":2583,"path":2584,"stem":2585},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2587,"path":2588,"stem":2589},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2591,"path":2592,"stem":2593},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2595,"path":2596,"stem":2597},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2599,"path":2600,"stem":2601},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2603,"path":2604,"stem":2605},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2607,"icon":2608,"path":2609,"stem":2610,"children":2611,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2612,2616,2620,2624,2628,2632,2636,2640],{"title":2613,"path":2614,"stem":2615},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2617,"path":2618,"stem":2619},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2621,"path":2622,"stem":2623},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2625,"path":2626,"stem":2627},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2629,"path":2630,"stem":2631},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2633,"path":2634,"stem":2635},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2637,"path":2638,"stem":2639},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2641,"path":2642,"stem":2643},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2645,"icon":2646,"path":2647,"stem":2648,"children":2649,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2650,2654,2658],{"title":2651,"path":2652,"stem":2653},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2655,"path":2656,"stem":2657},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2659,"path":2660,"stem":2661},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2663,"path":2664,"stem":2665},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2667,"icon":2668,"path":2669,"stem":2670,"children":2671,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2672,2675,2678,2682,2686,2690,2694],{"title":162,"path":2673,"stem":2674},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2676,"stem":2677},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2679,"path":2680,"stem":2681},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2683,"path":2684,"stem":2685},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2687,"path":2688,"stem":2689},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2691,"path":2692,"stem":2693},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739,2743,2747,2751,2755,2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811,2815,2819,2823,2827,2831,2835,2839,2843],{"title":2700,"path":2701,"stem":2702},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2704,"path":2705,"stem":2706},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2708,"path":2709,"stem":2710},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2712,"path":2713,"stem":2714},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2716,"path":2717,"stem":2718},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2720,"path":2721,"stem":2722},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2724,"path":2725,"stem":2726},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2728,"path":2729,"stem":2730},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2732,"path":2733,"stem":2734},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2736,"path":2737,"stem":2738},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2740,"path":2741,"stem":2742},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2744,"path":2745,"stem":2746},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2748,"path":2749,"stem":2750},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2752,"path":2753,"stem":2754},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2756,"path":2757,"stem":2758},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2760,"path":2761,"stem":2762},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2764,"path":2765,"stem":2766},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2768,"path":2769,"stem":2770},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2772,"path":2773,"stem":2774},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2776,"path":2777,"stem":2778},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2780,"path":2781,"stem":2782},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2784,"path":2785,"stem":2786},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2788,"path":2789,"stem":2790},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2792,"path":2793,"stem":2794},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2796,"path":2797,"stem":2798},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2800,"path":2801,"stem":2802},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2804,"path":2805,"stem":2806},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2808,"path":2809,"stem":2810},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2812,"path":2813,"stem":2814},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2816,"path":2817,"stem":2818},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2820,"path":2821,"stem":2822},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2824,"path":2825,"stem":2826},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2828,"path":2829,"stem":2830},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2832,"path":2833,"stem":2834},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2836,"path":2837,"stem":2838},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2840,"path":2841,"stem":2842},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2844,"path":2845,"stem":2846},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2848,"icon":2849,"path":2850,"stem":2851,"children":2852,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2853,2895,2954],{"title":2854,"icon":2855,"path":2856,"stem":2857,"children":2858,"page":59},"Python Core","i-lucide-code","\u002Fpython\u002Fcore","05.python\u002F01.core",[2859,2863,2867,2871,2875,2879,2883,2887,2891],{"title":2860,"path":2861,"stem":2862},"Як комп'ютер виконує програму","\u002Fpython\u002Fcore\u002Fhow-computers-run-programs","05.python\u002F01.core\u002F00.how-computers-run-programs",{"title":2864,"path":2865,"stem":2866},"Перша програма і функція print","\u002Fpython\u002Fcore\u002Ffirst-program-print","05.python\u002F01.core\u002F01.first-program-print",{"title":2868,"path":2869,"stem":2870},"Об'єкти, значення і типи","\u002Fpython\u002Fcore\u002Fobjects-values-types","05.python\u002F01.core\u002F02.objects-values-types",{"title":2872,"path":2873,"stem":2874},"Змінні — імена, посилання, ідентичність","\u002Fpython\u002Fcore\u002Fvariables-names-references","05.python\u002F01.core\u002F03.variables-names-references",{"title":2876,"path":2877,"stem":2878},"Вирази, оператори, введення і перетворення типів","\u002Fpython\u002Fcore\u002Fexpressions-input-types","05.python\u002F01.core\u002F04.expressions-input-types",{"title":2880,"path":2881,"stem":2882},"Логіка та розгалуження","\u002Fpython\u002Fcore\u002Flogic-branching","05.python\u002F01.core\u002F05.logic-branching",{"title":2884,"path":2885,"stem":2886},"Цикли та ітерація","\u002Fpython\u002Fcore\u002Floops-iteration","05.python\u002F01.core\u002F06.loops-iteration",{"title":2888,"path":2889,"stem":2890},"Налагодження (debugging)","\u002Fpython\u002Fcore\u002Fdebugging","05.python\u002F01.core\u002F07.debugging",{"title":2892,"path":2893,"stem":2894},"Рядки і текст","\u002Fpython\u002Fcore\u002Fstrings-text","05.python\u002F01.core\u002F08.strings-text",{"title":2506,"path":2896,"stem":2897,"children":2898,"page":59},"\u002Fpython\u002Fadvanced","05.python\u002F02.advanced",[2899,2903,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950],{"title":2900,"path":2901,"stem":2902},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fadvanced\u002Fmodules-packages-venv","05.python\u002F02.advanced\u002F00.modules-packages-venv",{"title":71,"path":2904,"stem":2905},"\u002Fpython\u002Fadvanced\u002Fclasses-objects","05.python\u002F02.advanced\u002F01.classes-objects",{"title":2907,"path":2908,"stem":2909},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fadvanced\u002Fencapsulation","05.python\u002F02.advanced\u002F02.encapsulation",{"title":2911,"path":2912,"stem":2913},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Fadvanced\u002Finheritance-mro","05.python\u002F02.advanced\u002F03.inheritance-mro",{"title":2915,"path":2916,"stem":2917},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fadvanced\u002Fabstraction-protocols","05.python\u002F02.advanced\u002F04.abstraction-protocols",{"title":2919,"path":2920,"stem":2921},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fadvanced\u002Fdunder-methods","05.python\u002F02.advanced\u002F05.dunder-methods",{"title":2923,"path":2924,"stem":2925},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fadvanced\u002Fdecorators-static-class","05.python\u002F02.advanced\u002F06.decorators-static-class",{"title":2927,"path":2928,"stem":2929},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fadvanced\u002Fdescriptors","05.python\u002F02.advanced\u002F07.descriptors",{"title":2931,"path":2932,"stem":2933},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fadvanced\u002Fmetaclasses","05.python\u002F02.advanced\u002F08.metaclasses",{"title":2935,"path":2936,"stem":2937},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fadvanced\u002Fmodern-containers","05.python\u002F02.advanced\u002F09.modern-containers",{"title":2939,"path":2940,"stem":2941},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fadvanced\u002Fgil-concurrency-intro","05.python\u002F02.advanced\u002F11.gil-concurrency-intro",{"title":2943,"path":2944,"stem":2945},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fadvanced\u002Fthreading","05.python\u002F02.advanced\u002F12.threading",{"title":2947,"path":2948,"stem":2949},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fadvanced\u002Fmultiprocessing","05.python\u002F02.advanced\u002F13.multiprocessing",{"title":2951,"path":2952,"stem":2953},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fadvanced\u002Fasyncio","05.python\u002F02.advanced\u002F14.asyncio",{"title":2955,"icon":92,"path":2956,"stem":2957,"children":2958,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002F03.fastapi",[2959,2963,2967,2971,2975,2979,2983,2987,2991,2995,2999,3003,3007,3011],{"title":2960,"path":2961,"stem":2962},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002F03.fastapi\u002F15.typing-pydantic",{"title":2964,"path":2965,"stem":2966},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002F03.fastapi\u002F16.wsgi-asgi-ecosystem",{"title":2968,"path":2969,"stem":2970},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002F03.fastapi\u002F17.fastapi-intro",{"title":2972,"path":2973,"stem":2974},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002F03.fastapi\u002F18.fastapi-routing-params",{"title":2976,"path":2977,"stem":2978},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002F03.fastapi\u002F19.fastapi-pydantic-schemas",{"title":2980,"path":2981,"stem":2982},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002F03.fastapi\u002F20.fastapi-dependency-injection",{"title":2984,"path":2985,"stem":2986},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002F03.fastapi\u002F21.fastapi-errors-middleware",{"title":2988,"path":2989,"stem":2990},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002F03.fastapi\u002F22.sqlalchemy-orm",{"title":2992,"path":2993,"stem":2994},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002F03.fastapi\u002F23.alembic-migrations",{"title":2996,"path":2997,"stem":2998},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002F03.fastapi\u002F24.fastapi-repository-clean-arch",{"title":3000,"path":3001,"stem":3002},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002F03.fastapi\u002F25.fastapi-auth-security",{"title":3004,"path":3005,"stem":3006},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002F03.fastapi\u002F26.fastapi-testing",{"title":3008,"path":3009,"stem":3010},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002F03.fastapi\u002F27.fastapi-async-advanced",{"title":3012,"path":3013,"stem":3014},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002F03.fastapi\u002F28.fastapi-deployment",{"title":3016,"icon":3017,"path":3018,"stem":3019,"children":3020,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[3021,3051,3074,3111,3140,3158,3192,3204,3213],{"title":3022,"icon":3023,"path":3024,"stem":3025,"children":3026,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[3027,3031,3035,3039,3043,3047],{"title":3028,"path":3029,"stem":3030},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":3032,"path":3033,"stem":3034},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":3036,"path":3037,"stem":3038},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":3040,"path":3041,"stem":3042},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":3044,"path":3045,"stem":3046},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":3048,"path":3049,"stem":3050},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":3052,"icon":3017,"path":3053,"stem":3054,"children":3055,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[3056,3060,3066,3070],{"title":3057,"path":3058,"stem":3059},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":3061,"path":3062,"stem":3063,"children":3064},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[3065],{"title":3061,"path":3062,"stem":3063},{"title":3067,"path":3068,"stem":3069},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":3071,"path":3072,"stem":3073},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":3075,"icon":3017,"path":3076,"stem":3077,"children":3078,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[3079,3083,3087,3091,3095,3099,3103,3107],{"title":3080,"path":3081,"stem":3082},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":3084,"path":3085,"stem":3086},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":3088,"path":3089,"stem":3090},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":3092,"path":3093,"stem":3094},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":3096,"path":3097,"stem":3098},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":3100,"path":3101,"stem":3102},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":3104,"path":3105,"stem":3106},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":3108,"path":3109,"stem":3110},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":3112,"icon":3017,"path":3113,"stem":3114,"children":3115,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[3116,3120,3124,3128,3132,3136],{"title":3117,"path":3118,"stem":3119},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":3121,"path":3122,"stem":3123},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":3125,"path":3126,"stem":3127},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":3129,"path":3130,"stem":3131},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":3133,"path":3134,"stem":3135},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":3137,"path":3138,"stem":3139},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":3141,"icon":3142,"path":3143,"stem":3144,"children":3145,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[3146,3150,3154],{"title":3147,"path":3148,"stem":3149},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":3151,"path":3152,"stem":3153},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":3155,"path":3156,"stem":3157},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":3159,"icon":3160,"path":3161,"stem":3162,"children":3163,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[3164,3168,3172,3176,3180,3184,3188],{"title":3165,"path":3166,"stem":3167},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":3169,"path":3170,"stem":3171},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":3173,"path":3174,"stem":3175},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":3177,"path":3178,"stem":3179},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":3181,"path":3182,"stem":3183},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":3185,"path":3186,"stem":3187},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":3189,"path":3190,"stem":3191},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":3189,"icon":793,"path":3193,"stem":3194,"children":3195,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3196,3200],{"title":3197,"path":3198,"stem":3199},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3201,"path":3202,"stem":3203},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3205,"icon":3206,"path":3207,"stem":3208,"children":3209,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3210],{"title":3205,"path":3211,"stem":3212},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3214,"icon":3215,"path":3216,"stem":3217,"children":3218,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3219],{"title":3214,"path":3220,"stem":3221},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3223,"icon":3224,"path":3225,"stem":3226,"children":3227,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3228,3304],{"title":3229,"icon":3230,"path":3231,"stem":3232,"children":3233},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3234,3236,3240,3244,3248,3252,3256,3260,3264,3268,3272,3276,3280,3284,3288,3292,3296,3300],{"title":3235,"path":3231,"stem":3232},"Docker: від нуля до production",{"title":3237,"path":3238,"stem":3239},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3241,"path":3242,"stem":3243},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3245,"path":3246,"stem":3247},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3249,"path":3250,"stem":3251},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3253,"path":3254,"stem":3255},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3257,"path":3258,"stem":3259},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3261,"path":3262,"stem":3263},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3265,"path":3266,"stem":3267},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3269,"path":3270,"stem":3271},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3273,"path":3274,"stem":3275},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3277,"path":3278,"stem":3279},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3281,"path":3282,"stem":3283},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3285,"path":3286,"stem":3287},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3289,"path":3290,"stem":3291},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3293,"path":3294,"stem":3295},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3297,"path":3298,"stem":3299},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3301,"path":3302,"stem":3303},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3305,"icon":3306,"path":3307,"stem":3308,"children":3309},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3310,3312,3316,3320,3324,3328,3332,3336,3340],{"title":3311,"path":3307,"stem":3308},"Kubernetes: від розробки до production",{"title":3313,"path":3314,"stem":3315},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3317,"path":3318,"stem":3319},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3321,"path":3322,"stem":3323},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3325,"path":3326,"stem":3327},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3329,"path":3330,"stem":3331},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3333,"path":3334,"stem":3335},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3337,"path":3338,"stem":3339},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3341,"path":3342,"stem":3343},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3345,"icon":3346,"path":3347,"stem":3348,"children":3349,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3350,3354,3358,3362,3366,3370,3374,3378,3382,3386,3390],{"title":3351,"path":3352,"stem":3353},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3355,"path":3356,"stem":3357},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3359,"path":3360,"stem":3361},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3363,"path":3364,"stem":3365},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3367,"path":3368,"stem":3369},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3371,"path":3372,"stem":3373},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3375,"path":3376,"stem":3377},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3379,"path":3380,"stem":3381},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3383,"path":3384,"stem":3385},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3387,"path":3388,"stem":3389},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3391,"path":3392,"stem":3393},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3395,"icon":943,"path":3396,"stem":3397,"children":3398,"page":59},"DDD","\u002Fddd","10.ddd",[3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447],{"title":3400,"path":3401,"stem":3402},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3404,"path":3405,"stem":3406},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3408,"path":3409,"stem":3410},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3412,"path":3413,"stem":3414},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3416,"path":3417,"stem":3418},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3420,"path":3421,"stem":3422},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3424,"path":3425,"stem":3426},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3428,"path":3429,"stem":3430},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3432,"path":3433,"stem":3434},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3436,"path":3437,"stem":3438},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3440,"path":3441,"stem":3442},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3444,"path":3445,"stem":3446},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3448,"path":3449,"stem":3450},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3452,"icon":3453,"path":3454,"stem":3455,"children":3456,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3457,3461,3465,3469,3473,3477,3481],{"title":3458,"path":3459,"stem":3460},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3462,"path":3463,"stem":3464},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3466,"path":3467,"stem":3468},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3470,"path":3471,"stem":3472},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3474,"path":3475,"stem":3476},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3478,"path":3479,"stem":3480},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3482,"path":3483,"stem":3484},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3486,"icon":3487,"path":3488,"stem":3489,"children":3490,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3491,3495,3499,3503,3507,3511,3515,3519,3523,3527,3531,3535,3539,3543,3547,3551,3555,3559,3563,3567,3571,3575,3579,3583,3587,3591,3595,3599,3603,3607],{"title":3492,"path":3493,"stem":3494},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3496,"path":3497,"stem":3498},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3500,"path":3501,"stem":3502},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3504,"path":3505,"stem":3506},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3508,"path":3509,"stem":3510},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3512,"path":3513,"stem":3514},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3516,"path":3517,"stem":3518},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3520,"path":3521,"stem":3522},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3524,"path":3525,"stem":3526},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3528,"path":3529,"stem":3530},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3532,"path":3533,"stem":3534},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3536,"path":3537,"stem":3538},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3540,"path":3541,"stem":3542},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3544,"path":3545,"stem":3546},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3548,"path":3549,"stem":3550},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3552,"path":3553,"stem":3554},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3556,"path":3557,"stem":3558},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3560,"path":3561,"stem":3562},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3564,"path":3565,"stem":3566},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3568,"path":3569,"stem":3570},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3572,"path":3573,"stem":3574},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3576,"path":3577,"stem":3578},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3580,"path":3581,"stem":3582},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3584,"path":3585,"stem":3586},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3588,"path":3589,"stem":3590},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3592,"path":3593,"stem":3594},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3596,"path":3597,"stem":3598},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3600,"path":3601,"stem":3602},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3604,"path":3605,"stem":3606},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3608,"path":3609,"stem":3610},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3612,"path":3613,"stem":3614,"children":3615,"page":59},"AWS","\u002Faws","13.aws",[3616,3620,3624,3628,3632,3636,3640,3644,3648,3652,3656,3660,3664,3668,3672,3676,3680,3684],{"title":3617,"path":3618,"stem":3619},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3621,"path":3622,"stem":3623},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3625,"path":3626,"stem":3627},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3629,"path":3630,"stem":3631},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3633,"path":3634,"stem":3635},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3637,"path":3638,"stem":3639},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3641,"path":3642,"stem":3643},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3645,"path":3646,"stem":3647},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3649,"path":3650,"stem":3651},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3653,"path":3654,"stem":3655},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3657,"path":3658,"stem":3659},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3661,"path":3662,"stem":3663},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3665,"path":3666,"stem":3667},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3669,"path":3670,"stem":3671},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3673,"path":3674,"stem":3675},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3677,"path":3678,"stem":3679},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3681,"path":3682,"stem":3683},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3685,"path":3686,"stem":3687},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3689,"path":3690,"stem":3691,"children":3692,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3693],{"title":3694,"path":3695,"stem":3696,"children":3697,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3698],{"title":3699,"path":3700,"stem":3701},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3703,"path":3704,"stem":3705,"children":3706,"page":59},"React Native","\u002Freact-native","15.react-native",[3707,3728],{"title":3708,"path":3709,"stem":3710,"children":3711,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3712,3716,3720,3724],{"title":3713,"path":3714,"stem":3715},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3717,"path":3718,"stem":3719},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3721,"path":3722,"stem":3723},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3725,"path":3726,"stem":3727},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3729,"path":3730,"stem":3731,"children":3732,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3733,3737,3741,3745,3749,3753,3757,3761,3765,3769,3773,3777,3781,3785,3789,3793,3797,3801,3805,3809,3813,3817,3821,3825,3829,3833,3837],{"title":3734,"path":3735,"stem":3736},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3738,"path":3739,"stem":3740},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3742,"path":3743,"stem":3744},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3746,"path":3747,"stem":3748},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3750,"path":3751,"stem":3752},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3754,"path":3755,"stem":3756},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3758,"path":3759,"stem":3760},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3762,"path":3763,"stem":3764},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3766,"path":3767,"stem":3768},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3770,"path":3771,"stem":3772},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3774,"path":3775,"stem":3776},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3778,"path":3779,"stem":3780},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3782,"path":3783,"stem":3784},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3786,"path":3787,"stem":3788},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3790,"path":3791,"stem":3792},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3794,"path":3795,"stem":3796},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3798,"path":3799,"stem":3800},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3802,"path":3803,"stem":3804},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3806,"path":3807,"stem":3808},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3810,"path":3811,"stem":3812},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3814,"path":3815,"stem":3816},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3818,"path":3819,"stem":3820},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3822,"path":3823,"stem":3824},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3826,"path":3827,"stem":3828},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3830,"path":3831,"stem":3832},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3834,"path":3835,"stem":3836},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3838,"path":3839,"stem":3840},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3842,"path":3843,"stem":3844,"children":3845,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3846,3855,3864,3873,3902,3928,3953,3986,4003,4016,4025,4038,4047,4068,4081,4150],{"title":3847,"path":3848,"stem":3849,"children":3850,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3851],{"title":3852,"path":3853,"stem":3854},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3856,"path":3857,"stem":3858,"children":3859,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3860],{"title":3861,"path":3862,"stem":3863},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3865,"path":3866,"stem":3867,"children":3868,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3869],{"title":3870,"path":3871,"stem":3872},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3874,"path":3875,"stem":3876,"children":3877,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3878,3882,3886,3890,3894,3898],{"title":3879,"path":3880,"stem":3881},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3883,"path":3884,"stem":3885},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3887,"path":3888,"stem":3889},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3891,"path":3892,"stem":3893},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3895,"path":3896,"stem":3897},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3899,"path":3900,"stem":3901},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3903,"path":3904,"stem":3905,"children":3906},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3907,3908,3912,3916,3920,3924],{"title":3903,"path":3904,"stem":3905},{"title":3909,"path":3910,"stem":3911},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3913,"path":3914,"stem":3915},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3917,"path":3918,"stem":3919},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3921,"path":3922,"stem":3923},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3925,"path":3926,"stem":3927},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3929,"path":3930,"stem":3931,"children":3932,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3933,3937,3941,3945,3949],{"title":3934,"path":3935,"stem":3936},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3938,"path":3939,"stem":3940},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3942,"path":3943,"stem":3944},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3946,"path":3947,"stem":3948},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3950,"path":3951,"stem":3952},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3954,"path":3955,"stem":3956,"children":3957,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3958,3962,3966,3970,3974,3978,3982],{"title":3959,"path":3960,"stem":3961},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3963,"path":3964,"stem":3965},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3967,"path":3968,"stem":3969},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3971,"path":3972,"stem":3973},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3975,"path":3976,"stem":3977},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3979,"path":3980,"stem":3981},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3983,"path":3984,"stem":3985},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3987,"path":3988,"stem":3989,"children":3990,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3991,3995,3999],{"title":3992,"path":3993,"stem":3994},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3996,"path":3997,"stem":3998},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":4000,"path":4001,"stem":4002},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":4004,"path":4005,"stem":4006,"children":4007,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[4008,4012],{"title":4009,"path":4010,"stem":4011},"Дерева рішень — моделі з прозорою та зрозумілою логікою","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":4013,"path":4014,"stem":4015},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":4017,"path":4018,"stem":4019,"children":4020,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[4021],{"title":4022,"path":4023,"stem":4024},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":4026,"path":4027,"stem":4028,"children":4029,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[4030,4034],{"title":4031,"path":4032,"stem":4033},"Основи класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":4035,"path":4036,"stem":4037},"Метрики якості класифікації","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":4039,"path":4040,"stem":4041,"children":4042,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[4043],{"title":4044,"path":4045,"stem":4046},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":4048,"path":4049,"stem":4050,"children":4051,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[4052,4056,4060,4064],{"title":4053,"path":4054,"stem":4055},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":4057,"path":4058,"stem":4059},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":4061,"path":4062,"stem":4063},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":4065,"path":4066,"stem":4067},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":4069,"path":4070,"stem":4071,"children":4072,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[4073,4077],{"title":4074,"path":4075,"stem":4076},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":4078,"path":4079,"stem":4080},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":4082,"path":4083,"stem":4084,"children":4085,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[4086,4090,4094,4098,4102,4106,4110,4114,4118,4122,4126,4130,4134,4138,4142,4146],{"title":4087,"path":4088,"stem":4089},"Вступ до комп'ютерного зору та проблеми Dense-мереж","\u002Fai-python\u002Fcnn-image-classification\u002Fintro-computer-vision","16.ai-python\u002F15.cnn-image-classification\u002F01.intro-computer-vision",{"title":4091,"path":4092,"stem":4093},"Навіщо потрібна згортка — від нейрона-шаблону до ковзного детектора","\u002Fai-python\u002Fcnn-image-classification\u002Fwhy-convolution","16.ai-python\u002F15.cnn-image-classification\u002F02.why-convolution",{"title":4095,"path":4096,"stem":4097},"Згортка крок за кроком — ядро, карта ознак і розмір результату","\u002Fai-python\u002Fcnn-image-classification\u002Fconvolution-step-by-step","16.ai-python\u002F15.cnn-image-classification\u002F03.convolution-step-by-step",{"title":4099,"path":4100,"stem":4101},"Що «бачить» ядро — читаємо карту ознак і класичні фільтри","\u002Fai-python\u002Fcnn-image-classification\u002Ffilters-what-kernel-sees","16.ai-python\u002F15.cnn-image-classification\u002F04.filters-what-kernel-sees",{"title":4103,"path":4104,"stem":4105},"Padding і stride — що робити з краями картинки та її розміром","\u002Fai-python\u002Fcnn-image-classification\u002Fpadding-and-stride","16.ai-python\u002F15.cnn-image-classification\u002F05.padding-and-stride",{"title":4107,"path":4108,"stem":4109},"Ядро, що навчається — від випадкових чисел до детектора країв","\u002Fai-python\u002Fcnn-image-classification\u002Flearnable-kernels","16.ai-python\u002F15.cnn-image-classification\u002F06.learnable-kernels",{"title":4111,"path":4112,"stem":4113},"Пулінг і поле зору — стискаємо карту ознак і дивимося ширше","\u002Fai-python\u002Fcnn-image-classification\u002Fpooling","16.ai-python\u002F15.cnn-image-classification\u002F07.pooling",{"title":4115,"path":4116,"stem":4117},"Багатоканальна згортка — ядро-куб, кольорове фото та підрахунок параметрів","\u002Fai-python\u002Fcnn-image-classification\u002Fmultichannel-convolution","16.ai-python\u002F15.cnn-image-classification\u002F08.multichannel-convolution",{"title":4119,"path":4120,"stem":4121},"Повна CNN для MNIST — збираємо, навчаємо, перевіряємо","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-mnist","16.ai-python\u002F15.cnn-image-classification\u002F09.cnn-mnist",{"title":4123,"path":4124,"stem":4125},"CNN для CIFAR-10 — коли задача справді складна","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-cifar10","16.ai-python\u002F15.cnn-image-classification\u002F10.cnn-cifar10",{"title":4127,"path":4128,"stem":4129},"Міні-батчі, DataLoader і швидкість навчання","\u002Fai-python\u002Fcnn-image-classification\u002Fmini-batch-learning-rate","16.ai-python\u002F15.cnn-image-classification\u002F11.mini-batch-learning-rate",{"title":4131,"path":4132,"stem":4133},"Ініціалізація ваг і Batch Normalization","\u002Fai-python\u002Fcnn-image-classification\u002Fweight-init-batchnorm","16.ai-python\u002F15.cnn-image-classification\u002F12.weight-init-batchnorm",{"title":4135,"path":4136,"stem":4137},"LayerNorm і обрізання градієнтів","\u002Fai-python\u002Fcnn-image-classification\u002Flayernorm-gradient-clipping","16.ai-python\u002F15.cnn-image-classification\u002F13.layernorm-gradient-clipping",{"title":4139,"path":4140,"stem":4141},"Аугментація даних","\u002Fai-python\u002Fcnn-image-classification\u002Fdata-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F14.data-augmentation",{"title":4143,"path":4144,"stem":4145},"Глибокі мережі та ResNet","\u002Fai-python\u002Fcnn-image-classification\u002Fdeep-networks-resnet","16.ai-python\u002F15.cnn-image-classification\u002F15.deep-networks-resnet",{"title":4147,"path":4148,"stem":4149},"Пневмонія на рентгені - метрики, transfer learning, Grad-CAM","\u002Fai-python\u002Fcnn-image-classification\u002Fpneumonia-transfer-learning","16.ai-python\u002F15.cnn-image-classification\u002F16.pneumonia-transfer-learning",{"title":4151,"path":4152,"stem":4153,"children":4154,"page":59},"Natural Language Processing","\u002Fai-python\u002Fnatural-language-processing","16.ai-python\u002F16.natural-language-processing",[4155,4159,4163,4167,4171,4175,4179,4183,4187,4191,4195,4199,4203,4207,4211,4215],{"title":4156,"path":4157,"stem":4158},"Текст як дані — чому мова складна для комп'ютера","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-as-data","16.ai-python\u002F16.natural-language-processing\u002F01.text-as-data",{"title":4160,"path":4161,"stem":4162},"Токенізація — розбиття тексту на слова й речення","\u002Fai-python\u002Fnatural-language-processing\u002Ftokenization","16.ai-python\u002F16.natural-language-processing\u002F02.tokenization",{"title":4164,"path":4165,"stem":4166},"Стеммінг, лемматизація та стоп-слова","\u002Fai-python\u002Fnatural-language-processing\u002Fstemming-lemmatization-stopwords","16.ai-python\u002F16.natural-language-processing\u002F03.stemming-lemmatization-stopwords",{"title":4168,"path":4169,"stem":4170},"Корпус та частоти слів","\u002Fai-python\u002Fnatural-language-processing\u002Fcorpus-and-frequency","16.ai-python\u002F16.natural-language-processing\u002F04.corpus-and-frequency",{"title":4172,"path":4173,"stem":4174},"Мішок слів — перше представлення тексту числами","\u002Fai-python\u002Fnatural-language-processing\u002Fbag-of-words","16.ai-python\u002F16.natural-language-processing\u002F05.bag-of-words",{"title":4176,"path":4177,"stem":4178},"Класифікація тексту — baseline на мішку слів","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-classification-baseline","16.ai-python\u002F16.natural-language-processing\u002F06.text-classification-baseline",{"title":4180,"path":4181,"stem":4182},"Від one-hot до embeddings — щільні вектори слів","\u002Fai-python\u002Fnatural-language-processing\u002Ffrom-one-hot-to-embeddings","16.ai-python\u002F16.natural-language-processing\u002F07.from-one-hot-to-embeddings",{"title":4184,"path":4185,"stem":4186},"Word2Vec — навчання векторів слів з контексту","\u002Fai-python\u002Fnatural-language-processing\u002Fword2vec","16.ai-python\u002F16.natural-language-processing\u002F08.word2vec",{"title":4188,"path":4189,"stem":4190},"GloVe — глобальні вектори слів та попередньо навчені моделі","\u002Fai-python\u002Fnatural-language-processing\u002Fglove-pretrained-embeddings","16.ai-python\u002F16.natural-language-processing\u002F09.glove-pretrained-embeddings",{"title":4192,"path":4193,"stem":4194},"Embeddings для класифікації — від мішка слів до векторів","\u002Fai-python\u002Fnatural-language-processing\u002Fembeddings-for-classification","16.ai-python\u002F16.natural-language-processing\u002F10.embeddings-for-classification",{"title":4196,"path":4197,"stem":4198},"Мовні моделі та послідовності — від біграм до батчів","\u002Fai-python\u002Fnatural-language-processing\u002Flanguage-models-and-sequences","16.ai-python\u002F16.natural-language-processing\u002F11.language-models-and-sequences",{"title":4200,"path":4201,"stem":4202},"Рекурентні нейронні мережі (RNN)","\u002Fai-python\u002Fnatural-language-processing\u002Frnn","16.ai-python\u002F16.natural-language-processing\u002F12.rnn",{"title":4204,"path":4205,"stem":4206},"LSTM і GRU — рекурентні мережі з вентилями","\u002Fai-python\u002Fnatural-language-processing\u002Flstm-gru","16.ai-python\u002F16.natural-language-processing\u002F13.lstm-gru",{"title":4208,"path":4209,"stem":4210},"Seq2seq і механізм уваги","\u002Fai-python\u002Fnatural-language-processing\u002Fseq2seq-attention","16.ai-python\u002F16.natural-language-processing\u002F14.seq2seq-attention",{"title":4212,"path":4213,"stem":4214},"Transformer — self-attention замість рекурентності","\u002Fai-python\u002Fnatural-language-processing\u002Ftransformer","16.ai-python\u002F16.natural-language-processing\u002F15.transformer",{"title":4216,"path":4217,"stem":4218},"Готові моделі та Hugging Face — transfer learning","\u002Fai-python\u002Fnatural-language-processing\u002Fpretrained-models-sentiment","16.ai-python\u002F16.natural-language-processing\u002F16.pretrained-models-sentiment",{"title":4220,"icon":658,"path":4221,"stem":4222,"children":4223,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[4224,4228,4232,4236,4240,4244,4248,4252,4256,4260,4264,4268,4272,4276,4280,4284,4288,4292],{"title":4225,"path":4226,"stem":4227},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":4229,"path":4230,"stem":4231},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":4233,"path":4234,"stem":4235},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":4237,"path":4238,"stem":4239},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":4241,"path":4242,"stem":4243},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":4245,"path":4246,"stem":4247},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":4249,"path":4250,"stem":4251},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":4253,"path":4254,"stem":4255},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":4257,"path":4258,"stem":4259},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":4261,"path":4262,"stem":4263},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":4265,"path":4266,"stem":4267},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":4269,"path":4270,"stem":4271},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":4273,"path":4274,"stem":4275},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":4277,"path":4278,"stem":4279},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4281,"path":4282,"stem":4283},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4285,"path":4286,"stem":4287},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4289,"path":4290,"stem":4291},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4293,"path":4294,"stem":4295},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4297,"icon":2228,"path":4298,"stem":4299,"children":4300,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4301,4346,4384,4413,4442,4499,4549,4643,4709,4791,4824,4852,4894,4940,4983],{"title":4302,"icon":658,"path":4303,"stem":4304,"children":4305,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4306,4310,4314,4318,4322,4326,4330,4334,4338,4342],{"title":4307,"path":4308,"stem":4309},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4311,"path":4312,"stem":4313},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4315,"path":4316,"stem":4317},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4319,"path":4320,"stem":4321},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4323,"path":4324,"stem":4325},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4327,"path":4328,"stem":4329},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4331,"path":4332,"stem":4333},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4335,"path":4336,"stem":4337},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4339,"path":4340,"stem":4341},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4343,"path":4344,"stem":4345},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4347,"icon":4348,"path":4349,"stem":4350,"children":4351,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4352,4356,4360,4364,4368,4372,4376,4380],{"title":4353,"path":4354,"stem":4355},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4357,"path":4358,"stem":4359},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4361,"path":4362,"stem":4363},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4365,"path":4366,"stem":4367},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4369,"path":4370,"stem":4371},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4373,"path":4374,"stem":4375},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4377,"path":4378,"stem":4379},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4381,"path":4382,"stem":4383},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4385,"icon":2608,"path":4386,"stem":4387,"children":4388,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4389,4393,4397,4401,4405,4409],{"title":4390,"path":4391,"stem":4392},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4394,"path":4395,"stem":4396},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4398,"path":4399,"stem":4400},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4402,"path":4403,"stem":4404},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4406,"path":4407,"stem":4408},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4410,"path":4411,"stem":4412},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4414,"icon":2608,"path":4415,"stem":4416,"children":4417,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4418,4422,4426,4430,4434,4438],{"title":4419,"path":4420,"stem":4421},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4423,"path":4424,"stem":4425},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4427,"path":4428,"stem":4429},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4431,"path":4432,"stem":4433},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4435,"path":4436,"stem":4437},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4439,"path":4440,"stem":4441},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4443,"icon":4444,"path":4445,"stem":4446,"children":4447,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4448,4452,4456,4460,4464,4468,4472,4476,4480,4484,4488,4491,4495],{"title":4449,"path":4450,"stem":4451},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4453,"path":4454,"stem":4455},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4457,"path":4458,"stem":4459},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4461,"path":4462,"stem":4463},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4465,"path":4466,"stem":4467},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4469,"path":4470,"stem":4471},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4473,"path":4474,"stem":4475},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4477,"path":4478,"stem":4479},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4481,"path":4482,"stem":4483},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4485,"path":4486,"stem":4487},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3293,"path":4489,"stem":4490},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4492,"path":4493,"stem":4494},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4496,"path":4497,"stem":4498},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4500,"icon":4501,"path":4502,"stem":4503,"children":4504,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4505,4509,4513,4517,4521,4525,4529,4533,4537,4541,4545],{"title":4506,"path":4507,"stem":4508},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4510,"path":4511,"stem":4512},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4514,"path":4515,"stem":4516},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4518,"path":4519,"stem":4520},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4522,"path":4523,"stem":4524},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4526,"path":4527,"stem":4528},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4530,"path":4531,"stem":4532},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4534,"path":4535,"stem":4536},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4538,"path":4539,"stem":4540},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4542,"path":4543,"stem":4544},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4546,"path":4547,"stem":4548},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4550,"icon":4551,"path":4552,"stem":4553,"children":4554,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4555,4559,4563,4567,4571,4575,4579,4583,4587,4591,4595,4599,4603,4607,4611,4615,4619,4623,4627,4631,4635,4639],{"title":4556,"path":4557,"stem":4558},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4560,"path":4561,"stem":4562},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4564,"path":4565,"stem":4566},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4568,"path":4569,"stem":4570},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4572,"path":4573,"stem":4574},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4576,"path":4577,"stem":4578},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4580,"path":4581,"stem":4582},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4584,"path":4585,"stem":4586},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4588,"path":4589,"stem":4590},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4592,"path":4593,"stem":4594},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4596,"path":4597,"stem":4598},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4600,"path":4601,"stem":4602},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4604,"path":4605,"stem":4606},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4608,"path":4609,"stem":4610},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4612,"path":4613,"stem":4614},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4616,"path":4617,"stem":4618},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4620,"path":4621,"stem":4622},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4624,"path":4625,"stem":4626},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4628,"path":4629,"stem":4630},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4632,"path":4633,"stem":4634},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4636,"path":4637,"stem":4638},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4640,"path":4641,"stem":4642},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4644,"icon":4645,"path":4646,"stem":4647,"children":4648,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4649,4653,4657,4661,4665,4669,4673,4677,4681,4685,4689,4693,4697,4701,4705],{"title":4650,"path":4651,"stem":4652},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4654,"path":4655,"stem":4656},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4658,"path":4659,"stem":4660},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4662,"path":4663,"stem":4664},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4666,"path":4667,"stem":4668},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4670,"path":4671,"stem":4672},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4674,"path":4675,"stem":4676},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4678,"path":4679,"stem":4680},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4682,"path":4683,"stem":4684},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4686,"path":4687,"stem":4688},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4690,"path":4691,"stem":4692},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4694,"path":4695,"stem":4696},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4698,"path":4699,"stem":4700},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4702,"path":4703,"stem":4704},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4706,"path":4707,"stem":4708},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4710,"icon":4711,"path":4712,"stem":4713,"children":4714,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4715,4719,4723,4727,4731,4735,4739,4743,4747,4751,4755,4759,4763,4767,4771,4775,4779,4783,4787],{"title":4716,"path":4717,"stem":4718},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4720,"path":4721,"stem":4722},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4724,"path":4725,"stem":4726},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4728,"path":4729,"stem":4730},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4732,"path":4733,"stem":4734},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4736,"path":4737,"stem":4738},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4740,"path":4741,"stem":4742},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4744,"path":4745,"stem":4746},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4748,"path":4749,"stem":4750},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4752,"path":4753,"stem":4754},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4756,"path":4757,"stem":4758},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4760,"path":4761,"stem":4762},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4764,"path":4765,"stem":4766},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4768,"path":4769,"stem":4770},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4772,"path":4773,"stem":4774},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4776,"path":4777,"stem":4778},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4780,"path":4781,"stem":4782},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4784,"path":4785,"stem":4786},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4788,"path":4789,"stem":4790},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4792,"icon":3017,"path":4793,"stem":4794,"children":4795,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4796,4800,4804,4808,4812,4816,4820],{"title":4797,"path":4798,"stem":4799},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4801,"path":4802,"stem":4803},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4805,"path":4806,"stem":4807},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4809,"path":4810,"stem":4811},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4813,"path":4814,"stem":4815},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4817,"path":4818,"stem":4819},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4821,"path":4822,"stem":4823},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4825,"icon":4826,"path":4827,"stem":4828,"children":4829,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4830,4834,4838,4842,4846],{"title":4831,"path":4832,"stem":4833},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4835,"path":4836,"stem":4837},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4839,"path":4840,"stem":4841},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4843,"path":4844,"stem":4845},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4847,"path":4848,"stem":4849,"children":4850},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4851],{"title":4847,"path":4848,"stem":4849},{"title":4853,"icon":4854,"path":4855,"stem":4856,"children":4857,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4858,4862,4866,4870,4874,4878,4882,4886,4890],{"title":4859,"path":4860,"stem":4861},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4863,"path":4864,"stem":4865},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4867,"path":4868,"stem":4869},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4871,"path":4872,"stem":4873},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4875,"path":4876,"stem":4877},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4879,"path":4880,"stem":4881},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4883,"path":4884,"stem":4885},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4887,"path":4888,"stem":4889},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4891,"path":4892,"stem":4893},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4895,"icon":4896,"path":4897,"stem":4898,"children":4899,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4900,4904,4908,4912,4916,4920,4924,4928,4932,4936],{"title":4901,"path":4902,"stem":4903},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4905,"path":4906,"stem":4907},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4909,"path":4910,"stem":4911},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4913,"path":4914,"stem":4915},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4917,"path":4918,"stem":4919},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4921,"path":4922,"stem":4923},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4925,"path":4926,"stem":4927},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4929,"path":4930,"stem":4931},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4933,"path":4934,"stem":4935},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4937,"path":4938,"stem":4939},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4941,"icon":871,"path":4942,"stem":4943,"children":4944,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4945,4949,4953,4957,4961,4965,4968,4971,4975,4979],{"title":4946,"path":4947,"stem":4948},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4950,"path":4951,"stem":4952},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4954,"path":4955,"stem":4956},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4958,"path":4959,"stem":4960},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4962,"path":4963,"stem":4964},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4966,"stem":4967},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4969,"stem":4970},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4972,"path":4973,"stem":4974},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4976,"path":4977,"stem":4978},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4980,"path":4981,"stem":4982},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4984,"icon":4985,"path":4986,"stem":4987,"children":4988,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4989,4993,4997,5001,5005,5009,5013,5017,5021,5025],{"title":4990,"path":4991,"stem":4992},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4994,"path":4995,"stem":4996},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4998,"path":4999,"stem":5000},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":5002,"path":5003,"stem":5004},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":5006,"path":5007,"stem":5008},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":5010,"path":5011,"stem":5012},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":5014,"path":5015,"stem":5016},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":5018,"path":5019,"stem":5020},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":5022,"path":5023,"stem":5024},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":5026,"path":5027,"stem":5028},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":5030,"icon":5031,"path":5032,"stem":5033,"children":5034,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[5035,5076,5125,5163],{"title":5036,"icon":4985,"path":5037,"stem":5038,"children":5039,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[5040,5044,5048,5052,5056,5060,5064,5068,5072],{"title":5041,"path":5042,"stem":5043},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":5045,"path":5046,"stem":5047},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":5049,"path":5050,"stem":5051},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":5053,"path":5054,"stem":5055},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":5057,"path":5058,"stem":5059},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":5061,"path":5062,"stem":5063},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":5065,"path":5066,"stem":5067},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":5069,"path":5070,"stem":5071},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":5073,"path":5074,"stem":5075},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":5077,"icon":255,"path":5078,"stem":5079,"children":5080,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[5081,5085,5089,5093,5097,5101,5105,5109,5113,5117,5121],{"title":5082,"path":5083,"stem":5084},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":5086,"path":5087,"stem":5088},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":5090,"path":5091,"stem":5092},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":5094,"path":5095,"stem":5096},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":5098,"path":5099,"stem":5100},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":5102,"path":5103,"stem":5104},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":5106,"path":5107,"stem":5108},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":5110,"path":5111,"stem":5112},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":5114,"path":5115,"stem":5116},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":5118,"path":5119,"stem":5120},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":5122,"path":5123,"stem":5124},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":5126,"icon":5127,"path":5128,"stem":5129,"children":5130,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[5131,5135,5139,5143,5147,5151,5155,5159],{"title":5132,"path":5133,"stem":5134},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":5136,"path":5137,"stem":5138},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":5140,"path":5141,"stem":5142},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":5144,"path":5145,"stem":5146},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":5148,"path":5149,"stem":5150},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":5152,"path":5153,"stem":5154},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":5156,"path":5157,"stem":5158},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":5160,"path":5161,"stem":5162},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":5164,"icon":793,"path":5165,"stem":5166,"children":5167,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[5168,5172,5176,5180,5184,5188,5192,5196,5200],{"title":5169,"path":5170,"stem":5171},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":5173,"path":5174,"stem":5175},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":5177,"path":5178,"stem":5179},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":5181,"path":5182,"stem":5183},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":5185,"path":5186,"stem":5187},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":5189,"path":5190,"stem":5191},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":5193,"path":5194,"stem":5195},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":5197,"path":5198,"stem":5199},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":5201,"path":5202,"stem":5203},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":5205,"icon":5206,"path":5207,"stem":5208,"children":5209,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[5210,5236,5258,5279],{"title":5211,"icon":5212,"path":5213,"stem":5214,"children":5215,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[5216,5220,5224,5228,5232],{"title":5217,"path":5218,"stem":5219},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":5221,"path":5222,"stem":5223},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":5225,"path":5226,"stem":5227},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":5229,"path":5230,"stem":5231},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":5233,"path":5234,"stem":5235},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":5237,"icon":5238,"path":5239,"stem":5240,"children":5241,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[5242,5246,5250,5254],{"title":5243,"path":5244,"stem":5245},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":5247,"path":5248,"stem":5249},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":5251,"path":5252,"stem":5253},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":5255,"path":5256,"stem":5257},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":5259,"icon":3224,"path":5260,"stem":5261,"children":5262,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[5263,5267,5271,5275],{"title":5264,"path":5265,"stem":5266},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":5268,"path":5269,"stem":5270},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":5272,"path":5273,"stem":5274},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":5276,"path":5277,"stem":5278},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5280,"icon":5281,"path":5282,"stem":5283,"children":5284,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5285,5289,5293],{"title":5286,"path":5287,"stem":5288},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5290,"path":5291,"stem":5292},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5294,"path":5295,"stem":5296},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5298,"path":5299,"stem":5300,"children":5301,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5302,5306,5310,5314,5318,5322,5326,5330,5334,5338,5342,5346],{"title":5303,"path":5304,"stem":5305},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5307,"path":5308,"stem":5309},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5311,"path":5312,"stem":5313},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5315,"path":5316,"stem":5317},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5319,"path":5320,"stem":5321},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5323,"path":5324,"stem":5325},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5327,"path":5328,"stem":5329},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5331,"path":5332,"stem":5333},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5335,"path":5336,"stem":5337},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5339,"path":5340,"stem":5341},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5343,"path":5344,"stem":5345},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5347,"path":5348,"stem":5349},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5351,"path":5352,"stem":5353,"children":5354,"page":59},"React Typescript","\u002Freact-typescript","22.react-typescript",[5355,5380,5384,5388,5392,5396,5400,5404,5408,5412,5442,5446,5450,5454,5458],{"title":5356,"path":5357,"stem":5358,"children":5359,"page":59},"From Html To Project","\u002Freact-typescript\u002Ffrom-html-to-project","22.react-typescript\u002F01.from-html-to-project",[5360,5364,5368,5372,5376],{"title":5361,"path":5362,"stem":5363},"Від одного HTML-файлу до повноцінного проєкту","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fevolution","22.react-typescript\u002F01.from-html-to-project\u002F01.evolution",{"title":5365,"path":5366,"stem":5367},"Що таке React","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fwhat-is-react","22.react-typescript\u002F01.from-html-to-project\u002F02.what-is-react",{"title":5369,"path":5370,"stem":5371},"JSX та TSX — синтаксичний цукор, а не магія","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-tsx-syntax","22.react-typescript\u002F01.from-html-to-project\u002F03.jsx-tsx-syntax",{"title":5373,"path":5374,"stem":5375},"Компоненти — будівельні блоки інтерфейсу","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fcomponents","22.react-typescript\u002F01.from-html-to-project\u002F04.components",{"title":5377,"path":5378,"stem":5379},"JSX — розмітка всередині TypeScript","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-expressions","22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions",{"title":5381,"path":5382,"stem":5383},"Хук useReducer: структуроване управління складним станом","\u002Freact-typescript\u002Fuse-reducer","22.react-typescript\u002F23.use-reducer",{"title":5385,"path":5386,"stem":5387},"Context API: передавання даних без «пропс-дрілінгу»","\u002Freact-typescript\u002Fcontext-api","22.react-typescript\u002F24.context-api",{"title":5389,"path":5390,"stem":5391},"Синхронізація з ефектами: хук useEffect та функції очищення","\u002Freact-typescript\u002Fuse-effect","22.react-typescript\u002F27.use-effect",{"title":5393,"path":5394,"stem":5395},"Можливо, вам не потрібен ефект: антипатерни та альтернативи","\u002Freact-typescript\u002Fyou-might-not-need-effect","22.react-typescript\u002F28.you-might-not-need-effect",{"title":5397,"path":5398,"stem":5399},"Життєвий цикл реактивних ефектів: мислення процесами синхронізації","\u002Freact-typescript\u002Flifecycle-of-reactive-effects","22.react-typescript\u002F29.lifecycle-of-reactive-effects",{"title":5401,"path":5402,"stem":5403},"Розділення подій та ефектів: реактивна проти нереактивної логіки","\u002Freact-typescript\u002Fseparating-events-from-effects","22.react-typescript\u002F30.separating-events-from-effects",{"title":5405,"path":5406,"stem":5407},"Видалення зайвих залежностей ефектів та оптимізація синхронізації","\u002Freact-typescript\u002Fremoving-effect-dependencies","22.react-typescript\u002F31.removing-effect-dependencies",{"title":5409,"path":5410,"stem":5411},"Кастомні хуки: повторне використання та композиція реактивної логіки","\u002Freact-typescript\u002Fcustom-hooks","22.react-typescript\u002F32.custom-hooks",{"title":5413,"path":5414,"stem":5415,"children":5416},"React Router v7: Маршрутизація в SPA","\u002Freact-typescript\u002Freact-router-v7","22.react-typescript\u002F33.react-router-v7\u002Findex",[5417,5418,5422,5426,5430,5434,5438],{"title":5413,"path":5414,"stem":5415},{"title":5419,"path":5420,"stem":5421},"Встановлення та базова конфігурація React Router v7","\u002Freact-typescript\u002Freact-router-v7\u002Finstallation-setup","22.react-typescript\u002F33.react-router-v7\u002F01.installation-setup",{"title":5423,"path":5424,"stem":5425},"Вкладені маршрути та Outlet: архітектура складних макетів","\u002Freact-typescript\u002Freact-router-v7\u002Fnested-routes-outlet","22.react-typescript\u002F33.react-router-v7\u002F02.nested-routes-outlet",{"title":5427,"path":5428,"stem":5429},"Динамічні маршрути та параметри URL","\u002Freact-typescript\u002Freact-router-v7\u002Fdynamic-routes-params","22.react-typescript\u002F33.react-router-v7\u002F03.dynamic-routes-params",{"title":5431,"path":5432,"stem":5433},"Навігація та корисні хуки React Router","\u002Freact-typescript\u002Freact-router-v7\u002Fnavigation-hooks","22.react-typescript\u002F33.react-router-v7\u002F04.navigation-hooks",{"title":5435,"path":5436,"stem":5437},"Обробка помилок та 404: ErrorBoundary і fallback-маршрути","\u002Freact-typescript\u002Freact-router-v7\u002Ferror-handling-404","22.react-typescript\u002F33.react-router-v7\u002F05.error-handling-404",{"title":5439,"path":5440,"stem":5441},"Data Router API: альтернативний синтаксис через createBrowserRouter","\u002Freact-typescript\u002Freact-router-v7\u002Fdata-router-api-examples","22.react-typescript\u002F33.react-router-v7\u002F06.data-router-api-examples",{"title":5443,"path":5444,"stem":5445},"Axios: HTTP-клієнт із розширеними можливостями","\u002Freact-typescript\u002Faxios","22.react-typescript\u002F34.axios",{"title":5447,"path":5448,"stem":5449},"Redux: класичний підхід до глобального стану","\u002Freact-typescript\u002Fredux-classic","22.react-typescript\u002F35.redux-classic",{"title":5451,"path":5452,"stem":5453},"Redux Toolkit: сучасний стандарт Redux","\u002Freact-typescript\u002Fredux-toolkit","22.react-typescript\u002F36.redux-toolkit",{"title":5455,"path":5456,"stem":5457},"RTK Query: запити до сервера без болю","\u002Freact-typescript\u002Frtk-query-tanstack-query","22.react-typescript\u002F38.rtk-query-tanstack-query",{"title":5459,"path":5460,"stem":5461},"React Hook Form + Zod: типобезпечна валідація форм","\u002Freact-typescript\u002Freact-hook-form-zod","22.react-typescript\u002F39.react-hook-form-zod",{"title":5463,"path":5464,"stem":5465},"Тестування компонентів діаграм та пісочниць","\u002Ftest-components","98.test-components",{"id":5467,"title":5455,"body":5468,"description":20008,"extension":20009,"links":20010,"meta":20011,"navigation":5731,"path":5456,"seo":20012,"stem":5457,"__hash__":20013},"docs\u002F22.react-typescript\u002F38.rtk-query-tanstack-query.md",{"type":5469,"value":5470,"toc":19934},"minimark",[5471,5475,5572,5575,5580,5596,5601,6046,6049,6053,6060,6770,6773,7090,7110,7114,7117,7165,7182,7200,7204,7207,7213,7223,7339,7345,7347,7351,7361,7368,7521,7636,7643,7739,7742,7797,7799,7803,7809,7846,7850,7853,7920,7925,8116,8119,8204,8232,8236,8242,8423,8426,8443,8447,8453,8637,8641,8644,8914,8923,8937,8958,8962,8965,9122,9130,9293,9302,9482,9484,9488,9493,9612,9621,9647,9650,9860,9864,9879,9881,9885,9888,9892,9902,9951,9957,9961,9968,10079,10083,10090,10105,10112,10245,10248,10252,10259,10297,10300,10319,10337,10339,10343,10353,10365,10368,10701,10751,10754,10812,10816,10823,11345,11370,11377,11379,11383,11394,11554,11558,11583,11893,11896,11910,11914,11930,12552,12555,12606,12618,12622,12677,12679,12683,12686,12690,12699,12778,12801,12849,12853,12856,12896,12899,12903,12906,12913,12980,12989,13051,13070,13074,13080,13153,13157,13164,13256,13265,13269,13281,13420,13431,13433,13437,13443,13465,13749,13761,13773,13775,13779,13782,13795,13946,13950,13957,14278,14281,14348,14357,14361,14367,14372,14499,14506,14508,14512,14528,14532,14535,14807,14821,14828,14832,15267,15284,15288,15294,15419,15422,15424,15428,15431,15435,15441,15486,15489,15851,15854,15983,15999,16003,16010,16118,16128,16130,16134,16143,16325,16335,16339,16348,16746,16757,16767,16769,16773,16789,16792,16899,16902,17136,17139,17198,17201,17557,17559,17563,17575,17687,17694,17751,17758,17767,17769,17773,17786,17810,17824,17838,17840,17844,17851,17855,17858,17918,17929,17933,17940,17944,17958,17960,17964,17967,18676,18682,18699,18701,18705,18798,18800,18804,19779,19781,19785,19923,19930],[5472,5473,5455],"h1",{"id":5474},"rtk-query-запити-до-сервера-без-болю",[5476,5477,5478,5523],"card-group",{},[5479,5480,5483],"card",{"icon":5481,"title":5482},"i-lucide-target","🎯 Мета лекції",[5484,5485,5486,5490,5505,5517,5520],"ul",{},[5487,5488,5489],"li",{},"Зрозуміти, чим дані з сервера відрізняються від звичайного стану компонента.",[5487,5491,5492,5493,5497,5498,5497,5501,5504],{},"Налаштувати RTK Query з нуля: ",[5494,5495,5496],"code",{},"createApi",", ",[5494,5499,5500],{},"fetchBaseQuery",[5494,5502,5503],{},"Provider",".",[5487,5506,5507,5508,5512,5513,5516],{},"Робити запити на читання (",[5509,5510,5511],"em",{},"queries",") та зміну даних (",[5509,5514,5515],{},"mutations",") через хуки.",[5487,5518,5519],{},"Опанувати кеш, теги та автоматичне оновлення списків після змін.",[5487,5521,5522],{},"Використати просунуті можливості: оптимістичні оновлення, пагінацію, polling, обробку помилок, автентифікацію.",[5479,5524,5526],{"icon":4854,"title":5525},"🔑 Ключові терміни",[5484,5527,5528,5535,5541,5547,5557,5563],{},[5487,5529,5530,5534],{},[5531,5532,5533],"strong",{},"Server state:"," дані, власником яких є сервер, а в браузері лежить лише їхня копія.",[5487,5536,5537,5540],{},[5531,5538,5539],{},"Endpoint:"," опис одного запиту до API (що запитати і як обробити відповідь).",[5487,5542,5543,5546],{},[5531,5544,5545],{},"Query \u002F Mutation:"," запит на читання даних \u002F запит, що змінює дані на сервері.",[5487,5548,5549,5556],{},[5531,5550,5551,5552,5555],{},"Кеш (",[5509,5553,5554],{},"cache","):"," сховище вже отриманих відповідей у Redux store.",[5487,5558,5559,5562],{},[5531,5560,5561],{},"Tag (тег):"," мітка, за якою RTK Query розуміє, які дані треба перезапитати.",[5487,5564,5565,5571],{},[5531,5566,5567,5568,5555],{},"Інвалідація (",[5509,5569,5570],{},"invalidation"," позначення кешу застарілим, що запускає повторний запит.",[5573,5574],"hr",{},[5576,5577,5579],"h2",{"id":5578},"яку-проблему-вирішує-rtk-query","Яку проблему вирішує RTK Query",[5581,5582,5583,5584,5587,5588,5591,5592,5595],"p",{},"Припустимо, у нас є сторінка зі списком постів. Є два «класичних» способи завантажити їх: ",[5494,5585,5586],{},"useEffect"," з ",[5494,5589,5590],{},"fetch"," (ми писали так у темах про ефекти та Axios) або ",[5494,5593,5594],{},"createAsyncThunk"," у Redux Toolkit (попередня тема). Подивимося на обидва, якщо зробити все чесно.",[5597,5598,5600],"h3",{"id":5599},"спосіб-1-useeffect-та-fetch","Спосіб 1: useEffect та fetch",[5602,5603,5608],"pre",{"className":5604,"code":5605,"language":5606,"meta":5607,"style":5607},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","function PostList() {\n  const [posts, setPosts] = useState\u003CPost[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState\u003Cstring | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n\n    fetch(\"\u002Fapi\u002Fposts\", { signal: controller.signal })\n      .then((res) => {\n        if (!res.ok) throw new Error(\"Помилка завантаження\");\n        return res.json();\n      })\n      .then((data: Post[]) => setPosts(data))\n      .catch((err) => {\n        if (err.name !== \"AbortError\") setError(err.message);\n      })\n      .finally(() => setIsLoading(false));\n\n    return () => controller.abort();\n  }, []);\n\n  \u002F\u002F ...рендер\n}\n","tsx","",[5494,5609,5610,5627,5661,5689,5726,5733,5748,5769,5774,5803,5825,5860,5876,5882,5914,5933,5969,5974,5997,6002,6022,6028,6033,6040],{"__ignoreMap":5607},[5611,5612,5615,5619,5623],"span",{"class":5613,"line":5614},"line",1,[5611,5616,5618],{"class":5617},"su1O8","function",[5611,5620,5622],{"class":5621},"s8Opu"," PostList",[5611,5624,5626],{"class":5625},"sHH4Y","() {\n",[5611,5628,5630,5633,5636,5640,5642,5645,5648,5651,5654,5658],{"class":5613,"line":5629},2,[5611,5631,5632],{"class":5617},"  const",[5611,5634,5635],{"class":5625}," [",[5611,5637,5639],{"class":5638},"s-QsJ","posts",[5611,5641,5497],{"class":5625},[5611,5643,5644],{"class":5638},"setPosts",[5611,5646,5647],{"class":5625},"] = ",[5611,5649,5650],{"class":5621},"useState",[5611,5652,5653],{"class":5625},"\u003C",[5611,5655,5657],{"class":5656},"sN1BT","Post",[5611,5659,5660],{"class":5625},"[]>([]);\n",[5611,5662,5664,5666,5668,5671,5673,5676,5678,5680,5683,5686],{"class":5613,"line":5663},3,[5611,5665,5632],{"class":5617},[5611,5667,5635],{"class":5625},[5611,5669,5670],{"class":5638},"isLoading",[5611,5672,5497],{"class":5625},[5611,5674,5675],{"class":5638},"setIsLoading",[5611,5677,5647],{"class":5625},[5611,5679,5650],{"class":5621},[5611,5681,5682],{"class":5625},"(",[5611,5684,5685],{"class":5617},"true",[5611,5687,5688],{"class":5625},");\n",[5611,5690,5692,5694,5696,5699,5701,5704,5706,5708,5710,5713,5716,5719,5722,5724],{"class":5613,"line":5691},4,[5611,5693,5632],{"class":5617},[5611,5695,5635],{"class":5625},[5611,5697,5698],{"class":5638},"error",[5611,5700,5497],{"class":5625},[5611,5702,5703],{"class":5638},"setError",[5611,5705,5647],{"class":5625},[5611,5707,5650],{"class":5621},[5611,5709,5653],{"class":5625},[5611,5711,5712],{"class":5656},"string",[5611,5714,5715],{"class":5625}," | ",[5611,5717,5718],{"class":5656},"null",[5611,5720,5721],{"class":5625},">(",[5611,5723,5718],{"class":5617},[5611,5725,5688],{"class":5625},[5611,5727,5729],{"class":5613,"line":5728},5,[5611,5730,5732],{"emptyLinePlaceholder":5731},true,"\n",[5611,5734,5736,5739,5742,5745],{"class":5613,"line":5735},6,[5611,5737,5738],{"class":5621},"  useEffect",[5611,5740,5741],{"class":5625},"(() ",[5611,5743,5744],{"class":5617},"=>",[5611,5746,5747],{"class":5625}," {\n",[5611,5749,5751,5754,5757,5760,5763,5766],{"class":5613,"line":5750},7,[5611,5752,5753],{"class":5617},"    const",[5611,5755,5756],{"class":5638}," controller",[5611,5758,5759],{"class":5625}," = ",[5611,5761,5762],{"class":5617},"new",[5611,5764,5765],{"class":5621}," AbortController",[5611,5767,5768],{"class":5625},"();\n",[5611,5770,5772],{"class":5613,"line":5771},8,[5611,5773,5732],{"emptyLinePlaceholder":5731},[5611,5775,5777,5780,5782,5786,5789,5793,5795,5797,5800],{"class":5613,"line":5776},9,[5611,5778,5779],{"class":5621},"    fetch",[5611,5781,5682],{"class":5625},[5611,5783,5785],{"class":5784},"sbdoH","\"\u002Fapi\u002Fposts\"",[5611,5787,5788],{"class":5625},", { ",[5611,5790,5792],{"class":5791},"siwwj","signal:",[5611,5794,5756],{"class":5791},[5611,5796,5504],{"class":5625},[5611,5798,5799],{"class":5791},"signal",[5611,5801,5802],{"class":5625}," })\n",[5611,5804,5806,5809,5812,5815,5818,5821,5823],{"class":5613,"line":5805},10,[5611,5807,5808],{"class":5625},"      .",[5611,5810,5811],{"class":5621},"then",[5611,5813,5814],{"class":5625},"((",[5611,5816,5817],{"class":5791},"res",[5611,5819,5820],{"class":5625},") ",[5611,5822,5744],{"class":5617},[5611,5824,5747],{"class":5625},[5611,5826,5828,5832,5835,5837,5839,5842,5844,5847,5850,5853,5855,5858],{"class":5613,"line":5827},11,[5611,5829,5831],{"class":5830},"s8xlr","        if",[5611,5833,5834],{"class":5625}," (!",[5611,5836,5817],{"class":5791},[5611,5838,5504],{"class":5625},[5611,5840,5841],{"class":5791},"ok",[5611,5843,5820],{"class":5625},[5611,5845,5846],{"class":5830},"throw",[5611,5848,5849],{"class":5617}," new",[5611,5851,5852],{"class":5621}," Error",[5611,5854,5682],{"class":5625},[5611,5856,5857],{"class":5784},"\"Помилка завантаження\"",[5611,5859,5688],{"class":5625},[5611,5861,5863,5866,5869,5871,5874],{"class":5613,"line":5862},12,[5611,5864,5865],{"class":5830},"        return",[5611,5867,5868],{"class":5791}," res",[5611,5870,5504],{"class":5625},[5611,5872,5873],{"class":5621},"json",[5611,5875,5768],{"class":5625},[5611,5877,5879],{"class":5613,"line":5878},13,[5611,5880,5881],{"class":5625},"      })\n",[5611,5883,5885,5887,5889,5891,5894,5897,5899,5902,5904,5907,5909,5911],{"class":5613,"line":5884},14,[5611,5886,5808],{"class":5625},[5611,5888,5811],{"class":5621},[5611,5890,5814],{"class":5625},[5611,5892,5893],{"class":5791},"data",[5611,5895,5896],{"class":5625},": ",[5611,5898,5657],{"class":5656},[5611,5900,5901],{"class":5625},"[]) ",[5611,5903,5744],{"class":5617},[5611,5905,5906],{"class":5621}," setPosts",[5611,5908,5682],{"class":5625},[5611,5910,5893],{"class":5791},[5611,5912,5913],{"class":5625},"))\n",[5611,5915,5917,5919,5922,5924,5927,5929,5931],{"class":5613,"line":5916},15,[5611,5918,5808],{"class":5625},[5611,5920,5921],{"class":5621},"catch",[5611,5923,5814],{"class":5625},[5611,5925,5926],{"class":5791},"err",[5611,5928,5820],{"class":5625},[5611,5930,5744],{"class":5617},[5611,5932,5747],{"class":5625},[5611,5934,5936,5938,5941,5943,5945,5948,5951,5954,5956,5958,5960,5962,5964,5967],{"class":5613,"line":5935},16,[5611,5937,5831],{"class":5830},[5611,5939,5940],{"class":5625}," (",[5611,5942,5926],{"class":5791},[5611,5944,5504],{"class":5625},[5611,5946,5947],{"class":5791},"name",[5611,5949,5950],{"class":5625}," !== ",[5611,5952,5953],{"class":5784},"\"AbortError\"",[5611,5955,5820],{"class":5625},[5611,5957,5703],{"class":5621},[5611,5959,5682],{"class":5625},[5611,5961,5926],{"class":5791},[5611,5963,5504],{"class":5625},[5611,5965,5966],{"class":5791},"message",[5611,5968,5688],{"class":5625},[5611,5970,5972],{"class":5613,"line":5971},17,[5611,5973,5881],{"class":5625},[5611,5975,5977,5979,5982,5984,5986,5989,5991,5994],{"class":5613,"line":5976},18,[5611,5978,5808],{"class":5625},[5611,5980,5981],{"class":5621},"finally",[5611,5983,5741],{"class":5625},[5611,5985,5744],{"class":5617},[5611,5987,5988],{"class":5621}," setIsLoading",[5611,5990,5682],{"class":5625},[5611,5992,5993],{"class":5617},"false",[5611,5995,5996],{"class":5625},"));\n",[5611,5998,6000],{"class":5613,"line":5999},19,[5611,6001,5732],{"emptyLinePlaceholder":5731},[5611,6003,6005,6008,6011,6013,6015,6017,6020],{"class":5613,"line":6004},20,[5611,6006,6007],{"class":5830},"    return",[5611,6009,6010],{"class":5625}," () ",[5611,6012,5744],{"class":5617},[5611,6014,5756],{"class":5791},[5611,6016,5504],{"class":5625},[5611,6018,6019],{"class":5621},"abort",[5611,6021,5768],{"class":5625},[5611,6023,6025],{"class":5613,"line":6024},21,[5611,6026,6027],{"class":5625},"  }, []);\n",[5611,6029,6031],{"class":5613,"line":6030},22,[5611,6032,5732],{"emptyLinePlaceholder":5731},[5611,6034,6036],{"class":5613,"line":6035},23,[5611,6037,6039],{"class":6038},"spJ8K","  \u002F\u002F ...рендер\n",[5611,6041,6043],{"class":5613,"line":6042},24,[5611,6044,6045],{"class":5625},"}\n",[5581,6047,6048],{},"Це один компонент і один запит, а коду вже майже тридцять рядків. Стан живе всередині компонента, тому інші компоненти про ці дані нічого не знають.",[5597,6050,6052],{"id":6051},"спосіб-2-redux-toolkit-без-rtk-query-createasyncthunk","Спосіб 2: Redux Toolkit без RTK Query (createAsyncThunk)",[5581,6054,6055,6056,6059],{},"Щоб дані були доступні всьому застосунку, їх кладуть у Redux. Для асинхронних запитів використовують ",[5509,6057,6058],{},"thunk"," (функцію, що виконує запит і відправляє дії в store). Спочатку описуємо thunk та slice:",[5602,6061,6066],{"className":6062,"code":6063,"filename":6064,"language":6065,"meta":5607,"style":5607},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","import { createAsyncThunk, createSlice } from \"@reduxjs\u002Ftoolkit\";\nimport type { Post } from \"..\u002F..\u002Ftypes\";\n\nexport const fetchPosts = createAsyncThunk\u003C\n  Post[],\n  void,\n  { rejectValue: string }\n>(\"posts\u002FfetchPosts\", async (_, { rejectWithValue, signal }) => {\n  try {\n    const res = await fetch(\"http:\u002F\u002Flocalhost:3001\u002Fposts\", { signal });\n    if (!res.ok) return rejectWithValue(\"Помилка завантаження\");\n    return (await res.json()) as Post[];\n  } catch {\n    return rejectWithValue(\"Немає зв'язку з сервером\");\n  }\n});\n\ninterface PostsState {\n  items: Post[];\n  status: \"idle\" | \"loading\" | \"succeeded\" | \"failed\";\n  error: string | null;\n}\n\nconst initialState: PostsState = {\n  items: [],\n  status: \"idle\",\n  error: null,\n};\n\nconst postsSlice = createSlice({\n  name: \"posts\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    builder\n      .addCase(fetchPosts.pending, (state) => {\n        state.status = \"loading\";\n        state.error = null;\n      })\n      .addCase(fetchPosts.fulfilled, (state, action) => {\n        state.status = \"succeeded\";\n        state.items = action.payload;\n      })\n      .addCase(fetchPosts.rejected, (state, action) => {\n        state.status = \"failed\";\n        state.error = action.payload ?? \"Невідома помилка\";\n      });\n  },\n});\n\nexport default postsSlice.reducer;\n","src\u002Ffeatures\u002Fposts\u002FpostsSlice.ts","ts",[5494,6067,6068,6095,6115,6119,6137,6145,6153,6169,6202,6209,6235,6262,6288,6297,6310,6315,6320,6324,6334,6345,6372,6387,6391,6395,6411,6420,6431,6442,6448,6453,6468,6479,6487,6496,6516,6522,6552,6569,6584,6589,6620,6635,6656,6661,6691,6706,6731,6737,6743,6748,6753],{"__ignoreMap":5607},[5611,6069,6070,6073,6076,6078,6080,6083,6086,6089,6092],{"class":5613,"line":5614},[5611,6071,6072],{"class":5830},"import",[5611,6074,6075],{"class":5625}," { ",[5611,6077,5594],{"class":5791},[5611,6079,5497],{"class":5625},[5611,6081,6082],{"class":5791},"createSlice",[5611,6084,6085],{"class":5625}," } ",[5611,6087,6088],{"class":5830},"from",[5611,6090,6091],{"class":5784}," \"@reduxjs\u002Ftoolkit\"",[5611,6093,6094],{"class":5625},";\n",[5611,6096,6097,6099,6102,6104,6106,6108,6110,6113],{"class":5613,"line":5629},[5611,6098,6072],{"class":5830},[5611,6100,6101],{"class":5830}," type",[5611,6103,6075],{"class":5625},[5611,6105,5657],{"class":5791},[5611,6107,6085],{"class":5625},[5611,6109,6088],{"class":5830},[5611,6111,6112],{"class":5784}," \"..\u002F..\u002Ftypes\"",[5611,6114,6094],{"class":5625},[5611,6116,6117],{"class":5613,"line":5663},[5611,6118,5732],{"emptyLinePlaceholder":5731},[5611,6120,6121,6124,6127,6130,6132,6134],{"class":5613,"line":5691},[5611,6122,6123],{"class":5830},"export",[5611,6125,6126],{"class":5617}," const",[5611,6128,6129],{"class":5638}," fetchPosts",[5611,6131,5759],{"class":5625},[5611,6133,5594],{"class":5791},[5611,6135,6136],{"class":5625},"\u003C\n",[5611,6138,6139,6142],{"class":5613,"line":5728},[5611,6140,6141],{"class":5791},"  Post",[5611,6143,6144],{"class":5625},"[],\n",[5611,6146,6147,6150],{"class":5613,"line":5735},[5611,6148,6149],{"class":5617},"  void",[5611,6151,6152],{"class":5625},",\n",[5611,6154,6155,6158,6162,6164,6166],{"class":5613,"line":5750},[5611,6156,6157],{"class":5625},"  { ",[5611,6159,6161],{"class":6160},"s5IvJ","rejectValue",[5611,6163,5896],{"class":5625},[5611,6165,5712],{"class":5791},[5611,6167,6168],{"class":5625}," }\n",[5611,6170,6171,6173,6176,6178,6181,6183,6186,6188,6191,6193,6195,6198,6200],{"class":5613,"line":5771},[5611,6172,5721],{"class":5625},[5611,6174,6175],{"class":5784},"\"posts\u002FfetchPosts\"",[5611,6177,5497],{"class":5625},[5611,6179,6180],{"class":5617},"async",[5611,6182,5940],{"class":5625},[5611,6184,6185],{"class":5791},"_",[5611,6187,5788],{"class":5625},[5611,6189,6190],{"class":5791},"rejectWithValue",[5611,6192,5497],{"class":5625},[5611,6194,5799],{"class":5791},[5611,6196,6197],{"class":5625}," }) ",[5611,6199,5744],{"class":5617},[5611,6201,5747],{"class":5625},[5611,6203,6204,6207],{"class":5613,"line":5776},[5611,6205,6206],{"class":5830},"  try",[5611,6208,5747],{"class":5625},[5611,6210,6211,6213,6215,6217,6220,6223,6225,6228,6230,6232],{"class":5613,"line":5805},[5611,6212,5753],{"class":5617},[5611,6214,5868],{"class":5638},[5611,6216,5759],{"class":5625},[5611,6218,6219],{"class":5830},"await",[5611,6221,6222],{"class":5621}," fetch",[5611,6224,5682],{"class":5625},[5611,6226,6227],{"class":5784},"\"http:\u002F\u002Flocalhost:3001\u002Fposts\"",[5611,6229,5788],{"class":5625},[5611,6231,5799],{"class":5791},[5611,6233,6234],{"class":5625}," });\n",[5611,6236,6237,6240,6242,6244,6246,6248,6250,6253,6256,6258,6260],{"class":5613,"line":5827},[5611,6238,6239],{"class":5830},"    if",[5611,6241,5834],{"class":5625},[5611,6243,5817],{"class":5791},[5611,6245,5504],{"class":5625},[5611,6247,5841],{"class":5791},[5611,6249,5820],{"class":5625},[5611,6251,6252],{"class":5830},"return",[5611,6254,6255],{"class":5621}," rejectWithValue",[5611,6257,5682],{"class":5625},[5611,6259,5857],{"class":5784},[5611,6261,5688],{"class":5625},[5611,6263,6264,6266,6268,6270,6272,6274,6276,6279,6282,6285],{"class":5613,"line":5862},[5611,6265,6007],{"class":5830},[5611,6267,5940],{"class":5625},[5611,6269,6219],{"class":5830},[5611,6271,5868],{"class":5791},[5611,6273,5504],{"class":5625},[5611,6275,5873],{"class":5621},[5611,6277,6278],{"class":5625},"()) ",[5611,6280,6281],{"class":5830},"as",[5611,6283,6284],{"class":5656}," Post",[5611,6286,6287],{"class":5625},"[];\n",[5611,6289,6290,6293,6295],{"class":5613,"line":5878},[5611,6291,6292],{"class":5625},"  } ",[5611,6294,5921],{"class":5830},[5611,6296,5747],{"class":5625},[5611,6298,6299,6301,6303,6305,6308],{"class":5613,"line":5884},[5611,6300,6007],{"class":5830},[5611,6302,6255],{"class":5621},[5611,6304,5682],{"class":5625},[5611,6306,6307],{"class":5784},"\"Немає зв'язку з сервером\"",[5611,6309,5688],{"class":5625},[5611,6311,6312],{"class":5613,"line":5916},[5611,6313,6314],{"class":5625},"  }\n",[5611,6316,6317],{"class":5613,"line":5935},[5611,6318,6319],{"class":5625},"});\n",[5611,6321,6322],{"class":5613,"line":5971},[5611,6323,5732],{"emptyLinePlaceholder":5731},[5611,6325,6326,6329,6332],{"class":5613,"line":5976},[5611,6327,6328],{"class":5617},"interface",[5611,6330,6331],{"class":5656}," PostsState",[5611,6333,5747],{"class":5625},[5611,6335,6336,6339,6341,6343],{"class":5613,"line":5999},[5611,6337,6338],{"class":5791},"  items",[5611,6340,5896],{"class":5625},[5611,6342,5657],{"class":5656},[5611,6344,6287],{"class":5625},[5611,6346,6347,6350,6352,6355,6357,6360,6362,6365,6367,6370],{"class":5613,"line":6004},[5611,6348,6349],{"class":5791},"  status",[5611,6351,5896],{"class":5625},[5611,6353,6354],{"class":5784},"\"idle\"",[5611,6356,5715],{"class":5625},[5611,6358,6359],{"class":5784},"\"loading\"",[5611,6361,5715],{"class":5625},[5611,6363,6364],{"class":5784},"\"succeeded\"",[5611,6366,5715],{"class":5625},[5611,6368,6369],{"class":5784},"\"failed\"",[5611,6371,6094],{"class":5625},[5611,6373,6374,6377,6379,6381,6383,6385],{"class":5613,"line":6024},[5611,6375,6376],{"class":5791},"  error",[5611,6378,5896],{"class":5625},[5611,6380,5712],{"class":5656},[5611,6382,5715],{"class":5625},[5611,6384,5718],{"class":5656},[5611,6386,6094],{"class":5625},[5611,6388,6389],{"class":5613,"line":6030},[5611,6390,6045],{"class":5625},[5611,6392,6393],{"class":5613,"line":6035},[5611,6394,5732],{"emptyLinePlaceholder":5731},[5611,6396,6397,6400,6403,6405,6408],{"class":5613,"line":6042},[5611,6398,6399],{"class":5617},"const",[5611,6401,6402],{"class":5638}," initialState",[5611,6404,5896],{"class":5625},[5611,6406,6407],{"class":5656},"PostsState",[5611,6409,6410],{"class":5625}," = {\n",[5611,6412,6414,6417],{"class":5613,"line":6413},25,[5611,6415,6416],{"class":5791},"  items:",[5611,6418,6419],{"class":5625}," [],\n",[5611,6421,6423,6426,6429],{"class":5613,"line":6422},26,[5611,6424,6425],{"class":5791},"  status:",[5611,6427,6428],{"class":5784}," \"idle\"",[5611,6430,6152],{"class":5625},[5611,6432,6434,6437,6440],{"class":5613,"line":6433},27,[5611,6435,6436],{"class":5791},"  error:",[5611,6438,6439],{"class":5617}," null",[5611,6441,6152],{"class":5625},[5611,6443,6445],{"class":5613,"line":6444},28,[5611,6446,6447],{"class":5625},"};\n",[5611,6449,6451],{"class":5613,"line":6450},29,[5611,6452,5732],{"emptyLinePlaceholder":5731},[5611,6454,6456,6458,6461,6463,6465],{"class":5613,"line":6455},30,[5611,6457,6399],{"class":5617},[5611,6459,6460],{"class":5638}," postsSlice",[5611,6462,5759],{"class":5625},[5611,6464,6082],{"class":5621},[5611,6466,6467],{"class":5625},"({\n",[5611,6469,6471,6474,6477],{"class":5613,"line":6470},31,[5611,6472,6473],{"class":5791},"  name:",[5611,6475,6476],{"class":5784}," \"posts\"",[5611,6478,6152],{"class":5625},[5611,6480,6482,6485],{"class":5613,"line":6481},32,[5611,6483,6484],{"class":5791},"  initialState",[5611,6486,6152],{"class":5625},[5611,6488,6490,6493],{"class":5613,"line":6489},33,[5611,6491,6492],{"class":5791},"  reducers:",[5611,6494,6495],{"class":5625}," {},\n",[5611,6497,6499,6502,6505,6507,6510,6512,6514],{"class":5613,"line":6498},34,[5611,6500,6501],{"class":5621},"  extraReducers",[5611,6503,6504],{"class":5791},":",[5611,6506,5940],{"class":5625},[5611,6508,6509],{"class":5791},"builder",[5611,6511,5820],{"class":5625},[5611,6513,5744],{"class":5617},[5611,6515,5747],{"class":5625},[5611,6517,6519],{"class":5613,"line":6518},35,[5611,6520,6521],{"class":5791},"    builder\n",[5611,6523,6525,6527,6530,6532,6535,6537,6540,6543,6546,6548,6550],{"class":5613,"line":6524},36,[5611,6526,5808],{"class":5625},[5611,6528,6529],{"class":5621},"addCase",[5611,6531,5682],{"class":5625},[5611,6533,6534],{"class":5791},"fetchPosts",[5611,6536,5504],{"class":5625},[5611,6538,6539],{"class":5791},"pending",[5611,6541,6542],{"class":5625},", (",[5611,6544,6545],{"class":5791},"state",[5611,6547,5820],{"class":5625},[5611,6549,5744],{"class":5617},[5611,6551,5747],{"class":5625},[5611,6553,6555,6558,6560,6563,6565,6567],{"class":5613,"line":6554},37,[5611,6556,6557],{"class":5791},"        state",[5611,6559,5504],{"class":5625},[5611,6561,6562],{"class":5791},"status",[5611,6564,5759],{"class":5625},[5611,6566,6359],{"class":5784},[5611,6568,6094],{"class":5625},[5611,6570,6572,6574,6576,6578,6580,6582],{"class":5613,"line":6571},38,[5611,6573,6557],{"class":5791},[5611,6575,5504],{"class":5625},[5611,6577,5698],{"class":5791},[5611,6579,5759],{"class":5625},[5611,6581,5718],{"class":5617},[5611,6583,6094],{"class":5625},[5611,6585,6587],{"class":5613,"line":6586},39,[5611,6588,5881],{"class":5625},[5611,6590,6592,6594,6596,6598,6600,6602,6605,6607,6609,6611,6614,6616,6618],{"class":5613,"line":6591},40,[5611,6593,5808],{"class":5625},[5611,6595,6529],{"class":5621},[5611,6597,5682],{"class":5625},[5611,6599,6534],{"class":5791},[5611,6601,5504],{"class":5625},[5611,6603,6604],{"class":5791},"fulfilled",[5611,6606,6542],{"class":5625},[5611,6608,6545],{"class":5791},[5611,6610,5497],{"class":5625},[5611,6612,6613],{"class":5791},"action",[5611,6615,5820],{"class":5625},[5611,6617,5744],{"class":5617},[5611,6619,5747],{"class":5625},[5611,6621,6623,6625,6627,6629,6631,6633],{"class":5613,"line":6622},41,[5611,6624,6557],{"class":5791},[5611,6626,5504],{"class":5625},[5611,6628,6562],{"class":5791},[5611,6630,5759],{"class":5625},[5611,6632,6364],{"class":5784},[5611,6634,6094],{"class":5625},[5611,6636,6638,6640,6642,6645,6647,6649,6651,6654],{"class":5613,"line":6637},42,[5611,6639,6557],{"class":5791},[5611,6641,5504],{"class":5625},[5611,6643,6644],{"class":5791},"items",[5611,6646,5759],{"class":5625},[5611,6648,6613],{"class":5791},[5611,6650,5504],{"class":5625},[5611,6652,6653],{"class":5791},"payload",[5611,6655,6094],{"class":5625},[5611,6657,6659],{"class":5613,"line":6658},43,[5611,6660,5881],{"class":5625},[5611,6662,6664,6666,6668,6670,6672,6674,6677,6679,6681,6683,6685,6687,6689],{"class":5613,"line":6663},44,[5611,6665,5808],{"class":5625},[5611,6667,6529],{"class":5621},[5611,6669,5682],{"class":5625},[5611,6671,6534],{"class":5791},[5611,6673,5504],{"class":5625},[5611,6675,6676],{"class":5791},"rejected",[5611,6678,6542],{"class":5625},[5611,6680,6545],{"class":5791},[5611,6682,5497],{"class":5625},[5611,6684,6613],{"class":5791},[5611,6686,5820],{"class":5625},[5611,6688,5744],{"class":5617},[5611,6690,5747],{"class":5625},[5611,6692,6694,6696,6698,6700,6702,6704],{"class":5613,"line":6693},45,[5611,6695,6557],{"class":5791},[5611,6697,5504],{"class":5625},[5611,6699,6562],{"class":5791},[5611,6701,5759],{"class":5625},[5611,6703,6369],{"class":5784},[5611,6705,6094],{"class":5625},[5611,6707,6709,6711,6713,6715,6717,6719,6721,6723,6726,6729],{"class":5613,"line":6708},46,[5611,6710,6557],{"class":5791},[5611,6712,5504],{"class":5625},[5611,6714,5698],{"class":5791},[5611,6716,5759],{"class":5625},[5611,6718,6613],{"class":5791},[5611,6720,5504],{"class":5625},[5611,6722,6653],{"class":5791},[5611,6724,6725],{"class":5625}," ?? ",[5611,6727,6728],{"class":5784},"\"Невідома помилка\"",[5611,6730,6094],{"class":5625},[5611,6732,6734],{"class":5613,"line":6733},47,[5611,6735,6736],{"class":5625},"      });\n",[5611,6738,6740],{"class":5613,"line":6739},48,[5611,6741,6742],{"class":5625},"  },\n",[5611,6744,6746],{"class":5613,"line":6745},49,[5611,6747,6319],{"class":5625},[5611,6749,6751],{"class":5613,"line":6750},50,[5611,6752,5732],{"emptyLinePlaceholder":5731},[5611,6754,6756,6758,6761,6763,6765,6768],{"class":5613,"line":6755},51,[5611,6757,6123],{"class":5830},[5611,6759,6760],{"class":5830}," default",[5611,6762,6460],{"class":5791},[5611,6764,5504],{"class":5625},[5611,6766,6767],{"class":5791},"reducer",[5611,6769,6094],{"class":5625},[5581,6771,6772],{},"А тепер компонент має запустити thunk і прочитати результат зі store:",[5602,6774,6777],{"className":5604,"code":6775,"filename":6776,"language":5606,"meta":5607,"style":5607},"function PostList() {\n  const dispatch = useAppDispatch();\n  const { items, status, error } = useAppSelector((state) => state.posts);\n\n  useEffect(() => {\n    if (status === \"idle\") {\n      dispatch(fetchPosts());\n    }\n  }, [status, dispatch]);\n\n  if (status === \"loading\") return \u003Cp>Завантаження...\u003C\u002Fp>;\n  if (status === \"failed\") return \u003Cp>{error}\u003C\u002Fp>;\n\n  return (\n    \u003Cul>\n      {items.map((p) => \u003Cli key={p.id}>{p.title}\u003C\u002Fli>)}\n    \u003C\u002Ful>\n  );\n}\n","src\u002Fcomponents\u002FPostList.tsx",[5494,6778,6779,6787,6801,6840,6844,6854,6870,6882,6887,6902,6906,6945,6983,6987,6995,7005,7072,7081,7086],{"__ignoreMap":5607},[5611,6780,6781,6783,6785],{"class":5613,"line":5614},[5611,6782,5618],{"class":5617},[5611,6784,5622],{"class":5621},[5611,6786,5626],{"class":5625},[5611,6788,6789,6791,6794,6796,6799],{"class":5613,"line":5629},[5611,6790,5632],{"class":5617},[5611,6792,6793],{"class":5638}," dispatch",[5611,6795,5759],{"class":5625},[5611,6797,6798],{"class":5621},"useAppDispatch",[5611,6800,5768],{"class":5625},[5611,6802,6803,6805,6807,6809,6811,6813,6815,6817,6820,6823,6825,6827,6829,6831,6834,6836,6838],{"class":5613,"line":5663},[5611,6804,5632],{"class":5617},[5611,6806,6075],{"class":5625},[5611,6808,6644],{"class":5638},[5611,6810,5497],{"class":5625},[5611,6812,6562],{"class":5638},[5611,6814,5497],{"class":5625},[5611,6816,5698],{"class":5638},[5611,6818,6819],{"class":5625}," } = ",[5611,6821,6822],{"class":5621},"useAppSelector",[5611,6824,5814],{"class":5625},[5611,6826,6545],{"class":5791},[5611,6828,5820],{"class":5625},[5611,6830,5744],{"class":5617},[5611,6832,6833],{"class":5791}," state",[5611,6835,5504],{"class":5625},[5611,6837,5639],{"class":5791},[5611,6839,5688],{"class":5625},[5611,6841,6842],{"class":5613,"line":5691},[5611,6843,5732],{"emptyLinePlaceholder":5731},[5611,6845,6846,6848,6850,6852],{"class":5613,"line":5728},[5611,6847,5738],{"class":5621},[5611,6849,5741],{"class":5625},[5611,6851,5744],{"class":5617},[5611,6853,5747],{"class":5625},[5611,6855,6856,6858,6860,6862,6865,6867],{"class":5613,"line":5735},[5611,6857,6239],{"class":5830},[5611,6859,5940],{"class":5625},[5611,6861,6562],{"class":5791},[5611,6863,6864],{"class":5625}," === ",[5611,6866,6354],{"class":5784},[5611,6868,6869],{"class":5625},") {\n",[5611,6871,6872,6875,6877,6879],{"class":5613,"line":5750},[5611,6873,6874],{"class":5621},"      dispatch",[5611,6876,5682],{"class":5625},[5611,6878,6534],{"class":5621},[5611,6880,6881],{"class":5625},"());\n",[5611,6883,6884],{"class":5613,"line":5771},[5611,6885,6886],{"class":5625},"    }\n",[5611,6888,6889,6892,6894,6896,6899],{"class":5613,"line":5776},[5611,6890,6891],{"class":5625},"  }, [",[5611,6893,6562],{"class":5791},[5611,6895,5497],{"class":5625},[5611,6897,6898],{"class":5791},"dispatch",[5611,6900,6901],{"class":5625},"]);\n",[5611,6903,6904],{"class":5613,"line":5805},[5611,6905,5732],{"emptyLinePlaceholder":5731},[5611,6907,6908,6911,6913,6915,6917,6919,6921,6923,6927,6930,6933,6936,6939,6941,6943],{"class":5613,"line":5827},[5611,6909,6910],{"class":5830},"  if",[5611,6912,5940],{"class":5625},[5611,6914,6562],{"class":5791},[5611,6916,6864],{"class":5625},[5611,6918,6359],{"class":5784},[5611,6920,5820],{"class":5625},[5611,6922,6252],{"class":5830},[5611,6924,6926],{"class":6925},"s0P7L"," \u003C",[5611,6928,5581],{"class":6929},"sKtos",[5611,6931,6932],{"class":6925},">",[5611,6934,6935],{"class":5625},"Завантаження...",[5611,6937,6938],{"class":6925},"\u003C\u002F",[5611,6940,5581],{"class":6929},[5611,6942,6932],{"class":6925},[5611,6944,6094],{"class":5625},[5611,6946,6947,6949,6951,6953,6955,6957,6959,6961,6963,6965,6967,6970,6972,6975,6977,6979,6981],{"class":5613,"line":5862},[5611,6948,6910],{"class":5830},[5611,6950,5940],{"class":5625},[5611,6952,6562],{"class":5791},[5611,6954,6864],{"class":5625},[5611,6956,6369],{"class":5784},[5611,6958,5820],{"class":5625},[5611,6960,6252],{"class":5830},[5611,6962,6926],{"class":6925},[5611,6964,5581],{"class":6929},[5611,6966,6932],{"class":6925},[5611,6968,6969],{"class":5617},"{",[5611,6971,5698],{"class":5791},[5611,6973,6974],{"class":5617},"}",[5611,6976,6938],{"class":6925},[5611,6978,5581],{"class":6929},[5611,6980,6932],{"class":6925},[5611,6982,6094],{"class":5625},[5611,6984,6985],{"class":5613,"line":5878},[5611,6986,5732],{"emptyLinePlaceholder":5731},[5611,6988,6989,6992],{"class":5613,"line":5884},[5611,6990,6991],{"class":5830},"  return",[5611,6993,6994],{"class":5625}," (\n",[5611,6996,6997,7000,7002],{"class":5613,"line":5916},[5611,6998,6999],{"class":6925},"    \u003C",[5611,7001,5484],{"class":6929},[5611,7003,7004],{"class":6925},">\n",[5611,7006,7007,7010,7012,7015,7018,7020,7022,7024,7026,7028,7030,7034,7037,7039,7041,7043,7046,7048,7050,7052,7054,7056,7059,7061,7063,7065,7067,7070],{"class":5613,"line":5935},[5611,7008,7009],{"class":5617},"      {",[5611,7011,6644],{"class":5791},[5611,7013,5504],{"class":7014},"sD7JJ",[5611,7016,7017],{"class":5621},"map",[5611,7019,5814],{"class":7014},[5611,7021,5581],{"class":5791},[5611,7023,5820],{"class":7014},[5611,7025,5744],{"class":5617},[5611,7027,6926],{"class":6925},[5611,7029,5487],{"class":6929},[5611,7031,7033],{"class":7032},"sa4r_"," key",[5611,7035,7036],{"class":5625},"=",[5611,7038,6969],{"class":5617},[5611,7040,5581],{"class":5791},[5611,7042,5504],{"class":7014},[5611,7044,7045],{"class":5791},"id",[5611,7047,6974],{"class":5617},[5611,7049,6932],{"class":6925},[5611,7051,6969],{"class":5617},[5611,7053,5581],{"class":5791},[5611,7055,5504],{"class":7014},[5611,7057,7058],{"class":5791},"title",[5611,7060,6974],{"class":5617},[5611,7062,6938],{"class":6925},[5611,7064,5487],{"class":6929},[5611,7066,6932],{"class":6925},[5611,7068,7069],{"class":7014},")",[5611,7071,6045],{"class":5617},[5611,7073,7074,7077,7079],{"class":5613,"line":5971},[5611,7075,7076],{"class":6925},"    \u003C\u002F",[5611,7078,5484],{"class":6929},[5611,7080,7004],{"class":6925},[5611,7082,7083],{"class":5613,"line":5976},[5611,7084,7085],{"class":5625},"  );\n",[5611,7087,7088],{"class":5613,"line":5999},[5611,7089,6045],{"class":5625},[5581,7091,7092,7093,5497,7095,5497,7097,7099,7100,7103,7104,7106,7107,7109],{},"Тут уже краще: дані спільні для всіх компонентів, а стани запиту (",[5494,7094,6539],{},[5494,7096,6604],{},[5494,7098,6676],{},") обробляються передбачувано. Але ціна висока: для ",[5531,7101,7102],{},"одного"," запиту ми написали thunk, тип стану, початковий стан, три ",[5494,7105,6529],{}," і ",[5494,7108,5586],{}," у компоненті. І це лише читання. Для створення, зміни та видалення доведеться писати ще по thunk і по три обробники на кожен.",[5597,7111,7113],{"id":7112},"що-все-одно-піде-не-так","Що все одно піде не так",[5581,7115,7116],{},"Обидва способи мають спільні проблеми, які зростають разом із застосунком:",[7118,7119,7120,7133,7143,7149,7155],"ol",{},[5487,7121,7122,7125,7126,5497,7128,5497,7130,7132],{},[5531,7123,7124],{},"Дублювання коду."," Стан (",[5494,7127,5893],{},[5494,7129,5670],{},[5494,7131,5698],{},") та обробники доведеться повторювати для кожного запиту.",[5487,7134,7135,7138,7139,7142],{},[5531,7136,7137],{},"Зайві запити."," Якщо два компоненти просять ті самі пости, на сервер підуть два однакових запити. Перевірку ",[5494,7140,7141],{},"status === \"idle\""," ми дописали вручну, і вона не вирішує всіх випадків.",[5487,7144,7145,7148],{},[5531,7146,7147],{},"Немає кешу."," Користувач перейшов на іншу сторінку і повернувся — дані завантажуються знову, і він знову бачить спінер.",[5487,7150,7151,7154],{},[5531,7152,7153],{},"Ручне оновлення."," Після створення нового поста треба самому не забути перезавантажити список.",[5487,7156,7157,7164],{},[5531,7158,7159,7160,7163],{},"Гонки запитів (",[5509,7161,7162],{},"race conditions",")."," Якщо користувач швидко перемикається між сторінками, відповідь на старий запит може прийти пізніше за новий і перезаписати правильні дані.",[5581,7166,7167,7170,7171,7174,7175,7106,7178,7181],{},[5531,7168,7169],{},"RTK Query"," — це частина пакета Redux Toolkit, яка бере всю цю рутину на себе. Ви описуєте ",[5509,7172,7173],{},"що"," потрібно запитати, а бібліотека сама вирішує ",[5509,7176,7177],{},"коли",[5509,7179,7180],{},"як"," це зробити, зберігає результат і стежить за актуальністю.",[7183,7184,7185,7186,7189,7190,5497,7193,7195,7196,7199],"note",{},"RTK Query не потребує окремого встановлення. Він входить до ",[5494,7187,7188],{},"@reduxjs\u002Ftoolkit",", який ми вже використовували в темі про Redux Toolkit. Якщо ви ще не знайомі зі ",[5494,7191,7192],{},"store",[5494,7194,5503],{}," та ",[5494,7197,7198],{},"useSelector",", повторіть попередню лекцію — тут ми на них спираємося.",[5597,7201,7203],{"id":7202},"клієнтський-і-серверний-стан","Клієнтський і серверний стан",[5581,7205,7206],{},"Щоб зрозуміти, навіщо потрібна окрема бібліотека, розділимо стан застосунку на два види.",[5581,7208,7209,7212],{},[5531,7210,7211],{},"Клієнтський стан"," повністю належить браузеру: відкрите меню, обрана тема, текст у полі вводу. Ніхто, крім нашого коду, його не змінить.",[5581,7214,7215,7218,7219,7222],{},[5531,7216,7217],{},"Серверний стан"," — це дані, власник яких сервер: список постів, профіль користувача, замовлення. У браузері ми тримаємо лише ",[5509,7220,7221],{},"копію",", і вона може застаріти в будь-яку мить: інший користувач додав пост, адміністратор змінив ціну.",[7224,7225,7227],"plant-uml",{"alt":7226},"Клієнтський та серверний стан",[5602,7228,7232],{"className":7229,"code":7230,"language":7231,"meta":5607,"style":5607},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam defaultFontColor #1E293B\nskinparam rectangleBorderColor #1E293B\n\nrectangle \"Браузер\" #F1F5F9 {\n  rectangle \"Клієнтський стан\\n(тема, відкрите меню,\\nтекст у формі)\" as Client #DBEAFE\n  rectangle \"Копія серверних даних\\n(кеш)\" as Copy #FEF3C7\n}\n\nrectangle \"Сервер \u002F База даних\" as Server #DCFCE7\n\nClient -[hidden]-> Copy\nCopy \u003C-right-> Server : запити,\\nоновлення\nnote bottom of Client\n  Єдине джерело правди — браузер\nend note\nnote bottom of Server\n  Єдине джерело правди — сервер\nend note\n@enduml\n","plantuml",[5494,7233,7234,7239,7244,7249,7254,7259,7263,7268,7273,7278,7282,7286,7291,7295,7300,7305,7310,7315,7320,7325,7330,7334],{"__ignoreMap":5607},[5611,7235,7236],{"class":5613,"line":5614},[5611,7237,7238],{},"@startuml\n",[5611,7240,7241],{"class":5613,"line":5629},[5611,7242,7243],{},"skinparam style plain\n",[5611,7245,7246],{"class":5613,"line":5663},[5611,7247,7248],{},"skinparam backgroundColor #FFFFFF\n",[5611,7250,7251],{"class":5613,"line":5691},[5611,7252,7253],{},"skinparam defaultFontColor #1E293B\n",[5611,7255,7256],{"class":5613,"line":5728},[5611,7257,7258],{},"skinparam rectangleBorderColor #1E293B\n",[5611,7260,7261],{"class":5613,"line":5735},[5611,7262,5732],{"emptyLinePlaceholder":5731},[5611,7264,7265],{"class":5613,"line":5750},[5611,7266,7267],{},"rectangle \"Браузер\" #F1F5F9 {\n",[5611,7269,7270],{"class":5613,"line":5771},[5611,7271,7272],{},"  rectangle \"Клієнтський стан\\n(тема, відкрите меню,\\nтекст у формі)\" as Client #DBEAFE\n",[5611,7274,7275],{"class":5613,"line":5776},[5611,7276,7277],{},"  rectangle \"Копія серверних даних\\n(кеш)\" as Copy #FEF3C7\n",[5611,7279,7280],{"class":5613,"line":5805},[5611,7281,6045],{},[5611,7283,7284],{"class":5613,"line":5827},[5611,7285,5732],{"emptyLinePlaceholder":5731},[5611,7287,7288],{"class":5613,"line":5862},[5611,7289,7290],{},"rectangle \"Сервер \u002F База даних\" as Server #DCFCE7\n",[5611,7292,7293],{"class":5613,"line":5878},[5611,7294,5732],{"emptyLinePlaceholder":5731},[5611,7296,7297],{"class":5613,"line":5884},[5611,7298,7299],{},"Client -[hidden]-> Copy\n",[5611,7301,7302],{"class":5613,"line":5916},[5611,7303,7304],{},"Copy \u003C-right-> Server : запити,\\nоновлення\n",[5611,7306,7307],{"class":5613,"line":5935},[5611,7308,7309],{},"note bottom of Client\n",[5611,7311,7312],{"class":5613,"line":5971},[5611,7313,7314],{},"  Єдине джерело правди — браузер\n",[5611,7316,7317],{"class":5613,"line":5976},[5611,7318,7319],{},"end note\n",[5611,7321,7322],{"class":5613,"line":5999},[5611,7323,7324],{},"note bottom of Server\n",[5611,7326,7327],{"class":5613,"line":6004},[5611,7328,7329],{},"  Єдине джерело правди — сервер\n",[5611,7331,7332],{"class":5613,"line":6024},[5611,7333,7319],{},[5611,7335,7336],{"class":5613,"line":6030},[5611,7337,7338],{},"@enduml\n",[5581,7340,7341,7342,7344],{},"Для клієнтського стану чудово підходять ",[5494,7343,5650],{}," та Redux slices. А серверний стан потребує інших інструментів: кешування, перевірки актуальності, повторних спроб. Саме це й дає RTK Query.",[5573,7346],{},[5576,7348,7350],{"id":7349},"підготовка-тестовий-сервер","Підготовка: тестовий сервер",[5581,7352,7353,7354,7357,7358,5504],{},"Щоб тренуватися, нам потрібен API, який справді зберігає зміни. Публічні сервіси на кшталт JSONPlaceholder лише ",[5509,7355,7356],{},"вдають",", що створили чи видалили запис, тому ефект від інвалідації кешу ми б не побачили. Підніміть локальний REST API за допомогою ",[5494,7359,7360],{},"json-server",[5581,7362,7363,7364,7367],{},"Створіть файл ",[5494,7365,7366],{},"db.json"," у корені проєкту:",[5602,7369,7372],{"className":7370,"code":7371,"language":5873,"meta":5607,"style":5607},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"posts\": [\n    { \"id\": 1, \"title\": \"Перший пост\", \"body\": \"Привіт, RTK Query!\", \"done\": false },\n    { \"id\": 2, \"title\": \"Другий пост\", \"body\": \"Кеш — це круто\", \"done\": true },\n    { \"id\": 3, \"title\": \"Третій пост\", \"body\": \"Теги керують оновленням\", \"done\": false }\n  ]\n}\n",[5494,7373,7374,7379,7388,7434,7473,7512,7517],{"__ignoreMap":5607},[5611,7375,7376],{"class":5613,"line":5614},[5611,7377,7378],{"class":5625},"{\n",[5611,7380,7381,7385],{"class":5613,"line":5629},[5611,7382,7384],{"class":7383},"sLwNe","  \"posts\"",[5611,7386,7387],{"class":5625},": [\n",[5611,7389,7390,7393,7396,7398,7402,7404,7407,7409,7412,7414,7417,7419,7422,7424,7427,7429,7431],{"class":5613,"line":5663},[5611,7391,7392],{"class":5625},"    { ",[5611,7394,7395],{"class":7383},"\"id\"",[5611,7397,5896],{"class":5625},[5611,7399,7401],{"class":7400},"sJj4R","1",[5611,7403,5497],{"class":5625},[5611,7405,7406],{"class":7383},"\"title\"",[5611,7408,5896],{"class":5625},[5611,7410,7411],{"class":5784},"\"Перший пост\"",[5611,7413,5497],{"class":5625},[5611,7415,7416],{"class":7383},"\"body\"",[5611,7418,5896],{"class":5625},[5611,7420,7421],{"class":5784},"\"Привіт, RTK Query!\"",[5611,7423,5497],{"class":5625},[5611,7425,7426],{"class":7383},"\"done\"",[5611,7428,5896],{"class":5625},[5611,7430,5993],{"class":5617},[5611,7432,7433],{"class":5625}," },\n",[5611,7435,7436,7438,7440,7442,7445,7447,7449,7451,7454,7456,7458,7460,7463,7465,7467,7469,7471],{"class":5613,"line":5691},[5611,7437,7392],{"class":5625},[5611,7439,7395],{"class":7383},[5611,7441,5896],{"class":5625},[5611,7443,7444],{"class":7400},"2",[5611,7446,5497],{"class":5625},[5611,7448,7406],{"class":7383},[5611,7450,5896],{"class":5625},[5611,7452,7453],{"class":5784},"\"Другий пост\"",[5611,7455,5497],{"class":5625},[5611,7457,7416],{"class":7383},[5611,7459,5896],{"class":5625},[5611,7461,7462],{"class":5784},"\"Кеш — це круто\"",[5611,7464,5497],{"class":5625},[5611,7466,7426],{"class":7383},[5611,7468,5896],{"class":5625},[5611,7470,5685],{"class":5617},[5611,7472,7433],{"class":5625},[5611,7474,7475,7477,7479,7481,7484,7486,7488,7490,7493,7495,7497,7499,7502,7504,7506,7508,7510],{"class":5613,"line":5728},[5611,7476,7392],{"class":5625},[5611,7478,7395],{"class":7383},[5611,7480,5896],{"class":5625},[5611,7482,7483],{"class":7400},"3",[5611,7485,5497],{"class":5625},[5611,7487,7406],{"class":7383},[5611,7489,5896],{"class":5625},[5611,7491,7492],{"class":5784},"\"Третій пост\"",[5611,7494,5497],{"class":5625},[5611,7496,7416],{"class":7383},[5611,7498,5896],{"class":5625},[5611,7500,7501],{"class":5784},"\"Теги керують оновленням\"",[5611,7503,5497],{"class":5625},[5611,7505,7426],{"class":7383},[5611,7507,5896],{"class":5625},[5611,7509,5993],{"class":5617},[5611,7511,6168],{"class":5625},[5611,7513,7514],{"class":5613,"line":5735},[5611,7515,7516],{"class":5625},"  ]\n",[5611,7518,7519],{"class":5613,"line":5750},[5611,7520,6045],{"class":5625},[7522,7523,7524,7568,7604],"tabs",{},[7525,7526,7528],"tabs-item",{"label":7527},"npm",[5602,7529,7533],{"className":7530,"code":7531,"language":7532,"meta":5607,"style":5607},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install -D json-server@0.17.4\nnpx json-server --watch db.json --port 3001\n","bash",[5494,7534,7535,7548],{"__ignoreMap":5607},[5611,7536,7537,7539,7542,7545],{"class":5613,"line":5614},[5611,7538,7527],{"class":5621},[5611,7540,7541],{"class":5784}," install",[5611,7543,7544],{"class":5617}," -D",[5611,7546,7547],{"class":5784}," json-server@0.17.4\n",[5611,7549,7550,7553,7556,7559,7562,7565],{"class":5613,"line":5629},[5611,7551,7552],{"class":5621},"npx",[5611,7554,7555],{"class":5784}," json-server",[5611,7557,7558],{"class":5617}," --watch",[5611,7560,7561],{"class":5784}," db.json",[5611,7563,7564],{"class":5617}," --port",[5611,7566,7567],{"class":7400}," 3001\n",[7525,7569,7571],{"label":7570},"pnpm",[5602,7572,7574],{"className":7530,"code":7573,"language":7532,"meta":5607,"style":5607},"pnpm add -D json-server@0.17.4\npnpm exec json-server --watch db.json --port 3001\n",[5494,7575,7576,7587],{"__ignoreMap":5607},[5611,7577,7578,7580,7583,7585],{"class":5613,"line":5614},[5611,7579,7570],{"class":5621},[5611,7581,7582],{"class":5784}," add",[5611,7584,7544],{"class":5617},[5611,7586,7547],{"class":5784},[5611,7588,7589,7591,7594,7596,7598,7600,7602],{"class":5613,"line":5629},[5611,7590,7570],{"class":5621},[5611,7592,7593],{"class":5784}," exec",[5611,7595,7555],{"class":5784},[5611,7597,7558],{"class":5617},[5611,7599,7561],{"class":5784},[5611,7601,7564],{"class":5617},[5611,7603,7567],{"class":7400},[7525,7605,7607],{"label":7606},"yarn",[5602,7608,7610],{"className":7530,"code":7609,"language":7532,"meta":5607,"style":5607},"yarn add -D json-server@0.17.4\nyarn json-server --watch db.json --port 3001\n",[5494,7611,7612,7622],{"__ignoreMap":5607},[5611,7613,7614,7616,7618,7620],{"class":5613,"line":5614},[5611,7615,7606],{"class":5621},[5611,7617,7582],{"class":5784},[5611,7619,7544],{"class":5617},[5611,7621,7547],{"class":5784},[5611,7623,7624,7626,7628,7630,7632,7634],{"class":5613,"line":5629},[5611,7625,7606],{"class":5621},[5611,7627,7555],{"class":5784},[5611,7629,7558],{"class":5617},[5611,7631,7561],{"class":5784},[5611,7633,7564],{"class":5617},[5611,7635,7567],{"class":7400},[5581,7637,7638,7639,7642],{},"Тепер за адресою ",[5494,7640,7641],{},"http:\u002F\u002Flocalhost:3001\u002Fposts"," доступні стандартні REST-маршрути:",[7644,7645,7646,7662],"table",{},[7647,7648,7649],"thead",{},[7650,7651,7652,7656,7659],"tr",{},[7653,7654,7655],"th",{},"Метод",[7653,7657,7658],{},"URL",[7653,7660,7661],{},"Що робить",[7663,7664,7665,7681,7697,7711,7725],"tbody",{},[7650,7666,7667,7673,7678],{},[7668,7669,7670],"td",{},[5494,7671,7672],{},"GET",[7668,7674,7675],{},[5494,7676,7677],{},"\u002Fposts",[7668,7679,7680],{},"Список усіх постів",[7650,7682,7683,7687,7692],{},[7668,7684,7685],{},[5494,7686,7672],{},[7668,7688,7689],{},[5494,7690,7691],{},"\u002Fposts\u002F1",[7668,7693,7694,7695],{},"Один пост за ",[5494,7696,7045],{},[7650,7698,7699,7704,7708],{},[7668,7700,7701],{},[5494,7702,7703],{},"POST",[7668,7705,7706],{},[5494,7707,7677],{},[7668,7709,7710],{},"Створює новий пост",[7650,7712,7713,7718,7722],{},[7668,7714,7715],{},[5494,7716,7717],{},"PATCH",[7668,7719,7720],{},[5494,7721,7691],{},[7668,7723,7724],{},"Частково змінює пост",[7650,7726,7727,7732,7736],{},[7668,7728,7729],{},[5494,7730,7731],{},"DELETE",[7668,7733,7734],{},[5494,7735,7691],{},[7668,7737,7738],{},"Видаляє пост",[5581,7740,7741],{},"Також нам знадобиться Redux Toolkit та React-Redux. Якщо їх ще немає в проєкті:",[7522,7743,7744,7763,7780],{},[7525,7745,7746],{"label":7527},[5602,7747,7749],{"className":7530,"code":7748,"language":7532,"meta":5607,"style":5607},"npm install @reduxjs\u002Ftoolkit react-redux\n",[5494,7750,7751],{"__ignoreMap":5607},[5611,7752,7753,7755,7757,7760],{"class":5613,"line":5614},[5611,7754,7527],{"class":5621},[5611,7756,7541],{"class":5784},[5611,7758,7759],{"class":5784}," @reduxjs\u002Ftoolkit",[5611,7761,7762],{"class":5784}," react-redux\n",[7525,7764,7765],{"label":7570},[5602,7766,7768],{"className":7530,"code":7767,"language":7532,"meta":5607,"style":5607},"pnpm add @reduxjs\u002Ftoolkit react-redux\n",[5494,7769,7770],{"__ignoreMap":5607},[5611,7771,7772,7774,7776,7778],{"class":5613,"line":5614},[5611,7773,7570],{"class":5621},[5611,7775,7582],{"class":5784},[5611,7777,7759],{"class":5784},[5611,7779,7762],{"class":5784},[7525,7781,7782],{"label":7606},[5602,7783,7785],{"className":7530,"code":7784,"language":7532,"meta":5607,"style":5607},"yarn add @reduxjs\u002Ftoolkit react-redux\n",[5494,7786,7787],{"__ignoreMap":5607},[5611,7788,7789,7791,7793,7795],{"class":5613,"line":5614},[5611,7790,7606],{"class":5621},[5611,7792,7582],{"class":5784},[5611,7794,7759],{"class":5784},[5611,7796,7762],{"class":5784},[5573,7798],{},[5576,7800,7802],{"id":7801},"перший-запит-від-нуля-до-працюючого-списку","Перший запит: від нуля до працюючого списку",[5581,7804,7805,7806,7808],{},"Розберемо мінімальний шлях. Він складається з чотирьох кроків: описати API, підключити його до store, обгорнути застосунок у ",[5494,7807,5503],{}," і використати хук у компоненті.",[7810,7811,7812,7816,7819,7823,7826,7830,7833,7837],"steps",{},[5597,7813,7815],{"id":7814},"крок-1-описуємо-api-через-createapi","Крок 1. Описуємо API через createApi",[5581,7817,7818],{},"Створюємо один файл, у якому живе опис усіх запитів до сервера.",[5597,7820,7822],{"id":7821},"крок-2-підключаємо-api-до-store","Крок 2. Підключаємо API до store",[5581,7824,7825],{},"Додаємо редʼюсер і мідлвар, які RTK Query згенерував для нас.",[5597,7827,7829],{"id":7828},"крок-3-обгортаємо-застосунок-у-provider","Крок 3. Обгортаємо застосунок у Provider",[5581,7831,7832],{},"Робимо store доступним усім компонентам.",[5597,7834,7836],{"id":7835},"крок-4-використовуємо-хук","Крок 4. Використовуємо хук",[5581,7838,7839,7840,5497,7842,7195,7844,5504],{},"Викликаємо згенерований хук і отримуємо ",[5494,7841,5893],{},[5494,7843,5670],{},[5494,7845,5698],{},[5597,7847,7849],{"id":7848},"крок-1-описуємо-api","Крок 1. Описуємо API",[5581,7851,7852],{},"Спочатку опишемо тип даних, з якими працюємо:",[5602,7854,7857],{"className":6062,"code":7855,"filename":7856,"language":6065,"meta":5607,"style":5607},"export interface Post {\n  id: number;\n  title: string;\n  body: string;\n  done: boolean;\n}\n","src\u002Ftypes.ts",[5494,7858,7859,7870,7882,7893,7904,7916],{"__ignoreMap":5607},[5611,7860,7861,7863,7866,7868],{"class":5613,"line":5614},[5611,7862,6123],{"class":5830},[5611,7864,7865],{"class":5617}," interface",[5611,7867,6284],{"class":5656},[5611,7869,5747],{"class":5625},[5611,7871,7872,7875,7877,7880],{"class":5613,"line":5629},[5611,7873,7874],{"class":5791},"  id",[5611,7876,5896],{"class":5625},[5611,7878,7879],{"class":5656},"number",[5611,7881,6094],{"class":5625},[5611,7883,7884,7887,7889,7891],{"class":5613,"line":5663},[5611,7885,7886],{"class":5791},"  title",[5611,7888,5896],{"class":5625},[5611,7890,5712],{"class":5656},[5611,7892,6094],{"class":5625},[5611,7894,7895,7898,7900,7902],{"class":5613,"line":5691},[5611,7896,7897],{"class":5791},"  body",[5611,7899,5896],{"class":5625},[5611,7901,5712],{"class":5656},[5611,7903,6094],{"class":5625},[5611,7905,7906,7909,7911,7914],{"class":5613,"line":5728},[5611,7907,7908],{"class":5791},"  done",[5611,7910,5896],{"class":5625},[5611,7912,7913],{"class":5656},"boolean",[5611,7915,6094],{"class":5625},[5611,7917,7918],{"class":5613,"line":5735},[5611,7919,6045],{"class":5625},[5581,7921,7922,7923,6504],{},"Тепер створимо сам API. Уся магія починається з функції ",[5494,7924,5496],{},[5602,7926,7929],{"className":6062,"code":7927,"filename":7928,"language":6065,"meta":5607,"style":5607},"import { createApi, fetchBaseQuery } from \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\";\nimport type { Post } from \"..\u002Ftypes\";\n\nexport const postsApi = createApi({\n  reducerPath: \"postsApi\",\n  baseQuery: fetchBaseQuery({ baseUrl: \"http:\u002F\u002Flocalhost:3001\" }),\n  endpoints: (builder) => ({\n    getPosts: builder.query\u003CPost[], void>({\n      query: () => \"\u002Fposts\",\n    }),\n  }),\n});\n\nexport const { useGetPostsQuery } = postsApi;\n","src\u002Fapi\u002FpostsApi.ts",[5494,7930,7931,7952,7971,7975,7990,8000,8020,8038,8064,8080,8085,8090,8094,8098],{"__ignoreMap":5607},[5611,7932,7933,7935,7937,7939,7941,7943,7945,7947,7950],{"class":5613,"line":5614},[5611,7934,6072],{"class":5830},[5611,7936,6075],{"class":5625},[5611,7938,5496],{"class":5791},[5611,7940,5497],{"class":5625},[5611,7942,5500],{"class":5791},[5611,7944,6085],{"class":5625},[5611,7946,6088],{"class":5830},[5611,7948,7949],{"class":5784}," \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\"",[5611,7951,6094],{"class":5625},[5611,7953,7954,7956,7958,7960,7962,7964,7966,7969],{"class":5613,"line":5629},[5611,7955,6072],{"class":5830},[5611,7957,6101],{"class":5830},[5611,7959,6075],{"class":5625},[5611,7961,5657],{"class":5791},[5611,7963,6085],{"class":5625},[5611,7965,6088],{"class":5830},[5611,7967,7968],{"class":5784}," \"..\u002Ftypes\"",[5611,7970,6094],{"class":5625},[5611,7972,7973],{"class":5613,"line":5663},[5611,7974,5732],{"emptyLinePlaceholder":5731},[5611,7976,7977,7979,7981,7984,7986,7988],{"class":5613,"line":5691},[5611,7978,6123],{"class":5830},[5611,7980,6126],{"class":5617},[5611,7982,7983],{"class":5638}," postsApi",[5611,7985,5759],{"class":5625},[5611,7987,5496],{"class":5621},[5611,7989,6467],{"class":5625},[5611,7991,7992,7995,7998],{"class":5613,"line":5728},[5611,7993,7994],{"class":5791},"  reducerPath:",[5611,7996,7997],{"class":5784}," \"postsApi\"",[5611,7999,6152],{"class":5625},[5611,8001,8002,8005,8008,8011,8014,8017],{"class":5613,"line":5735},[5611,8003,8004],{"class":5791},"  baseQuery:",[5611,8006,8007],{"class":5621}," fetchBaseQuery",[5611,8009,8010],{"class":5625},"({ ",[5611,8012,8013],{"class":5791},"baseUrl:",[5611,8015,8016],{"class":5784}," \"http:\u002F\u002Flocalhost:3001\"",[5611,8018,8019],{"class":5625}," }),\n",[5611,8021,8022,8025,8027,8029,8031,8033,8035],{"class":5613,"line":5750},[5611,8023,8024],{"class":5621},"  endpoints",[5611,8026,6504],{"class":5791},[5611,8028,5940],{"class":5625},[5611,8030,6509],{"class":5791},[5611,8032,5820],{"class":5625},[5611,8034,5744],{"class":5617},[5611,8036,8037],{"class":5625}," ({\n",[5611,8039,8040,8043,8046,8048,8051,8053,8055,8058,8061],{"class":5613,"line":5771},[5611,8041,8042],{"class":5791},"    getPosts:",[5611,8044,8045],{"class":5791}," builder",[5611,8047,5504],{"class":5625},[5611,8049,8050],{"class":5621},"query",[5611,8052,5653],{"class":5625},[5611,8054,5657],{"class":5656},[5611,8056,8057],{"class":5625},"[], ",[5611,8059,8060],{"class":5656},"void",[5611,8062,8063],{"class":5625},">({\n",[5611,8065,8066,8069,8071,8073,8075,8078],{"class":5613,"line":5776},[5611,8067,8068],{"class":5621},"      query",[5611,8070,6504],{"class":5791},[5611,8072,6010],{"class":5625},[5611,8074,5744],{"class":5617},[5611,8076,8077],{"class":5784}," \"\u002Fposts\"",[5611,8079,6152],{"class":5625},[5611,8081,8082],{"class":5613,"line":5805},[5611,8083,8084],{"class":5625},"    }),\n",[5611,8086,8087],{"class":5613,"line":5827},[5611,8088,8089],{"class":5625},"  }),\n",[5611,8091,8092],{"class":5613,"line":5862},[5611,8093,6319],{"class":5625},[5611,8095,8096],{"class":5613,"line":5878},[5611,8097,5732],{"emptyLinePlaceholder":5731},[5611,8099,8100,8102,8104,8106,8109,8111,8114],{"class":5613,"line":5884},[5611,8101,6123],{"class":5830},[5611,8103,6126],{"class":5617},[5611,8105,6075],{"class":5625},[5611,8107,8108],{"class":5638},"useGetPostsQuery",[5611,8110,6819],{"class":5625},[5611,8112,8113],{"class":5791},"postsApi",[5611,8115,6094],{"class":5625},[5581,8117,8118],{},"Розберемо кожну частину:",[5484,8120,8121,8133,8147,8162,8177,8191],{},[5487,8122,8123,8128,8129,8132],{},[5531,8124,8125],{},[5494,8126,8127],{},"reducerPath"," — ім'я, під яким кеш цього API буде лежати в Redux store (",[5494,8130,8131],{},"state.postsApi","). Воно має бути унікальним серед усіх редʼюсерів.",[5487,8134,8135,8140,8141,8143,8144,8146],{},[5531,8136,8137],{},[5494,8138,8139],{},"baseQuery"," — «двигун» запитів. ",[5494,8142,5500],{}," — це тонка обгортка над стандартним ",[5494,8145,5590],{},", яка вже вміє розбирати JSON, додавати базову адресу та встановлювати заголовки. Axios тут не потрібен.",[5487,8148,8149,8154,8155,8157,8158,8161],{},[5531,8150,8151],{},[5494,8152,8153],{},"endpoints"," — функція, яка отримує ",[5494,8156,6509],{}," і повертає об'єкт з описом кожного запиту. Ключ (",[5494,8159,8160],{},"getPosts",") стає іменем ендпоінта.",[5487,8163,8164,8169,8170,8173,8174,8176],{},[5531,8165,8166],{},[5494,8167,8168],{},"builder.query\u003CPost[], void>"," — описує запит на читання. Перший типовий параметр — що повертає сервер (",[5494,8171,8172],{},"Post[]","), другий — який аргумент приймає запит (",[5494,8175,8060],{}," означає «без аргументів»).",[5487,8178,8179,8184,8185,8188,8189,5504],{},[5531,8180,8181],{},[5494,8182,8183],{},"query: () => \"\u002Fposts\""," — функція, що повертає шлях. Він додається до ",[5494,8186,8187],{},"baseUrl",", тому запит піде на ",[5494,8190,7641],{},[5487,8192,8193,8197,8198,8201,8202,5504],{},[5531,8194,8195],{},[5494,8196,8108],{}," — хук, який RTK Query автоматично згенерує з назви ендпоінта: ",[5494,8199,8200],{},"get Posts"," → ",[5494,8203,8108],{},[7183,8205,8206,8207,8210,8211,8214,8215,8218,8219,8221,8222,8224,8225,8228,8229,5504],{},"Правило імені хука просте: ",[5494,8208,8209],{},"use"," + назва ендпоінта з великої літери + ",[5494,8212,8213],{},"Query"," для запитів на читання або ",[5494,8216,8217],{},"Mutation"," для мутацій. Ендпоінт ",[5494,8220,8160],{}," дає ",[5494,8223,8108],{},", а ендпоінт ",[5494,8226,8227],{},"addPost"," дасть ",[5494,8230,8231],{},"useAddPostMutation",[5597,8233,8235],{"id":8234},"крок-2-підключаємо-до-store","Крок 2. Підключаємо до store",[5581,8237,8238,8239,8241],{},"Створений ",[5494,8240,8113],{}," містить готовий редʼюсер та мідлвар. Їх обов'язково потрібно додати до store, інакше кеш просто не працюватиме:",[5602,8243,8246],{"className":6062,"code":8244,"filename":8245,"language":6065,"meta":5607,"style":5607},"import { configureStore } from \"@reduxjs\u002Ftoolkit\";\nimport { postsApi } from \".\u002Fapi\u002FpostsApi\";\n\nexport const store = configureStore({\n  reducer: {\n    [postsApi.reducerPath]: postsApi.reducer,\n  },\n  middleware: (getDefaultMiddleware) =>\n    getDefaultMiddleware().concat(postsApi.middleware),\n});\n\nexport type RootState = ReturnType\u003Ctypeof store.getState>;\nexport type AppDispatch = typeof store.dispatch;\n","src\u002Fstore.ts",[5494,8247,8248,8265,8282,8286,8301,8308,8321,8325,8342,8365,8369,8373,8402],{"__ignoreMap":5607},[5611,8249,8250,8252,8254,8257,8259,8261,8263],{"class":5613,"line":5614},[5611,8251,6072],{"class":5830},[5611,8253,6075],{"class":5625},[5611,8255,8256],{"class":5791},"configureStore",[5611,8258,6085],{"class":5625},[5611,8260,6088],{"class":5830},[5611,8262,6091],{"class":5784},[5611,8264,6094],{"class":5625},[5611,8266,8267,8269,8271,8273,8275,8277,8280],{"class":5613,"line":5629},[5611,8268,6072],{"class":5830},[5611,8270,6075],{"class":5625},[5611,8272,8113],{"class":5791},[5611,8274,6085],{"class":5625},[5611,8276,6088],{"class":5830},[5611,8278,8279],{"class":5784}," \".\u002Fapi\u002FpostsApi\"",[5611,8281,6094],{"class":5625},[5611,8283,8284],{"class":5613,"line":5663},[5611,8285,5732],{"emptyLinePlaceholder":5731},[5611,8287,8288,8290,8292,8295,8297,8299],{"class":5613,"line":5691},[5611,8289,6123],{"class":5830},[5611,8291,6126],{"class":5617},[5611,8293,8294],{"class":5638}," store",[5611,8296,5759],{"class":5625},[5611,8298,8256],{"class":5621},[5611,8300,6467],{"class":5625},[5611,8302,8303,8306],{"class":5613,"line":5728},[5611,8304,8305],{"class":5791},"  reducer:",[5611,8307,5747],{"class":5625},[5611,8309,8310,8313,8315,8317,8319],{"class":5613,"line":5735},[5611,8311,8312],{"class":5791},"    [postsApi.reducerPath]:",[5611,8314,7983],{"class":5791},[5611,8316,5504],{"class":5625},[5611,8318,6767],{"class":5791},[5611,8320,6152],{"class":5625},[5611,8322,8323],{"class":5613,"line":5750},[5611,8324,6742],{"class":5625},[5611,8326,8327,8330,8332,8334,8337,8339],{"class":5613,"line":5771},[5611,8328,8329],{"class":5621},"  middleware",[5611,8331,6504],{"class":5791},[5611,8333,5940],{"class":5625},[5611,8335,8336],{"class":5791},"getDefaultMiddleware",[5611,8338,5820],{"class":5625},[5611,8340,8341],{"class":5617},"=>\n",[5611,8343,8344,8347,8350,8353,8355,8357,8359,8362],{"class":5613,"line":5776},[5611,8345,8346],{"class":5621},"    getDefaultMiddleware",[5611,8348,8349],{"class":5625},"().",[5611,8351,8352],{"class":5621},"concat",[5611,8354,5682],{"class":5625},[5611,8356,8113],{"class":5791},[5611,8358,5504],{"class":5625},[5611,8360,8361],{"class":5791},"middleware",[5611,8363,8364],{"class":5625},"),\n",[5611,8366,8367],{"class":5613,"line":5805},[5611,8368,6319],{"class":5625},[5611,8370,8371],{"class":5613,"line":5827},[5611,8372,5732],{"emptyLinePlaceholder":5731},[5611,8374,8375,8377,8379,8382,8384,8387,8389,8392,8394,8396,8399],{"class":5613,"line":5862},[5611,8376,6123],{"class":5830},[5611,8378,6101],{"class":5617},[5611,8380,8381],{"class":5656}," RootState",[5611,8383,5759],{"class":5625},[5611,8385,8386],{"class":5656},"ReturnType",[5611,8388,5653],{"class":5625},[5611,8390,8391],{"class":5617},"typeof",[5611,8393,8294],{"class":5791},[5611,8395,5504],{"class":5625},[5611,8397,8398],{"class":5791},"getState",[5611,8400,8401],{"class":5625},">;\n",[5611,8403,8404,8406,8408,8411,8413,8415,8417,8419,8421],{"class":5613,"line":5878},[5611,8405,6123],{"class":5830},[5611,8407,6101],{"class":5617},[5611,8409,8410],{"class":5656}," AppDispatch",[5611,8412,5759],{"class":5625},[5611,8414,8391],{"class":5617},[5611,8416,8294],{"class":5791},[5611,8418,5504],{"class":5625},[5611,8420,6898],{"class":5791},[5611,8422,6094],{"class":5625},[5581,8424,8425],{},"Тут два нових рядки порівняно зі звичайним Redux Toolkit:",[7118,8427,8428,8437],{},[5487,8429,8430,8433,8434,8436],{},[5494,8431,8432],{},"[postsApi.reducerPath]: postsApi.reducer"," — зберігаємо кеш у store під ключем ",[5494,8435,8113],{},". Квадратні дужки означають обчислюване ім'я ключа.",[5487,8438,8439,8442],{},[5494,8440,8441],{},".concat(postsApi.middleware)"," — додаємо мідлвар, який керує життєвим циклом запитів: стежить за підписками, видаляє невикористані дані, запускає повторні запити.",[5597,8444,8446],{"id":8445},"крок-3-provider","Крок 3. Provider",[5581,8448,8449,8450,8452],{},"Це той самий ",[5494,8451,5503],{},", який ви бачили в темі про Redux:",[5602,8454,8457],{"className":5604,"code":8455,"filename":8456,"language":5606,"meta":5607,"style":5607},"import { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom\u002Fclient\";\nimport { Provider } from \"react-redux\";\nimport { store } from \".\u002Fstore\";\nimport App from \".\u002FApp\";\n\ncreateRoot(document.getElementById(\"root\")!).render(\n  \u003CStrictMode>\n    \u003CProvider store={store}>\n      \u003CApp \u002F>\n    \u003C\u002FProvider>\n  \u003C\u002FStrictMode>,\n);\n","src\u002Fmain.tsx",[5494,8458,8459,8477,8495,8512,8529,8544,8548,8576,8585,8603,8614,8622,8633],{"__ignoreMap":5607},[5611,8460,8461,8463,8465,8468,8470,8472,8475],{"class":5613,"line":5614},[5611,8462,6072],{"class":5830},[5611,8464,6075],{"class":5625},[5611,8466,8467],{"class":5791},"StrictMode",[5611,8469,6085],{"class":5625},[5611,8471,6088],{"class":5830},[5611,8473,8474],{"class":5784}," \"react\"",[5611,8476,6094],{"class":5625},[5611,8478,8479,8481,8483,8486,8488,8490,8493],{"class":5613,"line":5629},[5611,8480,6072],{"class":5830},[5611,8482,6075],{"class":5625},[5611,8484,8485],{"class":5791},"createRoot",[5611,8487,6085],{"class":5625},[5611,8489,6088],{"class":5830},[5611,8491,8492],{"class":5784}," \"react-dom\u002Fclient\"",[5611,8494,6094],{"class":5625},[5611,8496,8497,8499,8501,8503,8505,8507,8510],{"class":5613,"line":5663},[5611,8498,6072],{"class":5830},[5611,8500,6075],{"class":5625},[5611,8502,5503],{"class":5791},[5611,8504,6085],{"class":5625},[5611,8506,6088],{"class":5830},[5611,8508,8509],{"class":5784}," \"react-redux\"",[5611,8511,6094],{"class":5625},[5611,8513,8514,8516,8518,8520,8522,8524,8527],{"class":5613,"line":5691},[5611,8515,6072],{"class":5830},[5611,8517,6075],{"class":5625},[5611,8519,7192],{"class":5791},[5611,8521,6085],{"class":5625},[5611,8523,6088],{"class":5830},[5611,8525,8526],{"class":5784}," \".\u002Fstore\"",[5611,8528,6094],{"class":5625},[5611,8530,8531,8533,8536,8539,8542],{"class":5613,"line":5728},[5611,8532,6072],{"class":5830},[5611,8534,8535],{"class":5791}," App",[5611,8537,8538],{"class":5830}," from",[5611,8540,8541],{"class":5784}," \".\u002FApp\"",[5611,8543,6094],{"class":5625},[5611,8545,8546],{"class":5613,"line":5735},[5611,8547,5732],{"emptyLinePlaceholder":5731},[5611,8549,8550,8552,8554,8557,8559,8562,8564,8567,8570,8573],{"class":5613,"line":5750},[5611,8551,8485],{"class":5621},[5611,8553,5682],{"class":5625},[5611,8555,8556],{"class":5791},"document",[5611,8558,5504],{"class":5625},[5611,8560,8561],{"class":5621},"getElementById",[5611,8563,5682],{"class":5625},[5611,8565,8566],{"class":5784},"\"root\"",[5611,8568,8569],{"class":5625},")!).",[5611,8571,8572],{"class":5621},"render",[5611,8574,8575],{"class":5625},"(\n",[5611,8577,8578,8581,8583],{"class":5613,"line":5771},[5611,8579,8580],{"class":6925},"  \u003C",[5611,8582,8467],{"class":5656},[5611,8584,7004],{"class":6925},[5611,8586,8587,8589,8591,8593,8595,8597,8599,8601],{"class":5613,"line":5776},[5611,8588,6999],{"class":6925},[5611,8590,5503],{"class":5656},[5611,8592,8294],{"class":7032},[5611,8594,7036],{"class":5625},[5611,8596,6969],{"class":5617},[5611,8598,7192],{"class":5791},[5611,8600,6974],{"class":5617},[5611,8602,7004],{"class":6925},[5611,8604,8605,8608,8611],{"class":5613,"line":5805},[5611,8606,8607],{"class":6925},"      \u003C",[5611,8609,8610],{"class":5656},"App",[5611,8612,8613],{"class":6925}," \u002F>\n",[5611,8615,8616,8618,8620],{"class":5613,"line":5827},[5611,8617,7076],{"class":6925},[5611,8619,5503],{"class":5656},[5611,8621,7004],{"class":6925},[5611,8623,8624,8627,8629,8631],{"class":5613,"line":5862},[5611,8625,8626],{"class":6925},"  \u003C\u002F",[5611,8628,8467],{"class":5656},[5611,8630,6932],{"class":6925},[5611,8632,6152],{"class":5625},[5611,8634,8635],{"class":5613,"line":5878},[5611,8636,5688],{"class":5625},[5597,8638,8640],{"id":8639},"крок-4-використовуємо-хук-у-компоненті","Крок 4. Використовуємо хук у компоненті",[5581,8642,8643],{},"Усе готово. Тепер компонент отримує дані одним рядком:",[5602,8645,8647],{"className":5604,"code":8646,"filename":6776,"language":5606,"meta":5607,"style":5607},"import { useGetPostsQuery } from \"..\u002Fapi\u002FpostsApi\";\n\nexport function PostList() {\n  const { data: posts, isLoading, isError } = useGetPostsQuery();\n\n  if (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n  if (isError) return \u003Cp>Не вдалося завантажити пости\u003C\u002Fp>;\n\n  return (\n    \u003Cul>\n      {posts?.map((post) => (\n        \u003Cli key={post.id}>\n          \u003Cstrong>{post.title}\u003C\u002Fstrong>\n          \u003Cp>{post.body}\u003C\u002Fp>\n        \u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  );\n}\n",[5494,8648,8649,8666,8670,8681,8708,8712,8740,8769,8773,8779,8787,8809,8832,8857,8882,8891,8898,8906,8910],{"__ignoreMap":5607},[5611,8650,8651,8653,8655,8657,8659,8661,8664],{"class":5613,"line":5614},[5611,8652,6072],{"class":5830},[5611,8654,6075],{"class":5625},[5611,8656,8108],{"class":5791},[5611,8658,6085],{"class":5625},[5611,8660,6088],{"class":5830},[5611,8662,8663],{"class":5784}," \"..\u002Fapi\u002FpostsApi\"",[5611,8665,6094],{"class":5625},[5611,8667,8668],{"class":5613,"line":5629},[5611,8669,5732],{"emptyLinePlaceholder":5731},[5611,8671,8672,8674,8677,8679],{"class":5613,"line":5663},[5611,8673,6123],{"class":5830},[5611,8675,8676],{"class":5617}," function",[5611,8678,5622],{"class":5621},[5611,8680,5626],{"class":5625},[5611,8682,8683,8685,8687,8689,8691,8693,8695,8697,8699,8702,8704,8706],{"class":5613,"line":5691},[5611,8684,5632],{"class":5617},[5611,8686,6075],{"class":5625},[5611,8688,5893],{"class":5791},[5611,8690,5896],{"class":5625},[5611,8692,5639],{"class":5638},[5611,8694,5497],{"class":5625},[5611,8696,5670],{"class":5638},[5611,8698,5497],{"class":5625},[5611,8700,8701],{"class":5638},"isError",[5611,8703,6819],{"class":5625},[5611,8705,8108],{"class":5621},[5611,8707,5768],{"class":5625},[5611,8709,8710],{"class":5613,"line":5728},[5611,8711,5732],{"emptyLinePlaceholder":5731},[5611,8713,8714,8716,8718,8720,8722,8724,8726,8728,8730,8732,8734,8736,8738],{"class":5613,"line":5735},[5611,8715,6910],{"class":5830},[5611,8717,5940],{"class":5625},[5611,8719,5670],{"class":5791},[5611,8721,5820],{"class":5625},[5611,8723,6252],{"class":5830},[5611,8725,6926],{"class":6925},[5611,8727,5581],{"class":6929},[5611,8729,6932],{"class":6925},[5611,8731,6935],{"class":5625},[5611,8733,6938],{"class":6925},[5611,8735,5581],{"class":6929},[5611,8737,6932],{"class":6925},[5611,8739,6094],{"class":5625},[5611,8741,8742,8744,8746,8748,8750,8752,8754,8756,8758,8761,8763,8765,8767],{"class":5613,"line":5750},[5611,8743,6910],{"class":5830},[5611,8745,5940],{"class":5625},[5611,8747,8701],{"class":5791},[5611,8749,5820],{"class":5625},[5611,8751,6252],{"class":5830},[5611,8753,6926],{"class":6925},[5611,8755,5581],{"class":6929},[5611,8757,6932],{"class":6925},[5611,8759,8760],{"class":5625},"Не вдалося завантажити пости",[5611,8762,6938],{"class":6925},[5611,8764,5581],{"class":6929},[5611,8766,6932],{"class":6925},[5611,8768,6094],{"class":5625},[5611,8770,8771],{"class":5613,"line":5771},[5611,8772,5732],{"emptyLinePlaceholder":5731},[5611,8774,8775,8777],{"class":5613,"line":5776},[5611,8776,6991],{"class":5830},[5611,8778,6994],{"class":5625},[5611,8780,8781,8783,8785],{"class":5613,"line":5805},[5611,8782,6999],{"class":6925},[5611,8784,5484],{"class":6929},[5611,8786,7004],{"class":6925},[5611,8788,8789,8791,8793,8796,8798,8800,8803,8805,8807],{"class":5613,"line":5827},[5611,8790,7009],{"class":5617},[5611,8792,5639],{"class":5791},[5611,8794,8795],{"class":7014},"?.",[5611,8797,7017],{"class":5621},[5611,8799,5814],{"class":7014},[5611,8801,8802],{"class":5791},"post",[5611,8804,5820],{"class":7014},[5611,8806,5744],{"class":5617},[5611,8808,6994],{"class":7014},[5611,8810,8811,8814,8816,8818,8820,8822,8824,8826,8828,8830],{"class":5613,"line":5862},[5611,8812,8813],{"class":6925},"        \u003C",[5611,8815,5487],{"class":6929},[5611,8817,7033],{"class":7032},[5611,8819,7036],{"class":5625},[5611,8821,6969],{"class":5617},[5611,8823,8802],{"class":5791},[5611,8825,5504],{"class":7014},[5611,8827,7045],{"class":5791},[5611,8829,6974],{"class":5617},[5611,8831,7004],{"class":6925},[5611,8833,8834,8837,8839,8841,8843,8845,8847,8849,8851,8853,8855],{"class":5613,"line":5878},[5611,8835,8836],{"class":6925},"          \u003C",[5611,8838,5531],{"class":6929},[5611,8840,6932],{"class":6925},[5611,8842,6969],{"class":5617},[5611,8844,8802],{"class":5791},[5611,8846,5504],{"class":7014},[5611,8848,7058],{"class":5791},[5611,8850,6974],{"class":5617},[5611,8852,6938],{"class":6925},[5611,8854,5531],{"class":6929},[5611,8856,7004],{"class":6925},[5611,8858,8859,8861,8863,8865,8867,8869,8871,8874,8876,8878,8880],{"class":5613,"line":5884},[5611,8860,8836],{"class":6925},[5611,8862,5581],{"class":6929},[5611,8864,6932],{"class":6925},[5611,8866,6969],{"class":5617},[5611,8868,8802],{"class":5791},[5611,8870,5504],{"class":7014},[5611,8872,8873],{"class":5791},"body",[5611,8875,6974],{"class":5617},[5611,8877,6938],{"class":6925},[5611,8879,5581],{"class":6929},[5611,8881,7004],{"class":6925},[5611,8883,8884,8887,8889],{"class":5613,"line":5916},[5611,8885,8886],{"class":6925},"        \u003C\u002F",[5611,8888,5487],{"class":6929},[5611,8890,7004],{"class":6925},[5611,8892,8893,8896],{"class":5613,"line":5935},[5611,8894,8895],{"class":7014},"      ))",[5611,8897,6045],{"class":5617},[5611,8899,8900,8902,8904],{"class":5613,"line":5971},[5611,8901,7076],{"class":6925},[5611,8903,5484],{"class":6929},[5611,8905,7004],{"class":6925},[5611,8907,8908],{"class":5613,"line":5976},[5611,8909,7085],{"class":5625},[5611,8911,8912],{"class":5613,"line":5999},[5611,8913,6045],{"class":5625},[5581,8915,8916,8917,8919,8920,8922],{},"Порівняйте з тридцятьма рядками на початку лекції. Немає ",[5494,8918,5650],{},", немає ",[5494,8921,5586],{},", немає ручного скасування запиту. Хук сам:",[5484,8924,8925,8928,8931,8934],{},[5487,8926,8927],{},"відправляє запит при першому рендері компонента;",[5487,8929,8930],{},"повертає об'єкт зі станом запиту;",[5487,8932,8933],{},"перерендерує компонент, коли дані прийшли або сталася помилка;",[5487,8935,8936],{},"скасовує або ігнорує застарілі відповіді.",[8938,8939,8940,8941,8944,8945,8947,8948,8951,8952,8954,8955,8957],"tip",{},"Ви могли помітити, що ",[5494,8942,8943],{},"posts?."," має знак питання. Поки дані не прийшли, ",[5494,8946,5893],{}," дорівнює ",[5494,8949,8950],{},"undefined",". TypeScript знає про це, тому змушує нас перевіряти. Після перевірки ",[5494,8953,5670],{}," тип автоматично не звужується, тому оператор ",[5494,8956,8795],{}," тут потрібен.",[5597,8959,8961],{"id":8960},"що-повертає-хук-запиту","Що повертає хук запиту",[5581,8963,8964],{},"Хук повертає об'єкт з багатьма полями. Найважливіші з них:",[7644,8966,8967,8980],{},[7647,8968,8969],{},[7650,8970,8971,8974,8977],{},[7653,8972,8973],{},"Поле",[7653,8975,8976],{},"Тип",[7653,8978,8979],{},"Значення",[7663,8981,8982,8996,9010,9029,9049,9063,9076,9093,9107],{},[7650,8983,8984,8988,8993],{},[7668,8985,8986],{},[5494,8987,5893],{},[7668,8989,8990],{},[5494,8991,8992],{},"T | undefined",[7668,8994,8995],{},"Останні успішно отримані дані",[7650,8997,8998,9002,9007],{},[7668,8999,9000],{},[5494,9001,5698],{},[7668,9003,9004],{},[5494,9005,9006],{},"FetchBaseQueryError | SerializedError | undefined",[7668,9008,9009],{},"Помилка, якщо запит не вдався",[7650,9011,9012,9016,9020],{},[7668,9013,9014],{},[5494,9015,5670],{},[7668,9017,9018],{},[5494,9019,7913],{},[7668,9021,9022,9024,9025,9028],{},[5494,9023,5685],{}," лише при ",[5531,9026,9027],{},"першому"," завантаженні, коли даних ще немає",[7650,9030,9031,9036,9040],{},[7668,9032,9033],{},[5494,9034,9035],{},"isFetching",[7668,9037,9038],{},[5494,9039,7913],{},[7668,9041,9042,9044,9045,9048],{},[5494,9043,5685],{}," при ",[5531,9046,9047],{},"будь-якому"," запиті, включно з фоновим перезапитом",[7650,9050,9051,9056,9060],{},[7668,9052,9053],{},[5494,9054,9055],{},"isSuccess",[7668,9057,9058],{},[5494,9059,7913],{},[7668,9061,9062],{},"Дані успішно отримані",[7650,9064,9065,9069,9073],{},[7668,9066,9067],{},[5494,9068,8701],{},[7668,9070,9071],{},[5494,9072,7913],{},[7668,9074,9075],{},"Запит завершився помилкою",[7650,9077,9078,9083,9087],{},[7668,9079,9080],{},[5494,9081,9082],{},"isUninitialized",[7668,9084,9085],{},[5494,9086,7913],{},[7668,9088,9089,9090,7069],{},"Запит ще не запускався (наприклад, через ",[5494,9091,9092],{},"skip",[7650,9094,9095,9099,9104],{},[7668,9096,9097],{},[5494,9098,6562],{},[7668,9100,9101],{},[5494,9102,9103],{},"\"uninitialized\" | \"pending\" | \"fulfilled\" | \"rejected\"",[7668,9105,9106],{},"Узагальнений статус",[7650,9108,9109,9114,9119],{},[7668,9110,9111],{},[5494,9112,9113],{},"refetch",[7668,9115,9116],{},[5494,9117,9118],{},"() => void",[7668,9120,9121],{},"Функція для примусового перезапиту",[5581,9123,9124,9125,7195,9127,9129],{},"Особливу увагу зверніть на різницю між ",[5494,9126,5670],{},[5494,9128,9035],{},". Це найчастіше джерело плутанини.",[7224,9131,9133],{"alt":9132},"Різниця між isLoading та isFetching",[5602,9134,9136],{"className":7229,"code":9135,"language":7231,"meta":5607,"style":5607},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam defaultFontColor #1E293B\n\nconcise \"Запит\" as Q\nconcise \"isLoading\" as L\nconcise \"isFetching\" as F\nconcise \"data\" as D\n\n@0\nQ is \"перший запит\"\nL is true\nF is true\nD is \"undefined\"\n\n@3\nQ is \"готово\"\nL is false\nF is false\nD is \"є дані\"\n\n@6\nQ is \"фоновий перезапит\"\nL is false\nF is true\nD is \"старі дані (видно)\"\n\n@9\nQ is \"готово\"\nL is false\nF is false\nD is \"нові дані\"\n@enduml\n",[5494,9137,9138,9142,9146,9150,9154,9158,9163,9168,9173,9178,9182,9187,9192,9197,9202,9207,9211,9216,9221,9226,9231,9236,9240,9245,9250,9254,9258,9263,9267,9272,9276,9280,9284,9289],{"__ignoreMap":5607},[5611,9139,9140],{"class":5613,"line":5614},[5611,9141,7238],{},[5611,9143,9144],{"class":5613,"line":5629},[5611,9145,7243],{},[5611,9147,9148],{"class":5613,"line":5663},[5611,9149,7248],{},[5611,9151,9152],{"class":5613,"line":5691},[5611,9153,7253],{},[5611,9155,9156],{"class":5613,"line":5728},[5611,9157,5732],{"emptyLinePlaceholder":5731},[5611,9159,9160],{"class":5613,"line":5735},[5611,9161,9162],{},"concise \"Запит\" as Q\n",[5611,9164,9165],{"class":5613,"line":5750},[5611,9166,9167],{},"concise \"isLoading\" as L\n",[5611,9169,9170],{"class":5613,"line":5771},[5611,9171,9172],{},"concise \"isFetching\" as F\n",[5611,9174,9175],{"class":5613,"line":5776},[5611,9176,9177],{},"concise \"data\" as D\n",[5611,9179,9180],{"class":5613,"line":5805},[5611,9181,5732],{"emptyLinePlaceholder":5731},[5611,9183,9184],{"class":5613,"line":5827},[5611,9185,9186],{},"@0\n",[5611,9188,9189],{"class":5613,"line":5862},[5611,9190,9191],{},"Q is \"перший запит\"\n",[5611,9193,9194],{"class":5613,"line":5878},[5611,9195,9196],{},"L is true\n",[5611,9198,9199],{"class":5613,"line":5884},[5611,9200,9201],{},"F is true\n",[5611,9203,9204],{"class":5613,"line":5916},[5611,9205,9206],{},"D is \"undefined\"\n",[5611,9208,9209],{"class":5613,"line":5935},[5611,9210,5732],{"emptyLinePlaceholder":5731},[5611,9212,9213],{"class":5613,"line":5971},[5611,9214,9215],{},"@3\n",[5611,9217,9218],{"class":5613,"line":5976},[5611,9219,9220],{},"Q is \"готово\"\n",[5611,9222,9223],{"class":5613,"line":5999},[5611,9224,9225],{},"L is false\n",[5611,9227,9228],{"class":5613,"line":6004},[5611,9229,9230],{},"F is false\n",[5611,9232,9233],{"class":5613,"line":6024},[5611,9234,9235],{},"D is \"є дані\"\n",[5611,9237,9238],{"class":5613,"line":6030},[5611,9239,5732],{"emptyLinePlaceholder":5731},[5611,9241,9242],{"class":5613,"line":6035},[5611,9243,9244],{},"@6\n",[5611,9246,9247],{"class":5613,"line":6042},[5611,9248,9249],{},"Q is \"фоновий перезапит\"\n",[5611,9251,9252],{"class":5613,"line":6413},[5611,9253,9225],{},[5611,9255,9256],{"class":5613,"line":6422},[5611,9257,9201],{},[5611,9259,9260],{"class":5613,"line":6433},[5611,9261,9262],{},"D is \"старі дані (видно)\"\n",[5611,9264,9265],{"class":5613,"line":6444},[5611,9266,5732],{"emptyLinePlaceholder":5731},[5611,9268,9269],{"class":5613,"line":6450},[5611,9270,9271],{},"@9\n",[5611,9273,9274],{"class":5613,"line":6455},[5611,9275,9220],{},[5611,9277,9278],{"class":5613,"line":6470},[5611,9279,9225],{},[5611,9281,9282],{"class":5613,"line":6481},[5611,9283,9230],{},[5611,9285,9286],{"class":5613,"line":6489},[5611,9287,9288],{},"D is \"нові дані\"\n",[5611,9290,9291],{"class":5613,"line":6498},[5611,9292,7338],{},[5581,9294,9295,9296,9298,9299,9301],{},"Практичний висновок: ",[5494,9297,5670],{}," використовуйте для великого спінера «на всю сторінку», коли показувати ще нічого. А ",[5494,9300,9035],{}," — для маленького індикатора «оновлюємо» поверх старих даних, щоб користувач не втрачав те, що вже бачить.",[5602,9303,9305],{"className":5604,"code":9304,"language":5606,"meta":5607,"style":5607},"const { data: posts, isLoading, isFetching } = useGetPostsQuery();\n\nif (isLoading) return \u003CFullPageSpinner \u002F>;\n\nreturn (\n  \u003C>\n    {isFetching && \u003Csmall>Оновлюємо...\u003C\u002Fsmall>}\n    \u003Cul>{posts?.map((p) => \u003Cli key={p.id}>{p.title}\u003C\u002Fli>)}\u003C\u002Ful>\n  \u003C\u002F>\n);\n",[5494,9306,9307,9333,9337,9360,9364,9370,9375,9403,9473,9478],{"__ignoreMap":5607},[5611,9308,9309,9311,9313,9315,9317,9319,9321,9323,9325,9327,9329,9331],{"class":5613,"line":5614},[5611,9310,6399],{"class":5617},[5611,9312,6075],{"class":5625},[5611,9314,5893],{"class":5791},[5611,9316,5896],{"class":5625},[5611,9318,5639],{"class":5638},[5611,9320,5497],{"class":5625},[5611,9322,5670],{"class":5638},[5611,9324,5497],{"class":5625},[5611,9326,9035],{"class":5638},[5611,9328,6819],{"class":5625},[5611,9330,8108],{"class":5621},[5611,9332,5768],{"class":5625},[5611,9334,9335],{"class":5613,"line":5629},[5611,9336,5732],{"emptyLinePlaceholder":5731},[5611,9338,9339,9342,9344,9346,9348,9350,9352,9355,9358],{"class":5613,"line":5663},[5611,9340,9341],{"class":5830},"if",[5611,9343,5940],{"class":5625},[5611,9345,5670],{"class":5791},[5611,9347,5820],{"class":5625},[5611,9349,6252],{"class":5830},[5611,9351,6926],{"class":6925},[5611,9353,9354],{"class":5656},"FullPageSpinner",[5611,9356,9357],{"class":6925}," \u002F>",[5611,9359,6094],{"class":5625},[5611,9361,9362],{"class":5613,"line":5691},[5611,9363,5732],{"emptyLinePlaceholder":5731},[5611,9365,9366,9368],{"class":5613,"line":5728},[5611,9367,6252],{"class":5830},[5611,9369,6994],{"class":5625},[5611,9371,9372],{"class":5613,"line":5735},[5611,9373,9374],{"class":6925},"  \u003C>\n",[5611,9376,9377,9380,9382,9385,9387,9390,9392,9395,9397,9399,9401],{"class":5613,"line":5750},[5611,9378,9379],{"class":5617},"    {",[5611,9381,9035],{"class":5791},[5611,9383,9384],{"class":5625}," &&",[5611,9386,6926],{"class":6925},[5611,9388,9389],{"class":6929},"small",[5611,9391,6932],{"class":6925},[5611,9393,9394],{"class":7014},"Оновлюємо...",[5611,9396,6938],{"class":6925},[5611,9398,9389],{"class":6929},[5611,9400,6932],{"class":6925},[5611,9402,6045],{"class":5617},[5611,9404,9405,9407,9409,9411,9413,9415,9417,9419,9421,9423,9425,9427,9429,9431,9433,9435,9437,9439,9441,9443,9445,9447,9449,9451,9453,9455,9457,9459,9461,9463,9465,9467,9469,9471],{"class":5613,"line":5771},[5611,9406,6999],{"class":6925},[5611,9408,5484],{"class":6929},[5611,9410,6932],{"class":6925},[5611,9412,6969],{"class":5617},[5611,9414,5639],{"class":5791},[5611,9416,8795],{"class":7014},[5611,9418,7017],{"class":5621},[5611,9420,5814],{"class":7014},[5611,9422,5581],{"class":5791},[5611,9424,5820],{"class":7014},[5611,9426,5744],{"class":5617},[5611,9428,6926],{"class":6925},[5611,9430,5487],{"class":6929},[5611,9432,7033],{"class":7032},[5611,9434,7036],{"class":5625},[5611,9436,6969],{"class":5617},[5611,9438,5581],{"class":5791},[5611,9440,5504],{"class":7014},[5611,9442,7045],{"class":5791},[5611,9444,6974],{"class":5617},[5611,9446,6932],{"class":6925},[5611,9448,6969],{"class":5617},[5611,9450,5581],{"class":5791},[5611,9452,5504],{"class":7014},[5611,9454,7058],{"class":5791},[5611,9456,6974],{"class":5617},[5611,9458,6938],{"class":6925},[5611,9460,5487],{"class":6929},[5611,9462,6932],{"class":6925},[5611,9464,7069],{"class":7014},[5611,9466,6974],{"class":5617},[5611,9468,6938],{"class":6925},[5611,9470,5484],{"class":6929},[5611,9472,7004],{"class":6925},[5611,9474,9475],{"class":5613,"line":5776},[5611,9476,9477],{"class":6925},"  \u003C\u002F>\n",[5611,9479,9480],{"class":5613,"line":5805},[5611,9481,5688],{"class":5625},[5573,9483],{},[5576,9485,9487],{"id":9486},"запит-з-параметром","Запит з параметром",[5581,9489,9490,9491,6504],{},"Список — це добре, але часто потрібен один конкретний запис. Додамо ендпоінт, який приймає ",[5494,9492,7045],{},[5602,9494,9496],{"className":6062,"code":9495,"filename":7928,"language":6065,"meta":5607,"style":5607},"endpoints: (builder) => ({\n  getPosts: builder.query\u003CPost[], void>({\n    query: () => \"\u002Fposts\",\n  }),\n  getPostById: builder.query\u003CPost, number>({\n    query: (id) => `\u002Fposts\u002F${id}`,\n  }),\n}),\n",[5494,9497,9498,9513,9534,9549,9553,9574,9603,9607],{"__ignoreMap":5607},[5611,9499,9500,9502,9505,9507,9509,9511],{"class":5613,"line":5614},[5611,9501,8153],{"class":6160},[5611,9503,9504],{"class":5625},": (",[5611,9506,6509],{"class":5791},[5611,9508,5820],{"class":5625},[5611,9510,5744],{"class":5617},[5611,9512,8037],{"class":5625},[5611,9514,9515,9518,9520,9522,9524,9526,9528,9530,9532],{"class":5613,"line":5629},[5611,9516,9517],{"class":5791},"  getPosts:",[5611,9519,8045],{"class":5791},[5611,9521,5504],{"class":5625},[5611,9523,8050],{"class":5621},[5611,9525,5653],{"class":5625},[5611,9527,5657],{"class":5656},[5611,9529,8057],{"class":5625},[5611,9531,8060],{"class":5656},[5611,9533,8063],{"class":5625},[5611,9535,9536,9539,9541,9543,9545,9547],{"class":5613,"line":5663},[5611,9537,9538],{"class":5621},"    query",[5611,9540,6504],{"class":5791},[5611,9542,6010],{"class":5625},[5611,9544,5744],{"class":5617},[5611,9546,8077],{"class":5784},[5611,9548,6152],{"class":5625},[5611,9550,9551],{"class":5613,"line":5691},[5611,9552,8089],{"class":5625},[5611,9554,9555,9558,9560,9562,9564,9566,9568,9570,9572],{"class":5613,"line":5728},[5611,9556,9557],{"class":5791},"  getPostById:",[5611,9559,8045],{"class":5791},[5611,9561,5504],{"class":5625},[5611,9563,8050],{"class":5621},[5611,9565,5653],{"class":5625},[5611,9567,5657],{"class":5656},[5611,9569,5497],{"class":5625},[5611,9571,7879],{"class":5656},[5611,9573,8063],{"class":5625},[5611,9575,9576,9578,9580,9582,9584,9586,9588,9591,9594,9596,9598,9601],{"class":5613,"line":5735},[5611,9577,9538],{"class":5621},[5611,9579,6504],{"class":5791},[5611,9581,5940],{"class":5625},[5611,9583,7045],{"class":5791},[5611,9585,5820],{"class":5625},[5611,9587,5744],{"class":5617},[5611,9589,9590],{"class":5784}," `\u002Fposts\u002F",[5611,9592,9593],{"class":5617},"${",[5611,9595,7045],{"class":5791},[5611,9597,6974],{"class":5617},[5611,9599,9600],{"class":5784},"`",[5611,9602,6152],{"class":5625},[5611,9604,9605],{"class":5613,"line":5750},[5611,9606,8089],{"class":5625},[5611,9608,9609],{"class":5613,"line":5771},[5611,9610,9611],{"class":5625},"}),\n",[5581,9613,9614,9615,9617,9618,9620],{},"Тепер другий типовий параметр дорівнює ",[5494,9616,7879],{},", і функція ",[5494,9619,8050],{}," отримує цей аргумент. Не забудьте експортувати новий хук:",[5602,9622,9624],{"className":6062,"code":9623,"language":6065,"meta":5607,"style":5607},"export const { useGetPostsQuery, useGetPostByIdQuery } = postsApi;\n",[5494,9625,9626],{"__ignoreMap":5607},[5611,9627,9628,9630,9632,9634,9636,9638,9641,9643,9645],{"class":5613,"line":5614},[5611,9629,6123],{"class":5830},[5611,9631,6126],{"class":5617},[5611,9633,6075],{"class":5625},[5611,9635,8108],{"class":5638},[5611,9637,5497],{"class":5625},[5611,9639,9640],{"class":5638},"useGetPostByIdQuery",[5611,9642,6819],{"class":5625},[5611,9644,8113],{"class":5791},[5611,9646,6094],{"class":5625},[5581,9648,9649],{},"У компоненті аргумент передається у хук:",[5602,9651,9653],{"className":5604,"code":9652,"language":5606,"meta":5607,"style":5607},"export function PostDetails({ postId }: { postId: number }) {\n  const { data: post, isLoading, isError } = useGetPostByIdQuery(postId);\n\n  if (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n  if (isError || !post) return \u003Cp>Пост не знайдено\u003C\u002Fp>;\n\n  return (\n    \u003Carticle>\n      \u003Ch2>{post.title}\u003C\u002Fh2>\n      \u003Cp>{post.body}\u003C\u002Fp>\n    \u003C\u002Farticle>\n  );\n}\n",[5494,9654,9655,9681,9711,9715,9743,9777,9781,9787,9796,9820,9844,9852,9856],{"__ignoreMap":5607},[5611,9656,9657,9659,9661,9664,9666,9669,9672,9674,9676,9678],{"class":5613,"line":5614},[5611,9658,6123],{"class":5830},[5611,9660,8676],{"class":5617},[5611,9662,9663],{"class":5621}," PostDetails",[5611,9665,8010],{"class":5625},[5611,9667,9668],{"class":5791},"postId",[5611,9670,9671],{"class":5625}," }: { ",[5611,9673,9668],{"class":5791},[5611,9675,5896],{"class":5625},[5611,9677,7879],{"class":5656},[5611,9679,9680],{"class":5625}," }) {\n",[5611,9682,9683,9685,9687,9689,9691,9693,9695,9697,9699,9701,9703,9705,9707,9709],{"class":5613,"line":5629},[5611,9684,5632],{"class":5617},[5611,9686,6075],{"class":5625},[5611,9688,5893],{"class":5791},[5611,9690,5896],{"class":5625},[5611,9692,8802],{"class":5638},[5611,9694,5497],{"class":5625},[5611,9696,5670],{"class":5638},[5611,9698,5497],{"class":5625},[5611,9700,8701],{"class":5638},[5611,9702,6819],{"class":5625},[5611,9704,9640],{"class":5621},[5611,9706,5682],{"class":5625},[5611,9708,9668],{"class":5791},[5611,9710,5688],{"class":5625},[5611,9712,9713],{"class":5613,"line":5663},[5611,9714,5732],{"emptyLinePlaceholder":5731},[5611,9716,9717,9719,9721,9723,9725,9727,9729,9731,9733,9735,9737,9739,9741],{"class":5613,"line":5691},[5611,9718,6910],{"class":5830},[5611,9720,5940],{"class":5625},[5611,9722,5670],{"class":5791},[5611,9724,5820],{"class":5625},[5611,9726,6252],{"class":5830},[5611,9728,6926],{"class":6925},[5611,9730,5581],{"class":6929},[5611,9732,6932],{"class":6925},[5611,9734,6935],{"class":5625},[5611,9736,6938],{"class":6925},[5611,9738,5581],{"class":6929},[5611,9740,6932],{"class":6925},[5611,9742,6094],{"class":5625},[5611,9744,9745,9747,9749,9751,9754,9756,9758,9760,9762,9764,9766,9769,9771,9773,9775],{"class":5613,"line":5728},[5611,9746,6910],{"class":5830},[5611,9748,5940],{"class":5625},[5611,9750,8701],{"class":5791},[5611,9752,9753],{"class":5625}," || !",[5611,9755,8802],{"class":5791},[5611,9757,5820],{"class":5625},[5611,9759,6252],{"class":5830},[5611,9761,6926],{"class":6925},[5611,9763,5581],{"class":6929},[5611,9765,6932],{"class":6925},[5611,9767,9768],{"class":5625},"Пост не знайдено",[5611,9770,6938],{"class":6925},[5611,9772,5581],{"class":6929},[5611,9774,6932],{"class":6925},[5611,9776,6094],{"class":5625},[5611,9778,9779],{"class":5613,"line":5735},[5611,9780,5732],{"emptyLinePlaceholder":5731},[5611,9782,9783,9785],{"class":5613,"line":5750},[5611,9784,6991],{"class":5830},[5611,9786,6994],{"class":5625},[5611,9788,9789,9791,9794],{"class":5613,"line":5771},[5611,9790,6999],{"class":6925},[5611,9792,9793],{"class":6929},"article",[5611,9795,7004],{"class":6925},[5611,9797,9798,9800,9802,9804,9806,9808,9810,9812,9814,9816,9818],{"class":5613,"line":5776},[5611,9799,8607],{"class":6925},[5611,9801,5576],{"class":6929},[5611,9803,6932],{"class":6925},[5611,9805,6969],{"class":5617},[5611,9807,8802],{"class":5791},[5611,9809,5504],{"class":7014},[5611,9811,7058],{"class":5791},[5611,9813,6974],{"class":5617},[5611,9815,6938],{"class":6925},[5611,9817,5576],{"class":6929},[5611,9819,7004],{"class":6925},[5611,9821,9822,9824,9826,9828,9830,9832,9834,9836,9838,9840,9842],{"class":5613,"line":5805},[5611,9823,8607],{"class":6925},[5611,9825,5581],{"class":6929},[5611,9827,6932],{"class":6925},[5611,9829,6969],{"class":5617},[5611,9831,8802],{"class":5791},[5611,9833,5504],{"class":7014},[5611,9835,8873],{"class":5791},[5611,9837,6974],{"class":5617},[5611,9839,6938],{"class":6925},[5611,9841,5581],{"class":6929},[5611,9843,7004],{"class":6925},[5611,9845,9846,9848,9850],{"class":5613,"line":5827},[5611,9847,7076],{"class":6925},[5611,9849,9793],{"class":6929},[5611,9851,7004],{"class":6925},[5611,9853,9854],{"class":5613,"line":5862},[5611,9855,7085],{"class":5625},[5611,9857,9858],{"class":5613,"line":5878},[5611,9859,6045],{"class":5625},[5597,9861,9863],{"id":9862},"що-відбувається-коли-аргумент-змінюється","Що відбувається, коли аргумент змінюється",[5581,9865,9866,9867,9869,9870,9872,9873,9875,9876,9878],{},"Якщо ",[5494,9868,9668],{}," зміниться з ",[5494,9871,7401],{}," на ",[5494,9874,7444],{},", хук автоматично зробить новий запит. А якщо потім повернутися до ",[5494,9877,7401],{}," — дані візьмуться з кешу миттєво, без спінера. Щоб зрозуміти чому, розглянемо, як працює кеш.",[5573,9880],{},[5576,9882,9884],{"id":9883},"як-працює-кеш","Як працює кеш",[5581,9886,9887],{},"Це найважливіша частина лекції. Не зрозумівши кеш, ви не зрозумієте жодної іншої можливості RTK Query.",[5597,9889,9891],{"id":9890},"ключ-кешу","Ключ кешу",[5581,9893,9894,9895,7195,9898,9901],{},"RTK Query зберігає відповідь під ключем, що складається з ",[5531,9896,9897],{},"імені ендпоінта",[5531,9899,9900],{},"аргументів"," запиту:",[7644,9903,9904,9913],{},[7647,9905,9906],{},[7650,9907,9908,9911],{},[7653,9909,9910],{},"Виклик хука",[7653,9912,9891],{},[7663,9914,9915,9927,9939],{},[7650,9916,9917,9922],{},[7668,9918,9919],{},[5494,9920,9921],{},"useGetPostsQuery()",[7668,9923,9924],{},[5494,9925,9926],{},"getPosts(undefined)",[7650,9928,9929,9934],{},[7668,9930,9931],{},[5494,9932,9933],{},"useGetPostByIdQuery(1)",[7668,9935,9936],{},[5494,9937,9938],{},"getPostById(1)",[7650,9940,9941,9946],{},[7668,9942,9943],{},[5494,9944,9945],{},"useGetPostByIdQuery(2)",[7668,9947,9948],{},[5494,9949,9950],{},"getPostById(2)",[5581,9952,9953,9954,9956],{},"Це означає: два компоненти, що викликають ",[5494,9955,9933],{},", ділять одну й ту саму відповідь у кеші. Другий компонент не робить нового запиту — він підписується на вже наявні дані.",[5597,9958,9960],{"id":9959},"дедуплікація","Дедуплікація",[5581,9962,9963,9964,9967],{},"Якщо два компоненти одночасно викликали один і той самий запит, RTK Query надішле лише ",[5531,9965,9966],{},"один"," мережевий запит, а результат віддасть обом.",[7224,9969,9971],{"alt":9970},"Дедуплікація запитів у RTK Query",[5602,9972,9974],{"className":7229,"code":9973,"language":7231,"meta":5607,"style":5607},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam sequenceMessageAlign center\nautonumber\n\nparticipant \"Компонент A\" as A #DBEAFE\nparticipant \"Компонент B\" as B #DBEAFE\nparticipant \"RTK Query\\n(кеш)\" as Cache #FEF3C7\nparticipant \"Сервер\" as S #DCFCE7\n\nA -> Cache : useGetPostsQuery()\nCache -> S : GET \u002Fposts\nB -> Cache : useGetPostsQuery()\nnote right of Cache #FFFFFF\n  Запит уже виконується.\n  Новий не створюємо.\nend note\nS --> Cache : 200 OK [ ... ]\nCache --> A : data\nCache --> B : data\n@enduml\n",[5494,9975,9976,9980,9984,9988,9993,9998,10002,10007,10012,10017,10022,10026,10031,10036,10041,10046,10051,10056,10060,10065,10070,10075],{"__ignoreMap":5607},[5611,9977,9978],{"class":5613,"line":5614},[5611,9979,7238],{},[5611,9981,9982],{"class":5613,"line":5629},[5611,9983,7243],{},[5611,9985,9986],{"class":5613,"line":5663},[5611,9987,7248],{},[5611,9989,9990],{"class":5613,"line":5691},[5611,9991,9992],{},"skinparam sequenceMessageAlign center\n",[5611,9994,9995],{"class":5613,"line":5728},[5611,9996,9997],{},"autonumber\n",[5611,9999,10000],{"class":5613,"line":5735},[5611,10001,5732],{"emptyLinePlaceholder":5731},[5611,10003,10004],{"class":5613,"line":5750},[5611,10005,10006],{},"participant \"Компонент A\" as A #DBEAFE\n",[5611,10008,10009],{"class":5613,"line":5771},[5611,10010,10011],{},"participant \"Компонент B\" as B #DBEAFE\n",[5611,10013,10014],{"class":5613,"line":5776},[5611,10015,10016],{},"participant \"RTK Query\\n(кеш)\" as Cache #FEF3C7\n",[5611,10018,10019],{"class":5613,"line":5805},[5611,10020,10021],{},"participant \"Сервер\" as S #DCFCE7\n",[5611,10023,10024],{"class":5613,"line":5827},[5611,10025,5732],{"emptyLinePlaceholder":5731},[5611,10027,10028],{"class":5613,"line":5862},[5611,10029,10030],{},"A -> Cache : useGetPostsQuery()\n",[5611,10032,10033],{"class":5613,"line":5878},[5611,10034,10035],{},"Cache -> S : GET \u002Fposts\n",[5611,10037,10038],{"class":5613,"line":5884},[5611,10039,10040],{},"B -> Cache : useGetPostsQuery()\n",[5611,10042,10043],{"class":5613,"line":5916},[5611,10044,10045],{},"note right of Cache #FFFFFF\n",[5611,10047,10048],{"class":5613,"line":5935},[5611,10049,10050],{},"  Запит уже виконується.\n",[5611,10052,10053],{"class":5613,"line":5971},[5611,10054,10055],{},"  Новий не створюємо.\n",[5611,10057,10058],{"class":5613,"line":5976},[5611,10059,7319],{},[5611,10061,10062],{"class":5613,"line":5999},[5611,10063,10064],{},"S --> Cache : 200 OK [ ... ]\n",[5611,10066,10067],{"class":5613,"line":6004},[5611,10068,10069],{},"Cache --> A : data\n",[5611,10071,10072],{"class":5613,"line":6024},[5611,10073,10074],{},"Cache --> B : data\n",[5611,10076,10077],{"class":5613,"line":6030},[5611,10078,7338],{},[5597,10080,10082],{"id":10081},"підписки-та-час-життя-даних","Підписки та час життя даних",[5581,10084,10085,10086,10089],{},"Кожен компонент, який використовує хук запиту, стає ",[5531,10087,10088],{},"підписником"," на відповідний запис у кеші. RTK Query рахує підписників:",[5484,10091,10092,10095,10098],{},[5487,10093,10094],{},"Коли з'являється перший підписник, запит виконується.",[5487,10096,10097],{},"Поки є хоча б один підписник, дані лежать у кеші.",[5487,10099,10100,10101,10104],{},"Коли останній підписник зникає (компонент демонтовано), запускається таймер. За замовчуванням він триває ",[5531,10102,10103],{},"60 секунд",". Якщо за цей час ніхто знову не підписався, дані видаляються.",[5581,10106,10107,10108,10111],{},"Цей час налаштовується параметром ",[5494,10109,10110],{},"keepUnusedDataFor"," (у секундах):",[5602,10113,10115],{"className":6062,"code":10114,"language":6065,"meta":5607,"style":5607},"export const postsApi = createApi({\n  reducerPath: \"postsApi\",\n  baseQuery: fetchBaseQuery({ baseUrl: \"http:\u002F\u002Flocalhost:3001\" }),\n  keepUnusedDataFor: 120, \u002F\u002F для всього API\n\n  endpoints: (builder) => ({\n    getPosts: builder.query\u003CPost[], void>({\n      query: () => \"\u002Fposts\",\n      keepUnusedDataFor: 5, \u002F\u002F тільки для цього ендпоінта\n    }),\n  }),\n});\n",[5494,10116,10117,10131,10139,10153,10166,10170,10186,10206,10220,10233,10237,10241],{"__ignoreMap":5607},[5611,10118,10119,10121,10123,10125,10127,10129],{"class":5613,"line":5614},[5611,10120,6123],{"class":5830},[5611,10122,6126],{"class":5617},[5611,10124,7983],{"class":5638},[5611,10126,5759],{"class":5625},[5611,10128,5496],{"class":5621},[5611,10130,6467],{"class":5625},[5611,10132,10133,10135,10137],{"class":5613,"line":5629},[5611,10134,7994],{"class":5791},[5611,10136,7997],{"class":5784},[5611,10138,6152],{"class":5625},[5611,10140,10141,10143,10145,10147,10149,10151],{"class":5613,"line":5663},[5611,10142,8004],{"class":5791},[5611,10144,8007],{"class":5621},[5611,10146,8010],{"class":5625},[5611,10148,8013],{"class":5791},[5611,10150,8016],{"class":5784},[5611,10152,8019],{"class":5625},[5611,10154,10155,10158,10161,10163],{"class":5613,"line":5691},[5611,10156,10157],{"class":5791},"  keepUnusedDataFor:",[5611,10159,10160],{"class":7400}," 120",[5611,10162,5497],{"class":5625},[5611,10164,10165],{"class":6038},"\u002F\u002F для всього API\n",[5611,10167,10168],{"class":5613,"line":5728},[5611,10169,5732],{"emptyLinePlaceholder":5731},[5611,10171,10172,10174,10176,10178,10180,10182,10184],{"class":5613,"line":5735},[5611,10173,8024],{"class":5621},[5611,10175,6504],{"class":5791},[5611,10177,5940],{"class":5625},[5611,10179,6509],{"class":5791},[5611,10181,5820],{"class":5625},[5611,10183,5744],{"class":5617},[5611,10185,8037],{"class":5625},[5611,10187,10188,10190,10192,10194,10196,10198,10200,10202,10204],{"class":5613,"line":5750},[5611,10189,8042],{"class":5791},[5611,10191,8045],{"class":5791},[5611,10193,5504],{"class":5625},[5611,10195,8050],{"class":5621},[5611,10197,5653],{"class":5625},[5611,10199,5657],{"class":5656},[5611,10201,8057],{"class":5625},[5611,10203,8060],{"class":5656},[5611,10205,8063],{"class":5625},[5611,10207,10208,10210,10212,10214,10216,10218],{"class":5613,"line":5771},[5611,10209,8068],{"class":5621},[5611,10211,6504],{"class":5791},[5611,10213,6010],{"class":5625},[5611,10215,5744],{"class":5617},[5611,10217,8077],{"class":5784},[5611,10219,6152],{"class":5625},[5611,10221,10222,10225,10228,10230],{"class":5613,"line":5776},[5611,10223,10224],{"class":5791},"      keepUnusedDataFor:",[5611,10226,10227],{"class":7400}," 5",[5611,10229,5497],{"class":5625},[5611,10231,10232],{"class":6038},"\u002F\u002F тільки для цього ендпоінта\n",[5611,10234,10235],{"class":5613,"line":5805},[5611,10236,8084],{"class":5625},[5611,10238,10239],{"class":5613,"line":5827},[5611,10240,8089],{"class":5625},[5611,10242,10243],{"class":5613,"line":5862},[5611,10244,6319],{"class":5625},[7183,10246,10247],{},"Тому, якщо ви швидко перейшли зі списку на деталі і повернулися назад, список з'явиться миттєво: його ще не видалили з кешу. Через хвилину після закриття сторінки він зникне, і наступний візит почнеться із завантаження.",[5597,10249,10251],{"id":10250},"коли-запит-виконується-повторно","Коли запит виконується повторно",[5581,10253,10254,10255,10258],{},"За замовчуванням RTK Query ",[5531,10256,10257],{},"не"," перезапитує дані щоразу, коли компонент монтується, якщо вони вже є в кеші. Але це можна змінити на рівні хука:",[5602,10260,10262],{"className":5604,"code":10261,"language":5606,"meta":5607,"style":5607},"const { data } = useGetPostsQuery(undefined, {\n  refetchOnMountOrArgChange: true,\n});\n",[5494,10263,10264,10283,10293],{"__ignoreMap":5607},[5611,10265,10266,10268,10270,10272,10274,10276,10278,10280],{"class":5613,"line":5614},[5611,10267,6399],{"class":5617},[5611,10269,6075],{"class":5625},[5611,10271,5893],{"class":5638},[5611,10273,6819],{"class":5625},[5611,10275,8108],{"class":5621},[5611,10277,5682],{"class":5625},[5611,10279,8950],{"class":5617},[5611,10281,10282],{"class":5625},", {\n",[5611,10284,10285,10288,10291],{"class":5613,"line":5629},[5611,10286,10287],{"class":5791},"  refetchOnMountOrArgChange:",[5611,10289,10290],{"class":5617}," true",[5611,10292,6152],{"class":5625},[5611,10294,10295],{"class":5613,"line":5663},[5611,10296,6319],{"class":5625},[5581,10298,10299],{},"Другий аргумент хука — це об'єкт опцій. Його значення:",[5484,10301,10302,10307,10314],{},[5487,10303,10304,10306],{},[5494,10305,5685],{}," — завжди перезапитувати при монтуванні компонента або зміні аргументу;",[5487,10308,10309,10310,10313],{},"число, наприклад ",[5494,10311,10312],{},"30"," — перезапитувати, якщо дані в кеші старші за 30 секунд;",[5487,10315,10316,10318],{},[5494,10317,5993],{}," (за замовчуванням) — використовувати кеш.",[10320,10321,10322,10323,7195,10325,10328,10329,10332,10333,10336],"warning",{},"Не плутайте ",[5494,10324,10110],{},[5494,10326,10327],{},"refetchOnMountOrArgChange",". Перший визначає, ",[5531,10330,10331],{},"як довго дані лежать у кеші без підписників",". Другий визначає, ",[5531,10334,10335],{},"чи оновлювати дані",", що вже є в кеші, коли компонент знову їх потребує.",[5573,10338],{},[5576,10340,10342],{"id":10341},"мутації-змінюємо-дані-на-сервері","Мутації: змінюємо дані на сервері",[5581,10344,10345,10346,5940,10349,10352],{},"Усе, що ми робили досі, — читання. Для створення, зміни та видалення даних використовується ",[5531,10347,10348],{},"мутація",[5509,10350,10351],{},"mutation","). Відмінності від запиту прості:",[5484,10354,10355,10362],{},[5487,10356,10357,10358,10361],{},"Запит виконується автоматично, коли компонент з'являється. Мутація виконується ",[5531,10359,10360],{},"тільки тоді, коли ви її викликаєте"," (наприклад, при кліку на кнопку).",[5487,10363,10364],{},"Результат запиту кешується. Результат мутації — ні.",[5581,10366,10367],{},"Додамо три мутації:",[5602,10369,10371],{"className":6062,"code":10370,"filename":7928,"language":6065,"meta":5607,"style":5607},"endpoints: (builder) => ({\n  getPosts: builder.query\u003CPost[], void>({\n    query: () => \"\u002Fposts\",\n  }),\n\n  addPost: builder.mutation\u003CPost, Omit\u003CPost, \"id\">>({\n    query: (newPost) => ({\n      url: \"\u002Fposts\",\n      method: \"POST\",\n      body: newPost,\n    }),\n  }),\n\n  updatePost: builder.mutation\u003CPost, Pick\u003CPost, \"id\"> & Partial\u003CPost>>({\n    query: ({ id, ...patch }) => ({\n      url: `\u002Fposts\u002F${id}`,\n      method: \"PATCH\",\n      body: patch,\n    }),\n  }),\n\n  deletePost: builder.mutation\u003Cvoid, number>({\n    query: (id) => ({\n      url: `\u002Fposts\u002F${id}`,\n      method: \"DELETE\",\n    }),\n  }),\n}),\n",[5494,10372,10373,10387,10407,10421,10425,10429,10460,10477,10486,10496,10506,10510,10514,10518,10558,10581,10597,10606,10615,10619,10623,10627,10648,10664,10680,10689,10693,10697],{"__ignoreMap":5607},[5611,10374,10375,10377,10379,10381,10383,10385],{"class":5613,"line":5614},[5611,10376,8153],{"class":6160},[5611,10378,9504],{"class":5625},[5611,10380,6509],{"class":5791},[5611,10382,5820],{"class":5625},[5611,10384,5744],{"class":5617},[5611,10386,8037],{"class":5625},[5611,10388,10389,10391,10393,10395,10397,10399,10401,10403,10405],{"class":5613,"line":5629},[5611,10390,9517],{"class":5791},[5611,10392,8045],{"class":5791},[5611,10394,5504],{"class":5625},[5611,10396,8050],{"class":5621},[5611,10398,5653],{"class":5625},[5611,10400,5657],{"class":5656},[5611,10402,8057],{"class":5625},[5611,10404,8060],{"class":5656},[5611,10406,8063],{"class":5625},[5611,10408,10409,10411,10413,10415,10417,10419],{"class":5613,"line":5663},[5611,10410,9538],{"class":5621},[5611,10412,6504],{"class":5791},[5611,10414,6010],{"class":5625},[5611,10416,5744],{"class":5617},[5611,10418,8077],{"class":5784},[5611,10420,6152],{"class":5625},[5611,10422,10423],{"class":5613,"line":5691},[5611,10424,8089],{"class":5625},[5611,10426,10427],{"class":5613,"line":5728},[5611,10428,5732],{"emptyLinePlaceholder":5731},[5611,10430,10431,10434,10436,10438,10440,10442,10444,10446,10449,10451,10453,10455,10457],{"class":5613,"line":5735},[5611,10432,10433],{"class":5791},"  addPost:",[5611,10435,8045],{"class":5791},[5611,10437,5504],{"class":5625},[5611,10439,10351],{"class":5621},[5611,10441,5653],{"class":5625},[5611,10443,5657],{"class":5656},[5611,10445,5497],{"class":5625},[5611,10447,10448],{"class":5656},"Omit",[5611,10450,5653],{"class":5625},[5611,10452,5657],{"class":5656},[5611,10454,5497],{"class":5625},[5611,10456,7395],{"class":5784},[5611,10458,10459],{"class":5625},">>({\n",[5611,10461,10462,10464,10466,10468,10471,10473,10475],{"class":5613,"line":5750},[5611,10463,9538],{"class":5621},[5611,10465,6504],{"class":5791},[5611,10467,5940],{"class":5625},[5611,10469,10470],{"class":5791},"newPost",[5611,10472,5820],{"class":5625},[5611,10474,5744],{"class":5617},[5611,10476,8037],{"class":5625},[5611,10478,10479,10482,10484],{"class":5613,"line":5771},[5611,10480,10481],{"class":5791},"      url:",[5611,10483,8077],{"class":5784},[5611,10485,6152],{"class":5625},[5611,10487,10488,10491,10494],{"class":5613,"line":5776},[5611,10489,10490],{"class":5791},"      method:",[5611,10492,10493],{"class":5784}," \"POST\"",[5611,10495,6152],{"class":5625},[5611,10497,10498,10501,10504],{"class":5613,"line":5805},[5611,10499,10500],{"class":5791},"      body:",[5611,10502,10503],{"class":5791}," newPost",[5611,10505,6152],{"class":5625},[5611,10507,10508],{"class":5613,"line":5827},[5611,10509,8084],{"class":5625},[5611,10511,10512],{"class":5613,"line":5862},[5611,10513,8089],{"class":5625},[5611,10515,10516],{"class":5613,"line":5878},[5611,10517,5732],{"emptyLinePlaceholder":5731},[5611,10519,10520,10523,10525,10527,10529,10531,10533,10535,10538,10540,10542,10544,10546,10549,10552,10554,10556],{"class":5613,"line":5884},[5611,10521,10522],{"class":5791},"  updatePost:",[5611,10524,8045],{"class":5791},[5611,10526,5504],{"class":5625},[5611,10528,10351],{"class":5621},[5611,10530,5653],{"class":5625},[5611,10532,5657],{"class":5656},[5611,10534,5497],{"class":5625},[5611,10536,10537],{"class":5656},"Pick",[5611,10539,5653],{"class":5625},[5611,10541,5657],{"class":5656},[5611,10543,5497],{"class":5625},[5611,10545,7395],{"class":5784},[5611,10547,10548],{"class":5625},"> & ",[5611,10550,10551],{"class":5656},"Partial",[5611,10553,5653],{"class":5625},[5611,10555,5657],{"class":5656},[5611,10557,10459],{"class":5625},[5611,10559,10560,10562,10564,10567,10569,10572,10575,10577,10579],{"class":5613,"line":5916},[5611,10561,9538],{"class":5621},[5611,10563,6504],{"class":5791},[5611,10565,10566],{"class":5625}," ({ ",[5611,10568,7045],{"class":5791},[5611,10570,10571],{"class":5625},", ...",[5611,10573,10574],{"class":5791},"patch",[5611,10576,6197],{"class":5625},[5611,10578,5744],{"class":5617},[5611,10580,8037],{"class":5625},[5611,10582,10583,10585,10587,10589,10591,10593,10595],{"class":5613,"line":5935},[5611,10584,10481],{"class":5791},[5611,10586,9590],{"class":5784},[5611,10588,9593],{"class":5617},[5611,10590,7045],{"class":5791},[5611,10592,6974],{"class":5617},[5611,10594,9600],{"class":5784},[5611,10596,6152],{"class":5625},[5611,10598,10599,10601,10604],{"class":5613,"line":5971},[5611,10600,10490],{"class":5791},[5611,10602,10603],{"class":5784}," \"PATCH\"",[5611,10605,6152],{"class":5625},[5611,10607,10608,10610,10613],{"class":5613,"line":5976},[5611,10609,10500],{"class":5791},[5611,10611,10612],{"class":5791}," patch",[5611,10614,6152],{"class":5625},[5611,10616,10617],{"class":5613,"line":5999},[5611,10618,8084],{"class":5625},[5611,10620,10621],{"class":5613,"line":6004},[5611,10622,8089],{"class":5625},[5611,10624,10625],{"class":5613,"line":6024},[5611,10626,5732],{"emptyLinePlaceholder":5731},[5611,10628,10629,10632,10634,10636,10638,10640,10642,10644,10646],{"class":5613,"line":6030},[5611,10630,10631],{"class":5791},"  deletePost:",[5611,10633,8045],{"class":5791},[5611,10635,5504],{"class":5625},[5611,10637,10351],{"class":5621},[5611,10639,5653],{"class":5625},[5611,10641,8060],{"class":5656},[5611,10643,5497],{"class":5625},[5611,10645,7879],{"class":5656},[5611,10647,8063],{"class":5625},[5611,10649,10650,10652,10654,10656,10658,10660,10662],{"class":5613,"line":6035},[5611,10651,9538],{"class":5621},[5611,10653,6504],{"class":5791},[5611,10655,5940],{"class":5625},[5611,10657,7045],{"class":5791},[5611,10659,5820],{"class":5625},[5611,10661,5744],{"class":5617},[5611,10663,8037],{"class":5625},[5611,10665,10666,10668,10670,10672,10674,10676,10678],{"class":5613,"line":6042},[5611,10667,10481],{"class":5791},[5611,10669,9590],{"class":5784},[5611,10671,9593],{"class":5617},[5611,10673,7045],{"class":5791},[5611,10675,6974],{"class":5617},[5611,10677,9600],{"class":5784},[5611,10679,6152],{"class":5625},[5611,10681,10682,10684,10687],{"class":5613,"line":6413},[5611,10683,10490],{"class":5791},[5611,10685,10686],{"class":5784}," \"DELETE\"",[5611,10688,6152],{"class":5625},[5611,10690,10691],{"class":5613,"line":6422},[5611,10692,8084],{"class":5625},[5611,10694,10695],{"class":5613,"line":6433},[5611,10696,8089],{"class":5625},[5611,10698,10699],{"class":5613,"line":6444},[5611,10700,9611],{"class":5625},[5602,10702,10704],{"className":6062,"code":10703,"language":6065,"meta":5607,"style":5607},"export const {\n  useGetPostsQuery,\n  useAddPostMutation,\n  useUpdatePostMutation,\n  useDeletePostMutation,\n} = postsApi;\n",[5494,10705,10706,10714,10721,10728,10735,10742],{"__ignoreMap":5607},[5611,10707,10708,10710,10712],{"class":5613,"line":5614},[5611,10709,6123],{"class":5830},[5611,10711,6126],{"class":5617},[5611,10713,5747],{"class":5625},[5611,10715,10716,10719],{"class":5613,"line":5629},[5611,10717,10718],{"class":5638},"  useGetPostsQuery",[5611,10720,6152],{"class":5625},[5611,10722,10723,10726],{"class":5613,"line":5663},[5611,10724,10725],{"class":5638},"  useAddPostMutation",[5611,10727,6152],{"class":5625},[5611,10729,10730,10733],{"class":5613,"line":5691},[5611,10731,10732],{"class":5638},"  useUpdatePostMutation",[5611,10734,6152],{"class":5625},[5611,10736,10737,10740],{"class":5613,"line":5728},[5611,10738,10739],{"class":5638},"  useDeletePostMutation",[5611,10741,6152],{"class":5625},[5611,10743,10744,10747,10749],{"class":5613,"line":5735},[5611,10745,10746],{"class":5625},"} = ",[5611,10748,8113],{"class":5791},[5611,10750,6094],{"class":5625},[5581,10752,10753],{},"Розберемо нові деталі:",[5484,10755,10756,10782,10791,10803],{},[5487,10757,10758,10759,10761,10762,10765,10766,10769,10770,10772,10773,10775,10776,10778,10779,5504],{},"Для запиту на читання ",[5494,10760,8050],{}," повертав просто рядок. Тепер ми повертаємо ",[5531,10763,10764],{},"об'єкт",", бо нам потрібно задати метод (",[5494,10767,10768],{},"method",") та тіло (",[5494,10771,8873],{},"). ",[5494,10774,5500],{}," сам перетворить ",[5494,10777,8873],{}," на JSON і додасть заголовок ",[5494,10780,10781],{},"Content-Type",[5487,10783,10784,10787,10788,10790],{},[5494,10785,10786],{},"Omit\u003CPost, \"id\">"," означає «пост без ",[5494,10789,7045],{},"»: сервер сам його призначить.",[5487,10792,10793,10796,10797,10799,10800,10802],{},[5494,10794,10795],{},"Pick\u003CPost, \"id\"> & Partial\u003CPost>"," означає «",[5494,10798,7045],{}," обов'язковий, а решта полів необов'язкові»: для часткового оновлення (",[5494,10801,7717],{},") ми надсилаємо тільки змінені поля.",[5487,10804,10805,10808,10809,10811],{},[5494,10806,10807],{},"{ id, ...patch }"," — деструктуризація: виділяємо ",[5494,10810,7045],{}," для адреси, а решту відправляємо в тілі.",[5597,10813,10815],{"id":10814},"використання-хука-мутації","Використання хука мутації",[5581,10817,10818,10819,10822],{},"Хук мутації повертає ",[5531,10820,10821],{},"масив із двох елементів",": функцію для запуску та об'єкт зі станом:",[5602,10824,10827],{"className":5604,"code":10825,"filename":10826,"language":5606,"meta":5607,"style":5607},"import { useState } from \"react\";\nimport { useAddPostMutation } from \"..\u002Fapi\u002FpostsApi\";\n\nexport function AddPostForm() {\n  const [title, setTitle] = useState(\"\");\n  const [body, setBody] = useState(\"\");\n  const [addPost, { isLoading, isError }] = useAddPostMutation();\n\n  async function handleSubmit(e: React.FormEvent) {\n    e.preventDefault();\n    try {\n      await addPost({ title, body, done: false }).unwrap();\n      setTitle(\"\");\n      setBody(\"\");\n    } catch {\n      \u002F\u002F помилку показуємо через isError\n    }\n  }\n\n  return (\n    \u003Cform onSubmit={handleSubmit}>\n      \u003Cinput\n        value={title}\n        onChange={(e) => setTitle(e.target.value)}\n        placeholder=\"Заголовок\"\n        required\n      \u002F>\n      \u003Ctextarea\n        value={body}\n        onChange={(e) => setBody(e.target.value)}\n        placeholder=\"Текст\"\n      \u002F>\n      \u003Cbutton type=\"submit\" disabled={isLoading}>\n        {isLoading ? \"Додаємо...\" : \"Додати\"}\n      \u003C\u002Fbutton>\n      {isError && \u003Cp>Не вдалося створити пост\u003C\u002Fp>}\n    \u003C\u002Fform>\n  );\n}\n","src\u002Fcomponents\u002FAddPostForm.tsx",[5494,10828,10829,10845,10861,10865,10876,10900,10923,10946,10950,10976,10988,10995,11027,11038,11049,11058,11063,11067,11071,11075,11081,11102,11109,11122,11160,11170,11175,11180,11187,11199,11234,11243,11247,11274,11295,11304,11329,11337,11341],{"__ignoreMap":5607},[5611,10830,10831,10833,10835,10837,10839,10841,10843],{"class":5613,"line":5614},[5611,10832,6072],{"class":5830},[5611,10834,6075],{"class":5625},[5611,10836,5650],{"class":5791},[5611,10838,6085],{"class":5625},[5611,10840,6088],{"class":5830},[5611,10842,8474],{"class":5784},[5611,10844,6094],{"class":5625},[5611,10846,10847,10849,10851,10853,10855,10857,10859],{"class":5613,"line":5629},[5611,10848,6072],{"class":5830},[5611,10850,6075],{"class":5625},[5611,10852,8231],{"class":5791},[5611,10854,6085],{"class":5625},[5611,10856,6088],{"class":5830},[5611,10858,8663],{"class":5784},[5611,10860,6094],{"class":5625},[5611,10862,10863],{"class":5613,"line":5663},[5611,10864,5732],{"emptyLinePlaceholder":5731},[5611,10866,10867,10869,10871,10874],{"class":5613,"line":5691},[5611,10868,6123],{"class":5830},[5611,10870,8676],{"class":5617},[5611,10872,10873],{"class":5621}," AddPostForm",[5611,10875,5626],{"class":5625},[5611,10877,10878,10880,10882,10884,10886,10889,10891,10893,10895,10898],{"class":5613,"line":5728},[5611,10879,5632],{"class":5617},[5611,10881,5635],{"class":5625},[5611,10883,7058],{"class":5638},[5611,10885,5497],{"class":5625},[5611,10887,10888],{"class":5638},"setTitle",[5611,10890,5647],{"class":5625},[5611,10892,5650],{"class":5621},[5611,10894,5682],{"class":5625},[5611,10896,10897],{"class":5784},"\"\"",[5611,10899,5688],{"class":5625},[5611,10901,10902,10904,10906,10908,10910,10913,10915,10917,10919,10921],{"class":5613,"line":5735},[5611,10903,5632],{"class":5617},[5611,10905,5635],{"class":5625},[5611,10907,8873],{"class":5638},[5611,10909,5497],{"class":5625},[5611,10911,10912],{"class":5638},"setBody",[5611,10914,5647],{"class":5625},[5611,10916,5650],{"class":5621},[5611,10918,5682],{"class":5625},[5611,10920,10897],{"class":5784},[5611,10922,5688],{"class":5625},[5611,10924,10925,10927,10929,10931,10933,10935,10937,10939,10942,10944],{"class":5613,"line":5750},[5611,10926,5632],{"class":5617},[5611,10928,5635],{"class":5625},[5611,10930,8227],{"class":5638},[5611,10932,5788],{"class":5625},[5611,10934,5670],{"class":5638},[5611,10936,5497],{"class":5625},[5611,10938,8701],{"class":5638},[5611,10940,10941],{"class":5625}," }] = ",[5611,10943,8231],{"class":5621},[5611,10945,5768],{"class":5625},[5611,10947,10948],{"class":5613,"line":5771},[5611,10949,5732],{"emptyLinePlaceholder":5731},[5611,10951,10952,10955,10957,10960,10962,10965,10967,10969,10971,10974],{"class":5613,"line":5776},[5611,10953,10954],{"class":5617},"  async",[5611,10956,8676],{"class":5617},[5611,10958,10959],{"class":5621}," handleSubmit",[5611,10961,5682],{"class":5625},[5611,10963,10964],{"class":5791},"e",[5611,10966,5896],{"class":5625},[5611,10968,2303],{"class":5656},[5611,10970,5504],{"class":5625},[5611,10972,10973],{"class":5656},"FormEvent",[5611,10975,6869],{"class":5625},[5611,10977,10978,10981,10983,10986],{"class":5613,"line":5805},[5611,10979,10980],{"class":5791},"    e",[5611,10982,5504],{"class":5625},[5611,10984,10985],{"class":5621},"preventDefault",[5611,10987,5768],{"class":5625},[5611,10989,10990,10993],{"class":5613,"line":5827},[5611,10991,10992],{"class":5830},"    try",[5611,10994,5747],{"class":5625},[5611,10996,10997,11000,11003,11005,11007,11009,11011,11013,11016,11019,11022,11025],{"class":5613,"line":5862},[5611,10998,10999],{"class":5830},"      await",[5611,11001,11002],{"class":5621}," addPost",[5611,11004,8010],{"class":5625},[5611,11006,7058],{"class":5791},[5611,11008,5497],{"class":5625},[5611,11010,8873],{"class":5791},[5611,11012,5497],{"class":5625},[5611,11014,11015],{"class":5791},"done:",[5611,11017,11018],{"class":5617}," false",[5611,11020,11021],{"class":5625}," }).",[5611,11023,11024],{"class":5621},"unwrap",[5611,11026,5768],{"class":5625},[5611,11028,11029,11032,11034,11036],{"class":5613,"line":5878},[5611,11030,11031],{"class":5621},"      setTitle",[5611,11033,5682],{"class":5625},[5611,11035,10897],{"class":5784},[5611,11037,5688],{"class":5625},[5611,11039,11040,11043,11045,11047],{"class":5613,"line":5884},[5611,11041,11042],{"class":5621},"      setBody",[5611,11044,5682],{"class":5625},[5611,11046,10897],{"class":5784},[5611,11048,5688],{"class":5625},[5611,11050,11051,11054,11056],{"class":5613,"line":5916},[5611,11052,11053],{"class":5625},"    } ",[5611,11055,5921],{"class":5830},[5611,11057,5747],{"class":5625},[5611,11059,11060],{"class":5613,"line":5935},[5611,11061,11062],{"class":6038},"      \u002F\u002F помилку показуємо через isError\n",[5611,11064,11065],{"class":5613,"line":5971},[5611,11066,6886],{"class":5625},[5611,11068,11069],{"class":5613,"line":5976},[5611,11070,6314],{"class":5625},[5611,11072,11073],{"class":5613,"line":5999},[5611,11074,5732],{"emptyLinePlaceholder":5731},[5611,11076,11077,11079],{"class":5613,"line":6004},[5611,11078,6991],{"class":5830},[5611,11080,6994],{"class":5625},[5611,11082,11083,11085,11088,11091,11093,11095,11098,11100],{"class":5613,"line":6024},[5611,11084,6999],{"class":6925},[5611,11086,11087],{"class":6929},"form",[5611,11089,11090],{"class":7032}," onSubmit",[5611,11092,7036],{"class":5625},[5611,11094,6969],{"class":5617},[5611,11096,11097],{"class":5791},"handleSubmit",[5611,11099,6974],{"class":5617},[5611,11101,7004],{"class":6925},[5611,11103,11104,11106],{"class":5613,"line":6030},[5611,11105,8607],{"class":6925},[5611,11107,11108],{"class":6929},"input\n",[5611,11110,11111,11114,11116,11118,11120],{"class":5613,"line":6035},[5611,11112,11113],{"class":7032},"        value",[5611,11115,7036],{"class":5625},[5611,11117,6969],{"class":5617},[5611,11119,7058],{"class":5791},[5611,11121,6045],{"class":5617},[5611,11123,11124,11127,11129,11131,11133,11135,11137,11139,11142,11144,11146,11148,11151,11153,11156,11158],{"class":5613,"line":6042},[5611,11125,11126],{"class":7032},"        onChange",[5611,11128,7036],{"class":5625},[5611,11130,6969],{"class":5617},[5611,11132,5682],{"class":7014},[5611,11134,10964],{"class":5791},[5611,11136,5820],{"class":7014},[5611,11138,5744],{"class":5617},[5611,11140,11141],{"class":5621}," setTitle",[5611,11143,5682],{"class":7014},[5611,11145,10964],{"class":5791},[5611,11147,5504],{"class":7014},[5611,11149,11150],{"class":5791},"target",[5611,11152,5504],{"class":7014},[5611,11154,11155],{"class":5791},"value",[5611,11157,7069],{"class":7014},[5611,11159,6045],{"class":5617},[5611,11161,11162,11165,11167],{"class":5613,"line":6413},[5611,11163,11164],{"class":7032},"        placeholder",[5611,11166,7036],{"class":5625},[5611,11168,11169],{"class":5784},"\"Заголовок\"\n",[5611,11171,11172],{"class":5613,"line":6422},[5611,11173,11174],{"class":7032},"        required\n",[5611,11176,11177],{"class":5613,"line":6433},[5611,11178,11179],{"class":6925},"      \u002F>\n",[5611,11181,11182,11184],{"class":5613,"line":6444},[5611,11183,8607],{"class":6925},[5611,11185,11186],{"class":6929},"textarea\n",[5611,11188,11189,11191,11193,11195,11197],{"class":5613,"line":6450},[5611,11190,11113],{"class":7032},[5611,11192,7036],{"class":5625},[5611,11194,6969],{"class":5617},[5611,11196,8873],{"class":5791},[5611,11198,6045],{"class":5617},[5611,11200,11201,11203,11205,11207,11209,11211,11213,11215,11218,11220,11222,11224,11226,11228,11230,11232],{"class":5613,"line":6455},[5611,11202,11126],{"class":7032},[5611,11204,7036],{"class":5625},[5611,11206,6969],{"class":5617},[5611,11208,5682],{"class":7014},[5611,11210,10964],{"class":5791},[5611,11212,5820],{"class":7014},[5611,11214,5744],{"class":5617},[5611,11216,11217],{"class":5621}," setBody",[5611,11219,5682],{"class":7014},[5611,11221,10964],{"class":5791},[5611,11223,5504],{"class":7014},[5611,11225,11150],{"class":5791},[5611,11227,5504],{"class":7014},[5611,11229,11155],{"class":5791},[5611,11231,7069],{"class":7014},[5611,11233,6045],{"class":5617},[5611,11235,11236,11238,11240],{"class":5613,"line":6470},[5611,11237,11164],{"class":7032},[5611,11239,7036],{"class":5625},[5611,11241,11242],{"class":5784},"\"Текст\"\n",[5611,11244,11245],{"class":5613,"line":6481},[5611,11246,11179],{"class":6925},[5611,11248,11249,11251,11254,11256,11258,11261,11264,11266,11268,11270,11272],{"class":5613,"line":6489},[5611,11250,8607],{"class":6925},[5611,11252,11253],{"class":6929},"button",[5611,11255,6101],{"class":7032},[5611,11257,7036],{"class":5625},[5611,11259,11260],{"class":5784},"\"submit\"",[5611,11262,11263],{"class":7032}," disabled",[5611,11265,7036],{"class":5625},[5611,11267,6969],{"class":5617},[5611,11269,5670],{"class":5791},[5611,11271,6974],{"class":5617},[5611,11273,7004],{"class":6925},[5611,11275,11276,11279,11281,11284,11287,11290,11293],{"class":5613,"line":6498},[5611,11277,11278],{"class":5617},"        {",[5611,11280,5670],{"class":5791},[5611,11282,11283],{"class":5625}," ?",[5611,11285,11286],{"class":5784}," \"Додаємо...\"",[5611,11288,11289],{"class":5625}," :",[5611,11291,11292],{"class":5784}," \"Додати\"",[5611,11294,6045],{"class":5617},[5611,11296,11297,11300,11302],{"class":5613,"line":6518},[5611,11298,11299],{"class":6925},"      \u003C\u002F",[5611,11301,11253],{"class":6929},[5611,11303,7004],{"class":6925},[5611,11305,11306,11308,11310,11312,11314,11316,11318,11321,11323,11325,11327],{"class":5613,"line":6524},[5611,11307,7009],{"class":5617},[5611,11309,8701],{"class":5791},[5611,11311,9384],{"class":5625},[5611,11313,6926],{"class":6925},[5611,11315,5581],{"class":6929},[5611,11317,6932],{"class":6925},[5611,11319,11320],{"class":7014},"Не вдалося створити пост",[5611,11322,6938],{"class":6925},[5611,11324,5581],{"class":6929},[5611,11326,6932],{"class":6925},[5611,11328,6045],{"class":5617},[5611,11330,11331,11333,11335],{"class":5613,"line":6554},[5611,11332,7076],{"class":6925},[5611,11334,11087],{"class":6929},[5611,11336,7004],{"class":6925},[5611,11338,11339],{"class":5613,"line":6571},[5611,11340,7085],{"class":5625},[5611,11342,11343],{"class":5613,"line":6586},[5611,11344,6045],{"class":5625},[5581,11346,11347,11348,11351,11352,11354,11355,11358,11359,11362,11363,11366,11367,5504],{},"Зверніть увагу на ",[5494,11349,11350],{},".unwrap()",". Функція ",[5494,11353,8227],{}," повертає проміс, який ",[5531,11356,11357],{},"ніколи не відхиляється"," — навіть при помилці сервера він завершується успішно, просто з об'єктом ",[5494,11360,11361],{},"{ error }"," всередині. Метод ",[5494,11364,11365],{},"unwrap()"," перетворює цей результат у звичайну поведінку: при успіху повертає дані, при помилці кидає виняток. Тільки так працює ",[5494,11368,11369],{},"try\u002Fcatch",[5581,11371,11372,11373,11376],{},"Спробуйте додати пост. Ви побачите, що він з'явився на сервері, але ",[5531,11374,11375],{},"список на екрані не змінився",". Це не помилка. Ми ще не сказали RTK Query, що кеш списку застарів. Саме для цього існують теги.",[5573,11378],{},[5576,11380,11382],{"id":11381},"теги-та-інвалідація-кешу","Теги та інвалідація кешу",[5581,11384,11385,11386,11389,11390,11393],{},"Це серце RTK Query. Ідея проста: ми ",[5531,11387,11388],{},"позначаємо"," дані тегами, а мутації ",[5531,11391,11392],{},"вказують",", які теги вони зіпсували. Після цього бібліотека сама перезапитує все, що позначене зіпсованим тегом.",[7224,11395,11397],{"alt":11396},"Життєвий цикл тегів у RTK Query",[5602,11398,11400],{"className":7229,"code":11399,"language":7231,"meta":5607,"style":5607},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam sequenceMessageAlign center\nautonumber\n\nparticipant \"PostList\" as L #DBEAFE\nparticipant \"AddPostForm\" as F #DBEAFE\nparticipant \"RTK Query\" as R #FEF3C7\nparticipant \"Сервер\" as S #DCFCE7\n\nL -> R : useGetPostsQuery()\nR -> S : GET \u002Fposts\nS --> R : [ ... ]\nnote over R #FFFFFF\n  Кеш getPosts\n  providesTags: [\"Post\"]\nend note\nR --> L : data\n\nF -> R : addPost(...)\nR -> S : POST \u002Fposts\nS --> R : 201 Created\nnote over R #FFFFFF\n  addPost\n  invalidatesTags: [\"Post\"]\n  Кеш з тегом \"Post\"\n  позначено застарілим\nend note\nR -> S : GET \u002Fposts (автоматично)\nS --> R : [ ..., новий пост ]\nR --> L : нові data\n@enduml\n",[5494,11401,11402,11406,11410,11414,11418,11422,11426,11431,11436,11441,11445,11449,11454,11459,11464,11469,11474,11479,11483,11488,11492,11497,11502,11507,11511,11516,11521,11526,11531,11535,11540,11545,11550],{"__ignoreMap":5607},[5611,11403,11404],{"class":5613,"line":5614},[5611,11405,7238],{},[5611,11407,11408],{"class":5613,"line":5629},[5611,11409,7243],{},[5611,11411,11412],{"class":5613,"line":5663},[5611,11413,7248],{},[5611,11415,11416],{"class":5613,"line":5691},[5611,11417,9992],{},[5611,11419,11420],{"class":5613,"line":5728},[5611,11421,9997],{},[5611,11423,11424],{"class":5613,"line":5735},[5611,11425,5732],{"emptyLinePlaceholder":5731},[5611,11427,11428],{"class":5613,"line":5750},[5611,11429,11430],{},"participant \"PostList\" as L #DBEAFE\n",[5611,11432,11433],{"class":5613,"line":5771},[5611,11434,11435],{},"participant \"AddPostForm\" as F #DBEAFE\n",[5611,11437,11438],{"class":5613,"line":5776},[5611,11439,11440],{},"participant \"RTK Query\" as R #FEF3C7\n",[5611,11442,11443],{"class":5613,"line":5805},[5611,11444,10021],{},[5611,11446,11447],{"class":5613,"line":5827},[5611,11448,5732],{"emptyLinePlaceholder":5731},[5611,11450,11451],{"class":5613,"line":5862},[5611,11452,11453],{},"L -> R : useGetPostsQuery()\n",[5611,11455,11456],{"class":5613,"line":5878},[5611,11457,11458],{},"R -> S : GET \u002Fposts\n",[5611,11460,11461],{"class":5613,"line":5884},[5611,11462,11463],{},"S --> R : [ ... ]\n",[5611,11465,11466],{"class":5613,"line":5916},[5611,11467,11468],{},"note over R #FFFFFF\n",[5611,11470,11471],{"class":5613,"line":5935},[5611,11472,11473],{},"  Кеш getPosts\n",[5611,11475,11476],{"class":5613,"line":5971},[5611,11477,11478],{},"  providesTags: [\"Post\"]\n",[5611,11480,11481],{"class":5613,"line":5976},[5611,11482,7319],{},[5611,11484,11485],{"class":5613,"line":5999},[5611,11486,11487],{},"R --> L : data\n",[5611,11489,11490],{"class":5613,"line":6004},[5611,11491,5732],{"emptyLinePlaceholder":5731},[5611,11493,11494],{"class":5613,"line":6024},[5611,11495,11496],{},"F -> R : addPost(...)\n",[5611,11498,11499],{"class":5613,"line":6030},[5611,11500,11501],{},"R -> S : POST \u002Fposts\n",[5611,11503,11504],{"class":5613,"line":6035},[5611,11505,11506],{},"S --> R : 201 Created\n",[5611,11508,11509],{"class":5613,"line":6042},[5611,11510,11468],{},[5611,11512,11513],{"class":5613,"line":6413},[5611,11514,11515],{},"  addPost\n",[5611,11517,11518],{"class":5613,"line":6422},[5611,11519,11520],{},"  invalidatesTags: [\"Post\"]\n",[5611,11522,11523],{"class":5613,"line":6433},[5611,11524,11525],{},"  Кеш з тегом \"Post\"\n",[5611,11527,11528],{"class":5613,"line":6444},[5611,11529,11530],{},"  позначено застарілим\n",[5611,11532,11533],{"class":5613,"line":6450},[5611,11534,7319],{},[5611,11536,11537],{"class":5613,"line":6455},[5611,11538,11539],{},"R -> S : GET \u002Fposts (автоматично)\n",[5611,11541,11542],{"class":5613,"line":6470},[5611,11543,11544],{},"S --> R : [ ..., новий пост ]\n",[5611,11546,11547],{"class":5613,"line":6481},[5611,11548,11549],{},"R --> L : нові data\n",[5611,11551,11552],{"class":5613,"line":6489},[5611,11553,7338],{},[5597,11555,11557],{"id":11556},"три-кроки-з-тегами","Три кроки з тегами",[7118,11559,11560,11569,11576],{},[5487,11561,11562,11563,11565,11566,5504],{},"У ",[5494,11564,5496],{}," оголошуємо перелік допустимих тегів: ",[5494,11567,11568],{},"tagTypes",[5487,11570,11571,11572,11575],{},"У запитів на читання додаємо ",[5494,11573,11574],{},"providesTags"," — «ці дані мають такий тег».",[5487,11577,11578,11579,11582],{},"У мутацій додаємо ",[5494,11580,11581],{},"invalidatesTags"," — «після мене дані з цим тегом застаріли».",[5602,11584,11586],{"className":6062,"code":11585,"filename":7928,"language":6065,"meta":5607,"style":5607},"export const postsApi = createApi({\n  reducerPath: \"postsApi\",\n  baseQuery: fetchBaseQuery({ baseUrl: \"http:\u002F\u002Flocalhost:3001\" }),\n  tagTypes: [\"Post\"],\n\n  endpoints: (builder) => ({\n    getPosts: builder.query\u003CPost[], void>({\n      query: () => \"\u002Fposts\",\n      providesTags: [\"Post\"],\n    }),\n\n    addPost: builder.mutation\u003CPost, Omit\u003CPost, \"id\">>({\n      query: (newPost) => ({\n        url: \"\u002Fposts\",\n        method: \"POST\",\n        body: newPost,\n      }),\n      invalidatesTags: [\"Post\"],\n    }),\n\n    deletePost: builder.mutation\u003Cvoid, number>({\n      query: (id) => ({\n        url: `\u002Fposts\u002F${id}`,\n        method: \"DELETE\",\n      }),\n      invalidatesTags: [\"Post\"],\n    }),\n  }),\n});\n",[5494,11587,11588,11602,11610,11624,11637,11641,11657,11677,11691,11702,11706,11710,11739,11755,11764,11773,11782,11787,11798,11802,11806,11827,11843,11859,11867,11871,11881,11885,11889],{"__ignoreMap":5607},[5611,11589,11590,11592,11594,11596,11598,11600],{"class":5613,"line":5614},[5611,11591,6123],{"class":5830},[5611,11593,6126],{"class":5617},[5611,11595,7983],{"class":5638},[5611,11597,5759],{"class":5625},[5611,11599,5496],{"class":5621},[5611,11601,6467],{"class":5625},[5611,11603,11604,11606,11608],{"class":5613,"line":5629},[5611,11605,7994],{"class":5791},[5611,11607,7997],{"class":5784},[5611,11609,6152],{"class":5625},[5611,11611,11612,11614,11616,11618,11620,11622],{"class":5613,"line":5663},[5611,11613,8004],{"class":5791},[5611,11615,8007],{"class":5621},[5611,11617,8010],{"class":5625},[5611,11619,8013],{"class":5791},[5611,11621,8016],{"class":5784},[5611,11623,8019],{"class":5625},[5611,11625,11626,11629,11631,11634],{"class":5613,"line":5691},[5611,11627,11628],{"class":5791},"  tagTypes:",[5611,11630,5635],{"class":5625},[5611,11632,11633],{"class":5784},"\"Post\"",[5611,11635,11636],{"class":5625},"],\n",[5611,11638,11639],{"class":5613,"line":5728},[5611,11640,5732],{"emptyLinePlaceholder":5731},[5611,11642,11643,11645,11647,11649,11651,11653,11655],{"class":5613,"line":5735},[5611,11644,8024],{"class":5621},[5611,11646,6504],{"class":5791},[5611,11648,5940],{"class":5625},[5611,11650,6509],{"class":5791},[5611,11652,5820],{"class":5625},[5611,11654,5744],{"class":5617},[5611,11656,8037],{"class":5625},[5611,11658,11659,11661,11663,11665,11667,11669,11671,11673,11675],{"class":5613,"line":5750},[5611,11660,8042],{"class":5791},[5611,11662,8045],{"class":5791},[5611,11664,5504],{"class":5625},[5611,11666,8050],{"class":5621},[5611,11668,5653],{"class":5625},[5611,11670,5657],{"class":5656},[5611,11672,8057],{"class":5625},[5611,11674,8060],{"class":5656},[5611,11676,8063],{"class":5625},[5611,11678,11679,11681,11683,11685,11687,11689],{"class":5613,"line":5771},[5611,11680,8068],{"class":5621},[5611,11682,6504],{"class":5791},[5611,11684,6010],{"class":5625},[5611,11686,5744],{"class":5617},[5611,11688,8077],{"class":5784},[5611,11690,6152],{"class":5625},[5611,11692,11693,11696,11698,11700],{"class":5613,"line":5776},[5611,11694,11695],{"class":5791},"      providesTags:",[5611,11697,5635],{"class":5625},[5611,11699,11633],{"class":5784},[5611,11701,11636],{"class":5625},[5611,11703,11704],{"class":5613,"line":5805},[5611,11705,8084],{"class":5625},[5611,11707,11708],{"class":5613,"line":5827},[5611,11709,5732],{"emptyLinePlaceholder":5731},[5611,11711,11712,11715,11717,11719,11721,11723,11725,11727,11729,11731,11733,11735,11737],{"class":5613,"line":5862},[5611,11713,11714],{"class":5791},"    addPost:",[5611,11716,8045],{"class":5791},[5611,11718,5504],{"class":5625},[5611,11720,10351],{"class":5621},[5611,11722,5653],{"class":5625},[5611,11724,5657],{"class":5656},[5611,11726,5497],{"class":5625},[5611,11728,10448],{"class":5656},[5611,11730,5653],{"class":5625},[5611,11732,5657],{"class":5656},[5611,11734,5497],{"class":5625},[5611,11736,7395],{"class":5784},[5611,11738,10459],{"class":5625},[5611,11740,11741,11743,11745,11747,11749,11751,11753],{"class":5613,"line":5878},[5611,11742,8068],{"class":5621},[5611,11744,6504],{"class":5791},[5611,11746,5940],{"class":5625},[5611,11748,10470],{"class":5791},[5611,11750,5820],{"class":5625},[5611,11752,5744],{"class":5617},[5611,11754,8037],{"class":5625},[5611,11756,11757,11760,11762],{"class":5613,"line":5884},[5611,11758,11759],{"class":5791},"        url:",[5611,11761,8077],{"class":5784},[5611,11763,6152],{"class":5625},[5611,11765,11766,11769,11771],{"class":5613,"line":5916},[5611,11767,11768],{"class":5791},"        method:",[5611,11770,10493],{"class":5784},[5611,11772,6152],{"class":5625},[5611,11774,11775,11778,11780],{"class":5613,"line":5935},[5611,11776,11777],{"class":5791},"        body:",[5611,11779,10503],{"class":5791},[5611,11781,6152],{"class":5625},[5611,11783,11784],{"class":5613,"line":5971},[5611,11785,11786],{"class":5625},"      }),\n",[5611,11788,11789,11792,11794,11796],{"class":5613,"line":5976},[5611,11790,11791],{"class":5791},"      invalidatesTags:",[5611,11793,5635],{"class":5625},[5611,11795,11633],{"class":5784},[5611,11797,11636],{"class":5625},[5611,11799,11800],{"class":5613,"line":5999},[5611,11801,8084],{"class":5625},[5611,11803,11804],{"class":5613,"line":6004},[5611,11805,5732],{"emptyLinePlaceholder":5731},[5611,11807,11808,11811,11813,11815,11817,11819,11821,11823,11825],{"class":5613,"line":6024},[5611,11809,11810],{"class":5791},"    deletePost:",[5611,11812,8045],{"class":5791},[5611,11814,5504],{"class":5625},[5611,11816,10351],{"class":5621},[5611,11818,5653],{"class":5625},[5611,11820,8060],{"class":5656},[5611,11822,5497],{"class":5625},[5611,11824,7879],{"class":5656},[5611,11826,8063],{"class":5625},[5611,11828,11829,11831,11833,11835,11837,11839,11841],{"class":5613,"line":6030},[5611,11830,8068],{"class":5621},[5611,11832,6504],{"class":5791},[5611,11834,5940],{"class":5625},[5611,11836,7045],{"class":5791},[5611,11838,5820],{"class":5625},[5611,11840,5744],{"class":5617},[5611,11842,8037],{"class":5625},[5611,11844,11845,11847,11849,11851,11853,11855,11857],{"class":5613,"line":6035},[5611,11846,11759],{"class":5791},[5611,11848,9590],{"class":5784},[5611,11850,9593],{"class":5617},[5611,11852,7045],{"class":5791},[5611,11854,6974],{"class":5617},[5611,11856,9600],{"class":5784},[5611,11858,6152],{"class":5625},[5611,11860,11861,11863,11865],{"class":5613,"line":6042},[5611,11862,11768],{"class":5791},[5611,11864,10686],{"class":5784},[5611,11866,6152],{"class":5625},[5611,11868,11869],{"class":5613,"line":6413},[5611,11870,11786],{"class":5625},[5611,11872,11873,11875,11877,11879],{"class":5613,"line":6422},[5611,11874,11791],{"class":5791},[5611,11876,5635],{"class":5625},[5611,11878,11633],{"class":5784},[5611,11880,11636],{"class":5625},[5611,11882,11883],{"class":5613,"line":6433},[5611,11884,8084],{"class":5625},[5611,11886,11887],{"class":5613,"line":6444},[5611,11888,8089],{"class":5625},[5611,11890,11891],{"class":5613,"line":6450},[5611,11892,6319],{"class":5625},[5581,11894,11895],{},"Тепер повторіть експеримент: додайте пост. Тільки-но сервер відповість, список сам оновиться. Ми не писали жодного рядка для перезавантаження: це зробила інвалідація.",[7183,11897,11898,11899,8947,11901,11903,11904,11906,11907,11909],{},"Інвалідація не видаляє дані зі сторінки. Користувач і далі бачить старий список, поки йде фоновий перезапит (тут ",[5494,11900,9035],{},[5494,11902,5685],{},", а ",[5494,11905,5670],{}," — ",[5494,11908,5993],{},"). Коли нова відповідь прийде, список плавно оновиться.",[5597,11911,11913],{"id":11912},"точкові-теги-з-id","Точкові теги з id",[5581,11915,11916,11917,11919,11920,11923,11924,11927,11928,5504],{},"Є проблема: тег ",[5494,11918,11633],{}," позначає ",[5531,11921,11922],{},"усі"," пости разом. Якщо ми змінимо один пост, перезапитається весь список, а також усі окремі запити ",[5494,11925,11926],{},"getPostById",". Це надлишково. Теги можуть бути точнішими: об'єкт з типом і ",[5494,11929,7045],{},[5602,11931,11933],{"className":6062,"code":11932,"language":6065,"meta":5607,"style":5607},"tagTypes: [\"Post\"],\n\nendpoints: (builder) => ({\n  getPosts: builder.query\u003CPost[], void>({\n    query: () => \"\u002Fposts\",\n    providesTags: (result) =>\n      result\n        ? [\n            ...result.map(({ id }) => ({ type: \"Post\" as const, id })),\n            { type: \"Post\", id: \"LIST\" },\n          ]\n        : [{ type: \"Post\", id: \"LIST\" }],\n  }),\n\n  getPostById: builder.query\u003CPost, number>({\n    query: (id) => `\u002Fposts\u002F${id}`,\n    providesTags: (result, error, id) => [{ type: \"Post\", id }],\n  }),\n\n  addPost: builder.mutation\u003CPost, Omit\u003CPost, \"id\">>({\n    query: (body) => ({ url: \"\u002Fposts\", method: \"POST\", body }),\n    invalidatesTags: [{ type: \"Post\", id: \"LIST\" }],\n  }),\n\n  updatePost: builder.mutation\u003CPost, Pick\u003CPost, \"id\"> & Partial\u003CPost>>({\n    query: ({ id, ...patch }) => ({\n      url: `\u002Fposts\u002F${id}`,\n      method: \"PATCH\",\n      body: patch,\n    }),\n    invalidatesTags: (result, error, { id }) => [{ type: \"Post\", id }],\n  }),\n\n  deletePost: builder.mutation\u003Cvoid, number>({\n    query: (id) => ({ url: `\u002Fposts\u002F${id}`, method: \"DELETE\" }),\n    invalidatesTags: (result, error, id) => [\n      { type: \"Post\", id },\n      { type: \"Post\", id: \"LIST\" },\n    ],\n  }),\n}),\n",[5494,11934,11935,11946,11950,11964,11984,11998,12014,12019,12024,12064,12083,12088,12106,12110,12114,12134,12160,12195,12199,12203,12231,12265,12284,12288,12292,12328,12348,12364,12372,12380,12384,12419,12423,12427,12447,12483,12508,12523,12539,12544,12548],{"__ignoreMap":5607},[5611,11936,11937,11939,11942,11944],{"class":5613,"line":5614},[5611,11938,11568],{"class":6160},[5611,11940,11941],{"class":5625},": [",[5611,11943,11633],{"class":5784},[5611,11945,11636],{"class":5625},[5611,11947,11948],{"class":5613,"line":5629},[5611,11949,5732],{"emptyLinePlaceholder":5731},[5611,11951,11952,11954,11956,11958,11960,11962],{"class":5613,"line":5663},[5611,11953,8153],{"class":6160},[5611,11955,9504],{"class":5625},[5611,11957,6509],{"class":5791},[5611,11959,5820],{"class":5625},[5611,11961,5744],{"class":5617},[5611,11963,8037],{"class":5625},[5611,11965,11966,11968,11970,11972,11974,11976,11978,11980,11982],{"class":5613,"line":5691},[5611,11967,9517],{"class":5791},[5611,11969,8045],{"class":5791},[5611,11971,5504],{"class":5625},[5611,11973,8050],{"class":5621},[5611,11975,5653],{"class":5625},[5611,11977,5657],{"class":5656},[5611,11979,8057],{"class":5625},[5611,11981,8060],{"class":5656},[5611,11983,8063],{"class":5625},[5611,11985,11986,11988,11990,11992,11994,11996],{"class":5613,"line":5728},[5611,11987,9538],{"class":5621},[5611,11989,6504],{"class":5791},[5611,11991,6010],{"class":5625},[5611,11993,5744],{"class":5617},[5611,11995,8077],{"class":5784},[5611,11997,6152],{"class":5625},[5611,11999,12000,12003,12005,12007,12010,12012],{"class":5613,"line":5735},[5611,12001,12002],{"class":5621},"    providesTags",[5611,12004,6504],{"class":5791},[5611,12006,5940],{"class":5625},[5611,12008,12009],{"class":5791},"result",[5611,12011,5820],{"class":5625},[5611,12013,8341],{"class":5617},[5611,12015,12016],{"class":5613,"line":5750},[5611,12017,12018],{"class":5791},"      result\n",[5611,12020,12021],{"class":5613,"line":5771},[5611,12022,12023],{"class":5625},"        ? [\n",[5611,12025,12026,12029,12031,12033,12035,12038,12040,12042,12044,12046,12049,12052,12055,12057,12059,12061],{"class":5613,"line":5776},[5611,12027,12028],{"class":5625},"            ...",[5611,12030,12009],{"class":5791},[5611,12032,5504],{"class":5625},[5611,12034,7017],{"class":5621},[5611,12036,12037],{"class":5625},"(({ ",[5611,12039,7045],{"class":5791},[5611,12041,6197],{"class":5625},[5611,12043,5744],{"class":5617},[5611,12045,10566],{"class":5625},[5611,12047,12048],{"class":5791},"type:",[5611,12050,12051],{"class":5784}," \"Post\"",[5611,12053,12054],{"class":5830}," as",[5611,12056,6126],{"class":5617},[5611,12058,5497],{"class":5625},[5611,12060,7045],{"class":5791},[5611,12062,12063],{"class":5625}," })),\n",[5611,12065,12066,12069,12071,12073,12075,12078,12081],{"class":5613,"line":5805},[5611,12067,12068],{"class":5625},"            { ",[5611,12070,12048],{"class":5791},[5611,12072,12051],{"class":5784},[5611,12074,5497],{"class":5625},[5611,12076,12077],{"class":5791},"id:",[5611,12079,12080],{"class":5784}," \"LIST\"",[5611,12082,7433],{"class":5625},[5611,12084,12085],{"class":5613,"line":5827},[5611,12086,12087],{"class":5625},"          ]\n",[5611,12089,12090,12093,12095,12097,12099,12101,12103],{"class":5613,"line":5862},[5611,12091,12092],{"class":5625},"        : [{ ",[5611,12094,12048],{"class":5791},[5611,12096,12051],{"class":5784},[5611,12098,5497],{"class":5625},[5611,12100,12077],{"class":5791},[5611,12102,12080],{"class":5784},[5611,12104,12105],{"class":5625}," }],\n",[5611,12107,12108],{"class":5613,"line":5878},[5611,12109,8089],{"class":5625},[5611,12111,12112],{"class":5613,"line":5884},[5611,12113,5732],{"emptyLinePlaceholder":5731},[5611,12115,12116,12118,12120,12122,12124,12126,12128,12130,12132],{"class":5613,"line":5916},[5611,12117,9557],{"class":5791},[5611,12119,8045],{"class":5791},[5611,12121,5504],{"class":5625},[5611,12123,8050],{"class":5621},[5611,12125,5653],{"class":5625},[5611,12127,5657],{"class":5656},[5611,12129,5497],{"class":5625},[5611,12131,7879],{"class":5656},[5611,12133,8063],{"class":5625},[5611,12135,12136,12138,12140,12142,12144,12146,12148,12150,12152,12154,12156,12158],{"class":5613,"line":5935},[5611,12137,9538],{"class":5621},[5611,12139,6504],{"class":5791},[5611,12141,5940],{"class":5625},[5611,12143,7045],{"class":5791},[5611,12145,5820],{"class":5625},[5611,12147,5744],{"class":5617},[5611,12149,9590],{"class":5784},[5611,12151,9593],{"class":5617},[5611,12153,7045],{"class":5791},[5611,12155,6974],{"class":5617},[5611,12157,9600],{"class":5784},[5611,12159,6152],{"class":5625},[5611,12161,12162,12164,12166,12168,12170,12172,12174,12176,12178,12180,12182,12185,12187,12189,12191,12193],{"class":5613,"line":5971},[5611,12163,12002],{"class":5621},[5611,12165,6504],{"class":5791},[5611,12167,5940],{"class":5625},[5611,12169,12009],{"class":5791},[5611,12171,5497],{"class":5625},[5611,12173,5698],{"class":5791},[5611,12175,5497],{"class":5625},[5611,12177,7045],{"class":5791},[5611,12179,5820],{"class":5625},[5611,12181,5744],{"class":5617},[5611,12183,12184],{"class":5625}," [{ ",[5611,12186,12048],{"class":5791},[5611,12188,12051],{"class":5784},[5611,12190,5497],{"class":5625},[5611,12192,7045],{"class":5791},[5611,12194,12105],{"class":5625},[5611,12196,12197],{"class":5613,"line":5976},[5611,12198,8089],{"class":5625},[5611,12200,12201],{"class":5613,"line":5999},[5611,12202,5732],{"emptyLinePlaceholder":5731},[5611,12204,12205,12207,12209,12211,12213,12215,12217,12219,12221,12223,12225,12227,12229],{"class":5613,"line":6004},[5611,12206,10433],{"class":5791},[5611,12208,8045],{"class":5791},[5611,12210,5504],{"class":5625},[5611,12212,10351],{"class":5621},[5611,12214,5653],{"class":5625},[5611,12216,5657],{"class":5656},[5611,12218,5497],{"class":5625},[5611,12220,10448],{"class":5656},[5611,12222,5653],{"class":5625},[5611,12224,5657],{"class":5656},[5611,12226,5497],{"class":5625},[5611,12228,7395],{"class":5784},[5611,12230,10459],{"class":5625},[5611,12232,12233,12235,12237,12239,12241,12243,12245,12247,12250,12252,12254,12257,12259,12261,12263],{"class":5613,"line":6024},[5611,12234,9538],{"class":5621},[5611,12236,6504],{"class":5791},[5611,12238,5940],{"class":5625},[5611,12240,8873],{"class":5791},[5611,12242,5820],{"class":5625},[5611,12244,5744],{"class":5617},[5611,12246,10566],{"class":5625},[5611,12248,12249],{"class":5791},"url:",[5611,12251,8077],{"class":5784},[5611,12253,5497],{"class":5625},[5611,12255,12256],{"class":5791},"method:",[5611,12258,10493],{"class":5784},[5611,12260,5497],{"class":5625},[5611,12262,8873],{"class":5791},[5611,12264,8019],{"class":5625},[5611,12266,12267,12270,12272,12274,12276,12278,12280,12282],{"class":5613,"line":6030},[5611,12268,12269],{"class":5791},"    invalidatesTags:",[5611,12271,12184],{"class":5625},[5611,12273,12048],{"class":5791},[5611,12275,12051],{"class":5784},[5611,12277,5497],{"class":5625},[5611,12279,12077],{"class":5791},[5611,12281,12080],{"class":5784},[5611,12283,12105],{"class":5625},[5611,12285,12286],{"class":5613,"line":6035},[5611,12287,8089],{"class":5625},[5611,12289,12290],{"class":5613,"line":6042},[5611,12291,5732],{"emptyLinePlaceholder":5731},[5611,12293,12294,12296,12298,12300,12302,12304,12306,12308,12310,12312,12314,12316,12318,12320,12322,12324,12326],{"class":5613,"line":6413},[5611,12295,10522],{"class":5791},[5611,12297,8045],{"class":5791},[5611,12299,5504],{"class":5625},[5611,12301,10351],{"class":5621},[5611,12303,5653],{"class":5625},[5611,12305,5657],{"class":5656},[5611,12307,5497],{"class":5625},[5611,12309,10537],{"class":5656},[5611,12311,5653],{"class":5625},[5611,12313,5657],{"class":5656},[5611,12315,5497],{"class":5625},[5611,12317,7395],{"class":5784},[5611,12319,10548],{"class":5625},[5611,12321,10551],{"class":5656},[5611,12323,5653],{"class":5625},[5611,12325,5657],{"class":5656},[5611,12327,10459],{"class":5625},[5611,12329,12330,12332,12334,12336,12338,12340,12342,12344,12346],{"class":5613,"line":6422},[5611,12331,9538],{"class":5621},[5611,12333,6504],{"class":5791},[5611,12335,10566],{"class":5625},[5611,12337,7045],{"class":5791},[5611,12339,10571],{"class":5625},[5611,12341,10574],{"class":5791},[5611,12343,6197],{"class":5625},[5611,12345,5744],{"class":5617},[5611,12347,8037],{"class":5625},[5611,12349,12350,12352,12354,12356,12358,12360,12362],{"class":5613,"line":6433},[5611,12351,10481],{"class":5791},[5611,12353,9590],{"class":5784},[5611,12355,9593],{"class":5617},[5611,12357,7045],{"class":5791},[5611,12359,6974],{"class":5617},[5611,12361,9600],{"class":5784},[5611,12363,6152],{"class":5625},[5611,12365,12366,12368,12370],{"class":5613,"line":6444},[5611,12367,10490],{"class":5791},[5611,12369,10603],{"class":5784},[5611,12371,6152],{"class":5625},[5611,12373,12374,12376,12378],{"class":5613,"line":6450},[5611,12375,10500],{"class":5791},[5611,12377,10612],{"class":5791},[5611,12379,6152],{"class":5625},[5611,12381,12382],{"class":5613,"line":6455},[5611,12383,8084],{"class":5625},[5611,12385,12386,12389,12391,12393,12395,12397,12399,12401,12403,12405,12407,12409,12411,12413,12415,12417],{"class":5613,"line":6470},[5611,12387,12388],{"class":5621},"    invalidatesTags",[5611,12390,6504],{"class":5791},[5611,12392,5940],{"class":5625},[5611,12394,12009],{"class":5791},[5611,12396,5497],{"class":5625},[5611,12398,5698],{"class":5791},[5611,12400,5788],{"class":5625},[5611,12402,7045],{"class":5791},[5611,12404,6197],{"class":5625},[5611,12406,5744],{"class":5617},[5611,12408,12184],{"class":5625},[5611,12410,12048],{"class":5791},[5611,12412,12051],{"class":5784},[5611,12414,5497],{"class":5625},[5611,12416,7045],{"class":5791},[5611,12418,12105],{"class":5625},[5611,12420,12421],{"class":5613,"line":6481},[5611,12422,8089],{"class":5625},[5611,12424,12425],{"class":5613,"line":6489},[5611,12426,5732],{"emptyLinePlaceholder":5731},[5611,12428,12429,12431,12433,12435,12437,12439,12441,12443,12445],{"class":5613,"line":6498},[5611,12430,10631],{"class":5791},[5611,12432,8045],{"class":5791},[5611,12434,5504],{"class":5625},[5611,12436,10351],{"class":5621},[5611,12438,5653],{"class":5625},[5611,12440,8060],{"class":5656},[5611,12442,5497],{"class":5625},[5611,12444,7879],{"class":5656},[5611,12446,8063],{"class":5625},[5611,12448,12449,12451,12453,12455,12457,12459,12461,12463,12465,12467,12469,12471,12473,12475,12477,12479,12481],{"class":5613,"line":6518},[5611,12450,9538],{"class":5621},[5611,12452,6504],{"class":5791},[5611,12454,5940],{"class":5625},[5611,12456,7045],{"class":5791},[5611,12458,5820],{"class":5625},[5611,12460,5744],{"class":5617},[5611,12462,10566],{"class":5625},[5611,12464,12249],{"class":5791},[5611,12466,9590],{"class":5784},[5611,12468,9593],{"class":5617},[5611,12470,7045],{"class":5791},[5611,12472,6974],{"class":5617},[5611,12474,9600],{"class":5784},[5611,12476,5497],{"class":5625},[5611,12478,12256],{"class":5791},[5611,12480,10686],{"class":5784},[5611,12482,8019],{"class":5625},[5611,12484,12485,12487,12489,12491,12493,12495,12497,12499,12501,12503,12505],{"class":5613,"line":6524},[5611,12486,12388],{"class":5621},[5611,12488,6504],{"class":5791},[5611,12490,5940],{"class":5625},[5611,12492,12009],{"class":5791},[5611,12494,5497],{"class":5625},[5611,12496,5698],{"class":5791},[5611,12498,5497],{"class":5625},[5611,12500,7045],{"class":5791},[5611,12502,5820],{"class":5625},[5611,12504,5744],{"class":5617},[5611,12506,12507],{"class":5625}," [\n",[5611,12509,12510,12513,12515,12517,12519,12521],{"class":5613,"line":6554},[5611,12511,12512],{"class":5625},"      { ",[5611,12514,12048],{"class":5791},[5611,12516,12051],{"class":5784},[5611,12518,5497],{"class":5625},[5611,12520,7045],{"class":5791},[5611,12522,7433],{"class":5625},[5611,12524,12525,12527,12529,12531,12533,12535,12537],{"class":5613,"line":6571},[5611,12526,12512],{"class":5625},[5611,12528,12048],{"class":5791},[5611,12530,12051],{"class":5784},[5611,12532,5497],{"class":5625},[5611,12534,12077],{"class":5791},[5611,12536,12080],{"class":5784},[5611,12538,7433],{"class":5625},[5611,12540,12541],{"class":5613,"line":6586},[5611,12542,12543],{"class":5625},"    ],\n",[5611,12545,12546],{"class":5613,"line":6591},[5611,12547,8089],{"class":5625},[5611,12549,12550],{"class":5613,"line":6622},[5611,12551,9611],{"class":5625},[5581,12553,12554],{},"Розберемо логіку:",[5484,12556,12557,12572,12580,12591,12603],{},[5487,12558,12559,12560,12563,12564,12567,12568,12571],{},"Список дає ",[5531,12561,12562],{},"кожному"," елементу власний тег ",[5494,12565,12566],{},"{ type: \"Post\", id: 3 }"," і ще один спеціальний тег ",[5494,12569,12570],{},"{ type: \"Post\", id: \"LIST\" }",", який означає «склад списку».",[5487,12573,12574,12577,12578,5504],{},[5494,12575,12576],{},"\"LIST\""," — це не магічне слово, а просто домовленість: довільний рядок, що не збігається з реальним ",[5494,12579,7045],{},[5487,12581,12582,12583,12586,12587,12590],{},"Додавання поста змінює ",[5531,12584,12585],{},"склад"," списку, тому інвалідує тільки ",[5494,12588,12589],{},"LIST",". Перезапитується лише список, а картки окремих постів не чіпаються.",[5487,12592,12593,12594,12596,12597,12599,12600,12602],{},"Редагування поста змінює тільки його, тому інвалідується тег з його ",[5494,12595,7045],{},". Це зачепить і список (бо кожен його елемент має цей тег), і запит ",[5494,12598,11926],{}," для цього ",[5494,12601,7045],{},", але не чужі пости.",[5487,12604,12605],{},"Видалення змінює і сам пост (він зник), і склад списку, тому інвалідує обидва теги.",[8938,12607,12608,12611,12612,12614,12615,12617],{},[5494,12609,12610],{},"as const"," біля ",[5494,12613,11633],{}," потрібен для TypeScript: без нього рядок розширюється до ",[5494,12616,5712],{},", і компілятор не впізнає його як допустимий тип тега.",[5597,12619,12621],{"id":12620},"таблиця-який-тег-коли-використовувати","Таблиця: який тег коли використовувати",[7644,12623,12624,12634],{},[7647,12625,12626],{},[7650,12627,12628,12631],{},[7653,12629,12630],{},"Ситуація",[7653,12632,12633],{},"Рекомендований тег",[7663,12635,12636,12646,12659,12668],{},[7650,12637,12638,12641],{},[7668,12639,12640],{},"Просте API, мало даних, продуктивність не критична",[7668,12642,12643,12644],{},"Один тег: ",[5494,12645,11633],{},[7650,12647,12648,12651],{},[7668,12649,12650],{},"Є список і окремі записи",[7668,12652,12653,12656,12657],{},[5494,12654,12655],{},"{ type: \"Post\", id }"," + ",[5494,12658,12570],{},[7650,12660,12661,12664],{},[7668,12662,12663],{},"Мутація змінює один запис",[7668,12665,12666],{},[5494,12667,12655],{},[7650,12669,12670,12673],{},[7668,12671,12672],{},"Мутація додає або видаляє записи у списку",[7668,12674,12675],{},[5494,12676,12570],{},[5573,12678],{},[5576,12680,12682],{"id":12681},"налаштування-запитів-і-хуків","Налаштування запитів і хуків",[5581,12684,12685],{},"Після основ розглянемо, як керувати поведінкою запитів.",[5597,12687,12689],{"id":12688},"skip-відкладений-запит","skip: відкладений запит",[5581,12691,12692,12693,12696,12697,6504],{},"Іноді запит не можна виконувати, поки не готовий його аргумент. Наприклад, ",[5494,12694,12695],{},"userId"," ще невідомий. Для цього є опція ",[5494,12698,9092],{},[5602,12700,12702],{"className":5604,"code":12701,"language":5606,"meta":5607,"style":5607},"function UserPosts({ userId }: { userId?: number }) {\n  const { data } = useGetPostsByUserQuery(userId!, {\n    skip: userId === undefined,\n  });\n\n  \u002F\u002F ...\n}\n",[5494,12703,12704,12726,12746,12760,12765,12769,12774],{"__ignoreMap":5607},[5611,12705,12706,12708,12711,12713,12715,12717,12719,12722,12724],{"class":5613,"line":5614},[5611,12707,5618],{"class":5617},[5611,12709,12710],{"class":5621}," UserPosts",[5611,12712,8010],{"class":5625},[5611,12714,12695],{"class":5791},[5611,12716,9671],{"class":5625},[5611,12718,12695],{"class":5791},[5611,12720,12721],{"class":5625},"?: ",[5611,12723,7879],{"class":5656},[5611,12725,9680],{"class":5625},[5611,12727,12728,12730,12732,12734,12736,12739,12741,12743],{"class":5613,"line":5629},[5611,12729,5632],{"class":5617},[5611,12731,6075],{"class":5625},[5611,12733,5893],{"class":5638},[5611,12735,6819],{"class":5625},[5611,12737,12738],{"class":5621},"useGetPostsByUserQuery",[5611,12740,5682],{"class":5625},[5611,12742,12695],{"class":5791},[5611,12744,12745],{"class":5625},"!, {\n",[5611,12747,12748,12751,12754,12756,12758],{"class":5613,"line":5663},[5611,12749,12750],{"class":5791},"    skip:",[5611,12752,12753],{"class":5791}," userId",[5611,12755,6864],{"class":5625},[5611,12757,8950],{"class":5617},[5611,12759,6152],{"class":5625},[5611,12761,12762],{"class":5613,"line":5691},[5611,12763,12764],{"class":5625},"  });\n",[5611,12766,12767],{"class":5613,"line":5728},[5611,12768,5732],{"emptyLinePlaceholder":5731},[5611,12770,12771],{"class":5613,"line":5735},[5611,12772,12773],{"class":6038},"  \u002F\u002F ...\n",[5611,12775,12776],{"class":5613,"line":5750},[5611,12777,6045],{"class":5625},[5581,12779,12780,12781,8947,12783,12785,12786,8947,12788,12790,12791,12793,12794,12797,12798,6504],{},"Поки ",[5494,12782,9092],{},[5494,12784,5685],{},", запит не виконується, а ",[5494,12787,9082],{},[5494,12789,5685],{},". Щойно ",[5494,12792,12695],{}," з'являється, запит запускається автоматично. Для цього ж ідеально підходить константа ",[5494,12795,12796],{},"skipToken",", яка прибирає потребу в оклику ",[5494,12799,12800],{},"!",[5602,12802,12804],{"className":5604,"code":12803,"language":5606,"meta":5607,"style":5607},"import { skipToken } from \"@reduxjs\u002Ftoolkit\u002Fquery\";\n\nconst { data } = useGetPostByIdQuery(postId ?? skipToken);\n",[5494,12805,12806,12823,12827],{"__ignoreMap":5607},[5611,12807,12808,12810,12812,12814,12816,12818,12821],{"class":5613,"line":5614},[5611,12809,6072],{"class":5830},[5611,12811,6075],{"class":5625},[5611,12813,12796],{"class":5791},[5611,12815,6085],{"class":5625},[5611,12817,6088],{"class":5830},[5611,12819,12820],{"class":5784}," \"@reduxjs\u002Ftoolkit\u002Fquery\"",[5611,12822,6094],{"class":5625},[5611,12824,12825],{"class":5613,"line":5629},[5611,12826,5732],{"emptyLinePlaceholder":5731},[5611,12828,12829,12831,12833,12835,12837,12839,12841,12843,12845,12847],{"class":5613,"line":5663},[5611,12830,6399],{"class":5617},[5611,12832,6075],{"class":5625},[5611,12834,5893],{"class":5638},[5611,12836,6819],{"class":5625},[5611,12838,9640],{"class":5621},[5611,12840,5682],{"class":5625},[5611,12842,9668],{"class":5791},[5611,12844,6725],{"class":5625},[5611,12846,12796],{"class":5791},[5611,12848,5688],{"class":5625},[5597,12850,12852],{"id":12851},"polling-автоматичне-оновлення-за-таймером","Polling: автоматичне оновлення за таймером",[5581,12854,12855],{},"Якщо дані мають оновлюватися регулярно (курс валют, статус завдання), увімкніть опитування:",[5602,12857,12859],{"className":5604,"code":12858,"language":5606,"meta":5607,"style":5607},"const { data } = useGetPostsQuery(undefined, {\n  pollingInterval: 5000, \u002F\u002F кожні 5 секунд\n});\n",[5494,12860,12861,12879,12892],{"__ignoreMap":5607},[5611,12862,12863,12865,12867,12869,12871,12873,12875,12877],{"class":5613,"line":5614},[5611,12864,6399],{"class":5617},[5611,12866,6075],{"class":5625},[5611,12868,5893],{"class":5638},[5611,12870,6819],{"class":5625},[5611,12872,8108],{"class":5621},[5611,12874,5682],{"class":5625},[5611,12876,8950],{"class":5617},[5611,12878,10282],{"class":5625},[5611,12880,12881,12884,12887,12889],{"class":5613,"line":5629},[5611,12882,12883],{"class":5791},"  pollingInterval:",[5611,12885,12886],{"class":7400}," 5000",[5611,12888,5497],{"class":5625},[5611,12890,12891],{"class":6038},"\u002F\u002F кожні 5 секунд\n",[5611,12893,12894],{"class":5613,"line":5663},[5611,12895,6319],{"class":5625},[5581,12897,12898],{},"Опитування працює, поки компонент змонтований. Тільки-но він зникає, таймер зупиняється.",[5597,12900,12902],{"id":12901},"перезапит-при-поверненні-на-вкладку","Перезапит при поверненні на вкладку",[5581,12904,12905],{},"Користувач залишив вкладку на годину, повернувся — і бачить застарілі дані. Щоб RTK Query сам оновлював кеш при поверненні фокуса або відновленні мережі, потрібні два кроки:",[7118,12907,12908],{},[5487,12909,11562,12910,12912],{},[5494,12911,5496],{}," вмикаємо параметри:",[5602,12914,12916],{"className":6062,"code":12915,"language":6065,"meta":5607,"style":5607},"export const postsApi = createApi({\n  reducerPath: \"postsApi\",\n  baseQuery: fetchBaseQuery({ baseUrl: \"http:\u002F\u002Flocalhost:3001\" }),\n  refetchOnFocus: true,\n  refetchOnReconnect: true,\n  \u002F\u002F ...\n});\n",[5494,12917,12918,12932,12940,12954,12963,12972,12976],{"__ignoreMap":5607},[5611,12919,12920,12922,12924,12926,12928,12930],{"class":5613,"line":5614},[5611,12921,6123],{"class":5830},[5611,12923,6126],{"class":5617},[5611,12925,7983],{"class":5638},[5611,12927,5759],{"class":5625},[5611,12929,5496],{"class":5621},[5611,12931,6467],{"class":5625},[5611,12933,12934,12936,12938],{"class":5613,"line":5629},[5611,12935,7994],{"class":5791},[5611,12937,7997],{"class":5784},[5611,12939,6152],{"class":5625},[5611,12941,12942,12944,12946,12948,12950,12952],{"class":5613,"line":5663},[5611,12943,8004],{"class":5791},[5611,12945,8007],{"class":5621},[5611,12947,8010],{"class":5625},[5611,12949,8013],{"class":5791},[5611,12951,8016],{"class":5784},[5611,12953,8019],{"class":5625},[5611,12955,12956,12959,12961],{"class":5613,"line":5691},[5611,12957,12958],{"class":5791},"  refetchOnFocus:",[5611,12960,10290],{"class":5617},[5611,12962,6152],{"class":5625},[5611,12964,12965,12968,12970],{"class":5613,"line":5728},[5611,12966,12967],{"class":5791},"  refetchOnReconnect:",[5611,12969,10290],{"class":5617},[5611,12971,6152],{"class":5625},[5611,12973,12974],{"class":5613,"line":5735},[5611,12975,12773],{"class":6038},[5611,12977,12978],{"class":5613,"line":5750},[5611,12979,6319],{"class":5625},[7118,12981,12982],{"start":5629},[5487,12983,12984,12985,12988],{},"Викликаємо ",[5494,12986,12987],{},"setupListeners"," один раз після створення store:",[5602,12990,12992],{"className":6062,"code":12991,"filename":8245,"language":6065,"meta":5607,"style":5607},"import { setupListeners } from \"@reduxjs\u002Ftoolkit\u002Fquery\";\n\nexport const store = configureStore({ \u002F* ... *\u002F });\n\nsetupListeners(store.dispatch);\n",[5494,12993,12994,13010,13014,13033,13037],{"__ignoreMap":5607},[5611,12995,12996,12998,13000,13002,13004,13006,13008],{"class":5613,"line":5614},[5611,12997,6072],{"class":5830},[5611,12999,6075],{"class":5625},[5611,13001,12987],{"class":5791},[5611,13003,6085],{"class":5625},[5611,13005,6088],{"class":5830},[5611,13007,12820],{"class":5784},[5611,13009,6094],{"class":5625},[5611,13011,13012],{"class":5613,"line":5629},[5611,13013,5732],{"emptyLinePlaceholder":5731},[5611,13015,13016,13018,13020,13022,13024,13026,13028,13031],{"class":5613,"line":5663},[5611,13017,6123],{"class":5830},[5611,13019,6126],{"class":5617},[5611,13021,8294],{"class":5638},[5611,13023,5759],{"class":5625},[5611,13025,8256],{"class":5621},[5611,13027,8010],{"class":5625},[5611,13029,13030],{"class":6038},"\u002F* ... *\u002F",[5611,13032,6234],{"class":5625},[5611,13034,13035],{"class":5613,"line":5691},[5611,13036,5732],{"emptyLinePlaceholder":5731},[5611,13038,13039,13041,13043,13045,13047,13049],{"class":5613,"line":5728},[5611,13040,12987],{"class":5621},[5611,13042,5682],{"class":5625},[5611,13044,7192],{"class":5791},[5611,13046,5504],{"class":5625},[5611,13048,6898],{"class":5791},[5611,13050,5688],{"class":5625},[5581,13052,13053,13055,13056,7195,13059,13062,13063,7195,13066,13069],{},[5494,13054,12987],{}," підписується на події браузера ",[5494,13057,13058],{},"focus",[5494,13060,13061],{},"online"," і передає їх у мідлвар RTK Query. Без цього рядка опції ",[5494,13064,13065],{},"refetchOnFocus",[5494,13067,13068],{},"refetchOnReconnect"," мовчки не працюватимуть.",[5597,13071,13073],{"id":13072},"refetch-ручне-оновлення","refetch: ручне оновлення",[5581,13075,13076,13077,13079],{},"Хук повертає функцію ",[5494,13078,9113],{},", яка примусово повторює запит. Зручно для кнопки «Оновити»:",[5602,13081,13083],{"className":5604,"code":13082,"language":5606,"meta":5607,"style":5607},"const { data, refetch, isFetching } = useGetPostsQuery();\n\n\u003Cbutton onClick={refetch} disabled={isFetching}>\n  Оновити\n\u003C\u002Fbutton>\n",[5494,13084,13085,13107,13111,13140,13145],{"__ignoreMap":5607},[5611,13086,13087,13089,13091,13093,13095,13097,13099,13101,13103,13105],{"class":5613,"line":5614},[5611,13088,6399],{"class":5617},[5611,13090,6075],{"class":5625},[5611,13092,5893],{"class":5638},[5611,13094,5497],{"class":5625},[5611,13096,9113],{"class":5638},[5611,13098,5497],{"class":5625},[5611,13100,9035],{"class":5638},[5611,13102,6819],{"class":5625},[5611,13104,8108],{"class":5621},[5611,13106,5768],{"class":5625},[5611,13108,13109],{"class":5613,"line":5629},[5611,13110,5732],{"emptyLinePlaceholder":5731},[5611,13112,13113,13115,13117,13120,13122,13124,13126,13128,13130,13132,13134,13136,13138],{"class":5613,"line":5663},[5611,13114,5653],{"class":6925},[5611,13116,11253],{"class":6929},[5611,13118,13119],{"class":7032}," onClick",[5611,13121,7036],{"class":5625},[5611,13123,6969],{"class":5617},[5611,13125,9113],{"class":5791},[5611,13127,6974],{"class":5617},[5611,13129,11263],{"class":7032},[5611,13131,7036],{"class":5625},[5611,13133,6969],{"class":5617},[5611,13135,9035],{"class":5791},[5611,13137,6974],{"class":5617},[5611,13139,7004],{"class":6925},[5611,13141,13142],{"class":5613,"line":5691},[5611,13143,13144],{"class":5625},"  Оновити\n",[5611,13146,13147,13149,13151],{"class":5613,"line":5728},[5611,13148,6938],{"class":6925},[5611,13150,11253],{"class":6929},[5611,13152,7004],{"class":6925},[5597,13154,13156],{"id":13155},"transformresponse-змінюємо-відповідь","transformResponse: змінюємо відповідь",[5581,13158,13159,13160,13163],{},"Сервер іноді повертає дані не в зручному вигляді. Наприклад, обгортає масив в об'єкт ",[5494,13161,13162],{},"{ items: [...], total: 3 }",". Замість того, щоб розбирати це в кожному компоненті, зробіть перетворення один раз:",[5602,13165,13167],{"className":6062,"code":13166,"language":6065,"meta":5607,"style":5607},"getPosts: builder.query\u003CPost[], void>({\n  query: () => \"\u002Fposts\",\n  transformResponse: (response: { items: Post[]; total: number }) =>\n    response.items,\n}),\n",[5494,13168,13169,13191,13206,13241,13252],{"__ignoreMap":5607},[5611,13170,13171,13173,13175,13177,13179,13181,13183,13185,13187,13189],{"class":5613,"line":5614},[5611,13172,8160],{"class":6160},[5611,13174,5896],{"class":5625},[5611,13176,6509],{"class":5791},[5611,13178,5504],{"class":5625},[5611,13180,8050],{"class":5621},[5611,13182,5653],{"class":5625},[5611,13184,5657],{"class":5656},[5611,13186,8057],{"class":5625},[5611,13188,8060],{"class":5656},[5611,13190,8063],{"class":5625},[5611,13192,13193,13196,13198,13200,13202,13204],{"class":5613,"line":5629},[5611,13194,13195],{"class":5621},"  query",[5611,13197,6504],{"class":5791},[5611,13199,6010],{"class":5625},[5611,13201,5744],{"class":5617},[5611,13203,8077],{"class":5784},[5611,13205,6152],{"class":5625},[5611,13207,13208,13211,13213,13215,13218,13221,13223,13225,13227,13230,13233,13235,13237,13239],{"class":5613,"line":5663},[5611,13209,13210],{"class":5621},"  transformResponse",[5611,13212,6504],{"class":5791},[5611,13214,5940],{"class":5625},[5611,13216,13217],{"class":5791},"response",[5611,13219,13220],{"class":5625},": { ",[5611,13222,6644],{"class":5791},[5611,13224,5896],{"class":5625},[5611,13226,5657],{"class":5656},[5611,13228,13229],{"class":5625},"[]; ",[5611,13231,13232],{"class":5791},"total",[5611,13234,5896],{"class":5625},[5611,13236,7879],{"class":5656},[5611,13238,6197],{"class":5625},[5611,13240,8341],{"class":5617},[5611,13242,13243,13246,13248,13250],{"class":5613,"line":5691},[5611,13244,13245],{"class":5791},"    response",[5611,13247,5504],{"class":5625},[5611,13249,6644],{"class":5791},[5611,13251,6152],{"class":5625},[5611,13253,13254],{"class":5613,"line":5728},[5611,13255,9611],{"class":5625},[5581,13257,13258,13259,13261,13262,13264],{},"Тепер усі компоненти бачать у ",[5494,13260,5893],{}," готовий масив ",[5494,13263,8172],{},", а перетворення живе в одному місці.",[5597,13266,13268],{"id":13267},"selectfromresult-менше-зайвих-перерендерів","selectFromResult: менше зайвих перерендерів",[5581,13270,13271,13272,5497,13274,13276,13277,13280],{},"Хук запиту перерендерює компонент при зміні будь-якого поля результату (",[5494,13273,9035],{},[5494,13275,5893],{}," тощо). Іноді компоненту потрібна лише частина даних. ",[5494,13278,13279],{},"selectFromResult"," дозволяє вибрати тільки потрібне:",[5602,13282,13284],{"className":5604,"code":13283,"language":5606,"meta":5607,"style":5607},"function PostTitle({ id }: { id: number }) {\n  const { post } = useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({\n      post: data?.find((p) => p.id === id),\n    }),\n  });\n\n  return \u003Ch3>{post?.title}\u003C\u002Fh3>;\n}\n",[5494,13285,13286,13307,13325,13342,13376,13380,13384,13388,13416],{"__ignoreMap":5607},[5611,13287,13288,13290,13293,13295,13297,13299,13301,13303,13305],{"class":5613,"line":5614},[5611,13289,5618],{"class":5617},[5611,13291,13292],{"class":5621}," PostTitle",[5611,13294,8010],{"class":5625},[5611,13296,7045],{"class":5791},[5611,13298,9671],{"class":5625},[5611,13300,7045],{"class":5791},[5611,13302,5896],{"class":5625},[5611,13304,7879],{"class":5656},[5611,13306,9680],{"class":5625},[5611,13308,13309,13311,13313,13315,13317,13319,13321,13323],{"class":5613,"line":5629},[5611,13310,5632],{"class":5617},[5611,13312,6075],{"class":5625},[5611,13314,8802],{"class":5638},[5611,13316,6819],{"class":5625},[5611,13318,8108],{"class":5621},[5611,13320,5682],{"class":5625},[5611,13322,8950],{"class":5617},[5611,13324,10282],{"class":5625},[5611,13326,13327,13330,13332,13334,13336,13338,13340],{"class":5613,"line":5663},[5611,13328,13329],{"class":5621},"    selectFromResult",[5611,13331,6504],{"class":5791},[5611,13333,10566],{"class":5625},[5611,13335,5893],{"class":5791},[5611,13337,6197],{"class":5625},[5611,13339,5744],{"class":5617},[5611,13341,8037],{"class":5625},[5611,13343,13344,13347,13350,13352,13355,13357,13359,13361,13363,13366,13368,13370,13372,13374],{"class":5613,"line":5691},[5611,13345,13346],{"class":5791},"      post:",[5611,13348,13349],{"class":5791}," data",[5611,13351,8795],{"class":5625},[5611,13353,13354],{"class":5621},"find",[5611,13356,5814],{"class":5625},[5611,13358,5581],{"class":5791},[5611,13360,5820],{"class":5625},[5611,13362,5744],{"class":5617},[5611,13364,13365],{"class":5791}," p",[5611,13367,5504],{"class":5625},[5611,13369,7045],{"class":5791},[5611,13371,6864],{"class":5625},[5611,13373,7045],{"class":5791},[5611,13375,8364],{"class":5625},[5611,13377,13378],{"class":5613,"line":5728},[5611,13379,8084],{"class":5625},[5611,13381,13382],{"class":5613,"line":5735},[5611,13383,12764],{"class":5625},[5611,13385,13386],{"class":5613,"line":5750},[5611,13387,5732],{"emptyLinePlaceholder":5731},[5611,13389,13390,13392,13394,13396,13398,13400,13402,13404,13406,13408,13410,13412,13414],{"class":5613,"line":5771},[5611,13391,6991],{"class":5830},[5611,13393,6926],{"class":6925},[5611,13395,5597],{"class":6929},[5611,13397,6932],{"class":6925},[5611,13399,6969],{"class":5617},[5611,13401,8802],{"class":5791},[5611,13403,8795],{"class":7014},[5611,13405,7058],{"class":5791},[5611,13407,6974],{"class":5617},[5611,13409,6938],{"class":6925},[5611,13411,5597],{"class":6929},[5611,13413,6932],{"class":6925},[5611,13415,6094],{"class":5625},[5611,13417,13418],{"class":5613,"line":5776},[5611,13419,6045],{"class":5625},[5581,13421,13422,13423,13426,13427,13430],{},"Тепер ",[5494,13424,13425],{},"PostTitle"," перерендериться, лише якщо змінився ",[5509,13428,13429],{},"саме його"," пост, а не будь-який зі списку. Для списків із тисячами елементів це помітно прискорює інтерфейс.",[5573,13432],{},[5576,13434,13436],{"id":13435},"lazy-запити-запит-за-дією-користувача","Lazy-запити: запит за дією користувача",[5581,13438,13439,13440,6504],{},"Звичайний хук запиту стартує автоматично. А якщо запит має виконуватися за кліком або під час введення тексту в пошук? Для цього кожен ендпоінт на читання має ще одну версію хука — ",[5494,13441,13442],{},"useLazy...Query",[5602,13444,13446],{"className":6062,"code":13445,"language":6065,"meta":5607,"style":5607},"export const { useLazyGetPostByIdQuery } = postsApi;\n",[5494,13447,13448],{"__ignoreMap":5607},[5611,13449,13450,13452,13454,13456,13459,13461,13463],{"class":5613,"line":5614},[5611,13451,6123],{"class":5830},[5611,13453,6126],{"class":5617},[5611,13455,6075],{"class":5625},[5611,13457,13458],{"class":5638},"useLazyGetPostByIdQuery",[5611,13460,6819],{"class":5625},[5611,13462,8113],{"class":5791},[5611,13464,6094],{"class":5625},[5602,13466,13468],{"className":5604,"code":13467,"language":5606,"meta":5607,"style":5607},"function PostSearch() {\n  const [id, setId] = useState(\"\");\n  const [trigger, { data, isFetching, isError }] = useLazyGetPostByIdQuery();\n\n  return (\n    \u003Cdiv>\n      \u003Cinput value={id} onChange={(e) => setId(e.target.value)} \u002F>\n      \u003Cbutton onClick={() => trigger(Number(id))}>Знайти\u003C\u002Fbutton>\n\n      {isFetching && \u003Cp>Шукаємо...\u003C\u002Fp>}\n      {isError && \u003Cp>Нічого не знайдено\u003C\u002Fp>}\n      {data && \u003Ch3>{data.title}\u003C\u002Fh3>}\n    \u003C\u002Fdiv>\n  );\n}\n",[5494,13469,13470,13479,13502,13529,13533,13539,13548,13602,13647,13651,13676,13701,13733,13741,13745],{"__ignoreMap":5607},[5611,13471,13472,13474,13477],{"class":5613,"line":5614},[5611,13473,5618],{"class":5617},[5611,13475,13476],{"class":5621}," PostSearch",[5611,13478,5626],{"class":5625},[5611,13480,13481,13483,13485,13487,13489,13492,13494,13496,13498,13500],{"class":5613,"line":5629},[5611,13482,5632],{"class":5617},[5611,13484,5635],{"class":5625},[5611,13486,7045],{"class":5638},[5611,13488,5497],{"class":5625},[5611,13490,13491],{"class":5638},"setId",[5611,13493,5647],{"class":5625},[5611,13495,5650],{"class":5621},[5611,13497,5682],{"class":5625},[5611,13499,10897],{"class":5784},[5611,13501,5688],{"class":5625},[5611,13503,13504,13506,13508,13511,13513,13515,13517,13519,13521,13523,13525,13527],{"class":5613,"line":5663},[5611,13505,5632],{"class":5617},[5611,13507,5635],{"class":5625},[5611,13509,13510],{"class":5638},"trigger",[5611,13512,5788],{"class":5625},[5611,13514,5893],{"class":5638},[5611,13516,5497],{"class":5625},[5611,13518,9035],{"class":5638},[5611,13520,5497],{"class":5625},[5611,13522,8701],{"class":5638},[5611,13524,10941],{"class":5625},[5611,13526,13458],{"class":5621},[5611,13528,5768],{"class":5625},[5611,13530,13531],{"class":5613,"line":5691},[5611,13532,5732],{"emptyLinePlaceholder":5731},[5611,13534,13535,13537],{"class":5613,"line":5728},[5611,13536,6991],{"class":5830},[5611,13538,6994],{"class":5625},[5611,13540,13541,13543,13546],{"class":5613,"line":5735},[5611,13542,6999],{"class":6925},[5611,13544,13545],{"class":6929},"div",[5611,13547,7004],{"class":6925},[5611,13549,13550,13552,13555,13558,13560,13562,13564,13566,13569,13571,13573,13575,13577,13579,13581,13584,13586,13588,13590,13592,13594,13596,13598,13600],{"class":5613,"line":5750},[5611,13551,8607],{"class":6925},[5611,13553,13554],{"class":6929},"input",[5611,13556,13557],{"class":7032}," value",[5611,13559,7036],{"class":5625},[5611,13561,6969],{"class":5617},[5611,13563,7045],{"class":5791},[5611,13565,6974],{"class":5617},[5611,13567,13568],{"class":7032}," onChange",[5611,13570,7036],{"class":5625},[5611,13572,6969],{"class":5617},[5611,13574,5682],{"class":7014},[5611,13576,10964],{"class":5791},[5611,13578,5820],{"class":7014},[5611,13580,5744],{"class":5617},[5611,13582,13583],{"class":5621}," setId",[5611,13585,5682],{"class":7014},[5611,13587,10964],{"class":5791},[5611,13589,5504],{"class":7014},[5611,13591,11150],{"class":5791},[5611,13593,5504],{"class":7014},[5611,13595,11155],{"class":5791},[5611,13597,7069],{"class":7014},[5611,13599,6974],{"class":5617},[5611,13601,8613],{"class":6925},[5611,13603,13604,13606,13608,13610,13612,13614,13617,13619,13622,13624,13627,13629,13631,13634,13636,13638,13641,13643,13645],{"class":5613,"line":5771},[5611,13605,8607],{"class":6925},[5611,13607,11253],{"class":6929},[5611,13609,13119],{"class":7032},[5611,13611,7036],{"class":5625},[5611,13613,6969],{"class":5617},[5611,13615,13616],{"class":7014},"() ",[5611,13618,5744],{"class":5617},[5611,13620,13621],{"class":5621}," trigger",[5611,13623,5682],{"class":7014},[5611,13625,13626],{"class":5621},"Number",[5611,13628,5682],{"class":7014},[5611,13630,7045],{"class":5791},[5611,13632,13633],{"class":7014},"))",[5611,13635,6974],{"class":5617},[5611,13637,6932],{"class":6925},[5611,13639,13640],{"class":5625},"Знайти",[5611,13642,6938],{"class":6925},[5611,13644,11253],{"class":6929},[5611,13646,7004],{"class":6925},[5611,13648,13649],{"class":5613,"line":5776},[5611,13650,5732],{"emptyLinePlaceholder":5731},[5611,13652,13653,13655,13657,13659,13661,13663,13665,13668,13670,13672,13674],{"class":5613,"line":5805},[5611,13654,7009],{"class":5617},[5611,13656,9035],{"class":5791},[5611,13658,9384],{"class":5625},[5611,13660,6926],{"class":6925},[5611,13662,5581],{"class":6929},[5611,13664,6932],{"class":6925},[5611,13666,13667],{"class":7014},"Шукаємо...",[5611,13669,6938],{"class":6925},[5611,13671,5581],{"class":6929},[5611,13673,6932],{"class":6925},[5611,13675,6045],{"class":5617},[5611,13677,13678,13680,13682,13684,13686,13688,13690,13693,13695,13697,13699],{"class":5613,"line":5827},[5611,13679,7009],{"class":5617},[5611,13681,8701],{"class":5791},[5611,13683,9384],{"class":5625},[5611,13685,6926],{"class":6925},[5611,13687,5581],{"class":6929},[5611,13689,6932],{"class":6925},[5611,13691,13692],{"class":7014},"Нічого не знайдено",[5611,13694,6938],{"class":6925},[5611,13696,5581],{"class":6929},[5611,13698,6932],{"class":6925},[5611,13700,6045],{"class":5617},[5611,13702,13703,13705,13707,13709,13711,13713,13715,13717,13719,13721,13723,13725,13727,13729,13731],{"class":5613,"line":5862},[5611,13704,7009],{"class":5617},[5611,13706,5893],{"class":5791},[5611,13708,9384],{"class":5625},[5611,13710,6926],{"class":6925},[5611,13712,5597],{"class":6929},[5611,13714,6932],{"class":6925},[5611,13716,6969],{"class":5617},[5611,13718,5893],{"class":5791},[5611,13720,5504],{"class":7014},[5611,13722,7058],{"class":5791},[5611,13724,6974],{"class":5617},[5611,13726,6938],{"class":6925},[5611,13728,5597],{"class":6929},[5611,13730,6932],{"class":6925},[5611,13732,6045],{"class":5617},[5611,13734,13735,13737,13739],{"class":5613,"line":5878},[5611,13736,7076],{"class":6925},[5611,13738,13545],{"class":6929},[5611,13740,7004],{"class":6925},[5611,13742,13743],{"class":5613,"line":5884},[5611,13744,7085],{"class":5625},[5611,13746,13747],{"class":5613,"line":5916},[5611,13748,6045],{"class":5625},[5581,13750,13751,13752,13754,13755,13757,13758,13760],{},"Lazy-хук повертає кортеж: ",[5494,13753,13510],{}," (функція запуску) та об'єкт результату. Запит не стартує, поки ви не викличете ",[5494,13756,13510],{},". При цьому кеш працює так само: повторний виклик із тим самим ",[5494,13759,7045],{}," візьме дані з кешу.",[7183,13762,13763,13764,5587,13766,13768,13769,13772],{},"Хочете, щоб хук просто реагував на зміни введеного значення? Тоді використовуйте звичайний ",[5494,13765,9640],{},[5494,13767,9092],{},". Lazy-хук — для ситуацій, коли запит прив'язаний до ",[5531,13770,13771],{},"події",", а не до значення.",[5573,13774],{},[5576,13776,13778],{"id":13777},"оптимістичні-оновлення","Оптимістичні оновлення",[5581,13780,13781],{},"Тепер розберемо найцікавішу можливість. Уявіть чекбокс «виконано» біля кожного поста. При кліку RTK Query надсилає запит, чекає відповідь, потім перезапитує список — і тільки тоді галочка змінюється. Інтерфейс відчувається «ледачим».",[5581,13783,13784,5940,13787,13790,13791,13794],{},[5531,13785,13786],{},"Оптимістичне оновлення",[5509,13788,13789],{},"optimistic update",") працює навпаки: ми змінюємо інтерфейс ",[5531,13792,13793],{},"одразу",", ще до відповіді сервера, «оптимістично» припускаючи, що все буде добре. Якщо ж сервер відповів помилкою, ми відкочуємо зміни.",[7224,13796,13797],{"alt":13786},[5602,13798,13800],{"className":7229,"code":13799,"language":7231,"meta":5607,"style":5607},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam sequenceMessageAlign center\nautonumber\n\nactor \"Користувач\" as U #DBEAFE\nparticipant \"UI + кеш\" as C #FEF3C7\nparticipant \"Сервер\" as S #DCFCE7\n\nU -> C : клік на чекбокс\nC -> C : одразу змінюємо кеш\nnote right of C #FFFFFF\n  Користувач бачить\n  результат миттєво\nend note\nC -> S : PATCH \u002Fposts\u002F1\nalt успіх\n  S --> C : 200 OK\n  note right of C #DCFCE7\n    Нічого не робимо:\n    кеш уже правильний\n  end note\nelse помилка\n  S --> C : 500 Error\n  C -> C : відкат (undo)\n  note right of C #FEE2E2\n    Повертаємо старе значення\n  end note\nend\n@enduml\n",[5494,13801,13802,13806,13810,13814,13818,13822,13826,13831,13836,13840,13844,13849,13854,13859,13864,13869,13873,13878,13883,13888,13893,13898,13903,13908,13913,13918,13923,13928,13933,13937,13942],{"__ignoreMap":5607},[5611,13803,13804],{"class":5613,"line":5614},[5611,13805,7238],{},[5611,13807,13808],{"class":5613,"line":5629},[5611,13809,7243],{},[5611,13811,13812],{"class":5613,"line":5663},[5611,13813,7248],{},[5611,13815,13816],{"class":5613,"line":5691},[5611,13817,9992],{},[5611,13819,13820],{"class":5613,"line":5728},[5611,13821,9997],{},[5611,13823,13824],{"class":5613,"line":5735},[5611,13825,5732],{"emptyLinePlaceholder":5731},[5611,13827,13828],{"class":5613,"line":5750},[5611,13829,13830],{},"actor \"Користувач\" as U #DBEAFE\n",[5611,13832,13833],{"class":5613,"line":5771},[5611,13834,13835],{},"participant \"UI + кеш\" as C #FEF3C7\n",[5611,13837,13838],{"class":5613,"line":5776},[5611,13839,10021],{},[5611,13841,13842],{"class":5613,"line":5805},[5611,13843,5732],{"emptyLinePlaceholder":5731},[5611,13845,13846],{"class":5613,"line":5827},[5611,13847,13848],{},"U -> C : клік на чекбокс\n",[5611,13850,13851],{"class":5613,"line":5862},[5611,13852,13853],{},"C -> C : одразу змінюємо кеш\n",[5611,13855,13856],{"class":5613,"line":5878},[5611,13857,13858],{},"note right of C #FFFFFF\n",[5611,13860,13861],{"class":5613,"line":5884},[5611,13862,13863],{},"  Користувач бачить\n",[5611,13865,13866],{"class":5613,"line":5916},[5611,13867,13868],{},"  результат миттєво\n",[5611,13870,13871],{"class":5613,"line":5935},[5611,13872,7319],{},[5611,13874,13875],{"class":5613,"line":5971},[5611,13876,13877],{},"C -> S : PATCH \u002Fposts\u002F1\n",[5611,13879,13880],{"class":5613,"line":5976},[5611,13881,13882],{},"alt успіх\n",[5611,13884,13885],{"class":5613,"line":5999},[5611,13886,13887],{},"  S --> C : 200 OK\n",[5611,13889,13890],{"class":5613,"line":6004},[5611,13891,13892],{},"  note right of C #DCFCE7\n",[5611,13894,13895],{"class":5613,"line":6024},[5611,13896,13897],{},"    Нічого не робимо:\n",[5611,13899,13900],{"class":5613,"line":6030},[5611,13901,13902],{},"    кеш уже правильний\n",[5611,13904,13905],{"class":5613,"line":6035},[5611,13906,13907],{},"  end note\n",[5611,13909,13910],{"class":5613,"line":6042},[5611,13911,13912],{},"else помилка\n",[5611,13914,13915],{"class":5613,"line":6413},[5611,13916,13917],{},"  S --> C : 500 Error\n",[5611,13919,13920],{"class":5613,"line":6422},[5611,13921,13922],{},"  C -> C : відкат (undo)\n",[5611,13924,13925],{"class":5613,"line":6433},[5611,13926,13927],{},"  note right of C #FEE2E2\n",[5611,13929,13930],{"class":5613,"line":6444},[5611,13931,13932],{},"    Повертаємо старе значення\n",[5611,13934,13935],{"class":5613,"line":6450},[5611,13936,13907],{},[5611,13938,13939],{"class":5613,"line":6455},[5611,13940,13941],{},"end\n",[5611,13943,13944],{"class":5613,"line":6470},[5611,13945,7338],{},[5597,13947,13949],{"id":13948},"реалізація-через-onquerystarted","Реалізація через onQueryStarted",[5581,13951,13952,13953,13956],{},"Для цього в ендпоінті використовується функція життєвого циклу ",[5494,13954,13955],{},"onQueryStarted",". Вона викликається в момент старту запиту і дозволяє виконати код до та після відповіді:",[5602,13958,13960],{"className":6062,"code":13959,"language":6065,"meta":5607,"style":5607},"updatePost: builder.mutation\u003CPost, Pick\u003CPost, \"id\"> & Partial\u003CPost>>({\n  query: ({ id, ...patch }) => ({\n    url: `\u002Fposts\u002F${id}`,\n    method: \"PATCH\",\n    body: patch,\n  }),\n\n  async onQueryStarted({ id, ...patch }, { dispatch, queryFulfilled }) {\n    \u002F\u002F 1. Одразу змінюємо кеш списку\n    const patchResult = dispatch(\n      postsApi.util.updateQueryData(\"getPosts\", undefined, (draft) => {\n        const post = draft.find((p) => p.id === id);\n        if (post) Object.assign(post, patch);\n      }),\n    );\n\n    try {\n      \u002F\u002F 2. Чекаємо відповіді сервера\n      await queryFulfilled;\n    } catch {\n      \u002F\u002F 3. Помилка — відкочуємо зміни\n      patchResult.undo();\n    }\n  },\n}),\n",[5494,13961,13962,14001,14021,14038,14047,14056,14060,14064,14091,14096,14109,14144,14180,14208,14212,14217,14221,14227,14232,14241,14249,14254,14266,14270,14274],{"__ignoreMap":5607},[5611,13963,13964,13967,13969,13971,13973,13975,13977,13979,13981,13983,13985,13987,13989,13991,13993,13995,13997,13999],{"class":5613,"line":5614},[5611,13965,13966],{"class":6160},"updatePost",[5611,13968,5896],{"class":5625},[5611,13970,6509],{"class":5791},[5611,13972,5504],{"class":5625},[5611,13974,10351],{"class":5621},[5611,13976,5653],{"class":5625},[5611,13978,5657],{"class":5656},[5611,13980,5497],{"class":5625},[5611,13982,10537],{"class":5656},[5611,13984,5653],{"class":5625},[5611,13986,5657],{"class":5656},[5611,13988,5497],{"class":5625},[5611,13990,7395],{"class":5784},[5611,13992,10548],{"class":5625},[5611,13994,10551],{"class":5656},[5611,13996,5653],{"class":5625},[5611,13998,5657],{"class":5656},[5611,14000,10459],{"class":5625},[5611,14002,14003,14005,14007,14009,14011,14013,14015,14017,14019],{"class":5613,"line":5629},[5611,14004,13195],{"class":5621},[5611,14006,6504],{"class":5791},[5611,14008,10566],{"class":5625},[5611,14010,7045],{"class":5791},[5611,14012,10571],{"class":5625},[5611,14014,10574],{"class":5791},[5611,14016,6197],{"class":5625},[5611,14018,5744],{"class":5617},[5611,14020,8037],{"class":5625},[5611,14022,14023,14026,14028,14030,14032,14034,14036],{"class":5613,"line":5663},[5611,14024,14025],{"class":5791},"    url:",[5611,14027,9590],{"class":5784},[5611,14029,9593],{"class":5617},[5611,14031,7045],{"class":5791},[5611,14033,6974],{"class":5617},[5611,14035,9600],{"class":5784},[5611,14037,6152],{"class":5625},[5611,14039,14040,14043,14045],{"class":5613,"line":5691},[5611,14041,14042],{"class":5791},"    method:",[5611,14044,10603],{"class":5784},[5611,14046,6152],{"class":5625},[5611,14048,14049,14052,14054],{"class":5613,"line":5728},[5611,14050,14051],{"class":5791},"    body:",[5611,14053,10612],{"class":5791},[5611,14055,6152],{"class":5625},[5611,14057,14058],{"class":5613,"line":5735},[5611,14059,8089],{"class":5625},[5611,14061,14062],{"class":5613,"line":5750},[5611,14063,5732],{"emptyLinePlaceholder":5731},[5611,14065,14066,14068,14071,14073,14075,14077,14079,14082,14084,14086,14089],{"class":5613,"line":5771},[5611,14067,10954],{"class":5617},[5611,14069,14070],{"class":5621}," onQueryStarted",[5611,14072,8010],{"class":5625},[5611,14074,7045],{"class":5791},[5611,14076,10571],{"class":5625},[5611,14078,10574],{"class":5791},[5611,14080,14081],{"class":5625}," }, { ",[5611,14083,6898],{"class":5791},[5611,14085,5497],{"class":5625},[5611,14087,14088],{"class":5791},"queryFulfilled",[5611,14090,9680],{"class":5625},[5611,14092,14093],{"class":5613,"line":5776},[5611,14094,14095],{"class":6038},"    \u002F\u002F 1. Одразу змінюємо кеш списку\n",[5611,14097,14098,14100,14103,14105,14107],{"class":5613,"line":5805},[5611,14099,5753],{"class":5617},[5611,14101,14102],{"class":5638}," patchResult",[5611,14104,5759],{"class":5625},[5611,14106,6898],{"class":5621},[5611,14108,8575],{"class":5625},[5611,14110,14111,14114,14116,14119,14121,14124,14126,14129,14131,14133,14135,14138,14140,14142],{"class":5613,"line":5827},[5611,14112,14113],{"class":5791},"      postsApi",[5611,14115,5504],{"class":5625},[5611,14117,14118],{"class":5791},"util",[5611,14120,5504],{"class":5625},[5611,14122,14123],{"class":5621},"updateQueryData",[5611,14125,5682],{"class":5625},[5611,14127,14128],{"class":5784},"\"getPosts\"",[5611,14130,5497],{"class":5625},[5611,14132,8950],{"class":5617},[5611,14134,6542],{"class":5625},[5611,14136,14137],{"class":5791},"draft",[5611,14139,5820],{"class":5625},[5611,14141,5744],{"class":5617},[5611,14143,5747],{"class":5625},[5611,14145,14146,14149,14152,14154,14156,14158,14160,14162,14164,14166,14168,14170,14172,14174,14176,14178],{"class":5613,"line":5862},[5611,14147,14148],{"class":5617},"        const",[5611,14150,14151],{"class":5638}," post",[5611,14153,5759],{"class":5625},[5611,14155,14137],{"class":5791},[5611,14157,5504],{"class":5625},[5611,14159,13354],{"class":5621},[5611,14161,5814],{"class":5625},[5611,14163,5581],{"class":5791},[5611,14165,5820],{"class":5625},[5611,14167,5744],{"class":5617},[5611,14169,13365],{"class":5791},[5611,14171,5504],{"class":5625},[5611,14173,7045],{"class":5791},[5611,14175,6864],{"class":5625},[5611,14177,7045],{"class":5791},[5611,14179,5688],{"class":5625},[5611,14181,14182,14184,14186,14188,14190,14193,14195,14198,14200,14202,14204,14206],{"class":5613,"line":5878},[5611,14183,5831],{"class":5830},[5611,14185,5940],{"class":5625},[5611,14187,8802],{"class":5791},[5611,14189,5820],{"class":5625},[5611,14191,14192],{"class":5791},"Object",[5611,14194,5504],{"class":5625},[5611,14196,14197],{"class":5621},"assign",[5611,14199,5682],{"class":5625},[5611,14201,8802],{"class":5791},[5611,14203,5497],{"class":5625},[5611,14205,10574],{"class":5791},[5611,14207,5688],{"class":5625},[5611,14209,14210],{"class":5613,"line":5884},[5611,14211,11786],{"class":5625},[5611,14213,14214],{"class":5613,"line":5916},[5611,14215,14216],{"class":5625},"    );\n",[5611,14218,14219],{"class":5613,"line":5935},[5611,14220,5732],{"emptyLinePlaceholder":5731},[5611,14222,14223,14225],{"class":5613,"line":5971},[5611,14224,10992],{"class":5830},[5611,14226,5747],{"class":5625},[5611,14228,14229],{"class":5613,"line":5976},[5611,14230,14231],{"class":6038},"      \u002F\u002F 2. Чекаємо відповіді сервера\n",[5611,14233,14234,14236,14239],{"class":5613,"line":5999},[5611,14235,10999],{"class":5830},[5611,14237,14238],{"class":5791}," queryFulfilled",[5611,14240,6094],{"class":5625},[5611,14242,14243,14245,14247],{"class":5613,"line":6004},[5611,14244,11053],{"class":5625},[5611,14246,5921],{"class":5830},[5611,14248,5747],{"class":5625},[5611,14250,14251],{"class":5613,"line":6024},[5611,14252,14253],{"class":6038},"      \u002F\u002F 3. Помилка — відкочуємо зміни\n",[5611,14255,14256,14259,14261,14264],{"class":5613,"line":6030},[5611,14257,14258],{"class":5791},"      patchResult",[5611,14260,5504],{"class":5625},[5611,14262,14263],{"class":5621},"undo",[5611,14265,5768],{"class":5625},[5611,14267,14268],{"class":5613,"line":6035},[5611,14269,6886],{"class":5625},[5611,14271,14272],{"class":5613,"line":6042},[5611,14273,6742],{"class":5625},[5611,14275,14276],{"class":5613,"line":6413},[5611,14277,9611],{"class":5625},[5581,14279,14280],{},"Розберемо покроково:",[5484,14282,14283,14291,14298,14310,14324,14340],{},[5487,14284,14285,14290],{},[5531,14286,14287],{},[5494,14288,14289],{},"onQueryStarted(arg, api)"," — перший параметр — аргумент мутації, другий — набір помічників.",[5487,14292,14293,14297],{},[5531,14294,14295],{},[5494,14296,6898],{}," — стандартна функція Redux для відправки дій.",[5487,14299,14300,14304,14305,14307,14308,5504],{},[5531,14301,14302],{},[5494,14303,14088],{}," — проміс, що завершиться, коли сервер відповість. Якщо відповідь помилкова, він відхиляється, тому ми обгортаємо ",[5494,14306,6219],{}," у ",[5494,14309,11369],{},[5487,14311,14312,14317,14318,14320,14321,14323],{},[5531,14313,14314],{},[5494,14315,14316],{},"postsApi.util.updateQueryData(endpointName, arg, recipe)"," — пряма зміна кешу. Перший аргумент — ім'я ендпоінта, другий — аргумент, що ідентифікує запис кешу (для ",[5494,14319,8160],{}," це ",[5494,14322,8950],{},"), третій — функція-рецепт.",[5487,14325,14326,14330,14331,5497,14334,14337,14338,5504],{},[5531,14327,14328],{},[5494,14329,14137],{}," — чернетка стану. Завдяки бібліотеці Immer ми можемо «мутувати» її напряму (",[5494,14332,14333],{},"Object.assign",[5494,14335,14336],{},"push"," тощо), а Redux сам створить новий незмінний стан. Це той самий механізм, що в ",[5494,14339,6082],{},[5487,14341,14342,14347],{},[5531,14343,14344],{},[5494,14345,14346],{},"patchResult.undo()"," — відкочує саме цю зміну, повертаючи кеш до попереднього вигляду.",[10320,14349,14350,14351,14353,14354,14356],{},"Оптимістичне оновлення змінює тільки ті записи кешу, які ви явно вказали. Якщо пост також відкритий через ",[5494,14352,11926],{},", його окремий запис кешу потрібно оновити окремим викликом ",[5494,14355,14123],{},". Інакше ви побачите розбіжність між списком і деталями.",[5597,14358,14360],{"id":14359},"коли-додавати-invalidatestags-разом-з-оптимізмом","Коли додавати invalidatesTags разом з оптимізмом",[5581,14362,14363,14364,14366],{},"Хороша практика — залишити в мутації і ",[5494,14365,11581],{}," (або викликати перезапит після завершення). Тоді, навіть якщо оптимістична зміна була трохи неточною (наприклад, сервер змінив ще якесь поле), після відповіді дані синхронізуються з реальністю.",[5581,14368,14369,14370,6504],{},"Іноді зручніше робити синхронізацію вручну в блоці ",[5494,14371,5981],{},[5602,14373,14375],{"className":6062,"code":14374,"language":6065,"meta":5607,"style":5607},"async onQueryStarted(arg, { dispatch, queryFulfilled }) {\n  const patchResult = dispatch(\u002F* ... *\u002F);\n  try {\n    await queryFulfilled;\n  } catch {\n    patchResult.undo();\n  } finally {\n    dispatch(postsApi.util.invalidateTags([{ type: \"Post\", id: \"LIST\" }]));\n  }\n},\n",[5494,14376,14377,14398,14414,14420,14429,14437,14448,14456,14490,14494],{"__ignoreMap":5607},[5611,14378,14379,14381,14383,14385,14388,14390,14392,14394,14396],{"class":5613,"line":5614},[5611,14380,6180],{"class":5791},[5611,14382,14070],{"class":5621},[5611,14384,5682],{"class":5625},[5611,14386,14387],{"class":5791},"arg",[5611,14389,5788],{"class":5625},[5611,14391,6898],{"class":5791},[5611,14393,5497],{"class":5625},[5611,14395,14088],{"class":5791},[5611,14397,9680],{"class":5625},[5611,14399,14400,14402,14404,14406,14408,14410,14412],{"class":5613,"line":5629},[5611,14401,5632],{"class":5617},[5611,14403,14102],{"class":5638},[5611,14405,5759],{"class":5625},[5611,14407,6898],{"class":5621},[5611,14409,5682],{"class":5625},[5611,14411,13030],{"class":6038},[5611,14413,5688],{"class":5625},[5611,14415,14416,14418],{"class":5613,"line":5663},[5611,14417,6206],{"class":5830},[5611,14419,5747],{"class":5625},[5611,14421,14422,14425,14427],{"class":5613,"line":5691},[5611,14423,14424],{"class":5830},"    await",[5611,14426,14238],{"class":5791},[5611,14428,6094],{"class":5625},[5611,14430,14431,14433,14435],{"class":5613,"line":5728},[5611,14432,6292],{"class":5625},[5611,14434,5921],{"class":5830},[5611,14436,5747],{"class":5625},[5611,14438,14439,14442,14444,14446],{"class":5613,"line":5735},[5611,14440,14441],{"class":5791},"    patchResult",[5611,14443,5504],{"class":5625},[5611,14445,14263],{"class":5621},[5611,14447,5768],{"class":5625},[5611,14449,14450,14452,14454],{"class":5613,"line":5750},[5611,14451,6292],{"class":5625},[5611,14453,5981],{"class":5830},[5611,14455,5747],{"class":5625},[5611,14457,14458,14461,14463,14465,14467,14469,14471,14474,14477,14479,14481,14483,14485,14487],{"class":5613,"line":5771},[5611,14459,14460],{"class":5621},"    dispatch",[5611,14462,5682],{"class":5625},[5611,14464,8113],{"class":5791},[5611,14466,5504],{"class":5625},[5611,14468,14118],{"class":5791},[5611,14470,5504],{"class":5625},[5611,14472,14473],{"class":5621},"invalidateTags",[5611,14475,14476],{"class":5625},"([{ ",[5611,14478,12048],{"class":5791},[5611,14480,12051],{"class":5784},[5611,14482,5497],{"class":5625},[5611,14484,12077],{"class":5791},[5611,14486,12080],{"class":5784},[5611,14488,14489],{"class":5625}," }]));\n",[5611,14491,14492],{"class":5613,"line":5776},[5611,14493,6314],{"class":5625},[5611,14495,14496],{"class":5613,"line":5805},[5611,14497,14498],{"class":5625},"},\n",[5581,14500,14501,14502,14505],{},"Метод ",[5494,14503,14504],{},"util.invalidateTags"," дозволяє інвалідувати теги вручну з будь-якого місця.",[5573,14507],{},[5576,14509,14511],{"id":14510},"пагінація-та-фільтрація","Пагінація та фільтрація",[5581,14513,14514,14515,14517,14518,7195,14521,14524,14525,5504],{},"Реальні API рідко віддають усе одразу. Розглянемо, як працювати з сторінками. ",[5494,14516,7360],{}," підтримує параметри ",[5494,14519,14520],{},"_page",[5494,14522,14523],{},"_limit"," і повертає загальну кількість у заголовку ",[5494,14526,14527],{},"X-Total-Count",[5597,14529,14531],{"id":14530},"передача-кількох-аргументів","Передача кількох аргументів",[5581,14533,14534],{},"Аргумент запиту може бути об'єктом. Це зручно, коли їх кілька:",[5602,14536,14538],{"className":6062,"code":14537,"language":6065,"meta":5607,"style":5607},"interface GetPostsArgs {\n  page: number;\n  limit: number;\n  search?: string;\n}\n\ngetPostsPage: builder.query\u003CPost[], GetPostsArgs>({\n  query: ({ page, limit, search }) => ({\n    url: \"\u002Fposts\",\n    params: {\n      _page: page,\n      _limit: limit,\n      ...(search ? { q: search } : {}),\n    },\n  }),\n  providesTags: (result) =>\n    result\n      ? [\n          ...result.map(({ id }) => ({ type: \"Post\" as const, id })),\n          { type: \"Post\", id: \"LIST\" },\n        ]\n      : [{ type: \"Post\", id: \"LIST\" }],\n}),\n",[5494,14539,14540,14549,14560,14571,14582,14586,14590,14614,14641,14649,14656,14666,14676,14695,14700,14704,14719,14724,14729,14764,14781,14786,14803],{"__ignoreMap":5607},[5611,14541,14542,14544,14547],{"class":5613,"line":5614},[5611,14543,6328],{"class":5617},[5611,14545,14546],{"class":5656}," GetPostsArgs",[5611,14548,5747],{"class":5625},[5611,14550,14551,14554,14556,14558],{"class":5613,"line":5629},[5611,14552,14553],{"class":5791},"  page",[5611,14555,5896],{"class":5625},[5611,14557,7879],{"class":5656},[5611,14559,6094],{"class":5625},[5611,14561,14562,14565,14567,14569],{"class":5613,"line":5663},[5611,14563,14564],{"class":5791},"  limit",[5611,14566,5896],{"class":5625},[5611,14568,7879],{"class":5656},[5611,14570,6094],{"class":5625},[5611,14572,14573,14576,14578,14580],{"class":5613,"line":5691},[5611,14574,14575],{"class":5791},"  search",[5611,14577,12721],{"class":5625},[5611,14579,5712],{"class":5656},[5611,14581,6094],{"class":5625},[5611,14583,14584],{"class":5613,"line":5728},[5611,14585,6045],{"class":5625},[5611,14587,14588],{"class":5613,"line":5735},[5611,14589,5732],{"emptyLinePlaceholder":5731},[5611,14591,14592,14595,14597,14599,14601,14603,14605,14607,14609,14612],{"class":5613,"line":5750},[5611,14593,14594],{"class":6160},"getPostsPage",[5611,14596,5896],{"class":5625},[5611,14598,6509],{"class":5791},[5611,14600,5504],{"class":5625},[5611,14602,8050],{"class":5621},[5611,14604,5653],{"class":5625},[5611,14606,5657],{"class":5656},[5611,14608,8057],{"class":5625},[5611,14610,14611],{"class":5656},"GetPostsArgs",[5611,14613,8063],{"class":5625},[5611,14615,14616,14618,14620,14622,14625,14627,14630,14632,14635,14637,14639],{"class":5613,"line":5771},[5611,14617,13195],{"class":5621},[5611,14619,6504],{"class":5791},[5611,14621,10566],{"class":5625},[5611,14623,14624],{"class":5791},"page",[5611,14626,5497],{"class":5625},[5611,14628,14629],{"class":5791},"limit",[5611,14631,5497],{"class":5625},[5611,14633,14634],{"class":5791},"search",[5611,14636,6197],{"class":5625},[5611,14638,5744],{"class":5617},[5611,14640,8037],{"class":5625},[5611,14642,14643,14645,14647],{"class":5613,"line":5776},[5611,14644,14025],{"class":5791},[5611,14646,8077],{"class":5784},[5611,14648,6152],{"class":5625},[5611,14650,14651,14654],{"class":5613,"line":5805},[5611,14652,14653],{"class":5791},"    params:",[5611,14655,5747],{"class":5625},[5611,14657,14658,14661,14664],{"class":5613,"line":5827},[5611,14659,14660],{"class":5791},"      _page:",[5611,14662,14663],{"class":5791}," page",[5611,14665,6152],{"class":5625},[5611,14667,14668,14671,14674],{"class":5613,"line":5862},[5611,14669,14670],{"class":5791},"      _limit:",[5611,14672,14673],{"class":5791}," limit",[5611,14675,6152],{"class":5625},[5611,14677,14678,14681,14683,14686,14689,14692],{"class":5613,"line":5878},[5611,14679,14680],{"class":5625},"      ...(",[5611,14682,14634],{"class":5791},[5611,14684,14685],{"class":5625}," ? { ",[5611,14687,14688],{"class":5791},"q:",[5611,14690,14691],{"class":5791}," search",[5611,14693,14694],{"class":5625}," } : {}),\n",[5611,14696,14697],{"class":5613,"line":5884},[5611,14698,14699],{"class":5625},"    },\n",[5611,14701,14702],{"class":5613,"line":5916},[5611,14703,8089],{"class":5625},[5611,14705,14706,14709,14711,14713,14715,14717],{"class":5613,"line":5935},[5611,14707,14708],{"class":5621},"  providesTags",[5611,14710,6504],{"class":5791},[5611,14712,5940],{"class":5625},[5611,14714,12009],{"class":5791},[5611,14716,5820],{"class":5625},[5611,14718,8341],{"class":5617},[5611,14720,14721],{"class":5613,"line":5971},[5611,14722,14723],{"class":5791},"    result\n",[5611,14725,14726],{"class":5613,"line":5976},[5611,14727,14728],{"class":5625},"      ? [\n",[5611,14730,14731,14734,14736,14738,14740,14742,14744,14746,14748,14750,14752,14754,14756,14758,14760,14762],{"class":5613,"line":5999},[5611,14732,14733],{"class":5625},"          ...",[5611,14735,12009],{"class":5791},[5611,14737,5504],{"class":5625},[5611,14739,7017],{"class":5621},[5611,14741,12037],{"class":5625},[5611,14743,7045],{"class":5791},[5611,14745,6197],{"class":5625},[5611,14747,5744],{"class":5617},[5611,14749,10566],{"class":5625},[5611,14751,12048],{"class":5791},[5611,14753,12051],{"class":5784},[5611,14755,12054],{"class":5830},[5611,14757,6126],{"class":5617},[5611,14759,5497],{"class":5625},[5611,14761,7045],{"class":5791},[5611,14763,12063],{"class":5625},[5611,14765,14766,14769,14771,14773,14775,14777,14779],{"class":5613,"line":6004},[5611,14767,14768],{"class":5625},"          { ",[5611,14770,12048],{"class":5791},[5611,14772,12051],{"class":5784},[5611,14774,5497],{"class":5625},[5611,14776,12077],{"class":5791},[5611,14778,12080],{"class":5784},[5611,14780,7433],{"class":5625},[5611,14782,14783],{"class":5613,"line":6024},[5611,14784,14785],{"class":5625},"        ]\n",[5611,14787,14788,14791,14793,14795,14797,14799,14801],{"class":5613,"line":6030},[5611,14789,14790],{"class":5625},"      : [{ ",[5611,14792,12048],{"class":5791},[5611,14794,12051],{"class":5784},[5611,14796,5497],{"class":5625},[5611,14798,12077],{"class":5791},[5611,14800,12080],{"class":5784},[5611,14802,12105],{"class":5625},[5611,14804,14805],{"class":5613,"line":6035},[5611,14806,9611],{"class":5625},[5581,14808,14809,14810,14813,14814,14816,14817,14820],{},"Властивість ",[5494,14811,14812],{},"params"," — це об'єкт, який ",[5494,14815,5500],{}," сам перетворює на рядок запиту (",[5494,14818,14819],{},"?_page=1&_limit=10","). Вам не потрібно склеювати URL вручну.",[7183,14822,14823,14824,14827],{},"Кожна унікальна комбінація аргументів — це ",[5531,14825,14826],{},"окремий запис кешу",". Сторінка 1 і сторінка 2 лежать у кеші одночасно, тому повернення на попередню сторінку відбувається миттєво.",[5597,14829,14831],{"id":14830},"сторінковий-список-у-компоненті","Сторінковий список у компоненті",[5602,14833,14835],{"className":5604,"code":14834,"language":5606,"meta":5607,"style":5607},"function PaginatedPosts() {\n  const [page, setPage] = useState(1);\n  const { data, isLoading, isFetching } = useGetPostsPageQuery({\n    page,\n    limit: 5,\n  });\n\n  if (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv style={{ opacity: isFetching ? 0.6 : 1 }}>\n      \u003Cul>\n        {data?.map((p) => \u003Cli key={p.id}>{p.title}\u003C\u002Fli>)}\n      \u003C\u002Ful>\n\n      \u003Cbutton onClick={() => setPage((p) => p - 1)} disabled={page === 1}>\n        Назад\n      \u003C\u002Fbutton>\n      \u003Cspan> Сторінка {page} \u003C\u002Fspan>\n      \u003Cbutton\n        onClick={() => setPage((p) => p + 1)}\n        disabled={!data || data.length \u003C 5}\n      >\n        Вперед\n      \u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5494,14836,14837,14846,14869,14892,14899,14908,14912,14916,14944,14948,14954,14993,15001,15059,15067,15071,15126,15131,15139,15163,15170,15204,15233,15238,15243,15251,15259,15263],{"__ignoreMap":5607},[5611,14838,14839,14841,14844],{"class":5613,"line":5614},[5611,14840,5618],{"class":5617},[5611,14842,14843],{"class":5621}," PaginatedPosts",[5611,14845,5626],{"class":5625},[5611,14847,14848,14850,14852,14854,14856,14859,14861,14863,14865,14867],{"class":5613,"line":5629},[5611,14849,5632],{"class":5617},[5611,14851,5635],{"class":5625},[5611,14853,14624],{"class":5638},[5611,14855,5497],{"class":5625},[5611,14857,14858],{"class":5638},"setPage",[5611,14860,5647],{"class":5625},[5611,14862,5650],{"class":5621},[5611,14864,5682],{"class":5625},[5611,14866,7401],{"class":7400},[5611,14868,5688],{"class":5625},[5611,14870,14871,14873,14875,14877,14879,14881,14883,14885,14887,14890],{"class":5613,"line":5663},[5611,14872,5632],{"class":5617},[5611,14874,6075],{"class":5625},[5611,14876,5893],{"class":5638},[5611,14878,5497],{"class":5625},[5611,14880,5670],{"class":5638},[5611,14882,5497],{"class":5625},[5611,14884,9035],{"class":5638},[5611,14886,6819],{"class":5625},[5611,14888,14889],{"class":5621},"useGetPostsPageQuery",[5611,14891,6467],{"class":5625},[5611,14893,14894,14897],{"class":5613,"line":5691},[5611,14895,14896],{"class":5791},"    page",[5611,14898,6152],{"class":5625},[5611,14900,14901,14904,14906],{"class":5613,"line":5728},[5611,14902,14903],{"class":5791},"    limit:",[5611,14905,10227],{"class":7400},[5611,14907,6152],{"class":5625},[5611,14909,14910],{"class":5613,"line":5735},[5611,14911,12764],{"class":5625},[5611,14913,14914],{"class":5613,"line":5750},[5611,14915,5732],{"emptyLinePlaceholder":5731},[5611,14917,14918,14920,14922,14924,14926,14928,14930,14932,14934,14936,14938,14940,14942],{"class":5613,"line":5771},[5611,14919,6910],{"class":5830},[5611,14921,5940],{"class":5625},[5611,14923,5670],{"class":5791},[5611,14925,5820],{"class":5625},[5611,14927,6252],{"class":5830},[5611,14929,6926],{"class":6925},[5611,14931,5581],{"class":6929},[5611,14933,6932],{"class":6925},[5611,14935,6935],{"class":5625},[5611,14937,6938],{"class":6925},[5611,14939,5581],{"class":6929},[5611,14941,6932],{"class":6925},[5611,14943,6094],{"class":5625},[5611,14945,14946],{"class":5613,"line":5776},[5611,14947,5732],{"emptyLinePlaceholder":5731},[5611,14949,14950,14952],{"class":5613,"line":5805},[5611,14951,6991],{"class":5830},[5611,14953,6994],{"class":5625},[5611,14955,14956,14958,14960,14963,14965,14967,14970,14973,14976,14978,14981,14983,14986,14989,14991],{"class":5613,"line":5827},[5611,14957,6999],{"class":6925},[5611,14959,13545],{"class":6929},[5611,14961,14962],{"class":7032}," style",[5611,14964,7036],{"class":5625},[5611,14966,6969],{"class":5617},[5611,14968,14969],{"class":7014},"{ ",[5611,14971,14972],{"class":5791},"opacity:",[5611,14974,14975],{"class":5791}," isFetching",[5611,14977,11283],{"class":5625},[5611,14979,14980],{"class":7400}," 0.6",[5611,14982,11289],{"class":5625},[5611,14984,14985],{"class":7400}," 1",[5611,14987,14988],{"class":7014}," }",[5611,14990,6974],{"class":5617},[5611,14992,7004],{"class":6925},[5611,14994,14995,14997,14999],{"class":5613,"line":5862},[5611,14996,8607],{"class":6925},[5611,14998,5484],{"class":6929},[5611,15000,7004],{"class":6925},[5611,15002,15003,15005,15007,15009,15011,15013,15015,15017,15019,15021,15023,15025,15027,15029,15031,15033,15035,15037,15039,15041,15043,15045,15047,15049,15051,15053,15055,15057],{"class":5613,"line":5878},[5611,15004,11278],{"class":5617},[5611,15006,5893],{"class":5791},[5611,15008,8795],{"class":7014},[5611,15010,7017],{"class":5621},[5611,15012,5814],{"class":7014},[5611,15014,5581],{"class":5791},[5611,15016,5820],{"class":7014},[5611,15018,5744],{"class":5617},[5611,15020,6926],{"class":6925},[5611,15022,5487],{"class":6929},[5611,15024,7033],{"class":7032},[5611,15026,7036],{"class":5625},[5611,15028,6969],{"class":5617},[5611,15030,5581],{"class":5791},[5611,15032,5504],{"class":7014},[5611,15034,7045],{"class":5791},[5611,15036,6974],{"class":5617},[5611,15038,6932],{"class":6925},[5611,15040,6969],{"class":5617},[5611,15042,5581],{"class":5791},[5611,15044,5504],{"class":7014},[5611,15046,7058],{"class":5791},[5611,15048,6974],{"class":5617},[5611,15050,6938],{"class":6925},[5611,15052,5487],{"class":6929},[5611,15054,6932],{"class":6925},[5611,15056,7069],{"class":7014},[5611,15058,6045],{"class":5617},[5611,15060,15061,15063,15065],{"class":5613,"line":5884},[5611,15062,11299],{"class":6925},[5611,15064,5484],{"class":6929},[5611,15066,7004],{"class":6925},[5611,15068,15069],{"class":5613,"line":5916},[5611,15070,5732],{"emptyLinePlaceholder":5731},[5611,15072,15073,15075,15077,15079,15081,15083,15085,15087,15090,15092,15094,15096,15098,15100,15103,15105,15107,15109,15111,15113,15115,15117,15120,15122,15124],{"class":5613,"line":5935},[5611,15074,8607],{"class":6925},[5611,15076,11253],{"class":6929},[5611,15078,13119],{"class":7032},[5611,15080,7036],{"class":5625},[5611,15082,6969],{"class":5617},[5611,15084,13616],{"class":7014},[5611,15086,5744],{"class":5617},[5611,15088,15089],{"class":5621}," setPage",[5611,15091,5814],{"class":7014},[5611,15093,5581],{"class":5791},[5611,15095,5820],{"class":7014},[5611,15097,5744],{"class":5617},[5611,15099,13365],{"class":5791},[5611,15101,15102],{"class":5625}," -",[5611,15104,14985],{"class":7400},[5611,15106,7069],{"class":7014},[5611,15108,6974],{"class":5617},[5611,15110,11263],{"class":7032},[5611,15112,7036],{"class":5625},[5611,15114,6969],{"class":5617},[5611,15116,14624],{"class":5791},[5611,15118,15119],{"class":5625}," ===",[5611,15121,14985],{"class":7400},[5611,15123,6974],{"class":5617},[5611,15125,7004],{"class":6925},[5611,15127,15128],{"class":5613,"line":5971},[5611,15129,15130],{"class":5625},"        Назад\n",[5611,15132,15133,15135,15137],{"class":5613,"line":5976},[5611,15134,11299],{"class":6925},[5611,15136,11253],{"class":6929},[5611,15138,7004],{"class":6925},[5611,15140,15141,15143,15145,15147,15150,15152,15154,15156,15159,15161],{"class":5613,"line":5999},[5611,15142,8607],{"class":6925},[5611,15144,5611],{"class":6929},[5611,15146,6932],{"class":6925},[5611,15148,15149],{"class":5625}," Сторінка ",[5611,15151,6969],{"class":5617},[5611,15153,14624],{"class":5791},[5611,15155,6974],{"class":5617},[5611,15157,15158],{"class":6925}," \u003C\u002F",[5611,15160,5611],{"class":6929},[5611,15162,7004],{"class":6925},[5611,15164,15165,15167],{"class":5613,"line":6004},[5611,15166,8607],{"class":6925},[5611,15168,15169],{"class":6929},"button\n",[5611,15171,15172,15175,15177,15179,15181,15183,15185,15187,15189,15191,15193,15195,15198,15200,15202],{"class":5613,"line":6024},[5611,15173,15174],{"class":7032},"        onClick",[5611,15176,7036],{"class":5625},[5611,15178,6969],{"class":5617},[5611,15180,13616],{"class":7014},[5611,15182,5744],{"class":5617},[5611,15184,15089],{"class":5621},[5611,15186,5814],{"class":7014},[5611,15188,5581],{"class":5791},[5611,15190,5820],{"class":7014},[5611,15192,5744],{"class":5617},[5611,15194,13365],{"class":5791},[5611,15196,15197],{"class":5625}," +",[5611,15199,14985],{"class":7400},[5611,15201,7069],{"class":7014},[5611,15203,6045],{"class":5617},[5611,15205,15206,15209,15211,15213,15215,15217,15220,15222,15224,15227,15229,15231],{"class":5613,"line":6030},[5611,15207,15208],{"class":7032},"        disabled",[5611,15210,7036],{"class":5625},[5611,15212,6969],{"class":5617},[5611,15214,12800],{"class":5625},[5611,15216,5893],{"class":5791},[5611,15218,15219],{"class":5625}," ||",[5611,15221,13349],{"class":5791},[5611,15223,5504],{"class":7014},[5611,15225,15226],{"class":5791},"length",[5611,15228,6926],{"class":5625},[5611,15230,10227],{"class":7400},[5611,15232,6045],{"class":5617},[5611,15234,15235],{"class":5613,"line":6035},[5611,15236,15237],{"class":6925},"      >\n",[5611,15239,15240],{"class":5613,"line":6042},[5611,15241,15242],{"class":5625},"        Вперед\n",[5611,15244,15245,15247,15249],{"class":5613,"line":6413},[5611,15246,11299],{"class":6925},[5611,15248,11253],{"class":6929},[5611,15250,7004],{"class":6925},[5611,15252,15253,15255,15257],{"class":5613,"line":6422},[5611,15254,7076],{"class":6925},[5611,15256,13545],{"class":6929},[5611,15258,7004],{"class":6925},[5611,15260,15261],{"class":5613,"line":6433},[5611,15262,7085],{"class":5625},[5611,15264,15265],{"class":5613,"line":6444},[5611,15266,6045],{"class":5625},[5581,15268,15269,15270,15272,15273,15275,15276,11903,15278,15280,15281,15283],{},"Зверніть увагу: коли ",[5494,15271,14624],{}," змінюється, на мить ",[5494,15274,5670],{}," залишається ",[5494,15277,5993],{},[5494,15279,9035],{}," стає ",[5494,15282,5685],{},". Ми не показуємо спінер замість списку, а просто робимо його трохи прозорим. Старі дані видно, поки завантажується нова сторінка. Це дає плавніший досвід.",[5597,15285,15287],{"id":15286},"попереднє-завантаження-prefetch","Попереднє завантаження (prefetch)",[5581,15289,15290,15291,6504],{},"Щоб наступна сторінка з'являлася миттєво, можна завантажити її наперед, поки користувач дивиться на поточну. Для цього є хук ",[5494,15292,15293],{},"usePrefetch",[5602,15295,15297],{"className":5604,"code":15296,"language":5606,"meta":5607,"style":5607},"const prefetchPage = postsApi.usePrefetch(\"getPostsPage\");\n\n\u003Cbutton\n  onMouseEnter={() => prefetchPage({ page: page + 1, limit: 5 })}\n  onClick={() => setPage((p) => p + 1)}\n>\n  Вперед\n\u003C\u002Fbutton>\n",[5494,15298,15299,15321,15325,15331,15369,15402,15406,15411],{"__ignoreMap":5607},[5611,15300,15301,15303,15306,15308,15310,15312,15314,15316,15319],{"class":5613,"line":5614},[5611,15302,6399],{"class":5617},[5611,15304,15305],{"class":5638}," prefetchPage",[5611,15307,5759],{"class":5625},[5611,15309,8113],{"class":5791},[5611,15311,5504],{"class":5625},[5611,15313,15293],{"class":5621},[5611,15315,5682],{"class":5625},[5611,15317,15318],{"class":5784},"\"getPostsPage\"",[5611,15320,5688],{"class":5625},[5611,15322,15323],{"class":5613,"line":5629},[5611,15324,5732],{"emptyLinePlaceholder":5731},[5611,15326,15327,15329],{"class":5613,"line":5663},[5611,15328,5653],{"class":6925},[5611,15330,15169],{"class":6929},[5611,15332,15333,15336,15338,15340,15342,15344,15346,15348,15351,15353,15355,15357,15359,15362,15364,15367],{"class":5613,"line":5691},[5611,15334,15335],{"class":7032},"  onMouseEnter",[5611,15337,7036],{"class":5625},[5611,15339,6969],{"class":5617},[5611,15341,13616],{"class":7014},[5611,15343,5744],{"class":5617},[5611,15345,15305],{"class":5621},[5611,15347,8010],{"class":7014},[5611,15349,15350],{"class":5791},"page:",[5611,15352,14663],{"class":5791},[5611,15354,15197],{"class":5625},[5611,15356,14985],{"class":7400},[5611,15358,5497],{"class":7014},[5611,15360,15361],{"class":5791},"limit:",[5611,15363,10227],{"class":7400},[5611,15365,15366],{"class":7014}," })",[5611,15368,6045],{"class":5617},[5611,15370,15371,15374,15376,15378,15380,15382,15384,15386,15388,15390,15392,15394,15396,15398,15400],{"class":5613,"line":5728},[5611,15372,15373],{"class":7032},"  onClick",[5611,15375,7036],{"class":5625},[5611,15377,6969],{"class":5617},[5611,15379,13616],{"class":7014},[5611,15381,5744],{"class":5617},[5611,15383,15089],{"class":5621},[5611,15385,5814],{"class":7014},[5611,15387,5581],{"class":5791},[5611,15389,5820],{"class":7014},[5611,15391,5744],{"class":5617},[5611,15393,13365],{"class":5791},[5611,15395,15197],{"class":5625},[5611,15397,14985],{"class":7400},[5611,15399,7069],{"class":7014},[5611,15401,6045],{"class":5617},[5611,15403,15404],{"class":5613,"line":5735},[5611,15405,7004],{"class":6925},[5611,15407,15408],{"class":5613,"line":5750},[5611,15409,15410],{"class":5625},"  Вперед\n",[5611,15412,15413,15415,15417],{"class":5613,"line":5771},[5611,15414,6938],{"class":6925},[5611,15416,11253],{"class":6929},[5611,15418,7004],{"class":6925},[5581,15420,15421],{},"Тільки-но курсор наведено на кнопку, дані наступної сторінки вже їдуть до кешу. До кліку вони, ймовірно, вже будуть готові.",[5573,15423],{},[5576,15425,15427],{"id":15426},"обробка-помилок","Обробка помилок",[5581,15429,15430],{},"У мережі все ламається: пропадає інтернет, сервер повертає 500, токен прострочено. Правильно обробити це — частина якісного інтерфейсу.",[5597,15432,15434],{"id":15433},"типи-помилок","Типи помилок",[5581,15436,15437,15438,15440],{},"Поле ",[5494,15439,5698],{}," у хука може мати два види:",[5484,15442,15443,15470],{},[5487,15444,15445,15450,15451,15453,15454,15457,15458,5497,15461,5497,15464,5497,15467,7163],{},[5531,15446,15447],{},[5494,15448,15449],{},"FetchBaseQueryError"," — помилка запиту. Вона має поле ",[5494,15452,6562],{},": число (код HTTP, наприклад ",[5494,15455,15456],{},"404",") або рядок (",[5494,15459,15460],{},"\"FETCH_ERROR\"",[5494,15462,15463],{},"\"PARSING_ERROR\"",[5494,15465,15466],{},"\"TIMEOUT_ERROR\"",[5494,15468,15469],{},"\"CUSTOM_ERROR\"",[5487,15471,15472,15477,15478,15481,15482,7195,15484,5504],{},[5531,15473,15474],{},[5494,15475,15476],{},"SerializedError"," — помилка у вашому коді (наприклад, у ",[5494,15479,15480],{},"transformResponse","). Має поля ",[5494,15483,5966],{},[5494,15485,5947],{},[5581,15487,15488],{},"Щоб показати зрозуміле повідомлення, треба спочатку визначити, яка саме помилка прийшла. Для цього зручно написати допоміжну функцію:",[5602,15490,15493],{"className":6062,"code":15491,"filename":15492,"language":6065,"meta":5607,"style":5607},"import type { FetchBaseQueryError } from \"@reduxjs\u002Ftoolkit\u002Fquery\";\nimport type { SerializedError } from \"@reduxjs\u002Ftoolkit\";\n\nfunction isFetchBaseQueryError(\n  error: unknown,\n): error is FetchBaseQueryError {\n  return typeof error === \"object\" && error != null && \"status\" in error;\n}\n\nexport function getErrorMessage(\n  error: FetchBaseQueryError | SerializedError | undefined,\n): string {\n  if (!error) return \"\";\n\n  if (isFetchBaseQueryError(error)) {\n    if (error.status === \"FETCH_ERROR\") return \"Немає зв'язку з сервером\";\n    if (error.status === 404) return \"Нічого не знайдено\";\n    if (error.status === 401) return \"Потрібно увійти в систему\";\n    if (typeof error.status === \"number\" && error.status >= 500) {\n      return \"Помилка на сервері. Спробуйте пізніше\";\n    }\n    return \"Не вдалося виконати запит\";\n  }\n\n  return error.message ?? \"Невідома помилка\";\n}\n","src\u002Futils\u002Ferrors.ts",[5494,15494,15495,15513,15531,15535,15544,15555,15570,15607,15611,15615,15626,15644,15652,15669,15673,15689,15714,15739,15765,15800,15810,15814,15823,15827,15831,15847],{"__ignoreMap":5607},[5611,15496,15497,15499,15501,15503,15505,15507,15509,15511],{"class":5613,"line":5614},[5611,15498,6072],{"class":5830},[5611,15500,6101],{"class":5830},[5611,15502,6075],{"class":5625},[5611,15504,15449],{"class":5791},[5611,15506,6085],{"class":5625},[5611,15508,6088],{"class":5830},[5611,15510,12820],{"class":5784},[5611,15512,6094],{"class":5625},[5611,15514,15515,15517,15519,15521,15523,15525,15527,15529],{"class":5613,"line":5629},[5611,15516,6072],{"class":5830},[5611,15518,6101],{"class":5830},[5611,15520,6075],{"class":5625},[5611,15522,15476],{"class":5791},[5611,15524,6085],{"class":5625},[5611,15526,6088],{"class":5830},[5611,15528,6091],{"class":5784},[5611,15530,6094],{"class":5625},[5611,15532,15533],{"class":5613,"line":5663},[5611,15534,5732],{"emptyLinePlaceholder":5731},[5611,15536,15537,15539,15542],{"class":5613,"line":5691},[5611,15538,5618],{"class":5617},[5611,15540,15541],{"class":5621}," isFetchBaseQueryError",[5611,15543,8575],{"class":5625},[5611,15545,15546,15548,15550,15553],{"class":5613,"line":5728},[5611,15547,6376],{"class":5791},[5611,15549,5896],{"class":5625},[5611,15551,15552],{"class":5656},"unknown",[5611,15554,6152],{"class":5625},[5611,15556,15557,15560,15562,15565,15568],{"class":5613,"line":5735},[5611,15558,15559],{"class":5625},"): ",[5611,15561,5698],{"class":5791},[5611,15563,15564],{"class":5617}," is",[5611,15566,15567],{"class":5656}," FetchBaseQueryError",[5611,15569,5747],{"class":5625},[5611,15571,15572,15574,15577,15580,15582,15585,15588,15590,15593,15595,15597,15600,15603,15605],{"class":5613,"line":5750},[5611,15573,6991],{"class":5830},[5611,15575,15576],{"class":5617}," typeof",[5611,15578,15579],{"class":5791}," error",[5611,15581,6864],{"class":5625},[5611,15583,15584],{"class":5784},"\"object\"",[5611,15586,15587],{"class":5625}," && ",[5611,15589,5698],{"class":5791},[5611,15591,15592],{"class":5625}," != ",[5611,15594,5718],{"class":5617},[5611,15596,15587],{"class":5625},[5611,15598,15599],{"class":5784},"\"status\"",[5611,15601,15602],{"class":5617}," in",[5611,15604,15579],{"class":5791},[5611,15606,6094],{"class":5625},[5611,15608,15609],{"class":5613,"line":5771},[5611,15610,6045],{"class":5625},[5611,15612,15613],{"class":5613,"line":5776},[5611,15614,5732],{"emptyLinePlaceholder":5731},[5611,15616,15617,15619,15621,15624],{"class":5613,"line":5805},[5611,15618,6123],{"class":5830},[5611,15620,8676],{"class":5617},[5611,15622,15623],{"class":5621}," getErrorMessage",[5611,15625,8575],{"class":5625},[5611,15627,15628,15630,15632,15634,15636,15638,15640,15642],{"class":5613,"line":5827},[5611,15629,6376],{"class":5791},[5611,15631,5896],{"class":5625},[5611,15633,15449],{"class":5656},[5611,15635,5715],{"class":5625},[5611,15637,15476],{"class":5656},[5611,15639,5715],{"class":5625},[5611,15641,8950],{"class":5656},[5611,15643,6152],{"class":5625},[5611,15645,15646,15648,15650],{"class":5613,"line":5862},[5611,15647,15559],{"class":5625},[5611,15649,5712],{"class":5656},[5611,15651,5747],{"class":5625},[5611,15653,15654,15656,15658,15660,15662,15664,15667],{"class":5613,"line":5878},[5611,15655,6910],{"class":5830},[5611,15657,5834],{"class":5625},[5611,15659,5698],{"class":5791},[5611,15661,5820],{"class":5625},[5611,15663,6252],{"class":5830},[5611,15665,15666],{"class":5784}," \"\"",[5611,15668,6094],{"class":5625},[5611,15670,15671],{"class":5613,"line":5884},[5611,15672,5732],{"emptyLinePlaceholder":5731},[5611,15674,15675,15677,15679,15682,15684,15686],{"class":5613,"line":5916},[5611,15676,6910],{"class":5830},[5611,15678,5940],{"class":5625},[5611,15680,15681],{"class":5621},"isFetchBaseQueryError",[5611,15683,5682],{"class":5625},[5611,15685,5698],{"class":5791},[5611,15687,15688],{"class":5625},")) {\n",[5611,15690,15691,15693,15695,15697,15699,15701,15703,15705,15707,15709,15712],{"class":5613,"line":5935},[5611,15692,6239],{"class":5830},[5611,15694,5940],{"class":5625},[5611,15696,5698],{"class":5791},[5611,15698,5504],{"class":5625},[5611,15700,6562],{"class":5791},[5611,15702,6864],{"class":5625},[5611,15704,15460],{"class":5784},[5611,15706,5820],{"class":5625},[5611,15708,6252],{"class":5830},[5611,15710,15711],{"class":5784}," \"Немає зв'язку з сервером\"",[5611,15713,6094],{"class":5625},[5611,15715,15716,15718,15720,15722,15724,15726,15728,15730,15732,15734,15737],{"class":5613,"line":5971},[5611,15717,6239],{"class":5830},[5611,15719,5940],{"class":5625},[5611,15721,5698],{"class":5791},[5611,15723,5504],{"class":5625},[5611,15725,6562],{"class":5791},[5611,15727,6864],{"class":5625},[5611,15729,15456],{"class":7400},[5611,15731,5820],{"class":5625},[5611,15733,6252],{"class":5830},[5611,15735,15736],{"class":5784}," \"Нічого не знайдено\"",[5611,15738,6094],{"class":5625},[5611,15740,15741,15743,15745,15747,15749,15751,15753,15756,15758,15760,15763],{"class":5613,"line":5976},[5611,15742,6239],{"class":5830},[5611,15744,5940],{"class":5625},[5611,15746,5698],{"class":5791},[5611,15748,5504],{"class":5625},[5611,15750,6562],{"class":5791},[5611,15752,6864],{"class":5625},[5611,15754,15755],{"class":7400},"401",[5611,15757,5820],{"class":5625},[5611,15759,6252],{"class":5830},[5611,15761,15762],{"class":5784}," \"Потрібно увійти в систему\"",[5611,15764,6094],{"class":5625},[5611,15766,15767,15769,15771,15773,15775,15777,15779,15781,15784,15786,15788,15790,15792,15795,15798],{"class":5613,"line":5999},[5611,15768,6239],{"class":5830},[5611,15770,5940],{"class":5625},[5611,15772,8391],{"class":5617},[5611,15774,15579],{"class":5791},[5611,15776,5504],{"class":5625},[5611,15778,6562],{"class":5791},[5611,15780,6864],{"class":5625},[5611,15782,15783],{"class":5784},"\"number\"",[5611,15785,15587],{"class":5625},[5611,15787,5698],{"class":5791},[5611,15789,5504],{"class":5625},[5611,15791,6562],{"class":5791},[5611,15793,15794],{"class":5625}," >= ",[5611,15796,15797],{"class":7400},"500",[5611,15799,6869],{"class":5625},[5611,15801,15802,15805,15808],{"class":5613,"line":6004},[5611,15803,15804],{"class":5830},"      return",[5611,15806,15807],{"class":5784}," \"Помилка на сервері. Спробуйте пізніше\"",[5611,15809,6094],{"class":5625},[5611,15811,15812],{"class":5613,"line":6024},[5611,15813,6886],{"class":5625},[5611,15815,15816,15818,15821],{"class":5613,"line":6030},[5611,15817,6007],{"class":5830},[5611,15819,15820],{"class":5784}," \"Не вдалося виконати запит\"",[5611,15822,6094],{"class":5625},[5611,15824,15825],{"class":5613,"line":6035},[5611,15826,6314],{"class":5625},[5611,15828,15829],{"class":5613,"line":6042},[5611,15830,5732],{"emptyLinePlaceholder":5731},[5611,15832,15833,15835,15837,15839,15841,15843,15845],{"class":5613,"line":6413},[5611,15834,6991],{"class":5830},[5611,15836,15579],{"class":5791},[5611,15838,5504],{"class":5625},[5611,15840,5966],{"class":5791},[5611,15842,6725],{"class":5625},[5611,15844,6728],{"class":5784},[5611,15846,6094],{"class":5625},[5611,15848,15849],{"class":5613,"line":6422},[5611,15850,6045],{"class":5625},[5581,15852,15853],{},"Тепер у компоненті:",[5602,15855,15857],{"className":5604,"code":15856,"language":5606,"meta":5607,"style":5607},"const { data, error, isError, refetch } = useGetPostsQuery();\n\nif (isError) {\n  return (\n    \u003Cdiv>\n      \u003Cp>{getErrorMessage(error)}\u003C\u002Fp>\n      \u003Cbutton onClick={refetch}>Спробувати ще раз\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5494,15858,15859,15885,15889,15899,15905,15913,15940,15967,15975,15979],{"__ignoreMap":5607},[5611,15860,15861,15863,15865,15867,15869,15871,15873,15875,15877,15879,15881,15883],{"class":5613,"line":5614},[5611,15862,6399],{"class":5617},[5611,15864,6075],{"class":5625},[5611,15866,5893],{"class":5638},[5611,15868,5497],{"class":5625},[5611,15870,5698],{"class":5638},[5611,15872,5497],{"class":5625},[5611,15874,8701],{"class":5638},[5611,15876,5497],{"class":5625},[5611,15878,9113],{"class":5638},[5611,15880,6819],{"class":5625},[5611,15882,8108],{"class":5621},[5611,15884,5768],{"class":5625},[5611,15886,15887],{"class":5613,"line":5629},[5611,15888,5732],{"emptyLinePlaceholder":5731},[5611,15890,15891,15893,15895,15897],{"class":5613,"line":5663},[5611,15892,9341],{"class":5830},[5611,15894,5940],{"class":5625},[5611,15896,8701],{"class":5791},[5611,15898,6869],{"class":5625},[5611,15900,15901,15903],{"class":5613,"line":5691},[5611,15902,6991],{"class":5830},[5611,15904,6994],{"class":5625},[5611,15906,15907,15909,15911],{"class":5613,"line":5728},[5611,15908,6999],{"class":6925},[5611,15910,13545],{"class":6929},[5611,15912,7004],{"class":6925},[5611,15914,15915,15917,15919,15921,15923,15926,15928,15930,15932,15934,15936,15938],{"class":5613,"line":5735},[5611,15916,8607],{"class":6925},[5611,15918,5581],{"class":6929},[5611,15920,6932],{"class":6925},[5611,15922,6969],{"class":5617},[5611,15924,15925],{"class":5621},"getErrorMessage",[5611,15927,5682],{"class":7014},[5611,15929,5698],{"class":5791},[5611,15931,7069],{"class":7014},[5611,15933,6974],{"class":5617},[5611,15935,6938],{"class":6925},[5611,15937,5581],{"class":6929},[5611,15939,7004],{"class":6925},[5611,15941,15942,15944,15946,15948,15950,15952,15954,15956,15958,15961,15963,15965],{"class":5613,"line":5750},[5611,15943,8607],{"class":6925},[5611,15945,11253],{"class":6929},[5611,15947,13119],{"class":7032},[5611,15949,7036],{"class":5625},[5611,15951,6969],{"class":5617},[5611,15953,9113],{"class":5791},[5611,15955,6974],{"class":5617},[5611,15957,6932],{"class":6925},[5611,15959,15960],{"class":5625},"Спробувати ще раз",[5611,15962,6938],{"class":6925},[5611,15964,11253],{"class":6929},[5611,15966,7004],{"class":6925},[5611,15968,15969,15971,15973],{"class":5613,"line":5771},[5611,15970,7076],{"class":6925},[5611,15972,13545],{"class":6929},[5611,15974,7004],{"class":6925},[5611,15976,15977],{"class":5613,"line":5776},[5611,15978,7085],{"class":5625},[5611,15980,15981],{"class":5613,"line":5805},[5611,15982,6045],{"class":5625},[8938,15984,15985,15986,15988,15989,15992,15993,15995,15996,5504],{},"Функція ",[5494,15987,15681],{}," — так званий ",[5509,15990,15991],{},"type guard"," (захисник типу). Вона не лише перевіряє значення під час виконання, а й повідомляє TypeScript, що після ",[5494,15994,9341],{}," змінна має конкретний тип. Це дозволяє безпечно звертатися до ",[5494,15997,15998],{},"error.status",[5597,16000,16002],{"id":16001},"повторні-спроби-retry","Повторні спроби (retry)",[5581,16004,16005,16006,16009],{},"Тимчасові збої мережі часто зникають самі. ",[5494,16007,16008],{},"retry"," обгортає baseQuery і повторює запит із затримкою, що наростає:",[5602,16011,16013],{"className":6062,"code":16012,"language":6065,"meta":5607,"style":5607},"import { retry } from \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\";\n\nconst baseQuery = retry(\n  fetchBaseQuery({ baseUrl: \"http:\u002F\u002Flocalhost:3001\" }),\n  { maxRetries: 3 },\n);\n\nexport const postsApi = createApi({\n  reducerPath: \"postsApi\",\n  baseQuery,\n  \u002F\u002F ...\n});\n",[5494,16014,16015,16031,16035,16048,16061,16073,16077,16081,16095,16103,16110,16114],{"__ignoreMap":5607},[5611,16016,16017,16019,16021,16023,16025,16027,16029],{"class":5613,"line":5614},[5611,16018,6072],{"class":5830},[5611,16020,6075],{"class":5625},[5611,16022,16008],{"class":5791},[5611,16024,6085],{"class":5625},[5611,16026,6088],{"class":5830},[5611,16028,7949],{"class":5784},[5611,16030,6094],{"class":5625},[5611,16032,16033],{"class":5613,"line":5629},[5611,16034,5732],{"emptyLinePlaceholder":5731},[5611,16036,16037,16039,16042,16044,16046],{"class":5613,"line":5663},[5611,16038,6399],{"class":5617},[5611,16040,16041],{"class":5638}," baseQuery",[5611,16043,5759],{"class":5625},[5611,16045,16008],{"class":5621},[5611,16047,8575],{"class":5625},[5611,16049,16050,16053,16055,16057,16059],{"class":5613,"line":5691},[5611,16051,16052],{"class":5621},"  fetchBaseQuery",[5611,16054,8010],{"class":5625},[5611,16056,8013],{"class":5791},[5611,16058,8016],{"class":5784},[5611,16060,8019],{"class":5625},[5611,16062,16063,16065,16068,16071],{"class":5613,"line":5728},[5611,16064,6157],{"class":5625},[5611,16066,16067],{"class":5791},"maxRetries:",[5611,16069,16070],{"class":7400}," 3",[5611,16072,7433],{"class":5625},[5611,16074,16075],{"class":5613,"line":5735},[5611,16076,5688],{"class":5625},[5611,16078,16079],{"class":5613,"line":5750},[5611,16080,5732],{"emptyLinePlaceholder":5731},[5611,16082,16083,16085,16087,16089,16091,16093],{"class":5613,"line":5771},[5611,16084,6123],{"class":5830},[5611,16086,6126],{"class":5617},[5611,16088,7983],{"class":5638},[5611,16090,5759],{"class":5625},[5611,16092,5496],{"class":5621},[5611,16094,6467],{"class":5625},[5611,16096,16097,16099,16101],{"class":5613,"line":5776},[5611,16098,7994],{"class":5791},[5611,16100,7997],{"class":5784},[5611,16102,6152],{"class":5625},[5611,16104,16105,16108],{"class":5613,"line":5805},[5611,16106,16107],{"class":5791},"  baseQuery",[5611,16109,6152],{"class":5625},[5611,16111,16112],{"class":5613,"line":5827},[5611,16113,12773],{"class":6038},[5611,16115,16116],{"class":5613,"line":5862},[5611,16117,6319],{"class":5625},[5581,16119,16120,16121,16124,16125,5504],{},"Якщо запит не вдався, RTK Query спробує ще до трьох разів. Для конкретного ендпоінта кількість спроб можна змінити параметром ",[5494,16122,16123],{},"extraOptions: { maxRetries: 1 }",", а для мутацій, що не можна безпечно повторювати (наприклад, оплата), краще повтори вимкнути: ",[5494,16126,16127],{},"extraOptions: { maxRetries: 0 }",[5573,16129],{},[5576,16131,16133],{"id":16132},"автентифікація-та-налаштування-basequery","Автентифікація та налаштування baseQuery",[5581,16135,16136,16137,16139,16140,6504],{},"Більшість реальних API потребує токен. ",[5494,16138,5500],{}," дозволяє додавати заголовки до всіх запитів через ",[5494,16141,16142],{},"prepareHeaders",[5602,16144,16147],{"className":6062,"code":16145,"filename":16146,"language":6065,"meta":5607,"style":5607},"import { fetchBaseQuery } from \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\";\nimport type { RootState } from \"..\u002Fstore\";\n\nexport const baseQuery = fetchBaseQuery({\n  baseUrl: \"http:\u002F\u002Flocalhost:3001\",\n  prepareHeaders: (headers, { getState }) => {\n    const token = (getState() as RootState).auth.token;\n    if (token) {\n      headers.set(\"Authorization\", `Bearer ${token}`);\n    }\n    return headers;\n  },\n});\n","src\u002Fapi\u002FbaseQuery.ts",[5494,16148,16149,16165,16185,16189,16203,16212,16234,16264,16274,16304,16308,16317,16321],{"__ignoreMap":5607},[5611,16150,16151,16153,16155,16157,16159,16161,16163],{"class":5613,"line":5614},[5611,16152,6072],{"class":5830},[5611,16154,6075],{"class":5625},[5611,16156,5500],{"class":5791},[5611,16158,6085],{"class":5625},[5611,16160,6088],{"class":5830},[5611,16162,7949],{"class":5784},[5611,16164,6094],{"class":5625},[5611,16166,16167,16169,16171,16173,16176,16178,16180,16183],{"class":5613,"line":5629},[5611,16168,6072],{"class":5830},[5611,16170,6101],{"class":5830},[5611,16172,6075],{"class":5625},[5611,16174,16175],{"class":5791},"RootState",[5611,16177,6085],{"class":5625},[5611,16179,6088],{"class":5830},[5611,16181,16182],{"class":5784}," \"..\u002Fstore\"",[5611,16184,6094],{"class":5625},[5611,16186,16187],{"class":5613,"line":5663},[5611,16188,5732],{"emptyLinePlaceholder":5731},[5611,16190,16191,16193,16195,16197,16199,16201],{"class":5613,"line":5691},[5611,16192,6123],{"class":5830},[5611,16194,6126],{"class":5617},[5611,16196,16041],{"class":5638},[5611,16198,5759],{"class":5625},[5611,16200,5500],{"class":5621},[5611,16202,6467],{"class":5625},[5611,16204,16205,16208,16210],{"class":5613,"line":5728},[5611,16206,16207],{"class":5791},"  baseUrl:",[5611,16209,8016],{"class":5784},[5611,16211,6152],{"class":5625},[5611,16213,16214,16217,16219,16221,16224,16226,16228,16230,16232],{"class":5613,"line":5735},[5611,16215,16216],{"class":5621},"  prepareHeaders",[5611,16218,6504],{"class":5791},[5611,16220,5940],{"class":5625},[5611,16222,16223],{"class":5791},"headers",[5611,16225,5788],{"class":5625},[5611,16227,8398],{"class":5791},[5611,16229,6197],{"class":5625},[5611,16231,5744],{"class":5617},[5611,16233,5747],{"class":5625},[5611,16235,16236,16238,16241,16244,16246,16248,16250,16252,16254,16257,16259,16262],{"class":5613,"line":5750},[5611,16237,5753],{"class":5617},[5611,16239,16240],{"class":5638}," token",[5611,16242,16243],{"class":5625}," = (",[5611,16245,8398],{"class":5621},[5611,16247,13616],{"class":5625},[5611,16249,6281],{"class":5830},[5611,16251,8381],{"class":5656},[5611,16253,7163],{"class":5625},[5611,16255,16256],{"class":5791},"auth",[5611,16258,5504],{"class":5625},[5611,16260,16261],{"class":5791},"token",[5611,16263,6094],{"class":5625},[5611,16265,16266,16268,16270,16272],{"class":5613,"line":5771},[5611,16267,6239],{"class":5830},[5611,16269,5940],{"class":5625},[5611,16271,16261],{"class":5791},[5611,16273,6869],{"class":5625},[5611,16275,16276,16279,16281,16284,16286,16289,16291,16294,16296,16298,16300,16302],{"class":5613,"line":5776},[5611,16277,16278],{"class":5791},"      headers",[5611,16280,5504],{"class":5625},[5611,16282,16283],{"class":5621},"set",[5611,16285,5682],{"class":5625},[5611,16287,16288],{"class":5784},"\"Authorization\"",[5611,16290,5497],{"class":5625},[5611,16292,16293],{"class":5784},"`Bearer ",[5611,16295,9593],{"class":5617},[5611,16297,16261],{"class":5791},[5611,16299,6974],{"class":5617},[5611,16301,9600],{"class":5784},[5611,16303,5688],{"class":5625},[5611,16305,16306],{"class":5613,"line":5805},[5611,16307,6886],{"class":5625},[5611,16309,16310,16312,16315],{"class":5613,"line":5827},[5611,16311,6007],{"class":5830},[5611,16313,16314],{"class":5791}," headers",[5611,16316,6094],{"class":5625},[5611,16318,16319],{"class":5613,"line":5862},[5611,16320,6742],{"class":5625},[5611,16322,16323],{"class":5613,"line":5878},[5611,16324,6319],{"class":5625},[5581,16326,15985,16327,16329,16330,16332,16333,5504],{},[5494,16328,16142],{}," викликається перед кожним запитом. Вона отримує поточні заголовки та доступ до ",[5494,16331,8398],{},", тому токен можна взяти з будь-якого slice. Не забудьте повернути ",[5494,16334,16223],{},[5597,16336,16338],{"id":16337},"автоматичне-оновлення-токена-reauth","Автоматичне оновлення токена (reauth)",[5581,16340,16341,16342,16344,16345,16347],{},"Що, якщо токен доступу прострочено і сервер відповів ",[5494,16343,15755],{},"? Можна написати власну обгортку над ",[5494,16346,8139],{},", яка перехопить таку відповідь, оновить токен і повторить початковий запит:",[5602,16349,16352],{"className":6062,"code":16350,"filename":16351,"language":6065,"meta":5607,"style":5607},"import type {\n  BaseQueryFn,\n  FetchArgs,\n  FetchBaseQueryError,\n} from \"@reduxjs\u002Ftoolkit\u002Fquery\";\nimport { baseQuery } from \".\u002FbaseQuery\";\nimport { logout, tokenReceived } from \"..\u002Ffeatures\u002Fauth\u002FauthSlice\";\n\nexport const baseQueryWithReauth: BaseQueryFn\u003C\n  string | FetchArgs,\n  unknown,\n  FetchBaseQueryError\n> = async (args, api, extraOptions) => {\n  let result = await baseQuery(args, api, extraOptions);\n\n  if (result.error && result.error.status === 401) {\n    \u002F\u002F Пробуємо отримати новий токен\n    const refreshResult = await baseQuery(\n      { url: \"\u002Fauth\u002Frefresh\", method: \"POST\" },\n      api,\n      extraOptions,\n    );\n\n    if (refreshResult.data) {\n      api.dispatch(tokenReceived(refreshResult.data as string));\n      \u002F\u002F Повторюємо оригінальний запит із новим токеном\n      result = await baseQuery(args, api, extraOptions);\n    } else {\n      api.dispatch(logout());\n    }\n  }\n\n  return result;\n};\n","src\u002Fapi\u002FbaseQueryWithReauth.ts",[5494,16353,16354,16362,16369,16376,16383,16394,16411,16434,16438,16454,16466,16473,16478,16506,16534,16538,16568,16573,16588,16605,16612,16619,16623,16627,16642,16669,16674,16699,16708,16722,16726,16730,16734,16742],{"__ignoreMap":5607},[5611,16355,16356,16358,16360],{"class":5613,"line":5614},[5611,16357,6072],{"class":5830},[5611,16359,6101],{"class":5830},[5611,16361,5747],{"class":5625},[5611,16363,16364,16367],{"class":5613,"line":5629},[5611,16365,16366],{"class":5791},"  BaseQueryFn",[5611,16368,6152],{"class":5625},[5611,16370,16371,16374],{"class":5613,"line":5663},[5611,16372,16373],{"class":5791},"  FetchArgs",[5611,16375,6152],{"class":5625},[5611,16377,16378,16381],{"class":5613,"line":5691},[5611,16379,16380],{"class":5791},"  FetchBaseQueryError",[5611,16382,6152],{"class":5625},[5611,16384,16385,16388,16390,16392],{"class":5613,"line":5728},[5611,16386,16387],{"class":5625},"} ",[5611,16389,6088],{"class":5830},[5611,16391,12820],{"class":5784},[5611,16393,6094],{"class":5625},[5611,16395,16396,16398,16400,16402,16404,16406,16409],{"class":5613,"line":5735},[5611,16397,6072],{"class":5830},[5611,16399,6075],{"class":5625},[5611,16401,8139],{"class":5791},[5611,16403,6085],{"class":5625},[5611,16405,6088],{"class":5830},[5611,16407,16408],{"class":5784}," \".\u002FbaseQuery\"",[5611,16410,6094],{"class":5625},[5611,16412,16413,16415,16417,16420,16422,16425,16427,16429,16432],{"class":5613,"line":5750},[5611,16414,6072],{"class":5830},[5611,16416,6075],{"class":5625},[5611,16418,16419],{"class":5791},"logout",[5611,16421,5497],{"class":5625},[5611,16423,16424],{"class":5791},"tokenReceived",[5611,16426,6085],{"class":5625},[5611,16428,6088],{"class":5830},[5611,16430,16431],{"class":5784}," \"..\u002Ffeatures\u002Fauth\u002FauthSlice\"",[5611,16433,6094],{"class":5625},[5611,16435,16436],{"class":5613,"line":5771},[5611,16437,5732],{"emptyLinePlaceholder":5731},[5611,16439,16440,16442,16444,16447,16449,16452],{"class":5613,"line":5776},[5611,16441,6123],{"class":5830},[5611,16443,6126],{"class":5617},[5611,16445,16446],{"class":5638}," baseQueryWithReauth",[5611,16448,5896],{"class":5625},[5611,16450,16451],{"class":5656},"BaseQueryFn",[5611,16453,6136],{"class":5625},[5611,16455,16456,16459,16461,16464],{"class":5613,"line":5805},[5611,16457,16458],{"class":5656},"  string",[5611,16460,5715],{"class":5625},[5611,16462,16463],{"class":5656},"FetchArgs",[5611,16465,6152],{"class":5625},[5611,16467,16468,16471],{"class":5613,"line":5827},[5611,16469,16470],{"class":5656},"  unknown",[5611,16472,6152],{"class":5625},[5611,16474,16475],{"class":5613,"line":5862},[5611,16476,16477],{"class":5656},"  FetchBaseQueryError\n",[5611,16479,16480,16483,16485,16487,16490,16492,16495,16497,16500,16502,16504],{"class":5613,"line":5878},[5611,16481,16482],{"class":5625},"> = ",[5611,16484,6180],{"class":5617},[5611,16486,5940],{"class":5625},[5611,16488,16489],{"class":5791},"args",[5611,16491,5497],{"class":5625},[5611,16493,16494],{"class":5791},"api",[5611,16496,5497],{"class":5625},[5611,16498,16499],{"class":5791},"extraOptions",[5611,16501,5820],{"class":5625},[5611,16503,5744],{"class":5617},[5611,16505,5747],{"class":5625},[5611,16507,16508,16511,16514,16516,16518,16520,16522,16524,16526,16528,16530,16532],{"class":5613,"line":5884},[5611,16509,16510],{"class":5617},"  let",[5611,16512,16513],{"class":5791}," result",[5611,16515,5759],{"class":5625},[5611,16517,6219],{"class":5830},[5611,16519,16041],{"class":5621},[5611,16521,5682],{"class":5625},[5611,16523,16489],{"class":5791},[5611,16525,5497],{"class":5625},[5611,16527,16494],{"class":5791},[5611,16529,5497],{"class":5625},[5611,16531,16499],{"class":5791},[5611,16533,5688],{"class":5625},[5611,16535,16536],{"class":5613,"line":5916},[5611,16537,5732],{"emptyLinePlaceholder":5731},[5611,16539,16540,16542,16544,16546,16548,16550,16552,16554,16556,16558,16560,16562,16564,16566],{"class":5613,"line":5935},[5611,16541,6910],{"class":5830},[5611,16543,5940],{"class":5625},[5611,16545,12009],{"class":5791},[5611,16547,5504],{"class":5625},[5611,16549,5698],{"class":5791},[5611,16551,15587],{"class":5625},[5611,16553,12009],{"class":5791},[5611,16555,5504],{"class":5625},[5611,16557,5698],{"class":5791},[5611,16559,5504],{"class":5625},[5611,16561,6562],{"class":5791},[5611,16563,6864],{"class":5625},[5611,16565,15755],{"class":7400},[5611,16567,6869],{"class":5625},[5611,16569,16570],{"class":5613,"line":5971},[5611,16571,16572],{"class":6038},"    \u002F\u002F Пробуємо отримати новий токен\n",[5611,16574,16575,16577,16580,16582,16584,16586],{"class":5613,"line":5976},[5611,16576,5753],{"class":5617},[5611,16578,16579],{"class":5638}," refreshResult",[5611,16581,5759],{"class":5625},[5611,16583,6219],{"class":5830},[5611,16585,16041],{"class":5621},[5611,16587,8575],{"class":5625},[5611,16589,16590,16592,16594,16597,16599,16601,16603],{"class":5613,"line":5999},[5611,16591,12512],{"class":5625},[5611,16593,12249],{"class":5791},[5611,16595,16596],{"class":5784}," \"\u002Fauth\u002Frefresh\"",[5611,16598,5497],{"class":5625},[5611,16600,12256],{"class":5791},[5611,16602,10493],{"class":5784},[5611,16604,7433],{"class":5625},[5611,16606,16607,16610],{"class":5613,"line":6004},[5611,16608,16609],{"class":5791},"      api",[5611,16611,6152],{"class":5625},[5611,16613,16614,16617],{"class":5613,"line":6024},[5611,16615,16616],{"class":5791},"      extraOptions",[5611,16618,6152],{"class":5625},[5611,16620,16621],{"class":5613,"line":6030},[5611,16622,14216],{"class":5625},[5611,16624,16625],{"class":5613,"line":6035},[5611,16626,5732],{"emptyLinePlaceholder":5731},[5611,16628,16629,16631,16633,16636,16638,16640],{"class":5613,"line":6042},[5611,16630,6239],{"class":5830},[5611,16632,5940],{"class":5625},[5611,16634,16635],{"class":5791},"refreshResult",[5611,16637,5504],{"class":5625},[5611,16639,5893],{"class":5791},[5611,16641,6869],{"class":5625},[5611,16643,16644,16646,16648,16650,16652,16654,16656,16658,16660,16662,16664,16667],{"class":5613,"line":6413},[5611,16645,16609],{"class":5791},[5611,16647,5504],{"class":5625},[5611,16649,6898],{"class":5621},[5611,16651,5682],{"class":5625},[5611,16653,16424],{"class":5621},[5611,16655,5682],{"class":5625},[5611,16657,16635],{"class":5791},[5611,16659,5504],{"class":5625},[5611,16661,5893],{"class":5791},[5611,16663,12054],{"class":5830},[5611,16665,16666],{"class":5656}," string",[5611,16668,5996],{"class":5625},[5611,16670,16671],{"class":5613,"line":6422},[5611,16672,16673],{"class":6038},"      \u002F\u002F Повторюємо оригінальний запит із новим токеном\n",[5611,16675,16676,16679,16681,16683,16685,16687,16689,16691,16693,16695,16697],{"class":5613,"line":6433},[5611,16677,16678],{"class":5791},"      result",[5611,16680,5759],{"class":5625},[5611,16682,6219],{"class":5830},[5611,16684,16041],{"class":5621},[5611,16686,5682],{"class":5625},[5611,16688,16489],{"class":5791},[5611,16690,5497],{"class":5625},[5611,16692,16494],{"class":5791},[5611,16694,5497],{"class":5625},[5611,16696,16499],{"class":5791},[5611,16698,5688],{"class":5625},[5611,16700,16701,16703,16706],{"class":5613,"line":6444},[5611,16702,11053],{"class":5625},[5611,16704,16705],{"class":5830},"else",[5611,16707,5747],{"class":5625},[5611,16709,16710,16712,16714,16716,16718,16720],{"class":5613,"line":6450},[5611,16711,16609],{"class":5791},[5611,16713,5504],{"class":5625},[5611,16715,6898],{"class":5621},[5611,16717,5682],{"class":5625},[5611,16719,16419],{"class":5621},[5611,16721,6881],{"class":5625},[5611,16723,16724],{"class":5613,"line":6455},[5611,16725,6886],{"class":5625},[5611,16727,16728],{"class":5613,"line":6470},[5611,16729,6314],{"class":5625},[5611,16731,16732],{"class":5613,"line":6481},[5611,16733,5732],{"emptyLinePlaceholder":5731},[5611,16735,16736,16738,16740],{"class":5613,"line":6489},[5611,16737,6991],{"class":5830},[5611,16739,16513],{"class":5791},[5611,16741,6094],{"class":5625},[5611,16743,16744],{"class":5613,"line":6498},[5611,16745,6447],{"class":5625},[5581,16747,16748,16749,14307,16751,9872,16753,16756],{},"Після цього замінюємо ",[5494,16750,8139],{},[5494,16752,5496],{},[5494,16754,16755],{},"baseQueryWithReauth",", і весь застосунок отримує автоматичне оновлення токена без жодних змін у компонентах.",[10320,16758,16759,16760,16762,16763,16766],{},"Якщо кілька запитів одночасно отримають ",[5494,16761,15755],{},", кожен спробує оновити токен окремо. У production-коді додають м'ютекс (наприклад, з пакета ",[5494,16764,16765],{},"async-mutex","), щоб оновлення виконувалося лише один раз. Приклад такої реалізації є в офіційній документації RTK Query.",[5573,16768],{},[5576,16770,16772],{"id":16771},"структура-проєкту-розбиття-api","Структура проєкту: розбиття API",[5581,16774,16775,16776,16778,16779,16785,16786,5504],{},"Коли застосунок росте, один файл ",[5494,16777,5496],{}," на сотні ендпоінтів стає незручним. Офіційна рекомендація RTK Query: ",[5531,16780,16781,16782,16784],{},"один ",[5494,16783,5496],{}," на весь застосунок"," (один базовий URL — один API), але ендпоінти розбиваються на файли за допомогою ",[5494,16787,16788],{},"injectEndpoints",[5581,16790,16791],{},"Спочатку створюємо порожній базовий API:",[5602,16793,16796],{"className":6062,"code":16794,"filename":16795,"language":6065,"meta":5607,"style":5607},"import { createApi } from \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\";\nimport { baseQueryWithReauth } from \".\u002FbaseQueryWithReauth\";\n\nexport const baseApi = createApi({\n  reducerPath: \"api\",\n  baseQuery: baseQueryWithReauth,\n  tagTypes: [\"Post\", \"User\"],\n  endpoints: () => ({}),\n});\n","src\u002Fapi\u002FbaseApi.ts",[5494,16797,16798,16814,16831,16835,16850,16859,16867,16882,16895],{"__ignoreMap":5607},[5611,16799,16800,16802,16804,16806,16808,16810,16812],{"class":5613,"line":5614},[5611,16801,6072],{"class":5830},[5611,16803,6075],{"class":5625},[5611,16805,5496],{"class":5791},[5611,16807,6085],{"class":5625},[5611,16809,6088],{"class":5830},[5611,16811,7949],{"class":5784},[5611,16813,6094],{"class":5625},[5611,16815,16816,16818,16820,16822,16824,16826,16829],{"class":5613,"line":5629},[5611,16817,6072],{"class":5830},[5611,16819,6075],{"class":5625},[5611,16821,16755],{"class":5791},[5611,16823,6085],{"class":5625},[5611,16825,6088],{"class":5830},[5611,16827,16828],{"class":5784}," \".\u002FbaseQueryWithReauth\"",[5611,16830,6094],{"class":5625},[5611,16832,16833],{"class":5613,"line":5663},[5611,16834,5732],{"emptyLinePlaceholder":5731},[5611,16836,16837,16839,16841,16844,16846,16848],{"class":5613,"line":5691},[5611,16838,6123],{"class":5830},[5611,16840,6126],{"class":5617},[5611,16842,16843],{"class":5638}," baseApi",[5611,16845,5759],{"class":5625},[5611,16847,5496],{"class":5621},[5611,16849,6467],{"class":5625},[5611,16851,16852,16854,16857],{"class":5613,"line":5728},[5611,16853,7994],{"class":5791},[5611,16855,16856],{"class":5784}," \"api\"",[5611,16858,6152],{"class":5625},[5611,16860,16861,16863,16865],{"class":5613,"line":5735},[5611,16862,8004],{"class":5791},[5611,16864,16446],{"class":5791},[5611,16866,6152],{"class":5625},[5611,16868,16869,16871,16873,16875,16877,16880],{"class":5613,"line":5750},[5611,16870,11628],{"class":5791},[5611,16872,5635],{"class":5625},[5611,16874,11633],{"class":5784},[5611,16876,5497],{"class":5625},[5611,16878,16879],{"class":5784},"\"User\"",[5611,16881,11636],{"class":5625},[5611,16883,16884,16886,16888,16890,16892],{"class":5613,"line":5771},[5611,16885,8024],{"class":5621},[5611,16887,6504],{"class":5791},[5611,16889,6010],{"class":5625},[5611,16891,5744],{"class":5617},[5611,16893,16894],{"class":5625}," ({}),\n",[5611,16896,16897],{"class":5613,"line":5776},[5611,16898,6319],{"class":5625},[5581,16900,16901],{},"Потім кожна функціональна частина додає свої ендпоінти:",[5602,16903,16906],{"className":6062,"code":16904,"filename":16905,"language":6065,"meta":5607,"style":5607},"import { baseApi } from \"..\u002F..\u002Fapi\u002FbaseApi\";\nimport type { Post } from \"..\u002F..\u002Ftypes\";\n\nexport const postsApi = baseApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getPosts: builder.query\u003CPost[], void>({\n      query: () => \"\u002Fposts\",\n      providesTags: [\"Post\"],\n    }),\n    addPost: builder.mutation\u003CPost, Omit\u003CPost, \"id\">>({\n      query: (body) => ({ url: \"\u002Fposts\", method: \"POST\", body }),\n      invalidatesTags: [\"Post\"],\n    }),\n  }),\n});\n\nexport const { useGetPostsQuery, useAddPostMutation } = postsApi;\n","src\u002Ffeatures\u002Fposts\u002FpostsApi.ts",[5494,16907,16908,16926,16944,16948,16966,16982,17002,17016,17026,17030,17058,17090,17100,17104,17108,17112,17116],{"__ignoreMap":5607},[5611,16909,16910,16912,16914,16917,16919,16921,16924],{"class":5613,"line":5614},[5611,16911,6072],{"class":5830},[5611,16913,6075],{"class":5625},[5611,16915,16916],{"class":5791},"baseApi",[5611,16918,6085],{"class":5625},[5611,16920,6088],{"class":5830},[5611,16922,16923],{"class":5784}," \"..\u002F..\u002Fapi\u002FbaseApi\"",[5611,16925,6094],{"class":5625},[5611,16927,16928,16930,16932,16934,16936,16938,16940,16942],{"class":5613,"line":5629},[5611,16929,6072],{"class":5830},[5611,16931,6101],{"class":5830},[5611,16933,6075],{"class":5625},[5611,16935,5657],{"class":5791},[5611,16937,6085],{"class":5625},[5611,16939,6088],{"class":5830},[5611,16941,6112],{"class":5784},[5611,16943,6094],{"class":5625},[5611,16945,16946],{"class":5613,"line":5663},[5611,16947,5732],{"emptyLinePlaceholder":5731},[5611,16949,16950,16952,16954,16956,16958,16960,16962,16964],{"class":5613,"line":5691},[5611,16951,6123],{"class":5830},[5611,16953,6126],{"class":5617},[5611,16955,7983],{"class":5638},[5611,16957,5759],{"class":5625},[5611,16959,16916],{"class":5791},[5611,16961,5504],{"class":5625},[5611,16963,16788],{"class":5621},[5611,16965,6467],{"class":5625},[5611,16967,16968,16970,16972,16974,16976,16978,16980],{"class":5613,"line":5728},[5611,16969,8024],{"class":5621},[5611,16971,6504],{"class":5791},[5611,16973,5940],{"class":5625},[5611,16975,6509],{"class":5791},[5611,16977,5820],{"class":5625},[5611,16979,5744],{"class":5617},[5611,16981,8037],{"class":5625},[5611,16983,16984,16986,16988,16990,16992,16994,16996,16998,17000],{"class":5613,"line":5735},[5611,16985,8042],{"class":5791},[5611,16987,8045],{"class":5791},[5611,16989,5504],{"class":5625},[5611,16991,8050],{"class":5621},[5611,16993,5653],{"class":5625},[5611,16995,5657],{"class":5656},[5611,16997,8057],{"class":5625},[5611,16999,8060],{"class":5656},[5611,17001,8063],{"class":5625},[5611,17003,17004,17006,17008,17010,17012,17014],{"class":5613,"line":5750},[5611,17005,8068],{"class":5621},[5611,17007,6504],{"class":5791},[5611,17009,6010],{"class":5625},[5611,17011,5744],{"class":5617},[5611,17013,8077],{"class":5784},[5611,17015,6152],{"class":5625},[5611,17017,17018,17020,17022,17024],{"class":5613,"line":5771},[5611,17019,11695],{"class":5791},[5611,17021,5635],{"class":5625},[5611,17023,11633],{"class":5784},[5611,17025,11636],{"class":5625},[5611,17027,17028],{"class":5613,"line":5776},[5611,17029,8084],{"class":5625},[5611,17031,17032,17034,17036,17038,17040,17042,17044,17046,17048,17050,17052,17054,17056],{"class":5613,"line":5805},[5611,17033,11714],{"class":5791},[5611,17035,8045],{"class":5791},[5611,17037,5504],{"class":5625},[5611,17039,10351],{"class":5621},[5611,17041,5653],{"class":5625},[5611,17043,5657],{"class":5656},[5611,17045,5497],{"class":5625},[5611,17047,10448],{"class":5656},[5611,17049,5653],{"class":5625},[5611,17051,5657],{"class":5656},[5611,17053,5497],{"class":5625},[5611,17055,7395],{"class":5784},[5611,17057,10459],{"class":5625},[5611,17059,17060,17062,17064,17066,17068,17070,17072,17074,17076,17078,17080,17082,17084,17086,17088],{"class":5613,"line":5827},[5611,17061,8068],{"class":5621},[5611,17063,6504],{"class":5791},[5611,17065,5940],{"class":5625},[5611,17067,8873],{"class":5791},[5611,17069,5820],{"class":5625},[5611,17071,5744],{"class":5617},[5611,17073,10566],{"class":5625},[5611,17075,12249],{"class":5791},[5611,17077,8077],{"class":5784},[5611,17079,5497],{"class":5625},[5611,17081,12256],{"class":5791},[5611,17083,10493],{"class":5784},[5611,17085,5497],{"class":5625},[5611,17087,8873],{"class":5791},[5611,17089,8019],{"class":5625},[5611,17091,17092,17094,17096,17098],{"class":5613,"line":5862},[5611,17093,11791],{"class":5791},[5611,17095,5635],{"class":5625},[5611,17097,11633],{"class":5784},[5611,17099,11636],{"class":5625},[5611,17101,17102],{"class":5613,"line":5878},[5611,17103,8084],{"class":5625},[5611,17105,17106],{"class":5613,"line":5884},[5611,17107,8089],{"class":5625},[5611,17109,17110],{"class":5613,"line":5916},[5611,17111,6319],{"class":5625},[5611,17113,17114],{"class":5613,"line":5935},[5611,17115,5732],{"emptyLinePlaceholder":5731},[5611,17117,17118,17120,17122,17124,17126,17128,17130,17132,17134],{"class":5613,"line":5971},[5611,17119,6123],{"class":5830},[5611,17121,6126],{"class":5617},[5611,17123,6075],{"class":5625},[5611,17125,8108],{"class":5638},[5611,17127,5497],{"class":5625},[5611,17129,8231],{"class":5638},[5611,17131,6819],{"class":5625},[5611,17133,8113],{"class":5791},[5611,17135,6094],{"class":5625},[5581,17137,17138],{},"У store тоді підключається лише базовий API:",[5602,17140,17142],{"className":6062,"code":17141,"language":6065,"meta":5607,"style":5607},"reducer: { [baseApi.reducerPath]: baseApi.reducer },\nmiddleware: (gDM) => gDM().concat(baseApi.middleware),\n",[5494,17143,17144,17168],{"__ignoreMap":5607},[5611,17145,17146,17148,17151,17153,17155,17157,17160,17162,17164,17166],{"class":5613,"line":5614},[5611,17147,6767],{"class":6160},[5611,17149,17150],{"class":5625},": { [",[5611,17152,16916],{"class":5791},[5611,17154,5504],{"class":5625},[5611,17156,8127],{"class":5791},[5611,17158,17159],{"class":5625},"]: ",[5611,17161,16916],{"class":5791},[5611,17163,5504],{"class":5625},[5611,17165,6767],{"class":5791},[5611,17167,7433],{"class":5625},[5611,17169,17170,17172,17174,17177,17179,17181,17184,17186,17188,17190,17192,17194,17196],{"class":5613,"line":5629},[5611,17171,8361],{"class":6160},[5611,17173,9504],{"class":5625},[5611,17175,17176],{"class":5791},"gDM",[5611,17178,5820],{"class":5625},[5611,17180,5744],{"class":5617},[5611,17182,17183],{"class":5621}," gDM",[5611,17185,8349],{"class":5625},[5611,17187,8352],{"class":5621},[5611,17189,5682],{"class":5625},[5611,17191,16916],{"class":5791},[5611,17193,5504],{"class":5625},[5611,17195,8361],{"class":5791},[5611,17197,8364],{"class":5625},[5581,17199,17200],{},"Така структура має великі переваги: один кеш на всіх, теги працюють між різними частинами застосунку (мутація користувача може інвалідувати пости), а код розділений за фічами.",[17202,17203,17204,17304,17376,17450],"code-tree",{},[5602,17205,17206],{"className":6062,"code":16794,"filename":16795,"language":6065,"meta":5607,"style":5607},[5494,17207,17208,17224,17240,17244,17258,17266,17274,17288,17300],{"__ignoreMap":5607},[5611,17209,17210,17212,17214,17216,17218,17220,17222],{"class":5613,"line":5614},[5611,17211,6072],{"class":5830},[5611,17213,6075],{"class":5625},[5611,17215,5496],{"class":5791},[5611,17217,6085],{"class":5625},[5611,17219,6088],{"class":5830},[5611,17221,7949],{"class":5784},[5611,17223,6094],{"class":5625},[5611,17225,17226,17228,17230,17232,17234,17236,17238],{"class":5613,"line":5629},[5611,17227,6072],{"class":5830},[5611,17229,6075],{"class":5625},[5611,17231,16755],{"class":5791},[5611,17233,6085],{"class":5625},[5611,17235,6088],{"class":5830},[5611,17237,16828],{"class":5784},[5611,17239,6094],{"class":5625},[5611,17241,17242],{"class":5613,"line":5663},[5611,17243,5732],{"emptyLinePlaceholder":5731},[5611,17245,17246,17248,17250,17252,17254,17256],{"class":5613,"line":5691},[5611,17247,6123],{"class":5830},[5611,17249,6126],{"class":5617},[5611,17251,16843],{"class":5638},[5611,17253,5759],{"class":5625},[5611,17255,5496],{"class":5621},[5611,17257,6467],{"class":5625},[5611,17259,17260,17262,17264],{"class":5613,"line":5728},[5611,17261,7994],{"class":5791},[5611,17263,16856],{"class":5784},[5611,17265,6152],{"class":5625},[5611,17267,17268,17270,17272],{"class":5613,"line":5735},[5611,17269,8004],{"class":5791},[5611,17271,16446],{"class":5791},[5611,17273,6152],{"class":5625},[5611,17275,17276,17278,17280,17282,17284,17286],{"class":5613,"line":5750},[5611,17277,11628],{"class":5791},[5611,17279,5635],{"class":5625},[5611,17281,11633],{"class":5784},[5611,17283,5497],{"class":5625},[5611,17285,16879],{"class":5784},[5611,17287,11636],{"class":5625},[5611,17289,17290,17292,17294,17296,17298],{"class":5613,"line":5771},[5611,17291,8024],{"class":5621},[5611,17293,6504],{"class":5791},[5611,17295,6010],{"class":5625},[5611,17297,5744],{"class":5617},[5611,17299,16894],{"class":5625},[5611,17301,17302],{"class":5613,"line":5776},[5611,17303,6319],{"class":5625},[5602,17305,17307],{"className":6062,"code":17306,"filename":16905,"language":6065,"meta":5607,"style":5607},"import { baseApi } from \"..\u002F..\u002Fapi\u002FbaseApi\";\n\nexport const postsApi = baseApi.injectEndpoints({\n  endpoints: (builder) => ({\n    \u002F\u002F ендпоінти постів\n  }),\n});\n",[5494,17308,17309,17325,17329,17347,17363,17368,17372],{"__ignoreMap":5607},[5611,17310,17311,17313,17315,17317,17319,17321,17323],{"class":5613,"line":5614},[5611,17312,6072],{"class":5830},[5611,17314,6075],{"class":5625},[5611,17316,16916],{"class":5791},[5611,17318,6085],{"class":5625},[5611,17320,6088],{"class":5830},[5611,17322,16923],{"class":5784},[5611,17324,6094],{"class":5625},[5611,17326,17327],{"class":5613,"line":5629},[5611,17328,5732],{"emptyLinePlaceholder":5731},[5611,17330,17331,17333,17335,17337,17339,17341,17343,17345],{"class":5613,"line":5663},[5611,17332,6123],{"class":5830},[5611,17334,6126],{"class":5617},[5611,17336,7983],{"class":5638},[5611,17338,5759],{"class":5625},[5611,17340,16916],{"class":5791},[5611,17342,5504],{"class":5625},[5611,17344,16788],{"class":5621},[5611,17346,6467],{"class":5625},[5611,17348,17349,17351,17353,17355,17357,17359,17361],{"class":5613,"line":5691},[5611,17350,8024],{"class":5621},[5611,17352,6504],{"class":5791},[5611,17354,5940],{"class":5625},[5611,17356,6509],{"class":5791},[5611,17358,5820],{"class":5625},[5611,17360,5744],{"class":5617},[5611,17362,8037],{"class":5625},[5611,17364,17365],{"class":5613,"line":5728},[5611,17366,17367],{"class":6038},"    \u002F\u002F ендпоінти постів\n",[5611,17369,17370],{"class":5613,"line":5735},[5611,17371,8089],{"class":5625},[5611,17373,17374],{"class":5613,"line":5750},[5611,17375,6319],{"class":5625},[5602,17377,17380],{"className":6062,"code":17378,"filename":17379,"language":6065,"meta":5607,"style":5607},"import { baseApi } from \"..\u002F..\u002Fapi\u002FbaseApi\";\n\nexport const usersApi = baseApi.injectEndpoints({\n  endpoints: (builder) => ({\n    \u002F\u002F ендпоінти користувачів\n  }),\n});\n","src\u002Ffeatures\u002Fusers\u002FusersApi.ts",[5494,17381,17382,17398,17402,17421,17437,17442,17446],{"__ignoreMap":5607},[5611,17383,17384,17386,17388,17390,17392,17394,17396],{"class":5613,"line":5614},[5611,17385,6072],{"class":5830},[5611,17387,6075],{"class":5625},[5611,17389,16916],{"class":5791},[5611,17391,6085],{"class":5625},[5611,17393,6088],{"class":5830},[5611,17395,16923],{"class":5784},[5611,17397,6094],{"class":5625},[5611,17399,17400],{"class":5613,"line":5629},[5611,17401,5732],{"emptyLinePlaceholder":5731},[5611,17403,17404,17406,17408,17411,17413,17415,17417,17419],{"class":5613,"line":5663},[5611,17405,6123],{"class":5830},[5611,17407,6126],{"class":5617},[5611,17409,17410],{"class":5638}," usersApi",[5611,17412,5759],{"class":5625},[5611,17414,16916],{"class":5791},[5611,17416,5504],{"class":5625},[5611,17418,16788],{"class":5621},[5611,17420,6467],{"class":5625},[5611,17422,17423,17425,17427,17429,17431,17433,17435],{"class":5613,"line":5691},[5611,17424,8024],{"class":5621},[5611,17426,6504],{"class":5791},[5611,17428,5940],{"class":5625},[5611,17430,6509],{"class":5791},[5611,17432,5820],{"class":5625},[5611,17434,5744],{"class":5617},[5611,17436,8037],{"class":5625},[5611,17438,17439],{"class":5613,"line":5728},[5611,17440,17441],{"class":6038},"    \u002F\u002F ендпоінти користувачів\n",[5611,17443,17444],{"class":5613,"line":5735},[5611,17445,8089],{"class":5625},[5611,17447,17448],{"class":5613,"line":5750},[5611,17449,6319],{"class":5625},[5602,17451,17453],{"className":6062,"code":17452,"filename":8245,"language":6065,"meta":5607,"style":5607},"import { configureStore } from \"@reduxjs\u002Ftoolkit\";\nimport { baseApi } from \".\u002Fapi\u002FbaseApi\";\n\nexport const store = configureStore({\n  reducer: { [baseApi.reducerPath]: baseApi.reducer },\n  middleware: (gDM) => gDM().concat(baseApi.middleware),\n});\n",[5494,17454,17455,17471,17488,17492,17506,17523,17553],{"__ignoreMap":5607},[5611,17456,17457,17459,17461,17463,17465,17467,17469],{"class":5613,"line":5614},[5611,17458,6072],{"class":5830},[5611,17460,6075],{"class":5625},[5611,17462,8256],{"class":5791},[5611,17464,6085],{"class":5625},[5611,17466,6088],{"class":5830},[5611,17468,6091],{"class":5784},[5611,17470,6094],{"class":5625},[5611,17472,17473,17475,17477,17479,17481,17483,17486],{"class":5613,"line":5629},[5611,17474,6072],{"class":5830},[5611,17476,6075],{"class":5625},[5611,17478,16916],{"class":5791},[5611,17480,6085],{"class":5625},[5611,17482,6088],{"class":5830},[5611,17484,17485],{"class":5784}," \".\u002Fapi\u002FbaseApi\"",[5611,17487,6094],{"class":5625},[5611,17489,17490],{"class":5613,"line":5663},[5611,17491,5732],{"emptyLinePlaceholder":5731},[5611,17493,17494,17496,17498,17500,17502,17504],{"class":5613,"line":5691},[5611,17495,6123],{"class":5830},[5611,17497,6126],{"class":5617},[5611,17499,8294],{"class":5638},[5611,17501,5759],{"class":5625},[5611,17503,8256],{"class":5621},[5611,17505,6467],{"class":5625},[5611,17507,17508,17510,17512,17515,17517,17519,17521],{"class":5613,"line":5728},[5611,17509,8305],{"class":5791},[5611,17511,6075],{"class":5625},[5611,17513,17514],{"class":5791},"[baseApi.reducerPath]:",[5611,17516,16843],{"class":5791},[5611,17518,5504],{"class":5625},[5611,17520,6767],{"class":5791},[5611,17522,7433],{"class":5625},[5611,17524,17525,17527,17529,17531,17533,17535,17537,17539,17541,17543,17545,17547,17549,17551],{"class":5613,"line":5735},[5611,17526,8329],{"class":5621},[5611,17528,6504],{"class":5791},[5611,17530,5940],{"class":5625},[5611,17532,17176],{"class":5791},[5611,17534,5820],{"class":5625},[5611,17536,5744],{"class":5617},[5611,17538,17183],{"class":5621},[5611,17540,8349],{"class":5625},[5611,17542,8352],{"class":5621},[5611,17544,5682],{"class":5625},[5611,17546,16916],{"class":5791},[5611,17548,5504],{"class":5625},[5611,17550,8361],{"class":5791},[5611,17552,8364],{"class":5625},[5611,17554,17555],{"class":5613,"line":5750},[5611,17556,6319],{"class":5625},[5573,17558],{},[5576,17560,17562],{"id":17561},"читання-даних-поза-компонентами","Читання даних поза компонентами",[5581,17564,17565,17566,17568,17569,7195,17572,6504],{},"Іноді потрібно отримати дані не у JSX, а в звичайній функції: наприклад, у ",[5494,17567,5594],{},", роутері чи обробнику події. Для цього кожен ендпоінт має ",[5494,17570,17571],{},"initiate",[5494,17573,17574],{},"select",[5602,17576,17578],{"className":6062,"code":17577,"language":6065,"meta":5607,"style":5607},"const promise = store.dispatch(postsApi.endpoints.getPosts.initiate());\n\ntry {\n  const posts = await promise.unwrap();\n  console.log(posts);\n} finally {\n  promise.unsubscribe(); \u002F\u002F обов'язково, інакше дані не очищуватимуться\n}\n",[5494,17579,17580,17613,17617,17624,17643,17659,17667,17683],{"__ignoreMap":5607},[5611,17581,17582,17584,17587,17589,17591,17593,17595,17597,17599,17601,17603,17605,17607,17609,17611],{"class":5613,"line":5614},[5611,17583,6399],{"class":5617},[5611,17585,17586],{"class":5638}," promise",[5611,17588,5759],{"class":5625},[5611,17590,7192],{"class":5791},[5611,17592,5504],{"class":5625},[5611,17594,6898],{"class":5621},[5611,17596,5682],{"class":5625},[5611,17598,8113],{"class":5791},[5611,17600,5504],{"class":5625},[5611,17602,8153],{"class":5791},[5611,17604,5504],{"class":5625},[5611,17606,8160],{"class":5791},[5611,17608,5504],{"class":5625},[5611,17610,17571],{"class":5621},[5611,17612,6881],{"class":5625},[5611,17614,17615],{"class":5613,"line":5629},[5611,17616,5732],{"emptyLinePlaceholder":5731},[5611,17618,17619,17622],{"class":5613,"line":5663},[5611,17620,17621],{"class":5830},"try",[5611,17623,5747],{"class":5625},[5611,17625,17626,17628,17631,17633,17635,17637,17639,17641],{"class":5613,"line":5691},[5611,17627,5632],{"class":5617},[5611,17629,17630],{"class":5638}," posts",[5611,17632,5759],{"class":5625},[5611,17634,6219],{"class":5830},[5611,17636,17586],{"class":5791},[5611,17638,5504],{"class":5625},[5611,17640,11024],{"class":5621},[5611,17642,5768],{"class":5625},[5611,17644,17645,17648,17650,17653,17655,17657],{"class":5613,"line":5728},[5611,17646,17647],{"class":5791},"  console",[5611,17649,5504],{"class":5625},[5611,17651,17652],{"class":5621},"log",[5611,17654,5682],{"class":5625},[5611,17656,5639],{"class":5791},[5611,17658,5688],{"class":5625},[5611,17660,17661,17663,17665],{"class":5613,"line":5735},[5611,17662,16387],{"class":5625},[5611,17664,5981],{"class":5830},[5611,17666,5747],{"class":5625},[5611,17668,17669,17672,17674,17677,17680],{"class":5613,"line":5750},[5611,17670,17671],{"class":5791},"  promise",[5611,17673,5504],{"class":5625},[5611,17675,17676],{"class":5621},"unsubscribe",[5611,17678,17679],{"class":5625},"(); ",[5611,17681,17682],{"class":6038},"\u002F\u002F обов'язково, інакше дані не очищуватимуться\n",[5611,17684,17685],{"class":5613,"line":5771},[5611,17686,6045],{"class":5625},[5581,17688,17689,17690,17693],{},"А щоб просто ",[5509,17691,17692],{},"прочитати"," вже наявні дані кешу без запиту, використовуйте селектор:",[5602,17695,17697],{"className":6062,"code":17696,"language":6065,"meta":5607,"style":5607},"const result = postsApi.endpoints.getPosts.select()(store.getState());\nconsole.log(result.data);\n",[5494,17698,17699,17732],{"__ignoreMap":5607},[5611,17700,17701,17703,17705,17707,17709,17711,17713,17715,17717,17719,17721,17724,17726,17728,17730],{"class":5613,"line":5614},[5611,17702,6399],{"class":5617},[5611,17704,16513],{"class":5638},[5611,17706,5759],{"class":5625},[5611,17708,8113],{"class":5791},[5611,17710,5504],{"class":5625},[5611,17712,8153],{"class":5791},[5611,17714,5504],{"class":5625},[5611,17716,8160],{"class":5791},[5611,17718,5504],{"class":5625},[5611,17720,17574],{"class":5621},[5611,17722,17723],{"class":5625},"()(",[5611,17725,7192],{"class":5791},[5611,17727,5504],{"class":5625},[5611,17729,8398],{"class":5621},[5611,17731,6881],{"class":5625},[5611,17733,17734,17737,17739,17741,17743,17745,17747,17749],{"class":5613,"line":5629},[5611,17735,17736],{"class":5791},"console",[5611,17738,5504],{"class":5625},[5611,17740,17652],{"class":5621},[5611,17742,5682],{"class":5625},[5611,17744,12009],{"class":5791},[5611,17746,5504],{"class":5625},[5611,17748,5893],{"class":5791},[5611,17750,5688],{"class":5625},[5581,17752,17753,17754,17757],{},"Це корисно для інтеграції з React Router: функція ",[5494,17755,17756],{},"loader"," може завантажити дані ще до рендеру сторінки, а компонент потім одразу візьме їх із кешу.",[7183,17759,14501,17760,17762,17763,17766],{},[5494,17761,17571],{}," створює підписку. Якщо ви її не скасуєте через ",[5494,17764,17765],{},"unsubscribe()",", дані залишатимуться в кеші нескінченно. Мутація та виклик у хуках роблять це автоматично, а в ручному коді — ваша відповідальність.",[5573,17768],{},[5576,17770,17772],{"id":17771},"інструменти-розробника","Інструменти розробника",[5581,17774,17775,17776,17779,17780,17782,17783,17785],{},"Оскільки кеш лежить у звичайному Redux store, ви бачите його у ",[5531,17777,17778],{},"Redux DevTools",". Відкрийте вкладку State і знайдіть розділ ",[5494,17781,16494],{}," (або ",[5494,17784,8113],{},"). Усередині є:",[5484,17787,17788,17793,17798,17804],{},[5487,17789,17790,17792],{},[5494,17791,5511],{}," — усі записи кешу для запитів зі статусом, даними та тегами;",[5487,17794,17795,17797],{},[5494,17796,5515],{}," — активні та нещодавні мутації;",[5487,17799,17800,17803],{},[5494,17801,17802],{},"provided"," — відповідність тегів та записів кешу;",[5487,17805,17806,17809],{},[5494,17807,17808],{},"subscriptions"," — кількість підписників на кожен запис.",[5581,17811,17812,17813,5497,17816,5497,17818,17820,17821,17823],{},"На вкладці Actions ви побачите дії на кшталт ",[5494,17814,17815],{},"postsApi\u002FexecuteQuery\u002Fpending",[5494,17817,6604],{},[5494,17819,6676],{},", а також ",[5494,17822,14473],{},". Це найкращий спосіб зрозуміти, чому запит виконався чи не виконався: просто подивіться послідовність дій.",[8938,17825,17826,17827,17829,17830,14307,17832,17834,17835,17837],{},"Якщо після мутації список не оновлюється, перевірте у DevTools три речі: чи є в запиту ",[5494,17828,11574],{},"; чи збігаються тип та ",[5494,17831,7045],{},[5494,17833,11581],{},"; чи підключений ",[5494,17836,8361],{}," до store. Це причина 90% проблем.",[5573,17839],{},[5576,17841,17843],{"id":17842},"типізація-хуків-та-помічників","Типізація хуків та помічників",[5581,17845,17846,17847,17850],{},"У проєкті з TypeScript RTK Query вже виводить більшість типів із ваших ",[5494,17848,17849],{},"builder.query\u003CРезультат, Аргумент>",". Але є кілька місць, де корисно знати нюанси.",[5597,17852,17854],{"id":17853},"типи-результатів-та-аргументів","Типи результатів та аргументів",[5581,17856,17857],{},"Часто потрібно використати тип відповіді в інших місцях. Для цього є вбудовані утиліти:",[5602,17859,17861],{"className":6062,"code":17860,"language":6065,"meta":5607,"style":5607},"import type { TypedUseQueryHookResult } from \"@reduxjs\u002Ftoolkit\u002Fquery\u002Freact\";\n\ntype PostsResult = ReturnType\u003Ctypeof postsApi.endpoints.getPosts.select>;\n",[5494,17862,17863,17882,17886],{"__ignoreMap":5607},[5611,17864,17865,17867,17869,17871,17874,17876,17878,17880],{"class":5613,"line":5614},[5611,17866,6072],{"class":5830},[5611,17868,6101],{"class":5830},[5611,17870,6075],{"class":5625},[5611,17872,17873],{"class":5791},"TypedUseQueryHookResult",[5611,17875,6085],{"class":5625},[5611,17877,6088],{"class":5830},[5611,17879,7949],{"class":5784},[5611,17881,6094],{"class":5625},[5611,17883,17884],{"class":5613,"line":5629},[5611,17885,5732],{"emptyLinePlaceholder":5731},[5611,17887,17888,17891,17894,17896,17898,17900,17902,17904,17906,17908,17910,17912,17914,17916],{"class":5613,"line":5663},[5611,17889,17890],{"class":5617},"type",[5611,17892,17893],{"class":5656}," PostsResult",[5611,17895,5759],{"class":5625},[5611,17897,8386],{"class":5656},[5611,17899,5653],{"class":5625},[5611,17901,8391],{"class":5617},[5611,17903,7983],{"class":5791},[5611,17905,5504],{"class":5625},[5611,17907,8153],{"class":5791},[5611,17909,5504],{"class":5625},[5611,17911,8160],{"class":5791},[5611,17913,5504],{"class":5625},[5611,17915,17574],{"class":5791},[5611,17917,8401],{"class":5625},[5581,17919,17920,17921,5497,17923,17925,17926,5504],{},"Простіший спосіб — просто експортувати й використовувати власні інтерфейси (",[5494,17922,5657],{},[5494,17924,14611],{},"), які ви вже оголосили для ",[5494,17927,17928],{},"builder.query\u003CPost[], GetPostsArgs>",[5597,17930,17932],{"id":17931},"типізація-мутацій-із-рядками-що-не-збігаються","Типізація мутацій із рядками, що не збігаються",[5581,17934,17935,17936,17939],{},"Якщо аргумент мутації має складний тип, TypeScript підкаже помилку під час виклику. Це дуже допомагає: наприклад, виклик ",[5494,17937,17938],{},"addPost({ title: \"Привіт\" })"," без обов'язкових полів не скомпілюється.",[5597,17941,17943],{"id":17942},"типізований-useselector","Типізований useSelector",[5581,17945,17946,17947,17949,17950,5497,17952,17954,17955,17957],{},"Якщо ви звертаєтесь до даних RTK Query через звичайні ",[5494,17948,7198],{},", використовуйте типізовані хуки з теми про Redux Toolkit (",[5494,17951,6822],{},[5494,17953,6798],{},"), щоб ",[5494,17956,16175],{}," містив ключ вашого API.",[5573,17959],{},[5576,17961,17963],{"id":17962},"повний-приклад-список-постів-з-керуванням","Повний приклад: список постів з керуванням",[5581,17965,17966],{},"Зберемо знання разом. Нижче компонент, що показує список постів, дозволяє перемикати статус «виконано» (оптимістично), видаляти пости та додавати нові (через інвалідацію тегів):",[5602,17968,17971],{"className":5604,"code":17969,"filename":17970,"language":5606,"meta":5607,"style":5607},"import {\n  useGetPostsQuery,\n  useUpdatePostMutation,\n  useDeletePostMutation,\n} from \"..\u002Fapi\u002FpostsApi\";\nimport { AddPostForm } from \".\u002FAddPostForm\";\nimport { getErrorMessage } from \"..\u002Futils\u002Ferrors\";\n\nexport function PostsPage() {\n  const {\n    data: posts,\n    isLoading,\n    isFetching,\n    isError,\n    error,\n    refetch,\n  } = useGetPostsQuery();\n  const [updatePost] = useUpdatePostMutation();\n  const [deletePost, { isLoading: isDeleting }] = useDeletePostMutation();\n\n  if (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n\n  if (isError) {\n    return (\n      \u003Cdiv>\n        \u003Cp>{getErrorMessage(error)}\u003C\u002Fp>\n        \u003Cbutton onClick={refetch}>Спробувати ще раз\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    );\n  }\n\n  return (\n    \u003Csection>\n      \u003Ch1>Пости {isFetching && \u003Csmall>(оновлюємо...)\u003C\u002Fsmall>}\u003C\u002Fh1>\n\n      \u003CAddPostForm \u002F>\n\n      \u003Cul>\n        {posts?.map((post) => (\n          \u003Cli key={post.id}>\n            \u003Clabel>\n              \u003Cinput\n                type=\"checkbox\"\n                checked={post.done}\n                onChange={() => updatePost({ id: post.id, done: !post.done })}\n              \u002F>\n              \u003Cstrong>{post.title}\u003C\u002Fstrong>\n            \u003C\u002Flabel>\n            \u003Cp>{post.body}\u003C\u002Fp>\n            \u003Cbutton\n              onClick={() => deletePost(post.id)}\n              disabled={isDeleting}\n            >\n              Видалити\n            \u003C\u002Fbutton>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fsection>\n  );\n}\n","src\u002Fcomponents\u002FPostsPage.tsx",[5494,17972,17973,17979,17985,17991,17997,18007,18025,18042,18046,18057,18063,18074,18081,18088,18095,18102,18109,18118,18133,18158,18162,18190,18194,18204,18210,18218,18244,18270,18278,18282,18286,18290,18296,18305,18345,18349,18357,18361,18369,18389,18411,18421,18428,18438,18456,18499,18504,18528,18537,18561,18567,18595,18609,18615,18621,18630,18640,18648,18657,18666,18671],{"__ignoreMap":5607},[5611,17974,17975,17977],{"class":5613,"line":5614},[5611,17976,6072],{"class":5830},[5611,17978,5747],{"class":5625},[5611,17980,17981,17983],{"class":5613,"line":5629},[5611,17982,10718],{"class":5791},[5611,17984,6152],{"class":5625},[5611,17986,17987,17989],{"class":5613,"line":5663},[5611,17988,10732],{"class":5791},[5611,17990,6152],{"class":5625},[5611,17992,17993,17995],{"class":5613,"line":5691},[5611,17994,10739],{"class":5791},[5611,17996,6152],{"class":5625},[5611,17998,17999,18001,18003,18005],{"class":5613,"line":5728},[5611,18000,16387],{"class":5625},[5611,18002,6088],{"class":5830},[5611,18004,8663],{"class":5784},[5611,18006,6094],{"class":5625},[5611,18008,18009,18011,18013,18016,18018,18020,18023],{"class":5613,"line":5735},[5611,18010,6072],{"class":5830},[5611,18012,6075],{"class":5625},[5611,18014,18015],{"class":5791},"AddPostForm",[5611,18017,6085],{"class":5625},[5611,18019,6088],{"class":5830},[5611,18021,18022],{"class":5784}," \".\u002FAddPostForm\"",[5611,18024,6094],{"class":5625},[5611,18026,18027,18029,18031,18033,18035,18037,18040],{"class":5613,"line":5750},[5611,18028,6072],{"class":5830},[5611,18030,6075],{"class":5625},[5611,18032,15925],{"class":5791},[5611,18034,6085],{"class":5625},[5611,18036,6088],{"class":5830},[5611,18038,18039],{"class":5784}," \"..\u002Futils\u002Ferrors\"",[5611,18041,6094],{"class":5625},[5611,18043,18044],{"class":5613,"line":5771},[5611,18045,5732],{"emptyLinePlaceholder":5731},[5611,18047,18048,18050,18052,18055],{"class":5613,"line":5776},[5611,18049,6123],{"class":5830},[5611,18051,8676],{"class":5617},[5611,18053,18054],{"class":5621}," PostsPage",[5611,18056,5626],{"class":5625},[5611,18058,18059,18061],{"class":5613,"line":5805},[5611,18060,5632],{"class":5617},[5611,18062,5747],{"class":5625},[5611,18064,18065,18068,18070,18072],{"class":5613,"line":5827},[5611,18066,18067],{"class":5791},"    data",[5611,18069,5896],{"class":5625},[5611,18071,5639],{"class":5638},[5611,18073,6152],{"class":5625},[5611,18075,18076,18079],{"class":5613,"line":5862},[5611,18077,18078],{"class":5638},"    isLoading",[5611,18080,6152],{"class":5625},[5611,18082,18083,18086],{"class":5613,"line":5878},[5611,18084,18085],{"class":5638},"    isFetching",[5611,18087,6152],{"class":5625},[5611,18089,18090,18093],{"class":5613,"line":5884},[5611,18091,18092],{"class":5638},"    isError",[5611,18094,6152],{"class":5625},[5611,18096,18097,18100],{"class":5613,"line":5916},[5611,18098,18099],{"class":5638},"    error",[5611,18101,6152],{"class":5625},[5611,18103,18104,18107],{"class":5613,"line":5935},[5611,18105,18106],{"class":5638},"    refetch",[5611,18108,6152],{"class":5625},[5611,18110,18111,18114,18116],{"class":5613,"line":5971},[5611,18112,18113],{"class":5625},"  } = ",[5611,18115,8108],{"class":5621},[5611,18117,5768],{"class":5625},[5611,18119,18120,18122,18124,18126,18128,18131],{"class":5613,"line":5976},[5611,18121,5632],{"class":5617},[5611,18123,5635],{"class":5625},[5611,18125,13966],{"class":5638},[5611,18127,5647],{"class":5625},[5611,18129,18130],{"class":5621},"useUpdatePostMutation",[5611,18132,5768],{"class":5625},[5611,18134,18135,18137,18139,18142,18144,18146,18148,18151,18153,18156],{"class":5613,"line":5999},[5611,18136,5632],{"class":5617},[5611,18138,5635],{"class":5625},[5611,18140,18141],{"class":5638},"deletePost",[5611,18143,5788],{"class":5625},[5611,18145,5670],{"class":5791},[5611,18147,5896],{"class":5625},[5611,18149,18150],{"class":5638},"isDeleting",[5611,18152,10941],{"class":5625},[5611,18154,18155],{"class":5621},"useDeletePostMutation",[5611,18157,5768],{"class":5625},[5611,18159,18160],{"class":5613,"line":6004},[5611,18161,5732],{"emptyLinePlaceholder":5731},[5611,18163,18164,18166,18168,18170,18172,18174,18176,18178,18180,18182,18184,18186,18188],{"class":5613,"line":6024},[5611,18165,6910],{"class":5830},[5611,18167,5940],{"class":5625},[5611,18169,5670],{"class":5791},[5611,18171,5820],{"class":5625},[5611,18173,6252],{"class":5830},[5611,18175,6926],{"class":6925},[5611,18177,5581],{"class":6929},[5611,18179,6932],{"class":6925},[5611,18181,6935],{"class":5625},[5611,18183,6938],{"class":6925},[5611,18185,5581],{"class":6929},[5611,18187,6932],{"class":6925},[5611,18189,6094],{"class":5625},[5611,18191,18192],{"class":5613,"line":6030},[5611,18193,5732],{"emptyLinePlaceholder":5731},[5611,18195,18196,18198,18200,18202],{"class":5613,"line":6035},[5611,18197,6910],{"class":5830},[5611,18199,5940],{"class":5625},[5611,18201,8701],{"class":5791},[5611,18203,6869],{"class":5625},[5611,18205,18206,18208],{"class":5613,"line":6042},[5611,18207,6007],{"class":5830},[5611,18209,6994],{"class":5625},[5611,18211,18212,18214,18216],{"class":5613,"line":6413},[5611,18213,8607],{"class":6925},[5611,18215,13545],{"class":6929},[5611,18217,7004],{"class":6925},[5611,18219,18220,18222,18224,18226,18228,18230,18232,18234,18236,18238,18240,18242],{"class":5613,"line":6422},[5611,18221,8813],{"class":6925},[5611,18223,5581],{"class":6929},[5611,18225,6932],{"class":6925},[5611,18227,6969],{"class":5617},[5611,18229,15925],{"class":5621},[5611,18231,5682],{"class":7014},[5611,18233,5698],{"class":5791},[5611,18235,7069],{"class":7014},[5611,18237,6974],{"class":5617},[5611,18239,6938],{"class":6925},[5611,18241,5581],{"class":6929},[5611,18243,7004],{"class":6925},[5611,18245,18246,18248,18250,18252,18254,18256,18258,18260,18262,18264,18266,18268],{"class":5613,"line":6433},[5611,18247,8813],{"class":6925},[5611,18249,11253],{"class":6929},[5611,18251,13119],{"class":7032},[5611,18253,7036],{"class":5625},[5611,18255,6969],{"class":5617},[5611,18257,9113],{"class":5791},[5611,18259,6974],{"class":5617},[5611,18261,6932],{"class":6925},[5611,18263,15960],{"class":5625},[5611,18265,6938],{"class":6925},[5611,18267,11253],{"class":6929},[5611,18269,7004],{"class":6925},[5611,18271,18272,18274,18276],{"class":5613,"line":6444},[5611,18273,11299],{"class":6925},[5611,18275,13545],{"class":6929},[5611,18277,7004],{"class":6925},[5611,18279,18280],{"class":5613,"line":6450},[5611,18281,14216],{"class":5625},[5611,18283,18284],{"class":5613,"line":6455},[5611,18285,6314],{"class":5625},[5611,18287,18288],{"class":5613,"line":6470},[5611,18289,5732],{"emptyLinePlaceholder":5731},[5611,18291,18292,18294],{"class":5613,"line":6481},[5611,18293,6991],{"class":5830},[5611,18295,6994],{"class":5625},[5611,18297,18298,18300,18303],{"class":5613,"line":6489},[5611,18299,6999],{"class":6925},[5611,18301,18302],{"class":6929},"section",[5611,18304,7004],{"class":6925},[5611,18306,18307,18309,18311,18313,18316,18318,18320,18322,18324,18326,18328,18331,18333,18335,18337,18339,18341,18343],{"class":5613,"line":6498},[5611,18308,8607],{"class":6925},[5611,18310,5472],{"class":6929},[5611,18312,6932],{"class":6925},[5611,18314,18315],{"class":5625},"Пости ",[5611,18317,6969],{"class":5617},[5611,18319,9035],{"class":5791},[5611,18321,9384],{"class":5625},[5611,18323,6926],{"class":6925},[5611,18325,9389],{"class":6929},[5611,18327,6932],{"class":6925},[5611,18329,18330],{"class":7014},"(оновлюємо...)",[5611,18332,6938],{"class":6925},[5611,18334,9389],{"class":6929},[5611,18336,6932],{"class":6925},[5611,18338,6974],{"class":5617},[5611,18340,6938],{"class":6925},[5611,18342,5472],{"class":6929},[5611,18344,7004],{"class":6925},[5611,18346,18347],{"class":5613,"line":6518},[5611,18348,5732],{"emptyLinePlaceholder":5731},[5611,18350,18351,18353,18355],{"class":5613,"line":6524},[5611,18352,8607],{"class":6925},[5611,18354,18015],{"class":5656},[5611,18356,8613],{"class":6925},[5611,18358,18359],{"class":5613,"line":6554},[5611,18360,5732],{"emptyLinePlaceholder":5731},[5611,18362,18363,18365,18367],{"class":5613,"line":6571},[5611,18364,8607],{"class":6925},[5611,18366,5484],{"class":6929},[5611,18368,7004],{"class":6925},[5611,18370,18371,18373,18375,18377,18379,18381,18383,18385,18387],{"class":5613,"line":6586},[5611,18372,11278],{"class":5617},[5611,18374,5639],{"class":5791},[5611,18376,8795],{"class":7014},[5611,18378,7017],{"class":5621},[5611,18380,5814],{"class":7014},[5611,18382,8802],{"class":5791},[5611,18384,5820],{"class":7014},[5611,18386,5744],{"class":5617},[5611,18388,6994],{"class":7014},[5611,18390,18391,18393,18395,18397,18399,18401,18403,18405,18407,18409],{"class":5613,"line":6591},[5611,18392,8836],{"class":6925},[5611,18394,5487],{"class":6929},[5611,18396,7033],{"class":7032},[5611,18398,7036],{"class":5625},[5611,18400,6969],{"class":5617},[5611,18402,8802],{"class":5791},[5611,18404,5504],{"class":7014},[5611,18406,7045],{"class":5791},[5611,18408,6974],{"class":5617},[5611,18410,7004],{"class":6925},[5611,18412,18413,18416,18419],{"class":5613,"line":6622},[5611,18414,18415],{"class":6925},"            \u003C",[5611,18417,18418],{"class":6929},"label",[5611,18420,7004],{"class":6925},[5611,18422,18423,18426],{"class":5613,"line":6637},[5611,18424,18425],{"class":6925},"              \u003C",[5611,18427,11108],{"class":6929},[5611,18429,18430,18433,18435],{"class":5613,"line":6658},[5611,18431,18432],{"class":7032},"                type",[5611,18434,7036],{"class":5625},[5611,18436,18437],{"class":5784},"\"checkbox\"\n",[5611,18439,18440,18443,18445,18447,18449,18451,18454],{"class":5613,"line":6663},[5611,18441,18442],{"class":7032},"                checked",[5611,18444,7036],{"class":5625},[5611,18446,6969],{"class":5617},[5611,18448,8802],{"class":5791},[5611,18450,5504],{"class":7014},[5611,18452,18453],{"class":5791},"done",[5611,18455,6045],{"class":5617},[5611,18457,18458,18461,18463,18465,18467,18469,18472,18474,18476,18478,18480,18482,18484,18486,18489,18491,18493,18495,18497],{"class":5613,"line":6693},[5611,18459,18460],{"class":7032},"                onChange",[5611,18462,7036],{"class":5625},[5611,18464,6969],{"class":5617},[5611,18466,13616],{"class":7014},[5611,18468,5744],{"class":5617},[5611,18470,18471],{"class":5621}," updatePost",[5611,18473,8010],{"class":7014},[5611,18475,12077],{"class":5791},[5611,18477,14151],{"class":5791},[5611,18479,5504],{"class":7014},[5611,18481,7045],{"class":5791},[5611,18483,5497],{"class":7014},[5611,18485,11015],{"class":5791},[5611,18487,18488],{"class":5625}," !",[5611,18490,8802],{"class":5791},[5611,18492,5504],{"class":7014},[5611,18494,18453],{"class":5791},[5611,18496,15366],{"class":7014},[5611,18498,6045],{"class":5617},[5611,18500,18501],{"class":5613,"line":6708},[5611,18502,18503],{"class":6925},"              \u002F>\n",[5611,18505,18506,18508,18510,18512,18514,18516,18518,18520,18522,18524,18526],{"class":5613,"line":6733},[5611,18507,18425],{"class":6925},[5611,18509,5531],{"class":6929},[5611,18511,6932],{"class":6925},[5611,18513,6969],{"class":5617},[5611,18515,8802],{"class":5791},[5611,18517,5504],{"class":7014},[5611,18519,7058],{"class":5791},[5611,18521,6974],{"class":5617},[5611,18523,6938],{"class":6925},[5611,18525,5531],{"class":6929},[5611,18527,7004],{"class":6925},[5611,18529,18530,18533,18535],{"class":5613,"line":6739},[5611,18531,18532],{"class":6925},"            \u003C\u002F",[5611,18534,18418],{"class":6929},[5611,18536,7004],{"class":6925},[5611,18538,18539,18541,18543,18545,18547,18549,18551,18553,18555,18557,18559],{"class":5613,"line":6745},[5611,18540,18415],{"class":6925},[5611,18542,5581],{"class":6929},[5611,18544,6932],{"class":6925},[5611,18546,6969],{"class":5617},[5611,18548,8802],{"class":5791},[5611,18550,5504],{"class":7014},[5611,18552,8873],{"class":5791},[5611,18554,6974],{"class":5617},[5611,18556,6938],{"class":6925},[5611,18558,5581],{"class":6929},[5611,18560,7004],{"class":6925},[5611,18562,18563,18565],{"class":5613,"line":6750},[5611,18564,18415],{"class":6925},[5611,18566,15169],{"class":6929},[5611,18568,18569,18572,18574,18576,18578,18580,18583,18585,18587,18589,18591,18593],{"class":5613,"line":6755},[5611,18570,18571],{"class":7032},"              onClick",[5611,18573,7036],{"class":5625},[5611,18575,6969],{"class":5617},[5611,18577,13616],{"class":7014},[5611,18579,5744],{"class":5617},[5611,18581,18582],{"class":5621}," deletePost",[5611,18584,5682],{"class":7014},[5611,18586,8802],{"class":5791},[5611,18588,5504],{"class":7014},[5611,18590,7045],{"class":5791},[5611,18592,7069],{"class":7014},[5611,18594,6045],{"class":5617},[5611,18596,18598,18601,18603,18605,18607],{"class":5613,"line":18597},52,[5611,18599,18600],{"class":7032},"              disabled",[5611,18602,7036],{"class":5625},[5611,18604,6969],{"class":5617},[5611,18606,18150],{"class":5791},[5611,18608,6045],{"class":5617},[5611,18610,18612],{"class":5613,"line":18611},53,[5611,18613,18614],{"class":6925},"            >\n",[5611,18616,18618],{"class":5613,"line":18617},54,[5611,18619,18620],{"class":7014},"              Видалити\n",[5611,18622,18624,18626,18628],{"class":5613,"line":18623},55,[5611,18625,18532],{"class":6925},[5611,18627,11253],{"class":6929},[5611,18629,7004],{"class":6925},[5611,18631,18633,18636,18638],{"class":5613,"line":18632},56,[5611,18634,18635],{"class":6925},"          \u003C\u002F",[5611,18637,5487],{"class":6929},[5611,18639,7004],{"class":6925},[5611,18641,18643,18646],{"class":5613,"line":18642},57,[5611,18644,18645],{"class":7014},"        ))",[5611,18647,6045],{"class":5617},[5611,18649,18651,18653,18655],{"class":5613,"line":18650},58,[5611,18652,11299],{"class":6925},[5611,18654,5484],{"class":6929},[5611,18656,7004],{"class":6925},[5611,18658,18660,18662,18664],{"class":5613,"line":18659},59,[5611,18661,7076],{"class":6925},[5611,18663,18302],{"class":6929},[5611,18665,7004],{"class":6925},[5611,18667,18669],{"class":5613,"line":18668},60,[5611,18670,7085],{"class":5625},[5611,18672,18674],{"class":5613,"line":18673},61,[5611,18675,6045],{"class":5625},[5581,18677,18678,18679,18681],{},"Усе, що вимагало б сотні рядків у чистому Redux або в ",[5494,18680,5586],{},", тут займає один компонент і один API-файл:",[5484,18683,18684,18687,18690,18693,18696],{},[5487,18685,18686],{},"список завантажується та кешується;",[5487,18688,18689],{},"перемикання статусу відбувається миттєво (оптимістично) і відкочується при помилці;",[5487,18691,18692],{},"видалення та додавання автоматично оновлюють список через теги;",[5487,18694,18695],{},"помилки обробляються зрозуміло, а запит можна повторити;",[5487,18697,18698],{},"кілька компонентів із тим самим запитом не створюють зайвих мережевих викликів.",[5573,18700],{},[5576,18702,18704],{"id":18703},"типові-помилки-та-відповіді-на-запитання","Типові помилки та відповіді на запитання",[18706,18707,18708,18732,18746,18762,18778,18787],"accordion",{},[18709,18710,18713,18714,18716,18717,18719,18720,18722,18723,5587,18725,18728,18729,18731],"accordion-item",{"icon":18711,"label":18712},"i-lucide-help-circle","❓ Я додав пост, він є на сервері, але список не оновився. Чому?","Найімовірніше, ви не налаштували теги. Перевірте три речі: у ",[5494,18715,5496],{}," оголошено ",[5494,18718,11568],{},"; запит на читання має ",[5494,18721,11574],{}," з потрібним тегом; мутація має ",[5494,18724,11581],{},[5531,18726,18727],{},"таким самим"," типом (і ",[5494,18730,7045],{},", якщо ви використовуєте точкові теги). Якщо хоч одна ланка відсутня, RTK Query не знає, що список треба перезапитати.",[18709,18733,18735,18737,18738,18740,18741,18743,18744,5504],{"icon":18711,"label":18734},"❓ Чим isLoading відрізняється від isFetching?",[5494,18736,5670],{}," — це лише перше завантаження, коли в кеші ще немає даних. ",[5494,18739,9035],{}," — будь-який активний запит, включно з фоновим оновленням, коли старі дані ще є. Для великого спінера на всю сторінку використовуйте ",[5494,18742,5670],{},", для невеликого індикатора поверх даних — ",[5494,18745,9035],{},[18709,18747,18749,18750,18753,18754,18756,18757,18759,18760,5504],{"icon":18711,"label":18748},"❓ Чому після мутації дані не змінилися, хоч сервер повернув 200?","Результат мутації ",[5531,18751,18752],{},"не потрапляє в кеш запитів автоматично",". Мутація — це лише команда серверу. Щоб інтерфейс оновився, потрібно або інвалідувати теги (",[5494,18755,11581],{},"), або вручну змінити кеш (",[5494,18758,14123],{},") в ",[5494,18761,13955],{},[18709,18763,18765,18766,18769,18770,18772,18773,18775,18776,5504],{"icon":18711,"label":18764},"❓ Чому функція мутації не кидає помилку при збої сервера?","Вона повертає проміс із об'єктом ",[5494,18767,18768],{},"{ data }"," або ",[5494,18771,11361],{},", а не відхиляє його. Щоб отримати звичайну поведінку з винятками, викличте ",[5494,18774,11350],{}," і обгорніть у ",[5494,18777,11369],{},[18709,18779,18781,18782,18784,18785,5504],{"icon":18711,"label":18780},"❓ Чи потрібно використовувати RTK Query, якщо я вже маю Axios?","Вони розв'язують різні задачі. Axios лише відправляє запити. RTK Query керує кешем, підписками, оновленням та станами завантаження. Якщо вам потрібні можливості Axios (інтерцептори, прогрес завантаження), можна написати власний ",[5494,18783,8139],{}," на його основі, але для більшості застосунків достатньо ",[5494,18786,5500],{},[18709,18788,18790,18791,18794,18795,18797],{"icon":18711,"label":18789},"❓ Чи замінює RTK Query звичайні slices?","Ні. RTK Query відповідає за ",[5531,18792,18793],{},"серверний"," стан. Клієнтський стан (відкрите меню, фільтри інтерфейсу, тема) і далі зручно тримати в ",[5494,18796,6082],{},". Обидва механізми живуть в одному store і чудово співпрацюють.",[5573,18799],{},[5576,18801,18803],{"id":18802},"практичні-завдання","Практичні завдання",[18706,18805,18806,18823,19257,19271,19538,19542],{},[18709,18807,18810,18811,18814,18815,18818,18819,18822],{"icon":18808,"label":18809},"i-lucide-clipboard-list","📋 Завдання 1: пошук із lazy-запитом","Додайте ендпоінт ",[5494,18812,18813],{},"searchPosts",", що приймає рядок і звертається до ",[5494,18816,18817],{},"\u002Fposts?q=...",". Зробіть компонент із полем вводу та кнопкою «Шукати», який використовує ",[5494,18820,18821],{},"useLazySearchPostsQuery",". Покажіть стани завантаження, помилки та порожнього результату.",[18709,18824,18827,18891],{"icon":18825,"label":18826},"i-lucide-check-circle","✅ Розв'язок завдання 1",[5602,18828,18830],{"className":6062,"code":18829,"language":6065,"meta":5607,"style":5607},"searchPosts: builder.query\u003CPost[], string>({\n  query: (q) => ({ url: \"\u002Fposts\", params: { q } }),\n}),\n",[5494,18831,18832,18854,18887],{"__ignoreMap":5607},[5611,18833,18834,18836,18838,18840,18842,18844,18846,18848,18850,18852],{"class":5613,"line":5614},[5611,18835,18813],{"class":6160},[5611,18837,5896],{"class":5625},[5611,18839,6509],{"class":5791},[5611,18841,5504],{"class":5625},[5611,18843,8050],{"class":5621},[5611,18845,5653],{"class":5625},[5611,18847,5657],{"class":5656},[5611,18849,8057],{"class":5625},[5611,18851,5712],{"class":5656},[5611,18853,8063],{"class":5625},[5611,18855,18856,18858,18860,18862,18865,18867,18869,18871,18873,18875,18877,18880,18882,18884],{"class":5613,"line":5629},[5611,18857,13195],{"class":5621},[5611,18859,6504],{"class":5791},[5611,18861,5940],{"class":5625},[5611,18863,18864],{"class":5791},"q",[5611,18866,5820],{"class":5625},[5611,18868,5744],{"class":5617},[5611,18870,10566],{"class":5625},[5611,18872,12249],{"class":5791},[5611,18874,8077],{"class":5784},[5611,18876,5497],{"class":5625},[5611,18878,18879],{"class":5791},"params:",[5611,18881,6075],{"class":5625},[5611,18883,18864],{"class":5791},[5611,18885,18886],{"class":5625}," } }),\n",[5611,18888,18889],{"class":5613,"line":5663},[5611,18890,9611],{"class":5625},[5602,18892,18894],{"className":5604,"code":18893,"language":5606,"meta":5607,"style":5607},"function SearchPosts() {\n  const [text, setText] = useState(\"\");\n  const [trigger, { data, isFetching, isError }] = useLazySearchPostsQuery();\n\n  return (\n    \u003Cdiv>\n      \u003Cinput value={text} onChange={(e) => setText(e.target.value)} \u002F>\n      \u003Cbutton onClick={() => trigger(text)} disabled={!text.trim()}>\n        Шукати\n      \u003C\u002Fbutton>\n\n      {isFetching && \u003Cp>Шукаємо...\u003C\u002Fp>}\n      {isError && \u003Cp>Помилка пошуку\u003C\u002Fp>}\n      {data?.length === 0 && \u003Cp>Нічого не знайдено\u003C\u002Fp>}\n      \u003Cul>{data?.map((p) => \u003Cli key={p.id}>{p.title}\u003C\u002Fli>)}\u003C\u002Ful>\n    \u003C\u002Fdiv>\n  );\n}\n",[5494,18895,18896,18905,18929,18955,18959,18965,18973,19024,19072,19077,19085,19089,19113,19138,19171,19241,19249,19253],{"__ignoreMap":5607},[5611,18897,18898,18900,18903],{"class":5613,"line":5614},[5611,18899,5618],{"class":5617},[5611,18901,18902],{"class":5621}," SearchPosts",[5611,18904,5626],{"class":5625},[5611,18906,18907,18909,18911,18914,18916,18919,18921,18923,18925,18927],{"class":5613,"line":5629},[5611,18908,5632],{"class":5617},[5611,18910,5635],{"class":5625},[5611,18912,18913],{"class":5638},"text",[5611,18915,5497],{"class":5625},[5611,18917,18918],{"class":5638},"setText",[5611,18920,5647],{"class":5625},[5611,18922,5650],{"class":5621},[5611,18924,5682],{"class":5625},[5611,18926,10897],{"class":5784},[5611,18928,5688],{"class":5625},[5611,18930,18931,18933,18935,18937,18939,18941,18943,18945,18947,18949,18951,18953],{"class":5613,"line":5663},[5611,18932,5632],{"class":5617},[5611,18934,5635],{"class":5625},[5611,18936,13510],{"class":5638},[5611,18938,5788],{"class":5625},[5611,18940,5893],{"class":5638},[5611,18942,5497],{"class":5625},[5611,18944,9035],{"class":5638},[5611,18946,5497],{"class":5625},[5611,18948,8701],{"class":5638},[5611,18950,10941],{"class":5625},[5611,18952,18821],{"class":5621},[5611,18954,5768],{"class":5625},[5611,18956,18957],{"class":5613,"line":5691},[5611,18958,5732],{"emptyLinePlaceholder":5731},[5611,18960,18961,18963],{"class":5613,"line":5728},[5611,18962,6991],{"class":5830},[5611,18964,6994],{"class":5625},[5611,18966,18967,18969,18971],{"class":5613,"line":5735},[5611,18968,6999],{"class":6925},[5611,18970,13545],{"class":6929},[5611,18972,7004],{"class":6925},[5611,18974,18975,18977,18979,18981,18983,18985,18987,18989,18991,18993,18995,18997,18999,19001,19003,19006,19008,19010,19012,19014,19016,19018,19020,19022],{"class":5613,"line":5750},[5611,18976,8607],{"class":6925},[5611,18978,13554],{"class":6929},[5611,18980,13557],{"class":7032},[5611,18982,7036],{"class":5625},[5611,18984,6969],{"class":5617},[5611,18986,18913],{"class":5791},[5611,18988,6974],{"class":5617},[5611,18990,13568],{"class":7032},[5611,18992,7036],{"class":5625},[5611,18994,6969],{"class":5617},[5611,18996,5682],{"class":7014},[5611,18998,10964],{"class":5791},[5611,19000,5820],{"class":7014},[5611,19002,5744],{"class":5617},[5611,19004,19005],{"class":5621}," setText",[5611,19007,5682],{"class":7014},[5611,19009,10964],{"class":5791},[5611,19011,5504],{"class":7014},[5611,19013,11150],{"class":5791},[5611,19015,5504],{"class":7014},[5611,19017,11155],{"class":5791},[5611,19019,7069],{"class":7014},[5611,19021,6974],{"class":5617},[5611,19023,8613],{"class":6925},[5611,19025,19026,19028,19030,19032,19034,19036,19038,19040,19042,19044,19046,19048,19050,19052,19054,19056,19058,19060,19062,19065,19068,19070],{"class":5613,"line":5771},[5611,19027,8607],{"class":6925},[5611,19029,11253],{"class":6929},[5611,19031,13119],{"class":7032},[5611,19033,7036],{"class":5625},[5611,19035,6969],{"class":5617},[5611,19037,13616],{"class":7014},[5611,19039,5744],{"class":5617},[5611,19041,13621],{"class":5621},[5611,19043,5682],{"class":7014},[5611,19045,18913],{"class":5791},[5611,19047,7069],{"class":7014},[5611,19049,6974],{"class":5617},[5611,19051,11263],{"class":7032},[5611,19053,7036],{"class":5625},[5611,19055,6969],{"class":5617},[5611,19057,12800],{"class":5625},[5611,19059,18913],{"class":5791},[5611,19061,5504],{"class":7014},[5611,19063,19064],{"class":5621},"trim",[5611,19066,19067],{"class":7014},"()",[5611,19069,6974],{"class":5617},[5611,19071,7004],{"class":6925},[5611,19073,19074],{"class":5613,"line":5776},[5611,19075,19076],{"class":5625},"        Шукати\n",[5611,19078,19079,19081,19083],{"class":5613,"line":5805},[5611,19080,11299],{"class":6925},[5611,19082,11253],{"class":6929},[5611,19084,7004],{"class":6925},[5611,19086,19087],{"class":5613,"line":5827},[5611,19088,5732],{"emptyLinePlaceholder":5731},[5611,19090,19091,19093,19095,19097,19099,19101,19103,19105,19107,19109,19111],{"class":5613,"line":5862},[5611,19092,7009],{"class":5617},[5611,19094,9035],{"class":5791},[5611,19096,9384],{"class":5625},[5611,19098,6926],{"class":6925},[5611,19100,5581],{"class":6929},[5611,19102,6932],{"class":6925},[5611,19104,13667],{"class":7014},[5611,19106,6938],{"class":6925},[5611,19108,5581],{"class":6929},[5611,19110,6932],{"class":6925},[5611,19112,6045],{"class":5617},[5611,19114,19115,19117,19119,19121,19123,19125,19127,19130,19132,19134,19136],{"class":5613,"line":5878},[5611,19116,7009],{"class":5617},[5611,19118,8701],{"class":5791},[5611,19120,9384],{"class":5625},[5611,19122,6926],{"class":6925},[5611,19124,5581],{"class":6929},[5611,19126,6932],{"class":6925},[5611,19128,19129],{"class":7014},"Помилка пошуку",[5611,19131,6938],{"class":6925},[5611,19133,5581],{"class":6929},[5611,19135,6932],{"class":6925},[5611,19137,6045],{"class":5617},[5611,19139,19140,19142,19144,19146,19148,19150,19153,19155,19157,19159,19161,19163,19165,19167,19169],{"class":5613,"line":5884},[5611,19141,7009],{"class":5617},[5611,19143,5893],{"class":5791},[5611,19145,8795],{"class":7014},[5611,19147,15226],{"class":5791},[5611,19149,15119],{"class":5625},[5611,19151,19152],{"class":7400}," 0",[5611,19154,9384],{"class":5625},[5611,19156,6926],{"class":6925},[5611,19158,5581],{"class":6929},[5611,19160,6932],{"class":6925},[5611,19162,13692],{"class":7014},[5611,19164,6938],{"class":6925},[5611,19166,5581],{"class":6929},[5611,19168,6932],{"class":6925},[5611,19170,6045],{"class":5617},[5611,19172,19173,19175,19177,19179,19181,19183,19185,19187,19189,19191,19193,19195,19197,19199,19201,19203,19205,19207,19209,19211,19213,19215,19217,19219,19221,19223,19225,19227,19229,19231,19233,19235,19237,19239],{"class":5613,"line":5916},[5611,19174,8607],{"class":6925},[5611,19176,5484],{"class":6929},[5611,19178,6932],{"class":6925},[5611,19180,6969],{"class":5617},[5611,19182,5893],{"class":5791},[5611,19184,8795],{"class":7014},[5611,19186,7017],{"class":5621},[5611,19188,5814],{"class":7014},[5611,19190,5581],{"class":5791},[5611,19192,5820],{"class":7014},[5611,19194,5744],{"class":5617},[5611,19196,6926],{"class":6925},[5611,19198,5487],{"class":6929},[5611,19200,7033],{"class":7032},[5611,19202,7036],{"class":5625},[5611,19204,6969],{"class":5617},[5611,19206,5581],{"class":5791},[5611,19208,5504],{"class":7014},[5611,19210,7045],{"class":5791},[5611,19212,6974],{"class":5617},[5611,19214,6932],{"class":6925},[5611,19216,6969],{"class":5617},[5611,19218,5581],{"class":5791},[5611,19220,5504],{"class":7014},[5611,19222,7058],{"class":5791},[5611,19224,6974],{"class":5617},[5611,19226,6938],{"class":6925},[5611,19228,5487],{"class":6929},[5611,19230,6932],{"class":6925},[5611,19232,7069],{"class":7014},[5611,19234,6974],{"class":5617},[5611,19236,6938],{"class":6925},[5611,19238,5484],{"class":6929},[5611,19240,7004],{"class":6925},[5611,19242,19243,19245,19247],{"class":5613,"line":5935},[5611,19244,7076],{"class":6925},[5611,19246,13545],{"class":6929},[5611,19248,7004],{"class":6925},[5611,19250,19251],{"class":5613,"line":5971},[5611,19252,7085],{"class":5625},[5611,19254,19255],{"class":5613,"line":5976},[5611,19256,6045],{"class":5625},[18709,19258,19260,19261,19263,19264,19266,19267,19270],{"icon":18808,"label":19259},"📋 Завдання 2: оптимістичне видалення","Змініть мутацію ",[5494,19262,18141],{}," так, щоб пост зникав зі списку одразу при кліку, а при помилці сервера повертався назад. Підказка: використайте ",[5494,19265,14123],{}," та метод ",[5494,19268,19269],{},"filter"," для чернетки.",[18709,19272,19274,19528],{"icon":18825,"label":19273},"✅ Розв'язок завдання 2",[5602,19275,19277],{"className":6062,"code":19276,"language":6065,"meta":5607,"style":5607},"deletePost: builder.mutation\u003Cvoid, number>({\n  query: (id) => ({ url: `\u002Fposts\u002F${id}`, method: \"DELETE\" }),\n\n  async onQueryStarted(id, { dispatch, queryFulfilled }) {\n    const patchResult = dispatch(\n      postsApi.util.updateQueryData(\"getPosts\", undefined, (draft) => {\n        const index = draft.findIndex((p) => p.id === id);\n        if (index !== -1) draft.splice(index, 1);\n      }),\n    );\n\n    try {\n      await queryFulfilled;\n    } catch {\n      patchResult.undo();\n    }\n  },\n}),\n",[5494,19278,19279,19301,19337,19341,19361,19373,19403,19439,19472,19476,19480,19484,19490,19498,19506,19516,19520,19524],{"__ignoreMap":5607},[5611,19280,19281,19283,19285,19287,19289,19291,19293,19295,19297,19299],{"class":5613,"line":5614},[5611,19282,18141],{"class":6160},[5611,19284,5896],{"class":5625},[5611,19286,6509],{"class":5791},[5611,19288,5504],{"class":5625},[5611,19290,10351],{"class":5621},[5611,19292,5653],{"class":5625},[5611,19294,8060],{"class":5656},[5611,19296,5497],{"class":5625},[5611,19298,7879],{"class":5656},[5611,19300,8063],{"class":5625},[5611,19302,19303,19305,19307,19309,19311,19313,19315,19317,19319,19321,19323,19325,19327,19329,19331,19333,19335],{"class":5613,"line":5629},[5611,19304,13195],{"class":5621},[5611,19306,6504],{"class":5791},[5611,19308,5940],{"class":5625},[5611,19310,7045],{"class":5791},[5611,19312,5820],{"class":5625},[5611,19314,5744],{"class":5617},[5611,19316,10566],{"class":5625},[5611,19318,12249],{"class":5791},[5611,19320,9590],{"class":5784},[5611,19322,9593],{"class":5617},[5611,19324,7045],{"class":5791},[5611,19326,6974],{"class":5617},[5611,19328,9600],{"class":5784},[5611,19330,5497],{"class":5625},[5611,19332,12256],{"class":5791},[5611,19334,10686],{"class":5784},[5611,19336,8019],{"class":5625},[5611,19338,19339],{"class":5613,"line":5663},[5611,19340,5732],{"emptyLinePlaceholder":5731},[5611,19342,19343,19345,19347,19349,19351,19353,19355,19357,19359],{"class":5613,"line":5691},[5611,19344,10954],{"class":5617},[5611,19346,14070],{"class":5621},[5611,19348,5682],{"class":5625},[5611,19350,7045],{"class":5791},[5611,19352,5788],{"class":5625},[5611,19354,6898],{"class":5791},[5611,19356,5497],{"class":5625},[5611,19358,14088],{"class":5791},[5611,19360,9680],{"class":5625},[5611,19362,19363,19365,19367,19369,19371],{"class":5613,"line":5728},[5611,19364,5753],{"class":5617},[5611,19366,14102],{"class":5638},[5611,19368,5759],{"class":5625},[5611,19370,6898],{"class":5621},[5611,19372,8575],{"class":5625},[5611,19374,19375,19377,19379,19381,19383,19385,19387,19389,19391,19393,19395,19397,19399,19401],{"class":5613,"line":5735},[5611,19376,14113],{"class":5791},[5611,19378,5504],{"class":5625},[5611,19380,14118],{"class":5791},[5611,19382,5504],{"class":5625},[5611,19384,14123],{"class":5621},[5611,19386,5682],{"class":5625},[5611,19388,14128],{"class":5784},[5611,19390,5497],{"class":5625},[5611,19392,8950],{"class":5617},[5611,19394,6542],{"class":5625},[5611,19396,14137],{"class":5791},[5611,19398,5820],{"class":5625},[5611,19400,5744],{"class":5617},[5611,19402,5747],{"class":5625},[5611,19404,19405,19407,19410,19412,19414,19416,19419,19421,19423,19425,19427,19429,19431,19433,19435,19437],{"class":5613,"line":5750},[5611,19406,14148],{"class":5617},[5611,19408,19409],{"class":5638}," index",[5611,19411,5759],{"class":5625},[5611,19413,14137],{"class":5791},[5611,19415,5504],{"class":5625},[5611,19417,19418],{"class":5621},"findIndex",[5611,19420,5814],{"class":5625},[5611,19422,5581],{"class":5791},[5611,19424,5820],{"class":5625},[5611,19426,5744],{"class":5617},[5611,19428,13365],{"class":5791},[5611,19430,5504],{"class":5625},[5611,19432,7045],{"class":5791},[5611,19434,6864],{"class":5625},[5611,19436,7045],{"class":5791},[5611,19438,5688],{"class":5625},[5611,19440,19441,19443,19445,19448,19451,19453,19455,19457,19459,19462,19464,19466,19468,19470],{"class":5613,"line":5771},[5611,19442,5831],{"class":5830},[5611,19444,5940],{"class":5625},[5611,19446,19447],{"class":5791},"index",[5611,19449,19450],{"class":5625}," !== -",[5611,19452,7401],{"class":7400},[5611,19454,5820],{"class":5625},[5611,19456,14137],{"class":5791},[5611,19458,5504],{"class":5625},[5611,19460,19461],{"class":5621},"splice",[5611,19463,5682],{"class":5625},[5611,19465,19447],{"class":5791},[5611,19467,5497],{"class":5625},[5611,19469,7401],{"class":7400},[5611,19471,5688],{"class":5625},[5611,19473,19474],{"class":5613,"line":5776},[5611,19475,11786],{"class":5625},[5611,19477,19478],{"class":5613,"line":5805},[5611,19479,14216],{"class":5625},[5611,19481,19482],{"class":5613,"line":5827},[5611,19483,5732],{"emptyLinePlaceholder":5731},[5611,19485,19486,19488],{"class":5613,"line":5862},[5611,19487,10992],{"class":5830},[5611,19489,5747],{"class":5625},[5611,19491,19492,19494,19496],{"class":5613,"line":5878},[5611,19493,10999],{"class":5830},[5611,19495,14238],{"class":5791},[5611,19497,6094],{"class":5625},[5611,19499,19500,19502,19504],{"class":5613,"line":5884},[5611,19501,11053],{"class":5625},[5611,19503,5921],{"class":5830},[5611,19505,5747],{"class":5625},[5611,19507,19508,19510,19512,19514],{"class":5613,"line":5916},[5611,19509,14258],{"class":5791},[5611,19511,5504],{"class":5625},[5611,19513,14263],{"class":5621},[5611,19515,5768],{"class":5625},[5611,19517,19518],{"class":5613,"line":5935},[5611,19519,6886],{"class":5625},[5611,19521,19522],{"class":5613,"line":5971},[5611,19523,6742],{"class":5625},[5611,19525,19526],{"class":5613,"line":5976},[5611,19527,9611],{"class":5625},[5581,19529,19530,19531,19533,19534,19537],{},"Тут ми використали ",[5494,19532,19461],{},", бо Immer дозволяє мутувати чернетку напряму. Присвоєння ",[5494,19535,19536],{},"draft = draft.filter(...)"," не спрацювало б: потрібно змінювати існуючий масив, а не підміняти змінну.",[18709,19539,19541],{"icon":18808,"label":19540},"📋 Завдання 3: автоматичне оновлення статусу","Додайте до списку постів автоматичне оновлення кожні 10 секунд та кнопку «Оновити зараз». Індикатор «оновлюємо...» має показуватися тільки під час фонового запиту, а не при першому завантаженні.",[18709,19543,19545],{"icon":18825,"label":19544},"✅ Розв'язок завдання 3",[5602,19546,19548],{"className":5604,"code":19547,"language":5606,"meta":5607,"style":5607},"const { data, isLoading, isFetching, refetch } = useGetPostsQuery(undefined, {\n  pollingInterval: 10_000,\n});\n\nif (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n\nreturn (\n  \u003C>\n    \u003Cbutton onClick={refetch} disabled={isFetching}>Оновити зараз\u003C\u002Fbutton>\n    {isFetching && \u003Csmall>оновлюємо...\u003C\u002Fsmall>}\n    \u003Cul>{data?.map((p) => \u003Cli key={p.id}>{p.title}\u003C\u002Fli>)}\u003C\u002Ful>\n  \u003C\u002F>\n);\n",[5494,19549,19550,19580,19589,19593,19597,19625,19629,19635,19639,19676,19701,19771,19775],{"__ignoreMap":5607},[5611,19551,19552,19554,19556,19558,19560,19562,19564,19566,19568,19570,19572,19574,19576,19578],{"class":5613,"line":5614},[5611,19553,6399],{"class":5617},[5611,19555,6075],{"class":5625},[5611,19557,5893],{"class":5638},[5611,19559,5497],{"class":5625},[5611,19561,5670],{"class":5638},[5611,19563,5497],{"class":5625},[5611,19565,9035],{"class":5638},[5611,19567,5497],{"class":5625},[5611,19569,9113],{"class":5638},[5611,19571,6819],{"class":5625},[5611,19573,8108],{"class":5621},[5611,19575,5682],{"class":5625},[5611,19577,8950],{"class":5617},[5611,19579,10282],{"class":5625},[5611,19581,19582,19584,19587],{"class":5613,"line":5629},[5611,19583,12883],{"class":5791},[5611,19585,19586],{"class":7400}," 10_000",[5611,19588,6152],{"class":5625},[5611,19590,19591],{"class":5613,"line":5663},[5611,19592,6319],{"class":5625},[5611,19594,19595],{"class":5613,"line":5691},[5611,19596,5732],{"emptyLinePlaceholder":5731},[5611,19598,19599,19601,19603,19605,19607,19609,19611,19613,19615,19617,19619,19621,19623],{"class":5613,"line":5728},[5611,19600,9341],{"class":5830},[5611,19602,5940],{"class":5625},[5611,19604,5670],{"class":5791},[5611,19606,5820],{"class":5625},[5611,19608,6252],{"class":5830},[5611,19610,6926],{"class":6925},[5611,19612,5581],{"class":6929},[5611,19614,6932],{"class":6925},[5611,19616,6935],{"class":5625},[5611,19618,6938],{"class":6925},[5611,19620,5581],{"class":6929},[5611,19622,6932],{"class":6925},[5611,19624,6094],{"class":5625},[5611,19626,19627],{"class":5613,"line":5735},[5611,19628,5732],{"emptyLinePlaceholder":5731},[5611,19630,19631,19633],{"class":5613,"line":5750},[5611,19632,6252],{"class":5830},[5611,19634,6994],{"class":5625},[5611,19636,19637],{"class":5613,"line":5771},[5611,19638,9374],{"class":6925},[5611,19640,19641,19643,19645,19647,19649,19651,19653,19655,19657,19659,19661,19663,19665,19667,19670,19672,19674],{"class":5613,"line":5776},[5611,19642,6999],{"class":6925},[5611,19644,11253],{"class":6929},[5611,19646,13119],{"class":7032},[5611,19648,7036],{"class":5625},[5611,19650,6969],{"class":5617},[5611,19652,9113],{"class":5791},[5611,19654,6974],{"class":5617},[5611,19656,11263],{"class":7032},[5611,19658,7036],{"class":5625},[5611,19660,6969],{"class":5617},[5611,19662,9035],{"class":5791},[5611,19664,6974],{"class":5617},[5611,19666,6932],{"class":6925},[5611,19668,19669],{"class":5625},"Оновити зараз",[5611,19671,6938],{"class":6925},[5611,19673,11253],{"class":6929},[5611,19675,7004],{"class":6925},[5611,19677,19678,19680,19682,19684,19686,19688,19690,19693,19695,19697,19699],{"class":5613,"line":5805},[5611,19679,9379],{"class":5617},[5611,19681,9035],{"class":5791},[5611,19683,9384],{"class":5625},[5611,19685,6926],{"class":6925},[5611,19687,9389],{"class":6929},[5611,19689,6932],{"class":6925},[5611,19691,19692],{"class":7014},"оновлюємо...",[5611,19694,6938],{"class":6925},[5611,19696,9389],{"class":6929},[5611,19698,6932],{"class":6925},[5611,19700,6045],{"class":5617},[5611,19702,19703,19705,19707,19709,19711,19713,19715,19717,19719,19721,19723,19725,19727,19729,19731,19733,19735,19737,19739,19741,19743,19745,19747,19749,19751,19753,19755,19757,19759,19761,19763,19765,19767,19769],{"class":5613,"line":5827},[5611,19704,6999],{"class":6925},[5611,19706,5484],{"class":6929},[5611,19708,6932],{"class":6925},[5611,19710,6969],{"class":5617},[5611,19712,5893],{"class":5791},[5611,19714,8795],{"class":7014},[5611,19716,7017],{"class":5621},[5611,19718,5814],{"class":7014},[5611,19720,5581],{"class":5791},[5611,19722,5820],{"class":7014},[5611,19724,5744],{"class":5617},[5611,19726,6926],{"class":6925},[5611,19728,5487],{"class":6929},[5611,19730,7033],{"class":7032},[5611,19732,7036],{"class":5625},[5611,19734,6969],{"class":5617},[5611,19736,5581],{"class":5791},[5611,19738,5504],{"class":7014},[5611,19740,7045],{"class":5791},[5611,19742,6974],{"class":5617},[5611,19744,6932],{"class":6925},[5611,19746,6969],{"class":5617},[5611,19748,5581],{"class":5791},[5611,19750,5504],{"class":7014},[5611,19752,7058],{"class":5791},[5611,19754,6974],{"class":5617},[5611,19756,6938],{"class":6925},[5611,19758,5487],{"class":6929},[5611,19760,6932],{"class":6925},[5611,19762,7069],{"class":7014},[5611,19764,6974],{"class":5617},[5611,19766,6938],{"class":6925},[5611,19768,5484],{"class":6929},[5611,19770,7004],{"class":6925},[5611,19772,19773],{"class":5613,"line":5862},[5611,19774,9477],{"class":6925},[5611,19776,19777],{"class":5613,"line":5878},[5611,19778,5688],{"class":5625},[5573,19780],{},[5576,19782,19784],{"id":19783},"підсумки","Підсумки",[5476,19786,19787,19865],{},[5479,19788,19791],{"icon":19789,"title":19790},"i-lucide-map","🧭 Що ми розглянули",[5484,19792,19793,19796,19805,19818,19823,19828,19838,19851,19857],{},[5487,19794,19795],{},"Різницю між клієнтським і серверним станом та проблеми ручних запитів.",[5487,19797,19798,5497,19800,19802,19803,5504],{},[5494,19799,5496],{},[5494,19801,5500],{},", підключення до store та ",[5494,19804,5503],{},[5487,19806,19807,19808,5497,19810,5497,19812,5497,19814,5497,19816,5504],{},"Хуки запитів: ",[5494,19809,5893],{},[5494,19811,5670],{},[5494,19813,9035],{},[5494,19815,5698],{},[5494,19817,9113],{},[5487,19819,19820,19821,5504],{},"Кеш: ключі, дедуплікація, підписки, ",[5494,19822,10110],{},[5487,19824,19825,19826,5504],{},"Мутації та ",[5494,19827,11365],{},[5487,19829,19830,19831,5497,19833,19835,19836,5504],{},"Теги: ",[5494,19832,11574],{},[5494,19834,11581],{},", точкові теги з ",[5494,19837,7045],{},[5487,19839,19840,5497,19842,5497,19845,5497,19847,5497,19849,5504],{},[5494,19841,9092],{},[5494,19843,19844],{},"pollingInterval",[5494,19846,13065],{},[5494,19848,15480],{},[5494,19850,13279],{},[5487,19852,19853,19854,5504],{},"Lazy-запити, оптимістичні оновлення, пагінація, ",[5494,19855,19856],{},"prefetch",[5487,19858,19859,19860,19862,19863,5504],{},"Обробка помилок, ",[5494,19861,16008],{},", токени та reauth, ",[5494,19864,16788],{},[5479,19866,19869],{"icon":19867,"title":19868},"i-lucide-list-checks","✅ Короткий чек-лист",[5484,19870,19871,19879,19882,19890,19898,19906,19915],{},[5487,19872,19873,19874,19876,19877,5504],{},"Один ",[5494,19875,5496],{}," на застосунок; ендпоінти розбивайте через ",[5494,19878,16788],{},[5487,19880,19881],{},"Редʼюсер і мідлвар API обов'язково підключені до store.",[5487,19883,19884,19885,19887,19888,5504],{},"Для списків використовуйте теги з ",[5494,19886,7045],{}," та спеціальним ",[5494,19889,12576],{},[5487,19891,19892,19894,19895,19897],{},[5494,19893,5670],{}," — перше завантаження, ",[5494,19896,9035],{}," — будь-який запит.",[5487,19899,19900,19901,19903,19904,5504],{},"Мутації завжди викликайте з ",[5494,19902,11350],{},", якщо потрібен ",[5494,19905,11369],{},[5487,19907,19908,19909,19911,19912,5504],{},"Оптимістичні оновлення робіть через ",[5494,19910,13955],{}," і не забувайте ",[5494,19913,19914],{},"undo()",[5487,19916,19917,19920,19921,5504],{},[5494,19918,19919],{},"setupListeners(store.dispatch)"," потрібен для ",[5494,19922,13065],{},[8938,19924,19925,19926,19929],{},"Для подальшого вивчення відкрийте офіційну документацію RTK Query на сайті redux-toolkit.js.org: там є розділи про кодогенерацію ендпоінтів із OpenAPI-схеми, потокове оновлення кешу через WebSocket (",[5494,19927,19928],{},"onCacheEntryAdded",") та нескінченну прокрутку.",[19931,19932,19933],"style",{},"html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}",{"title":5607,"searchDepth":5629,"depth":5629,"links":19935},[19936,19942,19943,19954,19957,19963,19966,19971,19979,19980,19984,19989,19993,19996,19997,19998,19999,20004,20005,20006,20007],{"id":5578,"depth":5629,"text":5579,"children":19937},[19938,19939,19940,19941],{"id":5599,"depth":5663,"text":5600},{"id":6051,"depth":5663,"text":6052},{"id":7112,"depth":5663,"text":7113},{"id":7202,"depth":5663,"text":7203},{"id":7349,"depth":5629,"text":7350},{"id":7801,"depth":5629,"text":7802,"children":19944},[19945,19946,19947,19948,19949,19950,19951,19952,19953],{"id":7814,"depth":5663,"text":7815},{"id":7821,"depth":5663,"text":7822},{"id":7828,"depth":5663,"text":7829},{"id":7835,"depth":5663,"text":7836},{"id":7848,"depth":5663,"text":7849},{"id":8234,"depth":5663,"text":8235},{"id":8445,"depth":5663,"text":8446},{"id":8639,"depth":5663,"text":8640},{"id":8960,"depth":5663,"text":8961},{"id":9486,"depth":5629,"text":9487,"children":19955},[19956],{"id":9862,"depth":5663,"text":9863},{"id":9883,"depth":5629,"text":9884,"children":19958},[19959,19960,19961,19962],{"id":9890,"depth":5663,"text":9891},{"id":9959,"depth":5663,"text":9960},{"id":10081,"depth":5663,"text":10082},{"id":10250,"depth":5663,"text":10251},{"id":10341,"depth":5629,"text":10342,"children":19964},[19965],{"id":10814,"depth":5663,"text":10815},{"id":11381,"depth":5629,"text":11382,"children":19967},[19968,19969,19970],{"id":11556,"depth":5663,"text":11557},{"id":11912,"depth":5663,"text":11913},{"id":12620,"depth":5663,"text":12621},{"id":12681,"depth":5629,"text":12682,"children":19972},[19973,19974,19975,19976,19977,19978],{"id":12688,"depth":5663,"text":12689},{"id":12851,"depth":5663,"text":12852},{"id":12901,"depth":5663,"text":12902},{"id":13072,"depth":5663,"text":13073},{"id":13155,"depth":5663,"text":13156},{"id":13267,"depth":5663,"text":13268},{"id":13435,"depth":5629,"text":13436},{"id":13777,"depth":5629,"text":13778,"children":19981},[19982,19983],{"id":13948,"depth":5663,"text":13949},{"id":14359,"depth":5663,"text":14360},{"id":14510,"depth":5629,"text":14511,"children":19985},[19986,19987,19988],{"id":14530,"depth":5663,"text":14531},{"id":14830,"depth":5663,"text":14831},{"id":15286,"depth":5663,"text":15287},{"id":15426,"depth":5629,"text":15427,"children":19990},[19991,19992],{"id":15433,"depth":5663,"text":15434},{"id":16001,"depth":5663,"text":16002},{"id":16132,"depth":5629,"text":16133,"children":19994},[19995],{"id":16337,"depth":5663,"text":16338},{"id":16771,"depth":5629,"text":16772},{"id":17561,"depth":5629,"text":17562},{"id":17771,"depth":5629,"text":17772},{"id":17842,"depth":5629,"text":17843,"children":20000},[20001,20002,20003],{"id":17853,"depth":5663,"text":17854},{"id":17931,"depth":5663,"text":17932},{"id":17942,"depth":5663,"text":17943},{"id":17962,"depth":5629,"text":17963},{"id":18703,"depth":5629,"text":18704},{"id":18802,"depth":5629,"text":18803},{"id":19783,"depth":5629,"text":19784},"Покрокове введення в RTK Query: від першого запиту до кешування, мутацій, інвалідації тегів, оптимістичних оновлень, пагінації, автентифікації та типізації","md",null,{},{"title":5455,"description":20008},"9CkvvuSO2o-zXS2-5upGLtbN4RfCdRb741mjTY1Nqfg",[20015,20017],{"title":5451,"path":5452,"stem":5453,"description":20016,"children":-1},"Опанування Redux Toolkit (RTK): createSlice, configureStore, createAsyncThunk, RTK Query, усунення boilerplate та інтеграція Immer для безпечних мутацій стану",{"title":5459,"path":5460,"stem":5461,"description":20018,"children":-1},"Опанування сучасного підходу до роботи з формами через React Hook Form та декларативної валідації даних за допомогою Zod. Створення типізованих схем, інтеграція із zodResolver, обробка помилок, динамічні поля та архітектурні патерни для складних форм.",1794237372631]