[{"data":1,"prerenderedAt":20765},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-axios":5466,"-react-typescript-axios-surround":20760},[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":5443,"body":5468,"description":20754,"extension":20755,"links":20756,"meta":20757,"navigation":5745,"path":5444,"seo":20758,"stem":5445,"__hash__":20759},"docs\u002F22.react-typescript\u002F34.axios.md",{"type":5469,"value":5470,"toc":20728},"minimark",[5471,5475,5546,5549,5554,5565,5571,6005,6013,6015,6019,6076,6083,6086,6817,6843,6845,6849,6860,7006,7011,7386,7402,7404,7408,7416,7421,7618,7631,7635,8218,8230,8232,8236,8246,9404,9425,9427,9431,9434,10163,10166,10558,10570,10572,10576,10581,11143,11163,11166,11554,11556,11560,11747,11781,11783,11787,11794,12746,12756,12758,12762,12769,12773,12969,12973,12983,13209,13221,13479,13481,13485,13488,14197,14211,14213,14217,14223,14405,14421,14423,14427,14430,14989,15004,15006,15010,15013,15319,15675,17215,17217,17221,17276,17278,17282,17735,17737,17741,18755,20686,20688,20692,20724],[5472,5473,5443],"h1",{"id":5474},"axios-http-клієнт-із-розширеними-можливостями",[5476,5477,5478,5509],"card-group",{},[5479,5480,5483],"card",{"icon":5481,"title":5482},"i-lucide-target","🎯 Мета теми",[5484,5485,5486,5495,5498,5506],"ul",{},[5487,5488,5489,5490,5494],"li",{},"Зрозуміти переваги Axios над вбудованим ",[5491,5492,5493],"code",{},"fetch"," API для виробничих проєктів.",[5487,5496,5497],{},"Створити типізований Axios-інстанс із централізованою конфігурацією.",[5487,5499,5500,5501,5505],{},"Опанувати перехоплювачі (",[5502,5503,5504],"em",{},"interceptors",") для автоматичної обробки токенів та помилок.",[5487,5507,5508],{},"Інтегрувати Axios з React через кастомні хуки та обробку життєвого циклу запитів.",[5479,5510,5512],{"icon":4854,"title":5511},"🔑 Ключові терміни",[5484,5513,5514,5521,5527,5537],{},[5487,5515,5516,5520],{},[5517,5518,5519],"strong",{},"Axios Instance:"," налаштований екземпляр HTTP-клієнта з базовим URL, заголовками та таймаутами.",[5487,5522,5523,5526],{},[5517,5524,5525],{},"Interceptors:"," перехоплювачі запитів та відповідей для централізованої логіки автентифікації та обробки помилок.",[5487,5528,5529,5532,5533,5536],{},[5517,5530,5531],{},"Automatic JSON Transformation:"," автоматична серіалізація та десеріалізація JSON без ручного виклику ",[5491,5534,5535],{},".json()",".",[5487,5538,5539,5542,5543,5536],{},[5517,5540,5541],{},"Request Cancellation:"," скасування запитів при розмонтуванні компонента через ",[5491,5544,5545],{},"AbortController",[5547,5548],"hr",{},[5550,5551,5553],"h2",{"id":5552},"чому-axios-якщо-є-fetch","Чому Axios, якщо є fetch?",[5555,5556,5557,5558,5560,5561,5564],"p",{},"Браузерний ",[5491,5559,5493],{}," API з'явився як сучасна заміна ",[5491,5562,5563],{},"XMLHttpRequest"," і став стандартом для HTTP-запитів у JavaScript. Однак у реальних проєктах розробники часто стикаються з повторюваними завданнями: ручна серіалізація JSON, обробка помилок HTTP-статусів (fetch не вважає 404 або 500 помилкою!), додавання токенів автентифікації до кожного запиту, налаштування таймаутів.",[5555,5566,5567,5570],{},[5517,5568,5569],{},"Axios"," — це promise-based HTTP-клієнт, який вирішує ці проблеми «з коробки» та надає зручніший API для типових сценаріїв:",[5572,5573,5574,5880],"code-group",{},[5575,5576,5582],"pre",{"className":5577,"code":5578,"filename":5579,"language":5580,"meta":5581,"style":5581},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","async function fetchUser(id: number): Promise\u003CUser> {\n  const response = await fetch(`https:\u002F\u002Fapi.example.com\u002Fusers\u002F${id}`, {\n    headers: {\n      \"Content-Type\": \"application\u002Fjson\",\n      Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n    },\n  });\n\n  \u002F\u002F fetch не вважає 404\u002F500 помилкою — треба перевіряти вручну\n  if (!response.ok) {\n    throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n  }\n\n  \u002F\u002F JSON потрібно розпаковувати вручну\n  const data: User = await response.json();\n  return data;\n}\n","fetch — ручна обробка","tsx","",[5491,5583,5584,5630,5670,5679,5694,5728,5734,5740,5747,5754,5774,5820,5826,5831,5837,5863,5874],{"__ignoreMap":5581},[5585,5586,5589,5593,5596,5600,5604,5608,5611,5615,5618,5621,5624,5627],"span",{"class":5587,"line":5588},"line",1,[5585,5590,5592],{"class":5591},"su1O8","async",[5585,5594,5595],{"class":5591}," function",[5585,5597,5599],{"class":5598},"s8Opu"," fetchUser",[5585,5601,5603],{"class":5602},"sHH4Y","(",[5585,5605,5607],{"class":5606},"siwwj","id",[5585,5609,5610],{"class":5602},": ",[5585,5612,5614],{"class":5613},"sN1BT","number",[5585,5616,5617],{"class":5602},"): ",[5585,5619,5620],{"class":5613},"Promise",[5585,5622,5623],{"class":5602},"\u003C",[5585,5625,5626],{"class":5613},"User",[5585,5628,5629],{"class":5602},"> {\n",[5585,5631,5633,5636,5640,5643,5647,5650,5652,5656,5659,5661,5664,5667],{"class":5587,"line":5632},2,[5585,5634,5635],{"class":5591},"  const",[5585,5637,5639],{"class":5638},"s-QsJ"," response",[5585,5641,5642],{"class":5602}," = ",[5585,5644,5646],{"class":5645},"s8xlr","await",[5585,5648,5649],{"class":5598}," fetch",[5585,5651,5603],{"class":5602},[5585,5653,5655],{"class":5654},"sbdoH","`https:\u002F\u002Fapi.example.com\u002Fusers\u002F",[5585,5657,5658],{"class":5591},"${",[5585,5660,5607],{"class":5606},[5585,5662,5663],{"class":5591},"}",[5585,5665,5666],{"class":5654},"`",[5585,5668,5669],{"class":5602},", {\n",[5585,5671,5673,5676],{"class":5587,"line":5672},3,[5585,5674,5675],{"class":5606},"    headers:",[5585,5677,5678],{"class":5602}," {\n",[5585,5680,5682,5685,5688,5691],{"class":5587,"line":5681},4,[5585,5683,5684],{"class":5654},"      \"Content-Type\"",[5585,5686,5687],{"class":5606},":",[5585,5689,5690],{"class":5654}," \"application\u002Fjson\"",[5585,5692,5693],{"class":5602},",\n",[5585,5695,5697,5700,5703,5705,5708,5711,5714,5716,5719,5722,5724,5726],{"class":5587,"line":5696},5,[5585,5698,5699],{"class":5606},"      Authorization:",[5585,5701,5702],{"class":5654}," `Bearer ",[5585,5704,5658],{"class":5591},[5585,5706,5707],{"class":5606},"localStorage",[5585,5709,5536],{"class":5710},"sD7JJ",[5585,5712,5713],{"class":5598},"getItem",[5585,5715,5603],{"class":5710},[5585,5717,5718],{"class":5654},"\"token\"",[5585,5720,5721],{"class":5710},")",[5585,5723,5663],{"class":5591},[5585,5725,5666],{"class":5654},[5585,5727,5693],{"class":5602},[5585,5729,5731],{"class":5587,"line":5730},6,[5585,5732,5733],{"class":5602},"    },\n",[5585,5735,5737],{"class":5587,"line":5736},7,[5585,5738,5739],{"class":5602},"  });\n",[5585,5741,5743],{"class":5587,"line":5742},8,[5585,5744,5746],{"emptyLinePlaceholder":5745},true,"\n",[5585,5748,5750],{"class":5587,"line":5749},9,[5585,5751,5753],{"class":5752},"spJ8K","  \u002F\u002F fetch не вважає 404\u002F500 помилкою — треба перевіряти вручну\n",[5585,5755,5757,5760,5763,5766,5768,5771],{"class":5587,"line":5756},10,[5585,5758,5759],{"class":5645},"  if",[5585,5761,5762],{"class":5602}," (!",[5585,5764,5765],{"class":5606},"response",[5585,5767,5536],{"class":5602},[5585,5769,5770],{"class":5606},"ok",[5585,5772,5773],{"class":5602},") {\n",[5585,5775,5777,5780,5783,5786,5788,5791,5793,5795,5797,5800,5802,5804,5806,5808,5810,5813,5815,5817],{"class":5587,"line":5776},11,[5585,5778,5779],{"class":5645},"    throw",[5585,5781,5782],{"class":5591}," new",[5585,5784,5785],{"class":5598}," Error",[5585,5787,5603],{"class":5602},[5585,5789,5790],{"class":5654},"`HTTP ",[5585,5792,5658],{"class":5591},[5585,5794,5765],{"class":5606},[5585,5796,5536],{"class":5710},[5585,5798,5799],{"class":5606},"status",[5585,5801,5663],{"class":5591},[5585,5803,5610],{"class":5654},[5585,5805,5658],{"class":5591},[5585,5807,5765],{"class":5606},[5585,5809,5536],{"class":5710},[5585,5811,5812],{"class":5606},"statusText",[5585,5814,5663],{"class":5591},[5585,5816,5666],{"class":5654},[5585,5818,5819],{"class":5602},");\n",[5585,5821,5823],{"class":5587,"line":5822},12,[5585,5824,5825],{"class":5602},"  }\n",[5585,5827,5829],{"class":5587,"line":5828},13,[5585,5830,5746],{"emptyLinePlaceholder":5745},[5585,5832,5834],{"class":5587,"line":5833},14,[5585,5835,5836],{"class":5752},"  \u002F\u002F JSON потрібно розпаковувати вручну\n",[5585,5838,5840,5842,5845,5847,5849,5851,5853,5855,5857,5860],{"class":5587,"line":5839},15,[5585,5841,5635],{"class":5591},[5585,5843,5844],{"class":5638}," data",[5585,5846,5610],{"class":5602},[5585,5848,5626],{"class":5613},[5585,5850,5642],{"class":5602},[5585,5852,5646],{"class":5645},[5585,5854,5639],{"class":5606},[5585,5856,5536],{"class":5602},[5585,5858,5859],{"class":5598},"json",[5585,5861,5862],{"class":5602},"();\n",[5585,5864,5866,5869,5871],{"class":5587,"line":5865},16,[5585,5867,5868],{"class":5645},"  return",[5585,5870,5844],{"class":5606},[5585,5872,5873],{"class":5602},";\n",[5585,5875,5877],{"class":5587,"line":5876},17,[5585,5878,5879],{"class":5602},"}\n",[5575,5881,5884],{"className":5577,"code":5882,"filename":5883,"language":5580,"meta":5581,"style":5581},"import axios from \"axios\";\n\nasync function fetchUser(id: number): Promise\u003CUser> {\n  \u002F\u002F Axios автоматично:\n  \u002F\u002F 1. Додає Content-Type: application\u002Fjson\n  \u002F\u002F 2. Парсить JSON із response.data\n  \u002F\u002F 3. Кидає помилку при статусах 4xx\u002F5xx\n  const { data } = await axios.get\u003CUser>(`https:\u002F\u002Fapi.example.com\u002Fusers\u002F${id}`);\n  return data;\n}\n","Axios — автоматична обробка",[5491,5885,5886,5902,5906,5932,5937,5942,5947,5952,5993,6001],{"__ignoreMap":5581},[5585,5887,5888,5891,5894,5897,5900],{"class":5587,"line":5588},[5585,5889,5890],{"class":5645},"import",[5585,5892,5893],{"class":5606}," axios",[5585,5895,5896],{"class":5645}," from",[5585,5898,5899],{"class":5654}," \"axios\"",[5585,5901,5873],{"class":5602},[5585,5903,5904],{"class":5587,"line":5632},[5585,5905,5746],{"emptyLinePlaceholder":5745},[5585,5907,5908,5910,5912,5914,5916,5918,5920,5922,5924,5926,5928,5930],{"class":5587,"line":5672},[5585,5909,5592],{"class":5591},[5585,5911,5595],{"class":5591},[5585,5913,5599],{"class":5598},[5585,5915,5603],{"class":5602},[5585,5917,5607],{"class":5606},[5585,5919,5610],{"class":5602},[5585,5921,5614],{"class":5613},[5585,5923,5617],{"class":5602},[5585,5925,5620],{"class":5613},[5585,5927,5623],{"class":5602},[5585,5929,5626],{"class":5613},[5585,5931,5629],{"class":5602},[5585,5933,5934],{"class":5587,"line":5681},[5585,5935,5936],{"class":5752},"  \u002F\u002F Axios автоматично:\n",[5585,5938,5939],{"class":5587,"line":5696},[5585,5940,5941],{"class":5752},"  \u002F\u002F 1. Додає Content-Type: application\u002Fjson\n",[5585,5943,5944],{"class":5587,"line":5730},[5585,5945,5946],{"class":5752},"  \u002F\u002F 2. Парсить JSON із response.data\n",[5585,5948,5949],{"class":5587,"line":5736},[5585,5950,5951],{"class":5752},"  \u002F\u002F 3. Кидає помилку при статусах 4xx\u002F5xx\n",[5585,5953,5954,5956,5959,5962,5965,5967,5969,5971,5974,5976,5978,5981,5983,5985,5987,5989,5991],{"class":5587,"line":5742},[5585,5955,5635],{"class":5591},[5585,5957,5958],{"class":5602}," { ",[5585,5960,5961],{"class":5638},"data",[5585,5963,5964],{"class":5602}," } = ",[5585,5966,5646],{"class":5645},[5585,5968,5893],{"class":5606},[5585,5970,5536],{"class":5602},[5585,5972,5973],{"class":5598},"get",[5585,5975,5623],{"class":5602},[5585,5977,5626],{"class":5613},[5585,5979,5980],{"class":5602},">(",[5585,5982,5655],{"class":5654},[5585,5984,5658],{"class":5591},[5585,5986,5607],{"class":5606},[5585,5988,5663],{"class":5591},[5585,5990,5666],{"class":5654},[5585,5992,5819],{"class":5602},[5585,5994,5995,5997,5999],{"class":5587,"line":5749},[5585,5996,5868],{"class":5645},[5585,5998,5844],{"class":5606},[5585,6000,5873],{"class":5602},[5585,6002,6003],{"class":5587,"line":5756},[5585,6004,5879],{"class":5602},[6006,6007,6008,6009,6012],"tip",{},"Основна перевага Axios не в тому, що він «легший» за fetch (насправді він додає ~13 КБ до бандлу), а в тому, що він ",[5517,6010,6011],{},"стандартизує"," роботу з HTTP у команді. Interceptors, централізована обробка помилок, автоматична трансформація даних та скасування запитів — все це можна реалізувати поверх fetch, але Axios надає готові, протестовані інструменти.",[5547,6014],{},[5550,6016,6018],{"id":6017},"встановлення-та-перший-запит","Встановлення та перший запит",[6020,6021,6022,6043,6060],"tabs",{},[6023,6024,6026],"tabs-item",{"label":6025},"npm",[5575,6027,6031],{"className":6028,"code":6029,"language":6030,"meta":5581,"style":5581},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install axios\n","bash",[5491,6032,6033],{"__ignoreMap":5581},[5585,6034,6035,6037,6040],{"class":5587,"line":5588},[5585,6036,6025],{"class":5598},[5585,6038,6039],{"class":5654}," install",[5585,6041,6042],{"class":5654}," axios\n",[6023,6044,6046],{"label":6045},"pnpm",[5575,6047,6049],{"className":6028,"code":6048,"language":6030,"meta":5581,"style":5581},"pnpm add axios\n",[5491,6050,6051],{"__ignoreMap":5581},[5585,6052,6053,6055,6058],{"class":5587,"line":5588},[5585,6054,6045],{"class":5598},[5585,6056,6057],{"class":5654}," add",[5585,6059,6042],{"class":5654},[6023,6061,6063],{"label":6062},"yarn",[5575,6064,6066],{"className":6028,"code":6065,"language":6030,"meta":5581,"style":5581},"yarn add axios\n",[5491,6067,6068],{"__ignoreMap":5581},[5585,6069,6070,6072,6074],{"class":5587,"line":5588},[5585,6071,6062],{"class":5598},[5585,6073,6057],{"class":5654},[5585,6075,6042],{"class":5654},[5555,6077,6078,6079,6082],{},"Axios підтримує TypeScript «з коробки» — типи включені до основного пакету, додатковий ",[5491,6080,6081],{},"@types\u002Faxios"," не потрібен.",[5555,6084,6085],{},"Найпростіший запит виглядає ідентично fetch, але з автоматичною обробкою JSON:",[5575,6087,6089],{"className":5577,"code":6088,"language":5580,"meta":5581,"style":5581},"import axios from \"axios\";\nimport { useEffect, useState } from \"react\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  phone: string;\n}\n\nfunction UserProfile() {\n  const [user, setUser] = useState\u003CUser | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState\u003Cstring | null>(null);\n\n  useEffect(() => {\n    async function loadUser() {\n      try {\n        \u002F\u002F response.data автоматично типізований як User\n        const response = await axios.get\u003CUser>(\n          \"https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F1\"\n        );\n        setUser(response.data);\n      } catch (err) {\n        if (axios.isAxiosError(err)) {\n          \u002F\u002F Axios надає type guard для перевірки типу помилки\n          setError(err.response?.data?.message ?? err.message);\n        } else {\n          setError(\"Невідома помилка\");\n        }\n      } finally {\n        setIsLoading(false);\n      }\n    }\n\n    loadUser();\n  }, []);\n\n  if (isLoading) return \u003Cp>Завантаження профілю...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n  if (!user) return \u003Cp>Користувача не знайдено\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"user-profile\">\n      \u003Ch2>{user.name}\u003C\u002Fh2>\n      \u003Cp>Email: {user.email}\u003C\u002Fp>\n      \u003Cp>Телефон: {user.phone}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5491,6090,6091,6103,6129,6133,6143,6154,6166,6177,6188,6192,6196,6207,6243,6268,6300,6304,6317,6329,6337,6343,6368,6374,6380,6396,6413,6436,6442,6477,6488,6500,6506,6516,6529,6535,6541,6546,6554,6560,6565,6602,6649,6679,6684,6692,6711,6738,6767,6796,6806,6812],{"__ignoreMap":5581},[5585,6092,6093,6095,6097,6099,6101],{"class":5587,"line":5588},[5585,6094,5890],{"class":5645},[5585,6096,5893],{"class":5606},[5585,6098,5896],{"class":5645},[5585,6100,5899],{"class":5654},[5585,6102,5873],{"class":5602},[5585,6104,6105,6107,6109,6112,6115,6118,6121,6124,6127],{"class":5587,"line":5632},[5585,6106,5890],{"class":5645},[5585,6108,5958],{"class":5602},[5585,6110,6111],{"class":5606},"useEffect",[5585,6113,6114],{"class":5602},", ",[5585,6116,6117],{"class":5606},"useState",[5585,6119,6120],{"class":5602}," } ",[5585,6122,6123],{"class":5645},"from",[5585,6125,6126],{"class":5654}," \"react\"",[5585,6128,5873],{"class":5602},[5585,6130,6131],{"class":5587,"line":5672},[5585,6132,5746],{"emptyLinePlaceholder":5745},[5585,6134,6135,6138,6141],{"class":5587,"line":5681},[5585,6136,6137],{"class":5591},"interface",[5585,6139,6140],{"class":5613}," User",[5585,6142,5678],{"class":5602},[5585,6144,6145,6148,6150,6152],{"class":5587,"line":5696},[5585,6146,6147],{"class":5606},"  id",[5585,6149,5610],{"class":5602},[5585,6151,5614],{"class":5613},[5585,6153,5873],{"class":5602},[5585,6155,6156,6159,6161,6164],{"class":5587,"line":5730},[5585,6157,6158],{"class":5606},"  name",[5585,6160,5610],{"class":5602},[5585,6162,6163],{"class":5613},"string",[5585,6165,5873],{"class":5602},[5585,6167,6168,6171,6173,6175],{"class":5587,"line":5736},[5585,6169,6170],{"class":5606},"  email",[5585,6172,5610],{"class":5602},[5585,6174,6163],{"class":5613},[5585,6176,5873],{"class":5602},[5585,6178,6179,6182,6184,6186],{"class":5587,"line":5742},[5585,6180,6181],{"class":5606},"  phone",[5585,6183,5610],{"class":5602},[5585,6185,6163],{"class":5613},[5585,6187,5873],{"class":5602},[5585,6189,6190],{"class":5587,"line":5749},[5585,6191,5879],{"class":5602},[5585,6193,6194],{"class":5587,"line":5756},[5585,6195,5746],{"emptyLinePlaceholder":5745},[5585,6197,6198,6201,6204],{"class":5587,"line":5776},[5585,6199,6200],{"class":5591},"function",[5585,6202,6203],{"class":5598}," UserProfile",[5585,6205,6206],{"class":5602},"() {\n",[5585,6208,6209,6211,6214,6217,6219,6222,6225,6227,6229,6231,6234,6237,6239,6241],{"class":5587,"line":5822},[5585,6210,5635],{"class":5591},[5585,6212,6213],{"class":5602}," [",[5585,6215,6216],{"class":5638},"user",[5585,6218,6114],{"class":5602},[5585,6220,6221],{"class":5638},"setUser",[5585,6223,6224],{"class":5602},"] = ",[5585,6226,6117],{"class":5598},[5585,6228,5623],{"class":5602},[5585,6230,5626],{"class":5613},[5585,6232,6233],{"class":5602}," | ",[5585,6235,6236],{"class":5613},"null",[5585,6238,5980],{"class":5602},[5585,6240,6236],{"class":5591},[5585,6242,5819],{"class":5602},[5585,6244,6245,6247,6249,6252,6254,6257,6259,6261,6263,6266],{"class":5587,"line":5828},[5585,6246,5635],{"class":5591},[5585,6248,6213],{"class":5602},[5585,6250,6251],{"class":5638},"isLoading",[5585,6253,6114],{"class":5602},[5585,6255,6256],{"class":5638},"setIsLoading",[5585,6258,6224],{"class":5602},[5585,6260,6117],{"class":5598},[5585,6262,5603],{"class":5602},[5585,6264,6265],{"class":5591},"true",[5585,6267,5819],{"class":5602},[5585,6269,6270,6272,6274,6277,6279,6282,6284,6286,6288,6290,6292,6294,6296,6298],{"class":5587,"line":5833},[5585,6271,5635],{"class":5591},[5585,6273,6213],{"class":5602},[5585,6275,6276],{"class":5638},"error",[5585,6278,6114],{"class":5602},[5585,6280,6281],{"class":5638},"setError",[5585,6283,6224],{"class":5602},[5585,6285,6117],{"class":5598},[5585,6287,5623],{"class":5602},[5585,6289,6163],{"class":5613},[5585,6291,6233],{"class":5602},[5585,6293,6236],{"class":5613},[5585,6295,5980],{"class":5602},[5585,6297,6236],{"class":5591},[5585,6299,5819],{"class":5602},[5585,6301,6302],{"class":5587,"line":5839},[5585,6303,5746],{"emptyLinePlaceholder":5745},[5585,6305,6306,6309,6312,6315],{"class":5587,"line":5865},[5585,6307,6308],{"class":5598},"  useEffect",[5585,6310,6311],{"class":5602},"(() ",[5585,6313,6314],{"class":5591},"=>",[5585,6316,5678],{"class":5602},[5585,6318,6319,6322,6324,6327],{"class":5587,"line":5876},[5585,6320,6321],{"class":5591},"    async",[5585,6323,5595],{"class":5591},[5585,6325,6326],{"class":5598}," loadUser",[5585,6328,6206],{"class":5602},[5585,6330,6332,6335],{"class":5587,"line":6331},18,[5585,6333,6334],{"class":5645},"      try",[5585,6336,5678],{"class":5602},[5585,6338,6340],{"class":5587,"line":6339},19,[5585,6341,6342],{"class":5752},"        \u002F\u002F response.data автоматично типізований як User\n",[5585,6344,6346,6349,6351,6353,6355,6357,6359,6361,6363,6365],{"class":5587,"line":6345},20,[5585,6347,6348],{"class":5591},"        const",[5585,6350,5639],{"class":5638},[5585,6352,5642],{"class":5602},[5585,6354,5646],{"class":5645},[5585,6356,5893],{"class":5606},[5585,6358,5536],{"class":5602},[5585,6360,5973],{"class":5598},[5585,6362,5623],{"class":5602},[5585,6364,5626],{"class":5613},[5585,6366,6367],{"class":5602},">(\n",[5585,6369,6371],{"class":5587,"line":6370},21,[5585,6372,6373],{"class":5654},"          \"https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F1\"\n",[5585,6375,6377],{"class":5587,"line":6376},22,[5585,6378,6379],{"class":5602},"        );\n",[5585,6381,6383,6386,6388,6390,6392,6394],{"class":5587,"line":6382},23,[5585,6384,6385],{"class":5598},"        setUser",[5585,6387,5603],{"class":5602},[5585,6389,5765],{"class":5606},[5585,6391,5536],{"class":5602},[5585,6393,5961],{"class":5606},[5585,6395,5819],{"class":5602},[5585,6397,6399,6402,6405,6408,6411],{"class":5587,"line":6398},24,[5585,6400,6401],{"class":5602},"      } ",[5585,6403,6404],{"class":5645},"catch",[5585,6406,6407],{"class":5602}," (",[5585,6409,6410],{"class":5606},"err",[5585,6412,5773],{"class":5602},[5585,6414,6416,6419,6421,6424,6426,6429,6431,6433],{"class":5587,"line":6415},25,[5585,6417,6418],{"class":5645},"        if",[5585,6420,6407],{"class":5602},[5585,6422,6423],{"class":5606},"axios",[5585,6425,5536],{"class":5602},[5585,6427,6428],{"class":5598},"isAxiosError",[5585,6430,5603],{"class":5602},[5585,6432,6410],{"class":5606},[5585,6434,6435],{"class":5602},")) {\n",[5585,6437,6439],{"class":5587,"line":6438},26,[5585,6440,6441],{"class":5752},"          \u002F\u002F Axios надає type guard для перевірки типу помилки\n",[5585,6443,6445,6448,6450,6452,6454,6456,6459,6461,6463,6466,6469,6471,6473,6475],{"class":5587,"line":6444},27,[5585,6446,6447],{"class":5598},"          setError",[5585,6449,5603],{"class":5602},[5585,6451,6410],{"class":5606},[5585,6453,5536],{"class":5602},[5585,6455,5765],{"class":5606},[5585,6457,6458],{"class":5602},"?.",[5585,6460,5961],{"class":5606},[5585,6462,6458],{"class":5602},[5585,6464,6465],{"class":5606},"message",[5585,6467,6468],{"class":5602}," ?? ",[5585,6470,6410],{"class":5606},[5585,6472,5536],{"class":5602},[5585,6474,6465],{"class":5606},[5585,6476,5819],{"class":5602},[5585,6478,6480,6483,6486],{"class":5587,"line":6479},28,[5585,6481,6482],{"class":5602},"        } ",[5585,6484,6485],{"class":5645},"else",[5585,6487,5678],{"class":5602},[5585,6489,6491,6493,6495,6498],{"class":5587,"line":6490},29,[5585,6492,6447],{"class":5598},[5585,6494,5603],{"class":5602},[5585,6496,6497],{"class":5654},"\"Невідома помилка\"",[5585,6499,5819],{"class":5602},[5585,6501,6503],{"class":5587,"line":6502},30,[5585,6504,6505],{"class":5602},"        }\n",[5585,6507,6509,6511,6514],{"class":5587,"line":6508},31,[5585,6510,6401],{"class":5602},[5585,6512,6513],{"class":5645},"finally",[5585,6515,5678],{"class":5602},[5585,6517,6519,6522,6524,6527],{"class":5587,"line":6518},32,[5585,6520,6521],{"class":5598},"        setIsLoading",[5585,6523,5603],{"class":5602},[5585,6525,6526],{"class":5591},"false",[5585,6528,5819],{"class":5602},[5585,6530,6532],{"class":5587,"line":6531},33,[5585,6533,6534],{"class":5602},"      }\n",[5585,6536,6538],{"class":5587,"line":6537},34,[5585,6539,6540],{"class":5602},"    }\n",[5585,6542,6544],{"class":5587,"line":6543},35,[5585,6545,5746],{"emptyLinePlaceholder":5745},[5585,6547,6549,6552],{"class":5587,"line":6548},36,[5585,6550,6551],{"class":5598},"    loadUser",[5585,6553,5862],{"class":5602},[5585,6555,6557],{"class":5587,"line":6556},37,[5585,6558,6559],{"class":5602},"  }, []);\n",[5585,6561,6563],{"class":5587,"line":6562},38,[5585,6564,5746],{"emptyLinePlaceholder":5745},[5585,6566,6568,6570,6572,6574,6577,6580,6584,6587,6590,6593,6596,6598,6600],{"class":5587,"line":6567},39,[5585,6569,5759],{"class":5645},[5585,6571,6407],{"class":5602},[5585,6573,6251],{"class":5606},[5585,6575,6576],{"class":5602},") ",[5585,6578,6579],{"class":5645},"return",[5585,6581,6583],{"class":6582},"s0P7L"," \u003C",[5585,6585,5555],{"class":6586},"sKtos",[5585,6588,6589],{"class":6582},">",[5585,6591,6592],{"class":5602},"Завантаження профілю...",[5585,6594,6595],{"class":6582},"\u003C\u002F",[5585,6597,5555],{"class":6586},[5585,6599,6589],{"class":6582},[5585,6601,5873],{"class":5602},[5585,6603,6605,6607,6609,6611,6613,6615,6617,6619,6623,6626,6629,6631,6634,6637,6639,6641,6643,6645,6647],{"class":5587,"line":6604},40,[5585,6606,5759],{"class":5645},[5585,6608,6407],{"class":5602},[5585,6610,6276],{"class":5606},[5585,6612,6576],{"class":5602},[5585,6614,6579],{"class":5645},[5585,6616,6583],{"class":6582},[5585,6618,5555],{"class":6586},[5585,6620,6622],{"class":6621},"sa4r_"," className",[5585,6624,6625],{"class":5602},"=",[5585,6627,6628],{"class":5654},"\"error\"",[5585,6630,6589],{"class":6582},[5585,6632,6633],{"class":5602},"Помилка: ",[5585,6635,6636],{"class":5591},"{",[5585,6638,6276],{"class":5606},[5585,6640,5663],{"class":5591},[5585,6642,6595],{"class":6582},[5585,6644,5555],{"class":6586},[5585,6646,6589],{"class":6582},[5585,6648,5873],{"class":5602},[5585,6650,6652,6654,6656,6658,6660,6662,6664,6666,6668,6671,6673,6675,6677],{"class":5587,"line":6651},41,[5585,6653,5759],{"class":5645},[5585,6655,5762],{"class":5602},[5585,6657,6216],{"class":5606},[5585,6659,6576],{"class":5602},[5585,6661,6579],{"class":5645},[5585,6663,6583],{"class":6582},[5585,6665,5555],{"class":6586},[5585,6667,6589],{"class":6582},[5585,6669,6670],{"class":5602},"Користувача не знайдено",[5585,6672,6595],{"class":6582},[5585,6674,5555],{"class":6586},[5585,6676,6589],{"class":6582},[5585,6678,5873],{"class":5602},[5585,6680,6682],{"class":5587,"line":6681},42,[5585,6683,5746],{"emptyLinePlaceholder":5745},[5585,6685,6687,6689],{"class":5587,"line":6686},43,[5585,6688,5868],{"class":5645},[5585,6690,6691],{"class":5602}," (\n",[5585,6693,6695,6698,6701,6703,6705,6708],{"class":5587,"line":6694},44,[5585,6696,6697],{"class":6582},"    \u003C",[5585,6699,6700],{"class":6586},"div",[5585,6702,6622],{"class":6621},[5585,6704,6625],{"class":5602},[5585,6706,6707],{"class":5654},"\"user-profile\"",[5585,6709,6710],{"class":6582},">\n",[5585,6712,6714,6717,6719,6721,6723,6725,6727,6730,6732,6734,6736],{"class":5587,"line":6713},45,[5585,6715,6716],{"class":6582},"      \u003C",[5585,6718,5550],{"class":6586},[5585,6720,6589],{"class":6582},[5585,6722,6636],{"class":5591},[5585,6724,6216],{"class":5606},[5585,6726,5536],{"class":5710},[5585,6728,6729],{"class":5606},"name",[5585,6731,5663],{"class":5591},[5585,6733,6595],{"class":6582},[5585,6735,5550],{"class":6586},[5585,6737,6710],{"class":6582},[5585,6739,6741,6743,6745,6747,6750,6752,6754,6756,6759,6761,6763,6765],{"class":5587,"line":6740},46,[5585,6742,6716],{"class":6582},[5585,6744,5555],{"class":6586},[5585,6746,6589],{"class":6582},[5585,6748,6749],{"class":5602},"Email: ",[5585,6751,6636],{"class":5591},[5585,6753,6216],{"class":5606},[5585,6755,5536],{"class":5710},[5585,6757,6758],{"class":5606},"email",[5585,6760,5663],{"class":5591},[5585,6762,6595],{"class":6582},[5585,6764,5555],{"class":6586},[5585,6766,6710],{"class":6582},[5585,6768,6770,6772,6774,6776,6779,6781,6783,6785,6788,6790,6792,6794],{"class":5587,"line":6769},47,[5585,6771,6716],{"class":6582},[5585,6773,5555],{"class":6586},[5585,6775,6589],{"class":6582},[5585,6777,6778],{"class":5602},"Телефон: ",[5585,6780,6636],{"class":5591},[5585,6782,6216],{"class":5606},[5585,6784,5536],{"class":5710},[5585,6786,6787],{"class":5606},"phone",[5585,6789,5663],{"class":5591},[5585,6791,6595],{"class":6582},[5585,6793,5555],{"class":6586},[5585,6795,6710],{"class":6582},[5585,6797,6799,6802,6804],{"class":5587,"line":6798},48,[5585,6800,6801],{"class":6582},"    \u003C\u002F",[5585,6803,6700],{"class":6586},[5585,6805,6710],{"class":6582},[5585,6807,6809],{"class":5587,"line":6808},49,[5585,6810,6811],{"class":5602},"  );\n",[5585,6813,6815],{"class":5587,"line":6814},50,[5585,6816,5879],{"class":5602},[6818,6819,6820,6821,6824,6825,6828,6829,6832,6833,6836,6837,6840,6841,5536],"note",{},"Зверніть увагу на функцію ",[5491,6822,6823],{},"axios.isAxiosError(err)"," — це ",[5517,6826,6827],{},"type guard",", що звужує тип ",[5491,6830,6831],{},"unknown"," помилки до ",[5491,6834,6835],{},"AxiosError\u003CT>",". Без цієї перевірки TypeScript не дозволить звертатися до ",[5491,6838,6839],{},"err.response",", оскільки загальний тип помилки у catch-блоці — ",[5491,6842,6831],{},[5547,6844],{},[5550,6846,6848],{"id":6847},"створення-типізованого-axios-інстансу","Створення типізованого Axios-інстансу",[5555,6850,6851,6852,6855,6856,6859],{},"Викликати ",[5491,6853,6854],{},"axios.get()"," напряму зручно для прототипів, але у виробничих застосунках створюють ",[5517,6857,6858],{},"налаштований інстанс"," із базовим URL, заголовками, таймаутами та іншими параметрами, що повторюються у всіх запитах.",[5575,6861,6863],{"className":5577,"code":6862,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Faxios.ts — єдина точка налаштування HTTP-клієнта\nimport axios, { AxiosInstance } from \"axios\";\n\nconst api: AxiosInstance = axios.create({\n  baseURL: import.meta.env.VITE_API_URL ?? \"https:\u002F\u002Fjsonplaceholder.typicode.com\",\n  timeout: 10000, \u002F\u002F 10 секунд — якщо запит триватиме довше, Axios кине помилку\n  headers: {\n    \"Content-Type\": \"application\u002Fjson\",\n  },\n});\n\nexport default api;\n",[5491,6864,6865,6870,6890,6894,6918,6948,6962,6969,6980,6985,6990,6994],{"__ignoreMap":5581},[5585,6866,6867],{"class":5587,"line":5588},[5585,6868,6869],{"class":5752},"\u002F\u002F src\u002Fapi\u002Faxios.ts — єдина точка налаштування HTTP-клієнта\n",[5585,6871,6872,6874,6876,6879,6882,6884,6886,6888],{"class":5587,"line":5632},[5585,6873,5890],{"class":5645},[5585,6875,5893],{"class":5606},[5585,6877,6878],{"class":5602},", { ",[5585,6880,6881],{"class":5606},"AxiosInstance",[5585,6883,6120],{"class":5602},[5585,6885,6123],{"class":5645},[5585,6887,5899],{"class":5654},[5585,6889,5873],{"class":5602},[5585,6891,6892],{"class":5587,"line":5672},[5585,6893,5746],{"emptyLinePlaceholder":5745},[5585,6895,6896,6899,6902,6904,6906,6908,6910,6912,6915],{"class":5587,"line":5681},[5585,6897,6898],{"class":5591},"const",[5585,6900,6901],{"class":5638}," api",[5585,6903,5610],{"class":5602},[5585,6905,6881],{"class":5613},[5585,6907,5642],{"class":5602},[5585,6909,6423],{"class":5606},[5585,6911,5536],{"class":5602},[5585,6913,6914],{"class":5598},"create",[5585,6916,6917],{"class":5602},"({\n",[5585,6919,6920,6923,6926,6928,6931,6933,6936,6938,6941,6943,6946],{"class":5587,"line":5696},[5585,6921,6922],{"class":5606},"  baseURL:",[5585,6924,6925],{"class":5645}," import",[5585,6927,5536],{"class":5602},[5585,6929,6930],{"class":5606},"meta",[5585,6932,5536],{"class":5602},[5585,6934,6935],{"class":5606},"env",[5585,6937,5536],{"class":5602},[5585,6939,6940],{"class":5638},"VITE_API_URL",[5585,6942,6468],{"class":5602},[5585,6944,6945],{"class":5654},"\"https:\u002F\u002Fjsonplaceholder.typicode.com\"",[5585,6947,5693],{"class":5602},[5585,6949,6950,6953,6957,6959],{"class":5587,"line":5730},[5585,6951,6952],{"class":5606},"  timeout:",[5585,6954,6956],{"class":6955},"sJj4R"," 10000",[5585,6958,6114],{"class":5602},[5585,6960,6961],{"class":5752},"\u002F\u002F 10 секунд — якщо запит триватиме довше, Axios кине помилку\n",[5585,6963,6964,6967],{"class":5587,"line":5736},[5585,6965,6966],{"class":5606},"  headers:",[5585,6968,5678],{"class":5602},[5585,6970,6971,6974,6976,6978],{"class":5587,"line":5742},[5585,6972,6973],{"class":5654},"    \"Content-Type\"",[5585,6975,5687],{"class":5606},[5585,6977,5690],{"class":5654},[5585,6979,5693],{"class":5602},[5585,6981,6982],{"class":5587,"line":5749},[5585,6983,6984],{"class":5602},"  },\n",[5585,6986,6987],{"class":5587,"line":5756},[5585,6988,6989],{"class":5602},"});\n",[5585,6991,6992],{"class":5587,"line":5776},[5585,6993,5746],{"emptyLinePlaceholder":5745},[5585,6995,6996,6999,7002,7004],{"class":5587,"line":5822},[5585,6997,6998],{"class":5645},"export",[5585,7000,7001],{"class":5645}," default",[5585,7003,6901],{"class":5606},[5585,7005,5873],{"class":5602},[5555,7007,7008,7009,5687],{},"Тепер усі запити використовують цей інстанс замість глобального ",[5491,7010,6423],{},[5575,7012,7014],{"className":5577,"code":7013,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Fusers.ts — модуль з API-викликами для користувачів\nimport api from \".\u002Faxios\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  phone: string;\n}\n\ninterface CreateUserDTO {\n  name: string;\n  email: string;\n  phone: string;\n}\n\nexport const usersApi = {\n  getAll: () => api.get\u003CUser[]>(\"\u002Fusers\"),\n  getById: (id: number) => api.get\u003CUser>(`\u002Fusers\u002F${id}`),\n  create: (data: CreateUserDTO) => api.post\u003CUser>(\"\u002Fusers\", data),\n  update: (id: number, data: Partial\u003CCreateUserDTO>) =>\n    api.patch\u003CUser>(`\u002Fusers\u002F${id}`, data),\n  delete: (id: number) => api.delete\u003Cvoid>(`\u002Fusers\u002F${id}`),\n};\n",[5491,7015,7016,7021,7034,7038,7046,7056,7066,7076,7086,7090,7094,7103,7113,7123,7133,7137,7141,7154,7185,7229,7270,7304,7336,7381],{"__ignoreMap":5581},[5585,7017,7018],{"class":5587,"line":5588},[5585,7019,7020],{"class":5752},"\u002F\u002F src\u002Fapi\u002Fusers.ts — модуль з API-викликами для користувачів\n",[5585,7022,7023,7025,7027,7029,7032],{"class":5587,"line":5632},[5585,7024,5890],{"class":5645},[5585,7026,6901],{"class":5606},[5585,7028,5896],{"class":5645},[5585,7030,7031],{"class":5654}," \".\u002Faxios\"",[5585,7033,5873],{"class":5602},[5585,7035,7036],{"class":5587,"line":5672},[5585,7037,5746],{"emptyLinePlaceholder":5745},[5585,7039,7040,7042,7044],{"class":5587,"line":5681},[5585,7041,6137],{"class":5591},[5585,7043,6140],{"class":5613},[5585,7045,5678],{"class":5602},[5585,7047,7048,7050,7052,7054],{"class":5587,"line":5696},[5585,7049,6147],{"class":5606},[5585,7051,5610],{"class":5602},[5585,7053,5614],{"class":5613},[5585,7055,5873],{"class":5602},[5585,7057,7058,7060,7062,7064],{"class":5587,"line":5730},[5585,7059,6158],{"class":5606},[5585,7061,5610],{"class":5602},[5585,7063,6163],{"class":5613},[5585,7065,5873],{"class":5602},[5585,7067,7068,7070,7072,7074],{"class":5587,"line":5736},[5585,7069,6170],{"class":5606},[5585,7071,5610],{"class":5602},[5585,7073,6163],{"class":5613},[5585,7075,5873],{"class":5602},[5585,7077,7078,7080,7082,7084],{"class":5587,"line":5742},[5585,7079,6181],{"class":5606},[5585,7081,5610],{"class":5602},[5585,7083,6163],{"class":5613},[5585,7085,5873],{"class":5602},[5585,7087,7088],{"class":5587,"line":5749},[5585,7089,5879],{"class":5602},[5585,7091,7092],{"class":5587,"line":5756},[5585,7093,5746],{"emptyLinePlaceholder":5745},[5585,7095,7096,7098,7101],{"class":5587,"line":5776},[5585,7097,6137],{"class":5591},[5585,7099,7100],{"class":5613}," CreateUserDTO",[5585,7102,5678],{"class":5602},[5585,7104,7105,7107,7109,7111],{"class":5587,"line":5822},[5585,7106,6158],{"class":5606},[5585,7108,5610],{"class":5602},[5585,7110,6163],{"class":5613},[5585,7112,5873],{"class":5602},[5585,7114,7115,7117,7119,7121],{"class":5587,"line":5828},[5585,7116,6170],{"class":5606},[5585,7118,5610],{"class":5602},[5585,7120,6163],{"class":5613},[5585,7122,5873],{"class":5602},[5585,7124,7125,7127,7129,7131],{"class":5587,"line":5833},[5585,7126,6181],{"class":5606},[5585,7128,5610],{"class":5602},[5585,7130,6163],{"class":5613},[5585,7132,5873],{"class":5602},[5585,7134,7135],{"class":5587,"line":5839},[5585,7136,5879],{"class":5602},[5585,7138,7139],{"class":5587,"line":5865},[5585,7140,5746],{"emptyLinePlaceholder":5745},[5585,7142,7143,7145,7148,7151],{"class":5587,"line":5876},[5585,7144,6998],{"class":5645},[5585,7146,7147],{"class":5591}," const",[5585,7149,7150],{"class":5638}," usersApi",[5585,7152,7153],{"class":5602}," = {\n",[5585,7155,7156,7159,7161,7164,7166,7168,7170,7172,7174,7176,7179,7182],{"class":5587,"line":6331},[5585,7157,7158],{"class":5598},"  getAll",[5585,7160,5687],{"class":5606},[5585,7162,7163],{"class":5602}," () ",[5585,7165,6314],{"class":5591},[5585,7167,6901],{"class":5606},[5585,7169,5536],{"class":5602},[5585,7171,5973],{"class":5598},[5585,7173,5623],{"class":5602},[5585,7175,5626],{"class":5613},[5585,7177,7178],{"class":5602},"[]>(",[5585,7180,7181],{"class":5654},"\"\u002Fusers\"",[5585,7183,7184],{"class":5602},"),\n",[5585,7186,7187,7190,7192,7194,7196,7198,7200,7202,7204,7206,7208,7210,7212,7214,7216,7219,7221,7223,7225,7227],{"class":5587,"line":6339},[5585,7188,7189],{"class":5598},"  getById",[5585,7191,5687],{"class":5606},[5585,7193,6407],{"class":5602},[5585,7195,5607],{"class":5606},[5585,7197,5610],{"class":5602},[5585,7199,5614],{"class":5613},[5585,7201,6576],{"class":5602},[5585,7203,6314],{"class":5591},[5585,7205,6901],{"class":5606},[5585,7207,5536],{"class":5602},[5585,7209,5973],{"class":5598},[5585,7211,5623],{"class":5602},[5585,7213,5626],{"class":5613},[5585,7215,5980],{"class":5602},[5585,7217,7218],{"class":5654},"`\u002Fusers\u002F",[5585,7220,5658],{"class":5591},[5585,7222,5607],{"class":5606},[5585,7224,5663],{"class":5591},[5585,7226,5666],{"class":5654},[5585,7228,7184],{"class":5602},[5585,7230,7231,7234,7236,7238,7240,7242,7245,7247,7249,7251,7253,7256,7258,7260,7262,7264,7266,7268],{"class":5587,"line":6345},[5585,7232,7233],{"class":5598},"  create",[5585,7235,5687],{"class":5606},[5585,7237,6407],{"class":5602},[5585,7239,5961],{"class":5606},[5585,7241,5610],{"class":5602},[5585,7243,7244],{"class":5613},"CreateUserDTO",[5585,7246,6576],{"class":5602},[5585,7248,6314],{"class":5591},[5585,7250,6901],{"class":5606},[5585,7252,5536],{"class":5602},[5585,7254,7255],{"class":5598},"post",[5585,7257,5623],{"class":5602},[5585,7259,5626],{"class":5613},[5585,7261,5980],{"class":5602},[5585,7263,7181],{"class":5654},[5585,7265,6114],{"class":5602},[5585,7267,5961],{"class":5606},[5585,7269,7184],{"class":5602},[5585,7271,7272,7275,7277,7279,7281,7283,7285,7287,7289,7291,7294,7296,7298,7301],{"class":5587,"line":6370},[5585,7273,7274],{"class":5598},"  update",[5585,7276,5687],{"class":5606},[5585,7278,6407],{"class":5602},[5585,7280,5607],{"class":5606},[5585,7282,5610],{"class":5602},[5585,7284,5614],{"class":5613},[5585,7286,6114],{"class":5602},[5585,7288,5961],{"class":5606},[5585,7290,5610],{"class":5602},[5585,7292,7293],{"class":5613},"Partial",[5585,7295,5623],{"class":5602},[5585,7297,7244],{"class":5613},[5585,7299,7300],{"class":5602},">) ",[5585,7302,7303],{"class":5591},"=>\n",[5585,7305,7306,7309,7311,7314,7316,7318,7320,7322,7324,7326,7328,7330,7332,7334],{"class":5587,"line":6376},[5585,7307,7308],{"class":5606},"    api",[5585,7310,5536],{"class":5602},[5585,7312,7313],{"class":5598},"patch",[5585,7315,5623],{"class":5602},[5585,7317,5626],{"class":5613},[5585,7319,5980],{"class":5602},[5585,7321,7218],{"class":5654},[5585,7323,5658],{"class":5591},[5585,7325,5607],{"class":5606},[5585,7327,5663],{"class":5591},[5585,7329,5666],{"class":5654},[5585,7331,6114],{"class":5602},[5585,7333,5961],{"class":5606},[5585,7335,7184],{"class":5602},[5585,7337,7338,7341,7343,7345,7347,7349,7351,7353,7355,7357,7359,7362,7364,7367,7369,7371,7373,7375,7377,7379],{"class":5587,"line":6382},[5585,7339,7340],{"class":5598},"  delete",[5585,7342,5687],{"class":5606},[5585,7344,6407],{"class":5602},[5585,7346,5607],{"class":5606},[5585,7348,5610],{"class":5602},[5585,7350,5614],{"class":5613},[5585,7352,6576],{"class":5602},[5585,7354,6314],{"class":5591},[5585,7356,6901],{"class":5606},[5585,7358,5536],{"class":5602},[5585,7360,7361],{"class":5598},"delete",[5585,7363,5623],{"class":5602},[5585,7365,7366],{"class":5613},"void",[5585,7368,5980],{"class":5602},[5585,7370,7218],{"class":5654},[5585,7372,5658],{"class":5591},[5585,7374,5607],{"class":5606},[5585,7376,5663],{"class":5591},[5585,7378,5666],{"class":5654},[5585,7380,7184],{"class":5602},[5585,7382,7383],{"class":5587,"line":6398},[5585,7384,7385],{"class":5602},"};\n",[6006,7387,7388,7389,6114,7392,6114,7395,7398,7399,5536],{},"Організація API-викликів у окремі модулі (",[5491,7390,7391],{},"usersApi",[5491,7393,7394],{},"postsApi",[5491,7396,7397],{},"productsApi",") робить кодову базу структурованішою та спрощує тестування — можна легко замокувати весь модуль однією інструкцією ",[5491,7400,7401],{},"vi.mock(\".\u002Fapi\u002Fusers\")",[5547,7403],{},[5550,7405,7407],{"id":7406},"interceptors-централізована-обробка-запитів-та-відповідей","Interceptors: централізована обробка запитів та відповідей",[5555,7409,7410,6407,7413,7415],{},[5517,7411,7412],{},"Перехоплювачі",[5502,7414,5504],{},") — найпотужніша функція Axios. Вони дозволяють «перехопити» запит перед відправкою або відповідь перед поверненням до коду компонента, виконавши глобальну логіку: додавання токенів автентифікації, логування, трансформацію даних, автоматичне оновлення токенів при 401-помилці.",[7417,7418,7420],"h3",{"id":7419},"request-interceptor-автоматичне-додавання-токена","Request Interceptor: автоматичне додавання токена",[5575,7422,7424],{"className":5577,"code":7423,"language":5580,"meta":5581,"style":5581},"import api from \".\u002Faxios\";\n\n\u002F\u002F Перехоплювач запитів — виконується ДО відправки запиту\napi.interceptors.request.use(\n  (config) => {\n    const token = localStorage.getItem(\"authToken\");\n    if (token) {\n      \u002F\u002F Додаємо токен до заголовків кожного запиту\n      config.headers.Authorization = `Bearer ${token}`;\n    }\n    return config; \u002F\u002F Обов'язково повернути змінену конфігурацію\n  },\n  (error) => {\n    \u002F\u002F Обробка помилок ПЕРЕД відправкою (наприклад, немає мережі)\n    return Promise.reject(error);\n  }\n);\n",[5491,7425,7426,7438,7442,7447,7469,7483,7506,7518,7523,7553,7557,7571,7575,7587,7592,7610,7614],{"__ignoreMap":5581},[5585,7427,7428,7430,7432,7434,7436],{"class":5587,"line":5588},[5585,7429,5890],{"class":5645},[5585,7431,6901],{"class":5606},[5585,7433,5896],{"class":5645},[5585,7435,7031],{"class":5654},[5585,7437,5873],{"class":5602},[5585,7439,7440],{"class":5587,"line":5632},[5585,7441,5746],{"emptyLinePlaceholder":5745},[5585,7443,7444],{"class":5587,"line":5672},[5585,7445,7446],{"class":5752},"\u002F\u002F Перехоплювач запитів — виконується ДО відправки запиту\n",[5585,7448,7449,7452,7454,7456,7458,7461,7463,7466],{"class":5587,"line":5681},[5585,7450,7451],{"class":5606},"api",[5585,7453,5536],{"class":5602},[5585,7455,5504],{"class":5606},[5585,7457,5536],{"class":5602},[5585,7459,7460],{"class":5606},"request",[5585,7462,5536],{"class":5602},[5585,7464,7465],{"class":5598},"use",[5585,7467,7468],{"class":5602},"(\n",[5585,7470,7471,7474,7477,7479,7481],{"class":5587,"line":5696},[5585,7472,7473],{"class":5602},"  (",[5585,7475,7476],{"class":5606},"config",[5585,7478,6576],{"class":5602},[5585,7480,6314],{"class":5591},[5585,7482,5678],{"class":5602},[5585,7484,7485,7488,7491,7493,7495,7497,7499,7501,7504],{"class":5587,"line":5730},[5585,7486,7487],{"class":5591},"    const",[5585,7489,7490],{"class":5638}," token",[5585,7492,5642],{"class":5602},[5585,7494,5707],{"class":5606},[5585,7496,5536],{"class":5602},[5585,7498,5713],{"class":5598},[5585,7500,5603],{"class":5602},[5585,7502,7503],{"class":5654},"\"authToken\"",[5585,7505,5819],{"class":5602},[5585,7507,7508,7511,7513,7516],{"class":5587,"line":5736},[5585,7509,7510],{"class":5645},"    if",[5585,7512,6407],{"class":5602},[5585,7514,7515],{"class":5606},"token",[5585,7517,5773],{"class":5602},[5585,7519,7520],{"class":5587,"line":5742},[5585,7521,7522],{"class":5752},"      \u002F\u002F Додаємо токен до заголовків кожного запиту\n",[5585,7524,7525,7528,7530,7533,7535,7538,7540,7543,7545,7547,7549,7551],{"class":5587,"line":5749},[5585,7526,7527],{"class":5606},"      config",[5585,7529,5536],{"class":5602},[5585,7531,7532],{"class":5606},"headers",[5585,7534,5536],{"class":5602},[5585,7536,7537],{"class":5606},"Authorization",[5585,7539,5642],{"class":5602},[5585,7541,7542],{"class":5654},"`Bearer ",[5585,7544,5658],{"class":5591},[5585,7546,7515],{"class":5606},[5585,7548,5663],{"class":5591},[5585,7550,5666],{"class":5654},[5585,7552,5873],{"class":5602},[5585,7554,7555],{"class":5587,"line":5756},[5585,7556,6540],{"class":5602},[5585,7558,7559,7562,7565,7568],{"class":5587,"line":5776},[5585,7560,7561],{"class":5645},"    return",[5585,7563,7564],{"class":5606}," config",[5585,7566,7567],{"class":5602},"; ",[5585,7569,7570],{"class":5752},"\u002F\u002F Обов'язково повернути змінену конфігурацію\n",[5585,7572,7573],{"class":5587,"line":5822},[5585,7574,6984],{"class":5602},[5585,7576,7577,7579,7581,7583,7585],{"class":5587,"line":5828},[5585,7578,7473],{"class":5602},[5585,7580,6276],{"class":5606},[5585,7582,6576],{"class":5602},[5585,7584,6314],{"class":5591},[5585,7586,5678],{"class":5602},[5585,7588,7589],{"class":5587,"line":5833},[5585,7590,7591],{"class":5752},"    \u002F\u002F Обробка помилок ПЕРЕД відправкою (наприклад, немає мережі)\n",[5585,7593,7594,7596,7599,7601,7604,7606,7608],{"class":5587,"line":5839},[5585,7595,7561],{"class":5645},[5585,7597,7598],{"class":5613}," Promise",[5585,7600,5536],{"class":5602},[5585,7602,7603],{"class":5598},"reject",[5585,7605,5603],{"class":5602},[5585,7607,6276],{"class":5606},[5585,7609,5819],{"class":5602},[5585,7611,7612],{"class":5587,"line":5865},[5585,7613,5825],{"class":5602},[5585,7615,7616],{"class":5587,"line":5876},[5585,7617,5819],{"class":5602},[5555,7619,7620,7621,7624,7625,7627,7628,7630],{},"Тепер ",[5517,7622,7623],{},"кожен"," запит через цей інстанс автоматично отримує заголовок ",[5491,7626,7537],{},", якщо токен присутній у ",[5491,7629,5707],{}," — не потрібно додавати його вручну у кожному виклику.",[7417,7632,7634],{"id":7633},"response-interceptor-централізована-обробка-помилок","Response Interceptor: централізована обробка помилок",[5575,7636,7638],{"className":5577,"code":7637,"language":5580,"meta":5581,"style":5581},"import { AxiosError } from \"axios\";\nimport api from \".\u002Faxios\";\n\ninterface ApiErrorResponse {\n  message: string;\n  statusCode: number;\n  errors?: Record\u003Cstring, string[]>; \u002F\u002F Валідаційні помилки\n}\n\n\u002F\u002F Перехоплювач відповідей — виконується ПІСЛЯ отримання відповіді\napi.interceptors.response.use(\n  (response) => {\n    \u002F\u002F Успішна відповідь (2xx) — просто повертаємо її далі\n    return response;\n  },\n  (error: AxiosError\u003CApiErrorResponse>) => {\n    \u002F\u002F Помилка (4xx, 5xx або мережева помилка)\n    if (error.response) {\n      \u002F\u002F Сервер відповів статусом поза діапазоном 2xx\n      const { status, data } = error.response;\n\n      switch (status) {\n        case 401:\n          \u002F\u002F Несанкціонований доступ — скидаємо токен і перенаправляємо на логін\n          localStorage.removeItem(\"authToken\");\n          window.location.href = \"\u002Flogin\";\n          break;\n\n        case 403:\n          \u002F\u002F Доступ заборонено — показуємо сповіщення\n          console.error(\"Доступ заборонено:\", data.message);\n          break;\n\n        case 422:\n          \u002F\u002F Помилки валідації — обробляються окремо у компоненті форми\n          console.warn(\"Валідаційні помилки:\", data.errors);\n          break;\n\n        case 500:\n        case 502:\n        case 503:\n          \u002F\u002F Серверна помилка — логуємо для моніторингу\n          console.error(\"Серверна помилка:\", status, data.message);\n          break;\n      }\n    } else if (error.request) {\n      \u002F\u002F Запит було відправлено, але відповідь не отримано (немає мережі)\n      console.error(\"Немає з'єднання з сервером\");\n    } else {\n      \u002F\u002F Помилка налаштування запиту\n      console.error(\"Помилка конфігурації:\", error.message);\n    }\n\n    return Promise.reject(error);\n  }\n);\n",[5491,7639,7640,7657,7669,7673,7682,7693,7704,7729,7733,7737,7742,7760,7772,7777,7785,7789,7810,7815,7829,7834,7857,7861,7872,7883,7888,7904,7926,7933,7937,7946,7951,7975,7981,7985,7994,7999,8024,8030,8034,8043,8052,8061,8066,8093,8099,8103,8123,8128,8144,8152,8157,8181,8186,8191,8208,8213],{"__ignoreMap":5581},[5585,7641,7642,7644,7646,7649,7651,7653,7655],{"class":5587,"line":5588},[5585,7643,5890],{"class":5645},[5585,7645,5958],{"class":5602},[5585,7647,7648],{"class":5606},"AxiosError",[5585,7650,6120],{"class":5602},[5585,7652,6123],{"class":5645},[5585,7654,5899],{"class":5654},[5585,7656,5873],{"class":5602},[5585,7658,7659,7661,7663,7665,7667],{"class":5587,"line":5632},[5585,7660,5890],{"class":5645},[5585,7662,6901],{"class":5606},[5585,7664,5896],{"class":5645},[5585,7666,7031],{"class":5654},[5585,7668,5873],{"class":5602},[5585,7670,7671],{"class":5587,"line":5672},[5585,7672,5746],{"emptyLinePlaceholder":5745},[5585,7674,7675,7677,7680],{"class":5587,"line":5681},[5585,7676,6137],{"class":5591},[5585,7678,7679],{"class":5613}," ApiErrorResponse",[5585,7681,5678],{"class":5602},[5585,7683,7684,7687,7689,7691],{"class":5587,"line":5696},[5585,7685,7686],{"class":5606},"  message",[5585,7688,5610],{"class":5602},[5585,7690,6163],{"class":5613},[5585,7692,5873],{"class":5602},[5585,7694,7695,7698,7700,7702],{"class":5587,"line":5730},[5585,7696,7697],{"class":5606},"  statusCode",[5585,7699,5610],{"class":5602},[5585,7701,5614],{"class":5613},[5585,7703,5873],{"class":5602},[5585,7705,7706,7709,7712,7715,7717,7719,7721,7723,7726],{"class":5587,"line":5736},[5585,7707,7708],{"class":5606},"  errors",[5585,7710,7711],{"class":5602},"?: ",[5585,7713,7714],{"class":5613},"Record",[5585,7716,5623],{"class":5602},[5585,7718,6163],{"class":5613},[5585,7720,6114],{"class":5602},[5585,7722,6163],{"class":5613},[5585,7724,7725],{"class":5602},"[]>; ",[5585,7727,7728],{"class":5752},"\u002F\u002F Валідаційні помилки\n",[5585,7730,7731],{"class":5587,"line":5742},[5585,7732,5879],{"class":5602},[5585,7734,7735],{"class":5587,"line":5749},[5585,7736,5746],{"emptyLinePlaceholder":5745},[5585,7738,7739],{"class":5587,"line":5756},[5585,7740,7741],{"class":5752},"\u002F\u002F Перехоплювач відповідей — виконується ПІСЛЯ отримання відповіді\n",[5585,7743,7744,7746,7748,7750,7752,7754,7756,7758],{"class":5587,"line":5776},[5585,7745,7451],{"class":5606},[5585,7747,5536],{"class":5602},[5585,7749,5504],{"class":5606},[5585,7751,5536],{"class":5602},[5585,7753,5765],{"class":5606},[5585,7755,5536],{"class":5602},[5585,7757,7465],{"class":5598},[5585,7759,7468],{"class":5602},[5585,7761,7762,7764,7766,7768,7770],{"class":5587,"line":5822},[5585,7763,7473],{"class":5602},[5585,7765,5765],{"class":5606},[5585,7767,6576],{"class":5602},[5585,7769,6314],{"class":5591},[5585,7771,5678],{"class":5602},[5585,7773,7774],{"class":5587,"line":5828},[5585,7775,7776],{"class":5752},"    \u002F\u002F Успішна відповідь (2xx) — просто повертаємо її далі\n",[5585,7778,7779,7781,7783],{"class":5587,"line":5833},[5585,7780,7561],{"class":5645},[5585,7782,5639],{"class":5606},[5585,7784,5873],{"class":5602},[5585,7786,7787],{"class":5587,"line":5839},[5585,7788,6984],{"class":5602},[5585,7790,7791,7793,7795,7797,7799,7801,7804,7806,7808],{"class":5587,"line":5865},[5585,7792,7473],{"class":5602},[5585,7794,6276],{"class":5606},[5585,7796,5610],{"class":5602},[5585,7798,7648],{"class":5613},[5585,7800,5623],{"class":5602},[5585,7802,7803],{"class":5613},"ApiErrorResponse",[5585,7805,7300],{"class":5602},[5585,7807,6314],{"class":5591},[5585,7809,5678],{"class":5602},[5585,7811,7812],{"class":5587,"line":5876},[5585,7813,7814],{"class":5752},"    \u002F\u002F Помилка (4xx, 5xx або мережева помилка)\n",[5585,7816,7817,7819,7821,7823,7825,7827],{"class":5587,"line":6331},[5585,7818,7510],{"class":5645},[5585,7820,6407],{"class":5602},[5585,7822,6276],{"class":5606},[5585,7824,5536],{"class":5602},[5585,7826,5765],{"class":5606},[5585,7828,5773],{"class":5602},[5585,7830,7831],{"class":5587,"line":6339},[5585,7832,7833],{"class":5752},"      \u002F\u002F Сервер відповів статусом поза діапазоном 2xx\n",[5585,7835,7836,7839,7841,7843,7845,7847,7849,7851,7853,7855],{"class":5587,"line":6345},[5585,7837,7838],{"class":5591},"      const",[5585,7840,5958],{"class":5602},[5585,7842,5799],{"class":5638},[5585,7844,6114],{"class":5602},[5585,7846,5961],{"class":5638},[5585,7848,5964],{"class":5602},[5585,7850,6276],{"class":5606},[5585,7852,5536],{"class":5602},[5585,7854,5765],{"class":5606},[5585,7856,5873],{"class":5602},[5585,7858,7859],{"class":5587,"line":6370},[5585,7860,5746],{"emptyLinePlaceholder":5745},[5585,7862,7863,7866,7868,7870],{"class":5587,"line":6376},[5585,7864,7865],{"class":5645},"      switch",[5585,7867,6407],{"class":5602},[5585,7869,5799],{"class":5606},[5585,7871,5773],{"class":5602},[5585,7873,7874,7877,7880],{"class":5587,"line":6382},[5585,7875,7876],{"class":5645},"        case",[5585,7878,7879],{"class":6955}," 401",[5585,7881,7882],{"class":5602},":\n",[5585,7884,7885],{"class":5587,"line":6398},[5585,7886,7887],{"class":5752},"          \u002F\u002F Несанкціонований доступ — скидаємо токен і перенаправляємо на логін\n",[5585,7889,7890,7893,7895,7898,7900,7902],{"class":5587,"line":6415},[5585,7891,7892],{"class":5606},"          localStorage",[5585,7894,5536],{"class":5602},[5585,7896,7897],{"class":5598},"removeItem",[5585,7899,5603],{"class":5602},[5585,7901,7503],{"class":5654},[5585,7903,5819],{"class":5602},[5585,7905,7906,7909,7911,7914,7916,7919,7921,7924],{"class":5587,"line":6438},[5585,7907,7908],{"class":5606},"          window",[5585,7910,5536],{"class":5602},[5585,7912,7913],{"class":5606},"location",[5585,7915,5536],{"class":5602},[5585,7917,7918],{"class":5606},"href",[5585,7920,5642],{"class":5602},[5585,7922,7923],{"class":5654},"\"\u002Flogin\"",[5585,7925,5873],{"class":5602},[5585,7927,7928,7931],{"class":5587,"line":6444},[5585,7929,7930],{"class":5645},"          break",[5585,7932,5873],{"class":5602},[5585,7934,7935],{"class":5587,"line":6479},[5585,7936,5746],{"emptyLinePlaceholder":5745},[5585,7938,7939,7941,7944],{"class":5587,"line":6490},[5585,7940,7876],{"class":5645},[5585,7942,7943],{"class":6955}," 403",[5585,7945,7882],{"class":5602},[5585,7947,7948],{"class":5587,"line":6502},[5585,7949,7950],{"class":5752},"          \u002F\u002F Доступ заборонено — показуємо сповіщення\n",[5585,7952,7953,7956,7958,7960,7962,7965,7967,7969,7971,7973],{"class":5587,"line":6508},[5585,7954,7955],{"class":5606},"          console",[5585,7957,5536],{"class":5602},[5585,7959,6276],{"class":5598},[5585,7961,5603],{"class":5602},[5585,7963,7964],{"class":5654},"\"Доступ заборонено:\"",[5585,7966,6114],{"class":5602},[5585,7968,5961],{"class":5606},[5585,7970,5536],{"class":5602},[5585,7972,6465],{"class":5606},[5585,7974,5819],{"class":5602},[5585,7976,7977,7979],{"class":5587,"line":6518},[5585,7978,7930],{"class":5645},[5585,7980,5873],{"class":5602},[5585,7982,7983],{"class":5587,"line":6531},[5585,7984,5746],{"emptyLinePlaceholder":5745},[5585,7986,7987,7989,7992],{"class":5587,"line":6537},[5585,7988,7876],{"class":5645},[5585,7990,7991],{"class":6955}," 422",[5585,7993,7882],{"class":5602},[5585,7995,7996],{"class":5587,"line":6543},[5585,7997,7998],{"class":5752},"          \u002F\u002F Помилки валідації — обробляються окремо у компоненті форми\n",[5585,8000,8001,8003,8005,8008,8010,8013,8015,8017,8019,8022],{"class":5587,"line":6548},[5585,8002,7955],{"class":5606},[5585,8004,5536],{"class":5602},[5585,8006,8007],{"class":5598},"warn",[5585,8009,5603],{"class":5602},[5585,8011,8012],{"class":5654},"\"Валідаційні помилки:\"",[5585,8014,6114],{"class":5602},[5585,8016,5961],{"class":5606},[5585,8018,5536],{"class":5602},[5585,8020,8021],{"class":5606},"errors",[5585,8023,5819],{"class":5602},[5585,8025,8026,8028],{"class":5587,"line":6556},[5585,8027,7930],{"class":5645},[5585,8029,5873],{"class":5602},[5585,8031,8032],{"class":5587,"line":6562},[5585,8033,5746],{"emptyLinePlaceholder":5745},[5585,8035,8036,8038,8041],{"class":5587,"line":6567},[5585,8037,7876],{"class":5645},[5585,8039,8040],{"class":6955}," 500",[5585,8042,7882],{"class":5602},[5585,8044,8045,8047,8050],{"class":5587,"line":6604},[5585,8046,7876],{"class":5645},[5585,8048,8049],{"class":6955}," 502",[5585,8051,7882],{"class":5602},[5585,8053,8054,8056,8059],{"class":5587,"line":6651},[5585,8055,7876],{"class":5645},[5585,8057,8058],{"class":6955}," 503",[5585,8060,7882],{"class":5602},[5585,8062,8063],{"class":5587,"line":6681},[5585,8064,8065],{"class":5752},"          \u002F\u002F Серверна помилка — логуємо для моніторингу\n",[5585,8067,8068,8070,8072,8074,8076,8079,8081,8083,8085,8087,8089,8091],{"class":5587,"line":6686},[5585,8069,7955],{"class":5606},[5585,8071,5536],{"class":5602},[5585,8073,6276],{"class":5598},[5585,8075,5603],{"class":5602},[5585,8077,8078],{"class":5654},"\"Серверна помилка:\"",[5585,8080,6114],{"class":5602},[5585,8082,5799],{"class":5606},[5585,8084,6114],{"class":5602},[5585,8086,5961],{"class":5606},[5585,8088,5536],{"class":5602},[5585,8090,6465],{"class":5606},[5585,8092,5819],{"class":5602},[5585,8094,8095,8097],{"class":5587,"line":6694},[5585,8096,7930],{"class":5645},[5585,8098,5873],{"class":5602},[5585,8100,8101],{"class":5587,"line":6713},[5585,8102,6534],{"class":5602},[5585,8104,8105,8108,8110,8113,8115,8117,8119,8121],{"class":5587,"line":6740},[5585,8106,8107],{"class":5602},"    } ",[5585,8109,6485],{"class":5645},[5585,8111,8112],{"class":5645}," if",[5585,8114,6407],{"class":5602},[5585,8116,6276],{"class":5606},[5585,8118,5536],{"class":5602},[5585,8120,7460],{"class":5606},[5585,8122,5773],{"class":5602},[5585,8124,8125],{"class":5587,"line":6769},[5585,8126,8127],{"class":5752},"      \u002F\u002F Запит було відправлено, але відповідь не отримано (немає мережі)\n",[5585,8129,8130,8133,8135,8137,8139,8142],{"class":5587,"line":6798},[5585,8131,8132],{"class":5606},"      console",[5585,8134,5536],{"class":5602},[5585,8136,6276],{"class":5598},[5585,8138,5603],{"class":5602},[5585,8140,8141],{"class":5654},"\"Немає з'єднання з сервером\"",[5585,8143,5819],{"class":5602},[5585,8145,8146,8148,8150],{"class":5587,"line":6808},[5585,8147,8107],{"class":5602},[5585,8149,6485],{"class":5645},[5585,8151,5678],{"class":5602},[5585,8153,8154],{"class":5587,"line":6814},[5585,8155,8156],{"class":5752},"      \u002F\u002F Помилка налаштування запиту\n",[5585,8158,8160,8162,8164,8166,8168,8171,8173,8175,8177,8179],{"class":5587,"line":8159},51,[5585,8161,8132],{"class":5606},[5585,8163,5536],{"class":5602},[5585,8165,6276],{"class":5598},[5585,8167,5603],{"class":5602},[5585,8169,8170],{"class":5654},"\"Помилка конфігурації:\"",[5585,8172,6114],{"class":5602},[5585,8174,6276],{"class":5606},[5585,8176,5536],{"class":5602},[5585,8178,6465],{"class":5606},[5585,8180,5819],{"class":5602},[5585,8182,8184],{"class":5587,"line":8183},52,[5585,8185,6540],{"class":5602},[5585,8187,8189],{"class":5587,"line":8188},53,[5585,8190,5746],{"emptyLinePlaceholder":5745},[5585,8192,8194,8196,8198,8200,8202,8204,8206],{"class":5587,"line":8193},54,[5585,8195,7561],{"class":5645},[5585,8197,7598],{"class":5613},[5585,8199,5536],{"class":5602},[5585,8201,7603],{"class":5598},[5585,8203,5603],{"class":5602},[5585,8205,6276],{"class":5606},[5585,8207,5819],{"class":5602},[5585,8209,8211],{"class":5587,"line":8210},55,[5585,8212,5825],{"class":5602},[5585,8214,8216],{"class":5587,"line":8215},56,[5585,8217,5819],{"class":5602},[8219,8220,8221,8222,8225,8226,8229],"warning",{},"Будьте обережні з перенаправленнями у response interceptor (наприклад, ",[5491,8223,8224],{},"window.location.href = ...","). Вони спрацюють для ",[5517,8227,8228],{},"кожного"," 401-запиту, що може створити багаторазове перенаправлення, якщо компонент робить кілька паралельних запитів. Для складніших сценаріїв використовуйте глобальний стан (Context API, Redux) та умовну логіку перенаправлення лише один раз.",[5547,8231],{},[5550,8233,8235],{"id":8234},"типізація-помилок-та-обробка-у-компонентах","Типізація помилок та обробка у компонентах",[5555,8237,8238,8239,8241,8242,8245],{},"Axios надає generic-тип ",[5491,8240,6835],{},", де ",[5491,8243,8244],{},"T"," — очікувана структура тіла помилки від сервера. Це дозволяє типізувати не лише успішні відповіді, а й помилки:",[5575,8247,8249],{"className":5577,"code":8248,"language":5580,"meta":5581,"style":5581},"import { useState } from \"react\";\nimport axios, { AxiosError } from \"axios\";\nimport { usersApi } from \".\u002Fapi\u002Fusers\";\n\ninterface ApiErrorResponse {\n  message: string;\n  statusCode: number;\n}\n\ninterface CreateUserFormData {\n  name: string;\n  email: string;\n  phone: string;\n}\n\nfunction CreateUserForm() {\n  const [formData, setFormData] = useState\u003CCreateUserFormData>({\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n  });\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [error, setError] = useState\u003Cstring | null>(null);\n  const [success, setSuccess] = useState(false);\n\n  async function handleSubmit(e: React.FormEvent) {\n    e.preventDefault();\n    setIsSubmitting(true);\n    setError(null);\n    setSuccess(false);\n\n    try {\n      await usersApi.create(formData);\n      setSuccess(true);\n      setFormData({ name: \"\", email: \"\", phone: \"\" }); \u002F\u002F Очищуємо форму\n    } catch (err) {\n      \u002F\u002F Type guard для Axios-помилок\n      if (axios.isAxiosError\u003CApiErrorResponse>(err)) {\n        \u002F\u002F Тепер TypeScript знає про err.response.data.message\n        setError(err.response?.data?.message ?? \"Не вдалося створити користувача\");\n      } else if (err instanceof Error) {\n        setError(err.message);\n      } else {\n        setError(\"Невідома помилка\");\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  }\n\n  return (\n    \u003Cform onSubmit={handleSubmit}>\n      \u003Ch2>Створити користувача\u003C\u002Fh2>\n\n      {error && \u003Cdiv className=\"error-banner\">{error}\u003C\u002Fdiv>}\n      {success && \u003Cdiv className=\"success-banner\">Користувача створено успішно!\u003C\u002Fdiv>}\n\n      \u003Clabel>\n        Ім'я:\n        \u003Cinput\n          type=\"text\"\n          value={formData.name}\n          onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n          required\n        \u002F>\n      \u003C\u002Flabel>\n\n      \u003Clabel>\n        Email:\n        \u003Cinput\n          type=\"email\"\n          value={formData.email}\n          onChange={(e) => setFormData({ ...formData, email: e.target.value })}\n          required\n        \u002F>\n      \u003C\u002Flabel>\n\n      \u003Clabel>\n        Телефон:\n        \u003Cinput\n          type=\"tel\"\n          value={formData.phone}\n          onChange={(e) => setFormData({ ...formData, phone: e.target.value })}\n          required\n        \u002F>\n      \u003C\u002Flabel>\n\n      \u003Cbutton type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Створення...\" : \"Створити\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5491,8250,8251,8267,8285,8302,8306,8314,8324,8334,8338,8342,8351,8361,8371,8381,8385,8389,8398,8424,8434,8443,8452,8456,8480,8510,8534,8538,8564,8576,8587,8598,8609,8613,8620,8637,8648,8681,8693,8698,8721,8726,8754,8773,8787,8795,8805,8809,8817,8828,8832,8836,8840,8846,8867,8884,8888,8925,8957,8962,8972,8978,8987,8998,9016,9066,9072,9078,9088,9093,9102,9108,9115,9125,9142,9185,9190,9195,9204,9209,9218,9224,9231,9241,9258,9301,9306,9311,9320,9325,9354,9376,9385,9394,9399],{"__ignoreMap":5581},[5585,8252,8253,8255,8257,8259,8261,8263,8265],{"class":5587,"line":5588},[5585,8254,5890],{"class":5645},[5585,8256,5958],{"class":5602},[5585,8258,6117],{"class":5606},[5585,8260,6120],{"class":5602},[5585,8262,6123],{"class":5645},[5585,8264,6126],{"class":5654},[5585,8266,5873],{"class":5602},[5585,8268,8269,8271,8273,8275,8277,8279,8281,8283],{"class":5587,"line":5632},[5585,8270,5890],{"class":5645},[5585,8272,5893],{"class":5606},[5585,8274,6878],{"class":5602},[5585,8276,7648],{"class":5606},[5585,8278,6120],{"class":5602},[5585,8280,6123],{"class":5645},[5585,8282,5899],{"class":5654},[5585,8284,5873],{"class":5602},[5585,8286,8287,8289,8291,8293,8295,8297,8300],{"class":5587,"line":5672},[5585,8288,5890],{"class":5645},[5585,8290,5958],{"class":5602},[5585,8292,7391],{"class":5606},[5585,8294,6120],{"class":5602},[5585,8296,6123],{"class":5645},[5585,8298,8299],{"class":5654}," \".\u002Fapi\u002Fusers\"",[5585,8301,5873],{"class":5602},[5585,8303,8304],{"class":5587,"line":5681},[5585,8305,5746],{"emptyLinePlaceholder":5745},[5585,8307,8308,8310,8312],{"class":5587,"line":5696},[5585,8309,6137],{"class":5591},[5585,8311,7679],{"class":5613},[5585,8313,5678],{"class":5602},[5585,8315,8316,8318,8320,8322],{"class":5587,"line":5730},[5585,8317,7686],{"class":5606},[5585,8319,5610],{"class":5602},[5585,8321,6163],{"class":5613},[5585,8323,5873],{"class":5602},[5585,8325,8326,8328,8330,8332],{"class":5587,"line":5736},[5585,8327,7697],{"class":5606},[5585,8329,5610],{"class":5602},[5585,8331,5614],{"class":5613},[5585,8333,5873],{"class":5602},[5585,8335,8336],{"class":5587,"line":5742},[5585,8337,5879],{"class":5602},[5585,8339,8340],{"class":5587,"line":5749},[5585,8341,5746],{"emptyLinePlaceholder":5745},[5585,8343,8344,8346,8349],{"class":5587,"line":5756},[5585,8345,6137],{"class":5591},[5585,8347,8348],{"class":5613}," CreateUserFormData",[5585,8350,5678],{"class":5602},[5585,8352,8353,8355,8357,8359],{"class":5587,"line":5776},[5585,8354,6158],{"class":5606},[5585,8356,5610],{"class":5602},[5585,8358,6163],{"class":5613},[5585,8360,5873],{"class":5602},[5585,8362,8363,8365,8367,8369],{"class":5587,"line":5822},[5585,8364,6170],{"class":5606},[5585,8366,5610],{"class":5602},[5585,8368,6163],{"class":5613},[5585,8370,5873],{"class":5602},[5585,8372,8373,8375,8377,8379],{"class":5587,"line":5828},[5585,8374,6181],{"class":5606},[5585,8376,5610],{"class":5602},[5585,8378,6163],{"class":5613},[5585,8380,5873],{"class":5602},[5585,8382,8383],{"class":5587,"line":5833},[5585,8384,5879],{"class":5602},[5585,8386,8387],{"class":5587,"line":5839},[5585,8388,5746],{"emptyLinePlaceholder":5745},[5585,8390,8391,8393,8396],{"class":5587,"line":5865},[5585,8392,6200],{"class":5591},[5585,8394,8395],{"class":5598}," CreateUserForm",[5585,8397,6206],{"class":5602},[5585,8399,8400,8402,8404,8407,8409,8412,8414,8416,8418,8421],{"class":5587,"line":5876},[5585,8401,5635],{"class":5591},[5585,8403,6213],{"class":5602},[5585,8405,8406],{"class":5638},"formData",[5585,8408,6114],{"class":5602},[5585,8410,8411],{"class":5638},"setFormData",[5585,8413,6224],{"class":5602},[5585,8415,6117],{"class":5598},[5585,8417,5623],{"class":5602},[5585,8419,8420],{"class":5613},"CreateUserFormData",[5585,8422,8423],{"class":5602},">({\n",[5585,8425,8426,8429,8432],{"class":5587,"line":6331},[5585,8427,8428],{"class":5606},"    name:",[5585,8430,8431],{"class":5654}," \"\"",[5585,8433,5693],{"class":5602},[5585,8435,8436,8439,8441],{"class":5587,"line":6339},[5585,8437,8438],{"class":5606},"    email:",[5585,8440,8431],{"class":5654},[5585,8442,5693],{"class":5602},[5585,8444,8445,8448,8450],{"class":5587,"line":6345},[5585,8446,8447],{"class":5606},"    phone:",[5585,8449,8431],{"class":5654},[5585,8451,5693],{"class":5602},[5585,8453,8454],{"class":5587,"line":6370},[5585,8455,5739],{"class":5602},[5585,8457,8458,8460,8462,8465,8467,8470,8472,8474,8476,8478],{"class":5587,"line":6376},[5585,8459,5635],{"class":5591},[5585,8461,6213],{"class":5602},[5585,8463,8464],{"class":5638},"isSubmitting",[5585,8466,6114],{"class":5602},[5585,8468,8469],{"class":5638},"setIsSubmitting",[5585,8471,6224],{"class":5602},[5585,8473,6117],{"class":5598},[5585,8475,5603],{"class":5602},[5585,8477,6526],{"class":5591},[5585,8479,5819],{"class":5602},[5585,8481,8482,8484,8486,8488,8490,8492,8494,8496,8498,8500,8502,8504,8506,8508],{"class":5587,"line":6382},[5585,8483,5635],{"class":5591},[5585,8485,6213],{"class":5602},[5585,8487,6276],{"class":5638},[5585,8489,6114],{"class":5602},[5585,8491,6281],{"class":5638},[5585,8493,6224],{"class":5602},[5585,8495,6117],{"class":5598},[5585,8497,5623],{"class":5602},[5585,8499,6163],{"class":5613},[5585,8501,6233],{"class":5602},[5585,8503,6236],{"class":5613},[5585,8505,5980],{"class":5602},[5585,8507,6236],{"class":5591},[5585,8509,5819],{"class":5602},[5585,8511,8512,8514,8516,8519,8521,8524,8526,8528,8530,8532],{"class":5587,"line":6398},[5585,8513,5635],{"class":5591},[5585,8515,6213],{"class":5602},[5585,8517,8518],{"class":5638},"success",[5585,8520,6114],{"class":5602},[5585,8522,8523],{"class":5638},"setSuccess",[5585,8525,6224],{"class":5602},[5585,8527,6117],{"class":5598},[5585,8529,5603],{"class":5602},[5585,8531,6526],{"class":5591},[5585,8533,5819],{"class":5602},[5585,8535,8536],{"class":5587,"line":6415},[5585,8537,5746],{"emptyLinePlaceholder":5745},[5585,8539,8540,8543,8545,8548,8550,8553,8555,8557,8559,8562],{"class":5587,"line":6438},[5585,8541,8542],{"class":5591},"  async",[5585,8544,5595],{"class":5591},[5585,8546,8547],{"class":5598}," handleSubmit",[5585,8549,5603],{"class":5602},[5585,8551,8552],{"class":5606},"e",[5585,8554,5610],{"class":5602},[5585,8556,2303],{"class":5613},[5585,8558,5536],{"class":5602},[5585,8560,8561],{"class":5613},"FormEvent",[5585,8563,5773],{"class":5602},[5585,8565,8566,8569,8571,8574],{"class":5587,"line":6444},[5585,8567,8568],{"class":5606},"    e",[5585,8570,5536],{"class":5602},[5585,8572,8573],{"class":5598},"preventDefault",[5585,8575,5862],{"class":5602},[5585,8577,8578,8581,8583,8585],{"class":5587,"line":6479},[5585,8579,8580],{"class":5598},"    setIsSubmitting",[5585,8582,5603],{"class":5602},[5585,8584,6265],{"class":5591},[5585,8586,5819],{"class":5602},[5585,8588,8589,8592,8594,8596],{"class":5587,"line":6490},[5585,8590,8591],{"class":5598},"    setError",[5585,8593,5603],{"class":5602},[5585,8595,6236],{"class":5591},[5585,8597,5819],{"class":5602},[5585,8599,8600,8603,8605,8607],{"class":5587,"line":6502},[5585,8601,8602],{"class":5598},"    setSuccess",[5585,8604,5603],{"class":5602},[5585,8606,6526],{"class":5591},[5585,8608,5819],{"class":5602},[5585,8610,8611],{"class":5587,"line":6508},[5585,8612,5746],{"emptyLinePlaceholder":5745},[5585,8614,8615,8618],{"class":5587,"line":6518},[5585,8616,8617],{"class":5645},"    try",[5585,8619,5678],{"class":5602},[5585,8621,8622,8625,8627,8629,8631,8633,8635],{"class":5587,"line":6531},[5585,8623,8624],{"class":5645},"      await",[5585,8626,7150],{"class":5606},[5585,8628,5536],{"class":5602},[5585,8630,6914],{"class":5598},[5585,8632,5603],{"class":5602},[5585,8634,8406],{"class":5606},[5585,8636,5819],{"class":5602},[5585,8638,8639,8642,8644,8646],{"class":5587,"line":6537},[5585,8640,8641],{"class":5598},"      setSuccess",[5585,8643,5603],{"class":5602},[5585,8645,6265],{"class":5591},[5585,8647,5819],{"class":5602},[5585,8649,8650,8653,8656,8659,8661,8663,8666,8668,8670,8673,8675,8678],{"class":5587,"line":6543},[5585,8651,8652],{"class":5598},"      setFormData",[5585,8654,8655],{"class":5602},"({ ",[5585,8657,8658],{"class":5606},"name:",[5585,8660,8431],{"class":5654},[5585,8662,6114],{"class":5602},[5585,8664,8665],{"class":5606},"email:",[5585,8667,8431],{"class":5654},[5585,8669,6114],{"class":5602},[5585,8671,8672],{"class":5606},"phone:",[5585,8674,8431],{"class":5654},[5585,8676,8677],{"class":5602}," }); ",[5585,8679,8680],{"class":5752},"\u002F\u002F Очищуємо форму\n",[5585,8682,8683,8685,8687,8689,8691],{"class":5587,"line":6548},[5585,8684,8107],{"class":5602},[5585,8686,6404],{"class":5645},[5585,8688,6407],{"class":5602},[5585,8690,6410],{"class":5606},[5585,8692,5773],{"class":5602},[5585,8694,8695],{"class":5587,"line":6556},[5585,8696,8697],{"class":5752},"      \u002F\u002F Type guard для Axios-помилок\n",[5585,8699,8700,8703,8705,8707,8709,8711,8713,8715,8717,8719],{"class":5587,"line":6562},[5585,8701,8702],{"class":5645},"      if",[5585,8704,6407],{"class":5602},[5585,8706,6423],{"class":5606},[5585,8708,5536],{"class":5602},[5585,8710,6428],{"class":5598},[5585,8712,5623],{"class":5602},[5585,8714,7803],{"class":5613},[5585,8716,5980],{"class":5602},[5585,8718,6410],{"class":5606},[5585,8720,6435],{"class":5602},[5585,8722,8723],{"class":5587,"line":6567},[5585,8724,8725],{"class":5752},"        \u002F\u002F Тепер TypeScript знає про err.response.data.message\n",[5585,8727,8728,8731,8733,8735,8737,8739,8741,8743,8745,8747,8749,8752],{"class":5587,"line":6604},[5585,8729,8730],{"class":5598},"        setError",[5585,8732,5603],{"class":5602},[5585,8734,6410],{"class":5606},[5585,8736,5536],{"class":5602},[5585,8738,5765],{"class":5606},[5585,8740,6458],{"class":5602},[5585,8742,5961],{"class":5606},[5585,8744,6458],{"class":5602},[5585,8746,6465],{"class":5606},[5585,8748,6468],{"class":5602},[5585,8750,8751],{"class":5654},"\"Не вдалося створити користувача\"",[5585,8753,5819],{"class":5602},[5585,8755,8756,8758,8760,8762,8764,8766,8769,8771],{"class":5587,"line":6651},[5585,8757,6401],{"class":5602},[5585,8759,6485],{"class":5645},[5585,8761,8112],{"class":5645},[5585,8763,6407],{"class":5602},[5585,8765,6410],{"class":5606},[5585,8767,8768],{"class":5591}," instanceof",[5585,8770,5785],{"class":5613},[5585,8772,5773],{"class":5602},[5585,8774,8775,8777,8779,8781,8783,8785],{"class":5587,"line":6681},[5585,8776,8730],{"class":5598},[5585,8778,5603],{"class":5602},[5585,8780,6410],{"class":5606},[5585,8782,5536],{"class":5602},[5585,8784,6465],{"class":5606},[5585,8786,5819],{"class":5602},[5585,8788,8789,8791,8793],{"class":5587,"line":6686},[5585,8790,6401],{"class":5602},[5585,8792,6485],{"class":5645},[5585,8794,5678],{"class":5602},[5585,8796,8797,8799,8801,8803],{"class":5587,"line":6694},[5585,8798,8730],{"class":5598},[5585,8800,5603],{"class":5602},[5585,8802,6497],{"class":5654},[5585,8804,5819],{"class":5602},[5585,8806,8807],{"class":5587,"line":6713},[5585,8808,6534],{"class":5602},[5585,8810,8811,8813,8815],{"class":5587,"line":6740},[5585,8812,8107],{"class":5602},[5585,8814,6513],{"class":5645},[5585,8816,5678],{"class":5602},[5585,8818,8819,8822,8824,8826],{"class":5587,"line":6769},[5585,8820,8821],{"class":5598},"      setIsSubmitting",[5585,8823,5603],{"class":5602},[5585,8825,6526],{"class":5591},[5585,8827,5819],{"class":5602},[5585,8829,8830],{"class":5587,"line":6798},[5585,8831,6540],{"class":5602},[5585,8833,8834],{"class":5587,"line":6808},[5585,8835,5825],{"class":5602},[5585,8837,8838],{"class":5587,"line":6814},[5585,8839,5746],{"emptyLinePlaceholder":5745},[5585,8841,8842,8844],{"class":5587,"line":8159},[5585,8843,5868],{"class":5645},[5585,8845,6691],{"class":5602},[5585,8847,8848,8850,8853,8856,8858,8860,8863,8865],{"class":5587,"line":8183},[5585,8849,6697],{"class":6582},[5585,8851,8852],{"class":6586},"form",[5585,8854,8855],{"class":6621}," onSubmit",[5585,8857,6625],{"class":5602},[5585,8859,6636],{"class":5591},[5585,8861,8862],{"class":5606},"handleSubmit",[5585,8864,5663],{"class":5591},[5585,8866,6710],{"class":6582},[5585,8868,8869,8871,8873,8875,8878,8880,8882],{"class":5587,"line":8188},[5585,8870,6716],{"class":6582},[5585,8872,5550],{"class":6586},[5585,8874,6589],{"class":6582},[5585,8876,8877],{"class":5602},"Створити користувача",[5585,8879,6595],{"class":6582},[5585,8881,5550],{"class":6586},[5585,8883,6710],{"class":6582},[5585,8885,8886],{"class":5587,"line":8193},[5585,8887,5746],{"emptyLinePlaceholder":5745},[5585,8889,8890,8893,8895,8898,8900,8902,8904,8906,8909,8911,8913,8915,8917,8919,8921,8923],{"class":5587,"line":8210},[5585,8891,8892],{"class":5591},"      {",[5585,8894,6276],{"class":5606},[5585,8896,8897],{"class":5602}," &&",[5585,8899,6583],{"class":6582},[5585,8901,6700],{"class":6586},[5585,8903,6622],{"class":6621},[5585,8905,6625],{"class":5602},[5585,8907,8908],{"class":5654},"\"error-banner\"",[5585,8910,6589],{"class":6582},[5585,8912,6636],{"class":5591},[5585,8914,6276],{"class":5606},[5585,8916,5663],{"class":5591},[5585,8918,6595],{"class":6582},[5585,8920,6700],{"class":6586},[5585,8922,6589],{"class":6582},[5585,8924,5879],{"class":5591},[5585,8926,8927,8929,8931,8933,8935,8937,8939,8941,8944,8946,8949,8951,8953,8955],{"class":5587,"line":8215},[5585,8928,8892],{"class":5591},[5585,8930,8518],{"class":5606},[5585,8932,8897],{"class":5602},[5585,8934,6583],{"class":6582},[5585,8936,6700],{"class":6586},[5585,8938,6622],{"class":6621},[5585,8940,6625],{"class":5602},[5585,8942,8943],{"class":5654},"\"success-banner\"",[5585,8945,6589],{"class":6582},[5585,8947,8948],{"class":5710},"Користувача створено успішно!",[5585,8950,6595],{"class":6582},[5585,8952,6700],{"class":6586},[5585,8954,6589],{"class":6582},[5585,8956,5879],{"class":5591},[5585,8958,8960],{"class":5587,"line":8959},57,[5585,8961,5746],{"emptyLinePlaceholder":5745},[5585,8963,8965,8967,8970],{"class":5587,"line":8964},58,[5585,8966,6716],{"class":6582},[5585,8968,8969],{"class":6586},"label",[5585,8971,6710],{"class":6582},[5585,8973,8975],{"class":5587,"line":8974},59,[5585,8976,8977],{"class":5602},"        Ім'я:\n",[5585,8979,8981,8984],{"class":5587,"line":8980},60,[5585,8982,8983],{"class":6582},"        \u003C",[5585,8985,8986],{"class":6586},"input\n",[5585,8988,8990,8993,8995],{"class":5587,"line":8989},61,[5585,8991,8992],{"class":6621},"          type",[5585,8994,6625],{"class":5602},[5585,8996,8997],{"class":5654},"\"text\"\n",[5585,8999,9001,9004,9006,9008,9010,9012,9014],{"class":5587,"line":9000},62,[5585,9002,9003],{"class":6621},"          value",[5585,9005,6625],{"class":5602},[5585,9007,6636],{"class":5591},[5585,9009,8406],{"class":5606},[5585,9011,5536],{"class":5710},[5585,9013,6729],{"class":5606},[5585,9015,5879],{"class":5591},[5585,9017,9019,9022,9024,9026,9028,9030,9032,9034,9037,9039,9042,9044,9046,9048,9051,9053,9056,9058,9061,9064],{"class":5587,"line":9018},63,[5585,9020,9021],{"class":6621},"          onChange",[5585,9023,6625],{"class":5602},[5585,9025,6636],{"class":5591},[5585,9027,5603],{"class":5710},[5585,9029,8552],{"class":5606},[5585,9031,6576],{"class":5710},[5585,9033,6314],{"class":5591},[5585,9035,9036],{"class":5598}," setFormData",[5585,9038,8655],{"class":5710},[5585,9040,9041],{"class":5602},"...",[5585,9043,8406],{"class":5606},[5585,9045,6114],{"class":5710},[5585,9047,8658],{"class":5606},[5585,9049,9050],{"class":5606}," e",[5585,9052,5536],{"class":5710},[5585,9054,9055],{"class":5606},"target",[5585,9057,5536],{"class":5710},[5585,9059,9060],{"class":5606},"value",[5585,9062,9063],{"class":5710}," })",[5585,9065,5879],{"class":5591},[5585,9067,9069],{"class":5587,"line":9068},64,[5585,9070,9071],{"class":6621},"          required\n",[5585,9073,9075],{"class":5587,"line":9074},65,[5585,9076,9077],{"class":6582},"        \u002F>\n",[5585,9079,9081,9084,9086],{"class":5587,"line":9080},66,[5585,9082,9083],{"class":6582},"      \u003C\u002F",[5585,9085,8969],{"class":6586},[5585,9087,6710],{"class":6582},[5585,9089,9091],{"class":5587,"line":9090},67,[5585,9092,5746],{"emptyLinePlaceholder":5745},[5585,9094,9096,9098,9100],{"class":5587,"line":9095},68,[5585,9097,6716],{"class":6582},[5585,9099,8969],{"class":6586},[5585,9101,6710],{"class":6582},[5585,9103,9105],{"class":5587,"line":9104},69,[5585,9106,9107],{"class":5602},"        Email:\n",[5585,9109,9111,9113],{"class":5587,"line":9110},70,[5585,9112,8983],{"class":6582},[5585,9114,8986],{"class":6586},[5585,9116,9118,9120,9122],{"class":5587,"line":9117},71,[5585,9119,8992],{"class":6621},[5585,9121,6625],{"class":5602},[5585,9123,9124],{"class":5654},"\"email\"\n",[5585,9126,9128,9130,9132,9134,9136,9138,9140],{"class":5587,"line":9127},72,[5585,9129,9003],{"class":6621},[5585,9131,6625],{"class":5602},[5585,9133,6636],{"class":5591},[5585,9135,8406],{"class":5606},[5585,9137,5536],{"class":5710},[5585,9139,6758],{"class":5606},[5585,9141,5879],{"class":5591},[5585,9143,9145,9147,9149,9151,9153,9155,9157,9159,9161,9163,9165,9167,9169,9171,9173,9175,9177,9179,9181,9183],{"class":5587,"line":9144},73,[5585,9146,9021],{"class":6621},[5585,9148,6625],{"class":5602},[5585,9150,6636],{"class":5591},[5585,9152,5603],{"class":5710},[5585,9154,8552],{"class":5606},[5585,9156,6576],{"class":5710},[5585,9158,6314],{"class":5591},[5585,9160,9036],{"class":5598},[5585,9162,8655],{"class":5710},[5585,9164,9041],{"class":5602},[5585,9166,8406],{"class":5606},[5585,9168,6114],{"class":5710},[5585,9170,8665],{"class":5606},[5585,9172,9050],{"class":5606},[5585,9174,5536],{"class":5710},[5585,9176,9055],{"class":5606},[5585,9178,5536],{"class":5710},[5585,9180,9060],{"class":5606},[5585,9182,9063],{"class":5710},[5585,9184,5879],{"class":5591},[5585,9186,9188],{"class":5587,"line":9187},74,[5585,9189,9071],{"class":6621},[5585,9191,9193],{"class":5587,"line":9192},75,[5585,9194,9077],{"class":6582},[5585,9196,9198,9200,9202],{"class":5587,"line":9197},76,[5585,9199,9083],{"class":6582},[5585,9201,8969],{"class":6586},[5585,9203,6710],{"class":6582},[5585,9205,9207],{"class":5587,"line":9206},77,[5585,9208,5746],{"emptyLinePlaceholder":5745},[5585,9210,9212,9214,9216],{"class":5587,"line":9211},78,[5585,9213,6716],{"class":6582},[5585,9215,8969],{"class":6586},[5585,9217,6710],{"class":6582},[5585,9219,9221],{"class":5587,"line":9220},79,[5585,9222,9223],{"class":5602},"        Телефон:\n",[5585,9225,9227,9229],{"class":5587,"line":9226},80,[5585,9228,8983],{"class":6582},[5585,9230,8986],{"class":6586},[5585,9232,9234,9236,9238],{"class":5587,"line":9233},81,[5585,9235,8992],{"class":6621},[5585,9237,6625],{"class":5602},[5585,9239,9240],{"class":5654},"\"tel\"\n",[5585,9242,9244,9246,9248,9250,9252,9254,9256],{"class":5587,"line":9243},82,[5585,9245,9003],{"class":6621},[5585,9247,6625],{"class":5602},[5585,9249,6636],{"class":5591},[5585,9251,8406],{"class":5606},[5585,9253,5536],{"class":5710},[5585,9255,6787],{"class":5606},[5585,9257,5879],{"class":5591},[5585,9259,9261,9263,9265,9267,9269,9271,9273,9275,9277,9279,9281,9283,9285,9287,9289,9291,9293,9295,9297,9299],{"class":5587,"line":9260},83,[5585,9262,9021],{"class":6621},[5585,9264,6625],{"class":5602},[5585,9266,6636],{"class":5591},[5585,9268,5603],{"class":5710},[5585,9270,8552],{"class":5606},[5585,9272,6576],{"class":5710},[5585,9274,6314],{"class":5591},[5585,9276,9036],{"class":5598},[5585,9278,8655],{"class":5710},[5585,9280,9041],{"class":5602},[5585,9282,8406],{"class":5606},[5585,9284,6114],{"class":5710},[5585,9286,8672],{"class":5606},[5585,9288,9050],{"class":5606},[5585,9290,5536],{"class":5710},[5585,9292,9055],{"class":5606},[5585,9294,5536],{"class":5710},[5585,9296,9060],{"class":5606},[5585,9298,9063],{"class":5710},[5585,9300,5879],{"class":5591},[5585,9302,9304],{"class":5587,"line":9303},84,[5585,9305,9071],{"class":6621},[5585,9307,9309],{"class":5587,"line":9308},85,[5585,9310,9077],{"class":6582},[5585,9312,9314,9316,9318],{"class":5587,"line":9313},86,[5585,9315,9083],{"class":6582},[5585,9317,8969],{"class":6586},[5585,9319,6710],{"class":6582},[5585,9321,9323],{"class":5587,"line":9322},87,[5585,9324,5746],{"emptyLinePlaceholder":5745},[5585,9326,9328,9330,9333,9336,9338,9341,9344,9346,9348,9350,9352],{"class":5587,"line":9327},88,[5585,9329,6716],{"class":6582},[5585,9331,9332],{"class":6586},"button",[5585,9334,9335],{"class":6621}," type",[5585,9337,6625],{"class":5602},[5585,9339,9340],{"class":5654},"\"submit\"",[5585,9342,9343],{"class":6621}," disabled",[5585,9345,6625],{"class":5602},[5585,9347,6636],{"class":5591},[5585,9349,8464],{"class":5606},[5585,9351,5663],{"class":5591},[5585,9353,6710],{"class":6582},[5585,9355,9357,9360,9362,9365,9368,9371,9374],{"class":5587,"line":9356},89,[5585,9358,9359],{"class":5591},"        {",[5585,9361,8464],{"class":5606},[5585,9363,9364],{"class":5602}," ?",[5585,9366,9367],{"class":5654}," \"Створення...\"",[5585,9369,9370],{"class":5602}," :",[5585,9372,9373],{"class":5654}," \"Створити\"",[5585,9375,5879],{"class":5591},[5585,9377,9379,9381,9383],{"class":5587,"line":9378},90,[5585,9380,9083],{"class":6582},[5585,9382,9332],{"class":6586},[5585,9384,6710],{"class":6582},[5585,9386,9388,9390,9392],{"class":5587,"line":9387},91,[5585,9389,6801],{"class":6582},[5585,9391,8852],{"class":6586},[5585,9393,6710],{"class":6582},[5585,9395,9397],{"class":5587,"line":9396},92,[5585,9398,6811],{"class":5602},[5585,9400,9402],{"class":5587,"line":9401},93,[5585,9403,5879],{"class":5602},[6818,9405,9406,9407,9410,9411,9414,9415,9418,9419,9421,9422,5536],{},"Type guard ",[5491,9408,9409],{},"axios.isAxiosError\u003CApiErrorResponse>(err)"," не лише перевіряє, що помилка походить від Axios, а й ",[5517,9412,9413],{},"звужує тип"," ",[5491,9416,9417],{},"err.response.data"," до ",[5491,9420,7803],{},". Це дозволяє TypeScript забезпечити автодоповнення та перевірку типів при зверненні до ",[5491,9423,9424],{},"err.response.data.message",[5547,9426],{},[5550,9428,9430],{"id":9429},"кастомний-хук-useaxios-для-повторного-використання","Кастомний хук useAxios для повторного використання",[5555,9432,9433],{},"Логіку завантаження даних через Axios зручно винести у кастомний хук, щоб уникнути дублювання коду у кожному компоненті:",[5575,9435,9437],{"className":5577,"code":9436,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fhooks\u002FuseAxios.ts\nimport { useEffect, useState } from \"react\";\nimport axios, { AxiosError, AxiosResponse } from \"axios\";\n\ninterface UseAxiosResult\u003CT> {\n  data: T | null;\n  isLoading: boolean;\n  error: string | null;\n  refetch: () => void;\n}\n\nfunction useAxios\u003CT>(\n  fetcher: () => Promise\u003CAxiosResponse\u003CT>>,\n  dependencies: unknown[] = []\n): UseAxiosResult\u003CT> {\n  const [data, setData] = useState\u003CT | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState\u003Cstring | null>(null);\n  const [refetchTrigger, setRefetchTrigger] = useState(0);\n\n  useEffect(() => {\n    const controller = new AbortController();\n\n    async function load() {\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        const response = await fetcher();\n        setData(response.data);\n      } catch (err) {\n        \u002F\u002F Ігноруємо помилки скасованих запитів\n        if (axios.isCancel(err)) return;\n\n        if (axios.isAxiosError(err)) {\n          setError(err.response?.data?.message ?? err.message);\n        } else if (err instanceof Error) {\n          setError(err.message);\n        } else {\n          setError(\"Невідома помилка\");\n        }\n      } finally {\n        setIsLoading(false);\n      }\n    }\n\n    load();\n\n    return () => {\n      controller.abort(); \u002F\u002F Скасовуємо запит при розмонтуванні\n    };\n  }, [...dependencies, refetchTrigger]);\n\n  const refetch = () => setRefetchTrigger((prev) => prev + 1);\n\n  return { data, isLoading, error, refetch };\n}\n\nexport default useAxios;\n",[5491,9438,9439,9444,9464,9487,9491,9504,9519,9531,9546,9561,9565,9569,9582,9604,9616,9629,9660,9682,9712,9737,9741,9751,9768,9772,9783,9789,9799,9809,9813,9828,9843,9855,9860,9884,9888,9906,9936,9954,9968,9976,9986,9990,9998,10008,10012,10016,10020,10027,10031,10041,10057,10062,10077,10081,10117,10121,10145,10149,10153],{"__ignoreMap":5581},[5585,9440,9441],{"class":5587,"line":5588},[5585,9442,9443],{"class":5752},"\u002F\u002F src\u002Fhooks\u002FuseAxios.ts\n",[5585,9445,9446,9448,9450,9452,9454,9456,9458,9460,9462],{"class":5587,"line":5632},[5585,9447,5890],{"class":5645},[5585,9449,5958],{"class":5602},[5585,9451,6111],{"class":5606},[5585,9453,6114],{"class":5602},[5585,9455,6117],{"class":5606},[5585,9457,6120],{"class":5602},[5585,9459,6123],{"class":5645},[5585,9461,6126],{"class":5654},[5585,9463,5873],{"class":5602},[5585,9465,9466,9468,9470,9472,9474,9476,9479,9481,9483,9485],{"class":5587,"line":5672},[5585,9467,5890],{"class":5645},[5585,9469,5893],{"class":5606},[5585,9471,6878],{"class":5602},[5585,9473,7648],{"class":5606},[5585,9475,6114],{"class":5602},[5585,9477,9478],{"class":5606},"AxiosResponse",[5585,9480,6120],{"class":5602},[5585,9482,6123],{"class":5645},[5585,9484,5899],{"class":5654},[5585,9486,5873],{"class":5602},[5585,9488,9489],{"class":5587,"line":5681},[5585,9490,5746],{"emptyLinePlaceholder":5745},[5585,9492,9493,9495,9498,9500,9502],{"class":5587,"line":5696},[5585,9494,6137],{"class":5591},[5585,9496,9497],{"class":5613}," UseAxiosResult",[5585,9499,5623],{"class":5602},[5585,9501,8244],{"class":5613},[5585,9503,5629],{"class":5602},[5585,9505,9506,9509,9511,9513,9515,9517],{"class":5587,"line":5730},[5585,9507,9508],{"class":5606},"  data",[5585,9510,5610],{"class":5602},[5585,9512,8244],{"class":5613},[5585,9514,6233],{"class":5602},[5585,9516,6236],{"class":5613},[5585,9518,5873],{"class":5602},[5585,9520,9521,9524,9526,9529],{"class":5587,"line":5736},[5585,9522,9523],{"class":5606},"  isLoading",[5585,9525,5610],{"class":5602},[5585,9527,9528],{"class":5613},"boolean",[5585,9530,5873],{"class":5602},[5585,9532,9533,9536,9538,9540,9542,9544],{"class":5587,"line":5742},[5585,9534,9535],{"class":5606},"  error",[5585,9537,5610],{"class":5602},[5585,9539,6163],{"class":5613},[5585,9541,6233],{"class":5602},[5585,9543,6236],{"class":5613},[5585,9545,5873],{"class":5602},[5585,9547,9548,9551,9554,9556,9559],{"class":5587,"line":5749},[5585,9549,9550],{"class":5598},"  refetch",[5585,9552,9553],{"class":5602},": () ",[5585,9555,6314],{"class":5591},[5585,9557,9558],{"class":5613}," void",[5585,9560,5873],{"class":5602},[5585,9562,9563],{"class":5587,"line":5756},[5585,9564,5879],{"class":5602},[5585,9566,9567],{"class":5587,"line":5776},[5585,9568,5746],{"emptyLinePlaceholder":5745},[5585,9570,9571,9573,9576,9578,9580],{"class":5587,"line":5822},[5585,9572,6200],{"class":5591},[5585,9574,9575],{"class":5598}," useAxios",[5585,9577,5623],{"class":5602},[5585,9579,8244],{"class":5613},[5585,9581,6367],{"class":5602},[5585,9583,9584,9587,9589,9591,9593,9595,9597,9599,9601],{"class":5587,"line":5828},[5585,9585,9586],{"class":5598},"  fetcher",[5585,9588,9553],{"class":5602},[5585,9590,6314],{"class":5591},[5585,9592,7598],{"class":5613},[5585,9594,5623],{"class":5602},[5585,9596,9478],{"class":5613},[5585,9598,5623],{"class":5602},[5585,9600,8244],{"class":5613},[5585,9602,9603],{"class":5602},">>,\n",[5585,9605,9606,9609,9611,9613],{"class":5587,"line":5833},[5585,9607,9608],{"class":5606},"  dependencies",[5585,9610,5610],{"class":5602},[5585,9612,6831],{"class":5613},[5585,9614,9615],{"class":5602},"[] = []\n",[5585,9617,9618,9620,9623,9625,9627],{"class":5587,"line":5839},[5585,9619,5617],{"class":5602},[5585,9621,9622],{"class":5613},"UseAxiosResult",[5585,9624,5623],{"class":5602},[5585,9626,8244],{"class":5613},[5585,9628,5629],{"class":5602},[5585,9630,9631,9633,9635,9637,9639,9642,9644,9646,9648,9650,9652,9654,9656,9658],{"class":5587,"line":5865},[5585,9632,5635],{"class":5591},[5585,9634,6213],{"class":5602},[5585,9636,5961],{"class":5638},[5585,9638,6114],{"class":5602},[5585,9640,9641],{"class":5638},"setData",[5585,9643,6224],{"class":5602},[5585,9645,6117],{"class":5598},[5585,9647,5623],{"class":5602},[5585,9649,8244],{"class":5613},[5585,9651,6233],{"class":5602},[5585,9653,6236],{"class":5613},[5585,9655,5980],{"class":5602},[5585,9657,6236],{"class":5591},[5585,9659,5819],{"class":5602},[5585,9661,9662,9664,9666,9668,9670,9672,9674,9676,9678,9680],{"class":5587,"line":5876},[5585,9663,5635],{"class":5591},[5585,9665,6213],{"class":5602},[5585,9667,6251],{"class":5638},[5585,9669,6114],{"class":5602},[5585,9671,6256],{"class":5638},[5585,9673,6224],{"class":5602},[5585,9675,6117],{"class":5598},[5585,9677,5603],{"class":5602},[5585,9679,6265],{"class":5591},[5585,9681,5819],{"class":5602},[5585,9683,9684,9686,9688,9690,9692,9694,9696,9698,9700,9702,9704,9706,9708,9710],{"class":5587,"line":6331},[5585,9685,5635],{"class":5591},[5585,9687,6213],{"class":5602},[5585,9689,6276],{"class":5638},[5585,9691,6114],{"class":5602},[5585,9693,6281],{"class":5638},[5585,9695,6224],{"class":5602},[5585,9697,6117],{"class":5598},[5585,9699,5623],{"class":5602},[5585,9701,6163],{"class":5613},[5585,9703,6233],{"class":5602},[5585,9705,6236],{"class":5613},[5585,9707,5980],{"class":5602},[5585,9709,6236],{"class":5591},[5585,9711,5819],{"class":5602},[5585,9713,9714,9716,9718,9721,9723,9726,9728,9730,9732,9735],{"class":5587,"line":6339},[5585,9715,5635],{"class":5591},[5585,9717,6213],{"class":5602},[5585,9719,9720],{"class":5638},"refetchTrigger",[5585,9722,6114],{"class":5602},[5585,9724,9725],{"class":5638},"setRefetchTrigger",[5585,9727,6224],{"class":5602},[5585,9729,6117],{"class":5598},[5585,9731,5603],{"class":5602},[5585,9733,9734],{"class":6955},"0",[5585,9736,5819],{"class":5602},[5585,9738,9739],{"class":5587,"line":6345},[5585,9740,5746],{"emptyLinePlaceholder":5745},[5585,9742,9743,9745,9747,9749],{"class":5587,"line":6370},[5585,9744,6308],{"class":5598},[5585,9746,6311],{"class":5602},[5585,9748,6314],{"class":5591},[5585,9750,5678],{"class":5602},[5585,9752,9753,9755,9758,9760,9763,9766],{"class":5587,"line":6376},[5585,9754,7487],{"class":5591},[5585,9756,9757],{"class":5638}," controller",[5585,9759,5642],{"class":5602},[5585,9761,9762],{"class":5591},"new",[5585,9764,9765],{"class":5598}," AbortController",[5585,9767,5862],{"class":5602},[5585,9769,9770],{"class":5587,"line":6382},[5585,9771,5746],{"emptyLinePlaceholder":5745},[5585,9773,9774,9776,9778,9781],{"class":5587,"line":6398},[5585,9775,6321],{"class":5591},[5585,9777,5595],{"class":5591},[5585,9779,9780],{"class":5598}," load",[5585,9782,6206],{"class":5602},[5585,9784,9785,9787],{"class":5587,"line":6415},[5585,9786,6334],{"class":5645},[5585,9788,5678],{"class":5602},[5585,9790,9791,9793,9795,9797],{"class":5587,"line":6438},[5585,9792,6521],{"class":5598},[5585,9794,5603],{"class":5602},[5585,9796,6265],{"class":5591},[5585,9798,5819],{"class":5602},[5585,9800,9801,9803,9805,9807],{"class":5587,"line":6444},[5585,9802,8730],{"class":5598},[5585,9804,5603],{"class":5602},[5585,9806,6236],{"class":5591},[5585,9808,5819],{"class":5602},[5585,9810,9811],{"class":5587,"line":6479},[5585,9812,5746],{"emptyLinePlaceholder":5745},[5585,9814,9815,9817,9819,9821,9823,9826],{"class":5587,"line":6490},[5585,9816,6348],{"class":5591},[5585,9818,5639],{"class":5638},[5585,9820,5642],{"class":5602},[5585,9822,5646],{"class":5645},[5585,9824,9825],{"class":5598}," fetcher",[5585,9827,5862],{"class":5602},[5585,9829,9830,9833,9835,9837,9839,9841],{"class":5587,"line":6502},[5585,9831,9832],{"class":5598},"        setData",[5585,9834,5603],{"class":5602},[5585,9836,5765],{"class":5606},[5585,9838,5536],{"class":5602},[5585,9840,5961],{"class":5606},[5585,9842,5819],{"class":5602},[5585,9844,9845,9847,9849,9851,9853],{"class":5587,"line":6508},[5585,9846,6401],{"class":5602},[5585,9848,6404],{"class":5645},[5585,9850,6407],{"class":5602},[5585,9852,6410],{"class":5606},[5585,9854,5773],{"class":5602},[5585,9856,9857],{"class":5587,"line":6518},[5585,9858,9859],{"class":5752},"        \u002F\u002F Ігноруємо помилки скасованих запитів\n",[5585,9861,9862,9864,9866,9868,9870,9873,9875,9877,9880,9882],{"class":5587,"line":6531},[5585,9863,6418],{"class":5645},[5585,9865,6407],{"class":5602},[5585,9867,6423],{"class":5606},[5585,9869,5536],{"class":5602},[5585,9871,9872],{"class":5598},"isCancel",[5585,9874,5603],{"class":5602},[5585,9876,6410],{"class":5606},[5585,9878,9879],{"class":5602},")) ",[5585,9881,6579],{"class":5645},[5585,9883,5873],{"class":5602},[5585,9885,9886],{"class":5587,"line":6537},[5585,9887,5746],{"emptyLinePlaceholder":5745},[5585,9889,9890,9892,9894,9896,9898,9900,9902,9904],{"class":5587,"line":6543},[5585,9891,6418],{"class":5645},[5585,9893,6407],{"class":5602},[5585,9895,6423],{"class":5606},[5585,9897,5536],{"class":5602},[5585,9899,6428],{"class":5598},[5585,9901,5603],{"class":5602},[5585,9903,6410],{"class":5606},[5585,9905,6435],{"class":5602},[5585,9907,9908,9910,9912,9914,9916,9918,9920,9922,9924,9926,9928,9930,9932,9934],{"class":5587,"line":6548},[5585,9909,6447],{"class":5598},[5585,9911,5603],{"class":5602},[5585,9913,6410],{"class":5606},[5585,9915,5536],{"class":5602},[5585,9917,5765],{"class":5606},[5585,9919,6458],{"class":5602},[5585,9921,5961],{"class":5606},[5585,9923,6458],{"class":5602},[5585,9925,6465],{"class":5606},[5585,9927,6468],{"class":5602},[5585,9929,6410],{"class":5606},[5585,9931,5536],{"class":5602},[5585,9933,6465],{"class":5606},[5585,9935,5819],{"class":5602},[5585,9937,9938,9940,9942,9944,9946,9948,9950,9952],{"class":5587,"line":6556},[5585,9939,6482],{"class":5602},[5585,9941,6485],{"class":5645},[5585,9943,8112],{"class":5645},[5585,9945,6407],{"class":5602},[5585,9947,6410],{"class":5606},[5585,9949,8768],{"class":5591},[5585,9951,5785],{"class":5613},[5585,9953,5773],{"class":5602},[5585,9955,9956,9958,9960,9962,9964,9966],{"class":5587,"line":6562},[5585,9957,6447],{"class":5598},[5585,9959,5603],{"class":5602},[5585,9961,6410],{"class":5606},[5585,9963,5536],{"class":5602},[5585,9965,6465],{"class":5606},[5585,9967,5819],{"class":5602},[5585,9969,9970,9972,9974],{"class":5587,"line":6567},[5585,9971,6482],{"class":5602},[5585,9973,6485],{"class":5645},[5585,9975,5678],{"class":5602},[5585,9977,9978,9980,9982,9984],{"class":5587,"line":6604},[5585,9979,6447],{"class":5598},[5585,9981,5603],{"class":5602},[5585,9983,6497],{"class":5654},[5585,9985,5819],{"class":5602},[5585,9987,9988],{"class":5587,"line":6651},[5585,9989,6505],{"class":5602},[5585,9991,9992,9994,9996],{"class":5587,"line":6681},[5585,9993,6401],{"class":5602},[5585,9995,6513],{"class":5645},[5585,9997,5678],{"class":5602},[5585,9999,10000,10002,10004,10006],{"class":5587,"line":6686},[5585,10001,6521],{"class":5598},[5585,10003,5603],{"class":5602},[5585,10005,6526],{"class":5591},[5585,10007,5819],{"class":5602},[5585,10009,10010],{"class":5587,"line":6694},[5585,10011,6534],{"class":5602},[5585,10013,10014],{"class":5587,"line":6713},[5585,10015,6540],{"class":5602},[5585,10017,10018],{"class":5587,"line":6740},[5585,10019,5746],{"emptyLinePlaceholder":5745},[5585,10021,10022,10025],{"class":5587,"line":6769},[5585,10023,10024],{"class":5598},"    load",[5585,10026,5862],{"class":5602},[5585,10028,10029],{"class":5587,"line":6798},[5585,10030,5746],{"emptyLinePlaceholder":5745},[5585,10032,10033,10035,10037,10039],{"class":5587,"line":6808},[5585,10034,7561],{"class":5645},[5585,10036,7163],{"class":5602},[5585,10038,6314],{"class":5591},[5585,10040,5678],{"class":5602},[5585,10042,10043,10046,10048,10051,10054],{"class":5587,"line":6814},[5585,10044,10045],{"class":5606},"      controller",[5585,10047,5536],{"class":5602},[5585,10049,10050],{"class":5598},"abort",[5585,10052,10053],{"class":5602},"(); ",[5585,10055,10056],{"class":5752},"\u002F\u002F Скасовуємо запит при розмонтуванні\n",[5585,10058,10059],{"class":5587,"line":8159},[5585,10060,10061],{"class":5602},"    };\n",[5585,10063,10064,10067,10070,10072,10074],{"class":5587,"line":8183},[5585,10065,10066],{"class":5602},"  }, [...",[5585,10068,10069],{"class":5606},"dependencies",[5585,10071,6114],{"class":5602},[5585,10073,9720],{"class":5606},[5585,10075,10076],{"class":5602},"]);\n",[5585,10078,10079],{"class":5587,"line":8188},[5585,10080,5746],{"emptyLinePlaceholder":5745},[5585,10082,10083,10085,10088,10091,10093,10096,10099,10102,10104,10106,10109,10112,10115],{"class":5587,"line":8193},[5585,10084,5635],{"class":5591},[5585,10086,10087],{"class":5598}," refetch",[5585,10089,10090],{"class":5602}," = () ",[5585,10092,6314],{"class":5591},[5585,10094,10095],{"class":5598}," setRefetchTrigger",[5585,10097,10098],{"class":5602},"((",[5585,10100,10101],{"class":5606},"prev",[5585,10103,6576],{"class":5602},[5585,10105,6314],{"class":5591},[5585,10107,10108],{"class":5606}," prev",[5585,10110,10111],{"class":5602}," + ",[5585,10113,10114],{"class":6955},"1",[5585,10116,5819],{"class":5602},[5585,10118,10119],{"class":5587,"line":8210},[5585,10120,5746],{"emptyLinePlaceholder":5745},[5585,10122,10123,10125,10127,10129,10131,10133,10135,10137,10139,10142],{"class":5587,"line":8215},[5585,10124,5868],{"class":5645},[5585,10126,5958],{"class":5602},[5585,10128,5961],{"class":5606},[5585,10130,6114],{"class":5602},[5585,10132,6251],{"class":5606},[5585,10134,6114],{"class":5602},[5585,10136,6276],{"class":5606},[5585,10138,6114],{"class":5602},[5585,10140,10141],{"class":5606},"refetch",[5585,10143,10144],{"class":5602}," };\n",[5585,10146,10147],{"class":5587,"line":8959},[5585,10148,5879],{"class":5602},[5585,10150,10151],{"class":5587,"line":8964},[5585,10152,5746],{"emptyLinePlaceholder":5745},[5585,10154,10155,10157,10159,10161],{"class":5587,"line":8974},[5585,10156,6998],{"class":5645},[5585,10158,7001],{"class":5645},[5585,10160,9575],{"class":5606},[5585,10162,5873],{"class":5602},[5555,10164,10165],{},"Використання хука у компоненті:",[5575,10167,10169],{"className":5577,"code":10168,"language":5580,"meta":5581,"style":5581},"import useAxios from \".\u002Fhooks\u002FuseAxios\";\nimport { usersApi } from \".\u002Fapi\u002Fusers\";\n\nfunction UsersList() {\n  const { data: users, isLoading, error, refetch } = useAxios(() => usersApi.getAll(), []);\n\n  if (isLoading) return \u003Cp>Завантаження користувачів...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv>\n      \u003Cdiv className=\"header\">\n        \u003Ch2>Список користувачів\u003C\u002Fh2>\n        \u003Cbutton onClick={refetch}>🔄 Оновити\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n\n      \u003Cul className=\"users-list\">\n        {users?.map((user) => (\n          \u003Cli key={user.id}>\n            \u003Cstrong>{user.name}\u003C\u002Fstrong> — {user.email}\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  );\n}\n",[5491,10170,10171,10184,10200,10204,10213,10257,10261,10290,10330,10334,10340,10348,10363,10380,10408,10416,10420,10435,10456,10480,10518,10527,10534,10542,10550,10554],{"__ignoreMap":5581},[5585,10172,10173,10175,10177,10179,10182],{"class":5587,"line":5588},[5585,10174,5890],{"class":5645},[5585,10176,9575],{"class":5606},[5585,10178,5896],{"class":5645},[5585,10180,10181],{"class":5654}," \".\u002Fhooks\u002FuseAxios\"",[5585,10183,5873],{"class":5602},[5585,10185,10186,10188,10190,10192,10194,10196,10198],{"class":5587,"line":5632},[5585,10187,5890],{"class":5645},[5585,10189,5958],{"class":5602},[5585,10191,7391],{"class":5606},[5585,10193,6120],{"class":5602},[5585,10195,6123],{"class":5645},[5585,10197,8299],{"class":5654},[5585,10199,5873],{"class":5602},[5585,10201,10202],{"class":5587,"line":5672},[5585,10203,5746],{"emptyLinePlaceholder":5745},[5585,10205,10206,10208,10211],{"class":5587,"line":5681},[5585,10207,6200],{"class":5591},[5585,10209,10210],{"class":5598}," UsersList",[5585,10212,6206],{"class":5602},[5585,10214,10215,10217,10219,10221,10223,10226,10228,10230,10232,10234,10236,10238,10240,10243,10245,10247,10249,10251,10254],{"class":5587,"line":5696},[5585,10216,5635],{"class":5591},[5585,10218,5958],{"class":5602},[5585,10220,5961],{"class":5606},[5585,10222,5610],{"class":5602},[5585,10224,10225],{"class":5638},"users",[5585,10227,6114],{"class":5602},[5585,10229,6251],{"class":5638},[5585,10231,6114],{"class":5602},[5585,10233,6276],{"class":5638},[5585,10235,6114],{"class":5602},[5585,10237,10141],{"class":5638},[5585,10239,5964],{"class":5602},[5585,10241,10242],{"class":5598},"useAxios",[5585,10244,6311],{"class":5602},[5585,10246,6314],{"class":5591},[5585,10248,7150],{"class":5606},[5585,10250,5536],{"class":5602},[5585,10252,10253],{"class":5598},"getAll",[5585,10255,10256],{"class":5602},"(), []);\n",[5585,10258,10259],{"class":5587,"line":5730},[5585,10260,5746],{"emptyLinePlaceholder":5745},[5585,10262,10263,10265,10267,10269,10271,10273,10275,10277,10279,10282,10284,10286,10288],{"class":5587,"line":5736},[5585,10264,5759],{"class":5645},[5585,10266,6407],{"class":5602},[5585,10268,6251],{"class":5606},[5585,10270,6576],{"class":5602},[5585,10272,6579],{"class":5645},[5585,10274,6583],{"class":6582},[5585,10276,5555],{"class":6586},[5585,10278,6589],{"class":6582},[5585,10280,10281],{"class":5602},"Завантаження користувачів...",[5585,10283,6595],{"class":6582},[5585,10285,5555],{"class":6586},[5585,10287,6589],{"class":6582},[5585,10289,5873],{"class":5602},[5585,10291,10292,10294,10296,10298,10300,10302,10304,10306,10308,10310,10312,10314,10316,10318,10320,10322,10324,10326,10328],{"class":5587,"line":5742},[5585,10293,5759],{"class":5645},[5585,10295,6407],{"class":5602},[5585,10297,6276],{"class":5606},[5585,10299,6576],{"class":5602},[5585,10301,6579],{"class":5645},[5585,10303,6583],{"class":6582},[5585,10305,5555],{"class":6586},[5585,10307,6622],{"class":6621},[5585,10309,6625],{"class":5602},[5585,10311,6628],{"class":5654},[5585,10313,6589],{"class":6582},[5585,10315,6633],{"class":5602},[5585,10317,6636],{"class":5591},[5585,10319,6276],{"class":5606},[5585,10321,5663],{"class":5591},[5585,10323,6595],{"class":6582},[5585,10325,5555],{"class":6586},[5585,10327,6589],{"class":6582},[5585,10329,5873],{"class":5602},[5585,10331,10332],{"class":5587,"line":5749},[5585,10333,5746],{"emptyLinePlaceholder":5745},[5585,10335,10336,10338],{"class":5587,"line":5756},[5585,10337,5868],{"class":5645},[5585,10339,6691],{"class":5602},[5585,10341,10342,10344,10346],{"class":5587,"line":5776},[5585,10343,6697],{"class":6582},[5585,10345,6700],{"class":6586},[5585,10347,6710],{"class":6582},[5585,10349,10350,10352,10354,10356,10358,10361],{"class":5587,"line":5822},[5585,10351,6716],{"class":6582},[5585,10353,6700],{"class":6586},[5585,10355,6622],{"class":6621},[5585,10357,6625],{"class":5602},[5585,10359,10360],{"class":5654},"\"header\"",[5585,10362,6710],{"class":6582},[5585,10364,10365,10367,10369,10371,10374,10376,10378],{"class":5587,"line":5828},[5585,10366,8983],{"class":6582},[5585,10368,5550],{"class":6586},[5585,10370,6589],{"class":6582},[5585,10372,10373],{"class":5602},"Список користувачів",[5585,10375,6595],{"class":6582},[5585,10377,5550],{"class":6586},[5585,10379,6710],{"class":6582},[5585,10381,10382,10384,10386,10389,10391,10393,10395,10397,10399,10402,10404,10406],{"class":5587,"line":5833},[5585,10383,8983],{"class":6582},[5585,10385,9332],{"class":6586},[5585,10387,10388],{"class":6621}," onClick",[5585,10390,6625],{"class":5602},[5585,10392,6636],{"class":5591},[5585,10394,10141],{"class":5606},[5585,10396,5663],{"class":5591},[5585,10398,6589],{"class":6582},[5585,10400,10401],{"class":5602},"🔄 Оновити",[5585,10403,6595],{"class":6582},[5585,10405,9332],{"class":6586},[5585,10407,6710],{"class":6582},[5585,10409,10410,10412,10414],{"class":5587,"line":5839},[5585,10411,9083],{"class":6582},[5585,10413,6700],{"class":6586},[5585,10415,6710],{"class":6582},[5585,10417,10418],{"class":5587,"line":5865},[5585,10419,5746],{"emptyLinePlaceholder":5745},[5585,10421,10422,10424,10426,10428,10430,10433],{"class":5587,"line":5876},[5585,10423,6716],{"class":6582},[5585,10425,5484],{"class":6586},[5585,10427,6622],{"class":6621},[5585,10429,6625],{"class":5602},[5585,10431,10432],{"class":5654},"\"users-list\"",[5585,10434,6710],{"class":6582},[5585,10436,10437,10439,10441,10443,10446,10448,10450,10452,10454],{"class":5587,"line":6331},[5585,10438,9359],{"class":5591},[5585,10440,10225],{"class":5606},[5585,10442,6458],{"class":5710},[5585,10444,10445],{"class":5598},"map",[5585,10447,10098],{"class":5710},[5585,10449,6216],{"class":5606},[5585,10451,6576],{"class":5710},[5585,10453,6314],{"class":5591},[5585,10455,6691],{"class":5710},[5585,10457,10458,10461,10463,10466,10468,10470,10472,10474,10476,10478],{"class":5587,"line":6339},[5585,10459,10460],{"class":6582},"          \u003C",[5585,10462,5487],{"class":6586},[5585,10464,10465],{"class":6621}," key",[5585,10467,6625],{"class":5602},[5585,10469,6636],{"class":5591},[5585,10471,6216],{"class":5606},[5585,10473,5536],{"class":5710},[5585,10475,5607],{"class":5606},[5585,10477,5663],{"class":5591},[5585,10479,6710],{"class":6582},[5585,10481,10482,10485,10487,10489,10491,10493,10495,10497,10499,10501,10503,10505,10508,10510,10512,10514,10516],{"class":5587,"line":6345},[5585,10483,10484],{"class":6582},"            \u003C",[5585,10486,5517],{"class":6586},[5585,10488,6589],{"class":6582},[5585,10490,6636],{"class":5591},[5585,10492,6216],{"class":5606},[5585,10494,5536],{"class":5710},[5585,10496,6729],{"class":5606},[5585,10498,5663],{"class":5591},[5585,10500,6595],{"class":6582},[5585,10502,5517],{"class":6586},[5585,10504,6589],{"class":6582},[5585,10506,10507],{"class":5710}," — ",[5585,10509,6636],{"class":5591},[5585,10511,6216],{"class":5606},[5585,10513,5536],{"class":5710},[5585,10515,6758],{"class":5606},[5585,10517,5879],{"class":5591},[5585,10519,10520,10523,10525],{"class":5587,"line":6370},[5585,10521,10522],{"class":6582},"          \u003C\u002F",[5585,10524,5487],{"class":6586},[5585,10526,6710],{"class":6582},[5585,10528,10529,10532],{"class":5587,"line":6376},[5585,10530,10531],{"class":5710},"        ))",[5585,10533,5879],{"class":5591},[5585,10535,10536,10538,10540],{"class":5587,"line":6382},[5585,10537,9083],{"class":6582},[5585,10539,5484],{"class":6586},[5585,10541,6710],{"class":6582},[5585,10543,10544,10546,10548],{"class":5587,"line":6398},[5585,10545,6801],{"class":6582},[5585,10547,6700],{"class":6586},[5585,10549,6710],{"class":6582},[5585,10551,10552],{"class":5587,"line":6415},[5585,10553,6811],{"class":5602},[5585,10555,10556],{"class":5587,"line":6438},[5585,10557,5879],{"class":5602},[6006,10559,10560,10561,10563,10564,10566,10567,10569],{},"Функція ",[5491,10562,10141],{}," корисна для оновлення даних після виконання мутацій (створення, оновлення, видалення). Вона просто змінює значення ",[5491,10565,9720],{},", що змушує ",[5491,10568,6111],{}," виконатися заново та перезавантажити дані з сервера.",[5547,10571],{},[5550,10573,10575],{"id":10574},"скасування-запитів-при-розмонтуванні-компонента","Скасування запитів при розмонтуванні компонента",[5555,10577,10578,10579,5687],{},"Якщо компонент розмонтується до того, як завершиться HTTP-запит (користувач перейшов на іншу сторінку або закрив модальне вікно), спроба оновити стан призведе до попередження React: «Can't perform a React state update on an unmounted component». Axios підтримує скасування запитів через стандартний ",[5491,10580,5545],{},[5575,10582,10584],{"className":5577,"code":10583,"language":5580,"meta":5581,"style":5581},"import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { usersApi } from \".\u002Fapi\u002Fusers\";\n\nfunction UserProfile({ userId }: { userId: number }) {\n  const [user, setUser] = useState\u003CUser | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    const controller = new AbortController();\n\n    async function loadUser() {\n      try {\n        setIsLoading(true);\n        \u002F\u002F Передаємо signal у конфігурацію запиту\n        const { data } = await usersApi.getById(userId, {\n          signal: controller.signal,\n        });\n        setUser(data);\n      } catch (err) {\n        \u002F\u002F axios.isCancel перевіряє, чи це помилка скасування\n        if (axios.isCancel(err)) {\n          console.log(\"Запит скасовано:\", err.message);\n          return; \u002F\u002F Не оновлюємо стан для скасованих запитів\n        }\n        console.error(\"Помилка завантаження:\", err);\n      } finally {\n        setIsLoading(false);\n      }\n    }\n\n    loadUser();\n\n    \u002F\u002F Cleanup-функція викликається при розмонтуванні або зміні userId\n    return () => {\n      controller.abort();\n    };\n  }, [userId]);\n\n  if (isLoading) return \u003Cp>Завантаження профілю...\u003C\u002Fp>;\n  if (!user) return \u003Cp>Користувача не знайдено\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>{user.name}\u003C\u002Fh2>\n      \u003Cp>{user.email}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5491,10585,10586,10606,10618,10634,10638,10661,10691,10713,10717,10727,10741,10745,10755,10761,10771,10776,10801,10815,10820,10830,10842,10847,10865,10889,10899,10903,10923,10931,10941,10945,10949,10953,10959,10963,10968,10978,10988,10992,11001,11005,11033,11061,11065,11071,11079,11103,11127,11135,11139],{"__ignoreMap":5581},[5585,10587,10588,10590,10592,10594,10596,10598,10600,10602,10604],{"class":5587,"line":5588},[5585,10589,5890],{"class":5645},[5585,10591,5958],{"class":5602},[5585,10593,6111],{"class":5606},[5585,10595,6114],{"class":5602},[5585,10597,6117],{"class":5606},[5585,10599,6120],{"class":5602},[5585,10601,6123],{"class":5645},[5585,10603,6126],{"class":5654},[5585,10605,5873],{"class":5602},[5585,10607,10608,10610,10612,10614,10616],{"class":5587,"line":5632},[5585,10609,5890],{"class":5645},[5585,10611,5893],{"class":5606},[5585,10613,5896],{"class":5645},[5585,10615,5899],{"class":5654},[5585,10617,5873],{"class":5602},[5585,10619,10620,10622,10624,10626,10628,10630,10632],{"class":5587,"line":5672},[5585,10621,5890],{"class":5645},[5585,10623,5958],{"class":5602},[5585,10625,7391],{"class":5606},[5585,10627,6120],{"class":5602},[5585,10629,6123],{"class":5645},[5585,10631,8299],{"class":5654},[5585,10633,5873],{"class":5602},[5585,10635,10636],{"class":5587,"line":5681},[5585,10637,5746],{"emptyLinePlaceholder":5745},[5585,10639,10640,10642,10644,10646,10649,10652,10654,10656,10658],{"class":5587,"line":5696},[5585,10641,6200],{"class":5591},[5585,10643,6203],{"class":5598},[5585,10645,8655],{"class":5602},[5585,10647,10648],{"class":5606},"userId",[5585,10650,10651],{"class":5602}," }: { ",[5585,10653,10648],{"class":5606},[5585,10655,5610],{"class":5602},[5585,10657,5614],{"class":5613},[5585,10659,10660],{"class":5602}," }) {\n",[5585,10662,10663,10665,10667,10669,10671,10673,10675,10677,10679,10681,10683,10685,10687,10689],{"class":5587,"line":5730},[5585,10664,5635],{"class":5591},[5585,10666,6213],{"class":5602},[5585,10668,6216],{"class":5638},[5585,10670,6114],{"class":5602},[5585,10672,6221],{"class":5638},[5585,10674,6224],{"class":5602},[5585,10676,6117],{"class":5598},[5585,10678,5623],{"class":5602},[5585,10680,5626],{"class":5613},[5585,10682,6233],{"class":5602},[5585,10684,6236],{"class":5613},[5585,10686,5980],{"class":5602},[5585,10688,6236],{"class":5591},[5585,10690,5819],{"class":5602},[5585,10692,10693,10695,10697,10699,10701,10703,10705,10707,10709,10711],{"class":5587,"line":5736},[5585,10694,5635],{"class":5591},[5585,10696,6213],{"class":5602},[5585,10698,6251],{"class":5638},[5585,10700,6114],{"class":5602},[5585,10702,6256],{"class":5638},[5585,10704,6224],{"class":5602},[5585,10706,6117],{"class":5598},[5585,10708,5603],{"class":5602},[5585,10710,6265],{"class":5591},[5585,10712,5819],{"class":5602},[5585,10714,10715],{"class":5587,"line":5742},[5585,10716,5746],{"emptyLinePlaceholder":5745},[5585,10718,10719,10721,10723,10725],{"class":5587,"line":5749},[5585,10720,6308],{"class":5598},[5585,10722,6311],{"class":5602},[5585,10724,6314],{"class":5591},[5585,10726,5678],{"class":5602},[5585,10728,10729,10731,10733,10735,10737,10739],{"class":5587,"line":5756},[5585,10730,7487],{"class":5591},[5585,10732,9757],{"class":5638},[5585,10734,5642],{"class":5602},[5585,10736,9762],{"class":5591},[5585,10738,9765],{"class":5598},[5585,10740,5862],{"class":5602},[5585,10742,10743],{"class":5587,"line":5776},[5585,10744,5746],{"emptyLinePlaceholder":5745},[5585,10746,10747,10749,10751,10753],{"class":5587,"line":5822},[5585,10748,6321],{"class":5591},[5585,10750,5595],{"class":5591},[5585,10752,6326],{"class":5598},[5585,10754,6206],{"class":5602},[5585,10756,10757,10759],{"class":5587,"line":5828},[5585,10758,6334],{"class":5645},[5585,10760,5678],{"class":5602},[5585,10762,10763,10765,10767,10769],{"class":5587,"line":5833},[5585,10764,6521],{"class":5598},[5585,10766,5603],{"class":5602},[5585,10768,6265],{"class":5591},[5585,10770,5819],{"class":5602},[5585,10772,10773],{"class":5587,"line":5839},[5585,10774,10775],{"class":5752},"        \u002F\u002F Передаємо signal у конфігурацію запиту\n",[5585,10777,10778,10780,10782,10784,10786,10788,10790,10792,10795,10797,10799],{"class":5587,"line":5865},[5585,10779,6348],{"class":5591},[5585,10781,5958],{"class":5602},[5585,10783,5961],{"class":5638},[5585,10785,5964],{"class":5602},[5585,10787,5646],{"class":5645},[5585,10789,7150],{"class":5606},[5585,10791,5536],{"class":5602},[5585,10793,10794],{"class":5598},"getById",[5585,10796,5603],{"class":5602},[5585,10798,10648],{"class":5606},[5585,10800,5669],{"class":5602},[5585,10802,10803,10806,10808,10810,10813],{"class":5587,"line":5876},[5585,10804,10805],{"class":5606},"          signal:",[5585,10807,9757],{"class":5606},[5585,10809,5536],{"class":5602},[5585,10811,10812],{"class":5606},"signal",[5585,10814,5693],{"class":5602},[5585,10816,10817],{"class":5587,"line":6331},[5585,10818,10819],{"class":5602},"        });\n",[5585,10821,10822,10824,10826,10828],{"class":5587,"line":6339},[5585,10823,6385],{"class":5598},[5585,10825,5603],{"class":5602},[5585,10827,5961],{"class":5606},[5585,10829,5819],{"class":5602},[5585,10831,10832,10834,10836,10838,10840],{"class":5587,"line":6345},[5585,10833,6401],{"class":5602},[5585,10835,6404],{"class":5645},[5585,10837,6407],{"class":5602},[5585,10839,6410],{"class":5606},[5585,10841,5773],{"class":5602},[5585,10843,10844],{"class":5587,"line":6370},[5585,10845,10846],{"class":5752},"        \u002F\u002F axios.isCancel перевіряє, чи це помилка скасування\n",[5585,10848,10849,10851,10853,10855,10857,10859,10861,10863],{"class":5587,"line":6376},[5585,10850,6418],{"class":5645},[5585,10852,6407],{"class":5602},[5585,10854,6423],{"class":5606},[5585,10856,5536],{"class":5602},[5585,10858,9872],{"class":5598},[5585,10860,5603],{"class":5602},[5585,10862,6410],{"class":5606},[5585,10864,6435],{"class":5602},[5585,10866,10867,10869,10871,10874,10876,10879,10881,10883,10885,10887],{"class":5587,"line":6382},[5585,10868,7955],{"class":5606},[5585,10870,5536],{"class":5602},[5585,10872,10873],{"class":5598},"log",[5585,10875,5603],{"class":5602},[5585,10877,10878],{"class":5654},"\"Запит скасовано:\"",[5585,10880,6114],{"class":5602},[5585,10882,6410],{"class":5606},[5585,10884,5536],{"class":5602},[5585,10886,6465],{"class":5606},[5585,10888,5819],{"class":5602},[5585,10890,10891,10894,10896],{"class":5587,"line":6398},[5585,10892,10893],{"class":5645},"          return",[5585,10895,7567],{"class":5602},[5585,10897,10898],{"class":5752},"\u002F\u002F Не оновлюємо стан для скасованих запитів\n",[5585,10900,10901],{"class":5587,"line":6415},[5585,10902,6505],{"class":5602},[5585,10904,10905,10908,10910,10912,10914,10917,10919,10921],{"class":5587,"line":6438},[5585,10906,10907],{"class":5606},"        console",[5585,10909,5536],{"class":5602},[5585,10911,6276],{"class":5598},[5585,10913,5603],{"class":5602},[5585,10915,10916],{"class":5654},"\"Помилка завантаження:\"",[5585,10918,6114],{"class":5602},[5585,10920,6410],{"class":5606},[5585,10922,5819],{"class":5602},[5585,10924,10925,10927,10929],{"class":5587,"line":6444},[5585,10926,6401],{"class":5602},[5585,10928,6513],{"class":5645},[5585,10930,5678],{"class":5602},[5585,10932,10933,10935,10937,10939],{"class":5587,"line":6479},[5585,10934,6521],{"class":5598},[5585,10936,5603],{"class":5602},[5585,10938,6526],{"class":5591},[5585,10940,5819],{"class":5602},[5585,10942,10943],{"class":5587,"line":6490},[5585,10944,6534],{"class":5602},[5585,10946,10947],{"class":5587,"line":6502},[5585,10948,6540],{"class":5602},[5585,10950,10951],{"class":5587,"line":6508},[5585,10952,5746],{"emptyLinePlaceholder":5745},[5585,10954,10955,10957],{"class":5587,"line":6518},[5585,10956,6551],{"class":5598},[5585,10958,5862],{"class":5602},[5585,10960,10961],{"class":5587,"line":6531},[5585,10962,5746],{"emptyLinePlaceholder":5745},[5585,10964,10965],{"class":5587,"line":6537},[5585,10966,10967],{"class":5752},"    \u002F\u002F Cleanup-функція викликається при розмонтуванні або зміні userId\n",[5585,10969,10970,10972,10974,10976],{"class":5587,"line":6543},[5585,10971,7561],{"class":5645},[5585,10973,7163],{"class":5602},[5585,10975,6314],{"class":5591},[5585,10977,5678],{"class":5602},[5585,10979,10980,10982,10984,10986],{"class":5587,"line":6548},[5585,10981,10045],{"class":5606},[5585,10983,5536],{"class":5602},[5585,10985,10050],{"class":5598},[5585,10987,5862],{"class":5602},[5585,10989,10990],{"class":5587,"line":6556},[5585,10991,10061],{"class":5602},[5585,10993,10994,10997,10999],{"class":5587,"line":6562},[5585,10995,10996],{"class":5602},"  }, [",[5585,10998,10648],{"class":5606},[5585,11000,10076],{"class":5602},[5585,11002,11003],{"class":5587,"line":6567},[5585,11004,5746],{"emptyLinePlaceholder":5745},[5585,11006,11007,11009,11011,11013,11015,11017,11019,11021,11023,11025,11027,11029,11031],{"class":5587,"line":6604},[5585,11008,5759],{"class":5645},[5585,11010,6407],{"class":5602},[5585,11012,6251],{"class":5606},[5585,11014,6576],{"class":5602},[5585,11016,6579],{"class":5645},[5585,11018,6583],{"class":6582},[5585,11020,5555],{"class":6586},[5585,11022,6589],{"class":6582},[5585,11024,6592],{"class":5602},[5585,11026,6595],{"class":6582},[5585,11028,5555],{"class":6586},[5585,11030,6589],{"class":6582},[5585,11032,5873],{"class":5602},[5585,11034,11035,11037,11039,11041,11043,11045,11047,11049,11051,11053,11055,11057,11059],{"class":5587,"line":6651},[5585,11036,5759],{"class":5645},[5585,11038,5762],{"class":5602},[5585,11040,6216],{"class":5606},[5585,11042,6576],{"class":5602},[5585,11044,6579],{"class":5645},[5585,11046,6583],{"class":6582},[5585,11048,5555],{"class":6586},[5585,11050,6589],{"class":6582},[5585,11052,6670],{"class":5602},[5585,11054,6595],{"class":6582},[5585,11056,5555],{"class":6586},[5585,11058,6589],{"class":6582},[5585,11060,5873],{"class":5602},[5585,11062,11063],{"class":5587,"line":6681},[5585,11064,5746],{"emptyLinePlaceholder":5745},[5585,11066,11067,11069],{"class":5587,"line":6686},[5585,11068,5868],{"class":5645},[5585,11070,6691],{"class":5602},[5585,11072,11073,11075,11077],{"class":5587,"line":6694},[5585,11074,6697],{"class":6582},[5585,11076,6700],{"class":6586},[5585,11078,6710],{"class":6582},[5585,11080,11081,11083,11085,11087,11089,11091,11093,11095,11097,11099,11101],{"class":5587,"line":6713},[5585,11082,6716],{"class":6582},[5585,11084,5550],{"class":6586},[5585,11086,6589],{"class":6582},[5585,11088,6636],{"class":5591},[5585,11090,6216],{"class":5606},[5585,11092,5536],{"class":5710},[5585,11094,6729],{"class":5606},[5585,11096,5663],{"class":5591},[5585,11098,6595],{"class":6582},[5585,11100,5550],{"class":6586},[5585,11102,6710],{"class":6582},[5585,11104,11105,11107,11109,11111,11113,11115,11117,11119,11121,11123,11125],{"class":5587,"line":6740},[5585,11106,6716],{"class":6582},[5585,11108,5555],{"class":6586},[5585,11110,6589],{"class":6582},[5585,11112,6636],{"class":5591},[5585,11114,6216],{"class":5606},[5585,11116,5536],{"class":5710},[5585,11118,6758],{"class":5606},[5585,11120,5663],{"class":5591},[5585,11122,6595],{"class":6582},[5585,11124,5555],{"class":6586},[5585,11126,6710],{"class":6582},[5585,11128,11129,11131,11133],{"class":5587,"line":6769},[5585,11130,6801],{"class":6582},[5585,11132,6700],{"class":6586},[5585,11134,6710],{"class":6582},[5585,11136,11137],{"class":5587,"line":6798},[5585,11138,6811],{"class":5602},[5585,11140,11141],{"class":5587,"line":6808},[5585,11142,5879],{"class":5602},[6818,11144,11145,11146,11148,11149,11151,11152,11155,11156,11159,11160,5536],{},"Axios автоматично інтегрується з ",[5491,11147,5545],{}," — достатньо передати ",[5491,11150,10812],{}," у конфігурацію запиту. При виклику ",[5491,11153,11154],{},"controller.abort()"," Axios кине помилку типу ",[5491,11157,11158],{},"CanceledError",", яку можна перевірити через ",[5491,11161,11162],{},"axios.isCancel(err)",[5555,11164,11165],{},"Щоб API-функції підтримували скасування, їх потрібно розширити для прийому конфігурації:",[5575,11167,11169],{"className":5577,"code":11168,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Fusers.ts — оновлена версія з підтримкою AbortSignal\nimport api from \".\u002Faxios\";\nimport { AxiosRequestConfig } from \"axios\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  phone: string;\n}\n\nexport const usersApi = {\n  getAll: (config?: AxiosRequestConfig) => api.get\u003CUser[]>(\"\u002Fusers\", config),\n  getById: (id: number, config?: AxiosRequestConfig) =>\n    api.get\u003CUser>(`\u002Fusers\u002F${id}`, config),\n  create: (data: CreateUserDTO, config?: AxiosRequestConfig) =>\n    api.post\u003CUser>(\"\u002Fusers\", data, config),\n  update: (id: number, data: Partial\u003CCreateUserDTO>, config?: AxiosRequestConfig) =>\n    api.patch\u003CUser>(`\u002Fusers\u002F${id}`, data, config),\n  delete: (id: number, config?: AxiosRequestConfig) =>\n    api.delete\u003Cvoid>(`\u002Fusers\u002F${id}`, config),\n};\n",[5491,11170,11171,11176,11188,11205,11209,11217,11227,11237,11247,11257,11261,11265,11275,11313,11339,11369,11395,11421,11460,11494,11520,11550],{"__ignoreMap":5581},[5585,11172,11173],{"class":5587,"line":5588},[5585,11174,11175],{"class":5752},"\u002F\u002F src\u002Fapi\u002Fusers.ts — оновлена версія з підтримкою AbortSignal\n",[5585,11177,11178,11180,11182,11184,11186],{"class":5587,"line":5632},[5585,11179,5890],{"class":5645},[5585,11181,6901],{"class":5606},[5585,11183,5896],{"class":5645},[5585,11185,7031],{"class":5654},[5585,11187,5873],{"class":5602},[5585,11189,11190,11192,11194,11197,11199,11201,11203],{"class":5587,"line":5672},[5585,11191,5890],{"class":5645},[5585,11193,5958],{"class":5602},[5585,11195,11196],{"class":5606},"AxiosRequestConfig",[5585,11198,6120],{"class":5602},[5585,11200,6123],{"class":5645},[5585,11202,5899],{"class":5654},[5585,11204,5873],{"class":5602},[5585,11206,11207],{"class":5587,"line":5681},[5585,11208,5746],{"emptyLinePlaceholder":5745},[5585,11210,11211,11213,11215],{"class":5587,"line":5696},[5585,11212,6137],{"class":5591},[5585,11214,6140],{"class":5613},[5585,11216,5678],{"class":5602},[5585,11218,11219,11221,11223,11225],{"class":5587,"line":5730},[5585,11220,6147],{"class":5606},[5585,11222,5610],{"class":5602},[5585,11224,5614],{"class":5613},[5585,11226,5873],{"class":5602},[5585,11228,11229,11231,11233,11235],{"class":5587,"line":5736},[5585,11230,6158],{"class":5606},[5585,11232,5610],{"class":5602},[5585,11234,6163],{"class":5613},[5585,11236,5873],{"class":5602},[5585,11238,11239,11241,11243,11245],{"class":5587,"line":5742},[5585,11240,6170],{"class":5606},[5585,11242,5610],{"class":5602},[5585,11244,6163],{"class":5613},[5585,11246,5873],{"class":5602},[5585,11248,11249,11251,11253,11255],{"class":5587,"line":5749},[5585,11250,6181],{"class":5606},[5585,11252,5610],{"class":5602},[5585,11254,6163],{"class":5613},[5585,11256,5873],{"class":5602},[5585,11258,11259],{"class":5587,"line":5756},[5585,11260,5879],{"class":5602},[5585,11262,11263],{"class":5587,"line":5776},[5585,11264,5746],{"emptyLinePlaceholder":5745},[5585,11266,11267,11269,11271,11273],{"class":5587,"line":5822},[5585,11268,6998],{"class":5645},[5585,11270,7147],{"class":5591},[5585,11272,7150],{"class":5638},[5585,11274,7153],{"class":5602},[5585,11276,11277,11279,11281,11283,11285,11287,11289,11291,11293,11295,11297,11299,11301,11303,11305,11307,11309,11311],{"class":5587,"line":5828},[5585,11278,7158],{"class":5598},[5585,11280,5687],{"class":5606},[5585,11282,6407],{"class":5602},[5585,11284,7476],{"class":5606},[5585,11286,7711],{"class":5602},[5585,11288,11196],{"class":5613},[5585,11290,6576],{"class":5602},[5585,11292,6314],{"class":5591},[5585,11294,6901],{"class":5606},[5585,11296,5536],{"class":5602},[5585,11298,5973],{"class":5598},[5585,11300,5623],{"class":5602},[5585,11302,5626],{"class":5613},[5585,11304,7178],{"class":5602},[5585,11306,7181],{"class":5654},[5585,11308,6114],{"class":5602},[5585,11310,7476],{"class":5606},[5585,11312,7184],{"class":5602},[5585,11314,11315,11317,11319,11321,11323,11325,11327,11329,11331,11333,11335,11337],{"class":5587,"line":5833},[5585,11316,7189],{"class":5598},[5585,11318,5687],{"class":5606},[5585,11320,6407],{"class":5602},[5585,11322,5607],{"class":5606},[5585,11324,5610],{"class":5602},[5585,11326,5614],{"class":5613},[5585,11328,6114],{"class":5602},[5585,11330,7476],{"class":5606},[5585,11332,7711],{"class":5602},[5585,11334,11196],{"class":5613},[5585,11336,6576],{"class":5602},[5585,11338,7303],{"class":5591},[5585,11340,11341,11343,11345,11347,11349,11351,11353,11355,11357,11359,11361,11363,11365,11367],{"class":5587,"line":5839},[5585,11342,7308],{"class":5606},[5585,11344,5536],{"class":5602},[5585,11346,5973],{"class":5598},[5585,11348,5623],{"class":5602},[5585,11350,5626],{"class":5613},[5585,11352,5980],{"class":5602},[5585,11354,7218],{"class":5654},[5585,11356,5658],{"class":5591},[5585,11358,5607],{"class":5606},[5585,11360,5663],{"class":5591},[5585,11362,5666],{"class":5654},[5585,11364,6114],{"class":5602},[5585,11366,7476],{"class":5606},[5585,11368,7184],{"class":5602},[5585,11370,11371,11373,11375,11377,11379,11381,11383,11385,11387,11389,11391,11393],{"class":5587,"line":5865},[5585,11372,7233],{"class":5598},[5585,11374,5687],{"class":5606},[5585,11376,6407],{"class":5602},[5585,11378,5961],{"class":5606},[5585,11380,5610],{"class":5602},[5585,11382,7244],{"class":5613},[5585,11384,6114],{"class":5602},[5585,11386,7476],{"class":5606},[5585,11388,7711],{"class":5602},[5585,11390,11196],{"class":5613},[5585,11392,6576],{"class":5602},[5585,11394,7303],{"class":5591},[5585,11396,11397,11399,11401,11403,11405,11407,11409,11411,11413,11415,11417,11419],{"class":5587,"line":5876},[5585,11398,7308],{"class":5606},[5585,11400,5536],{"class":5602},[5585,11402,7255],{"class":5598},[5585,11404,5623],{"class":5602},[5585,11406,5626],{"class":5613},[5585,11408,5980],{"class":5602},[5585,11410,7181],{"class":5654},[5585,11412,6114],{"class":5602},[5585,11414,5961],{"class":5606},[5585,11416,6114],{"class":5602},[5585,11418,7476],{"class":5606},[5585,11420,7184],{"class":5602},[5585,11422,11423,11425,11427,11429,11431,11433,11435,11437,11439,11441,11443,11445,11447,11450,11452,11454,11456,11458],{"class":5587,"line":6331},[5585,11424,7274],{"class":5598},[5585,11426,5687],{"class":5606},[5585,11428,6407],{"class":5602},[5585,11430,5607],{"class":5606},[5585,11432,5610],{"class":5602},[5585,11434,5614],{"class":5613},[5585,11436,6114],{"class":5602},[5585,11438,5961],{"class":5606},[5585,11440,5610],{"class":5602},[5585,11442,7293],{"class":5613},[5585,11444,5623],{"class":5602},[5585,11446,7244],{"class":5613},[5585,11448,11449],{"class":5602},">, ",[5585,11451,7476],{"class":5606},[5585,11453,7711],{"class":5602},[5585,11455,11196],{"class":5613},[5585,11457,6576],{"class":5602},[5585,11459,7303],{"class":5591},[5585,11461,11462,11464,11466,11468,11470,11472,11474,11476,11478,11480,11482,11484,11486,11488,11490,11492],{"class":5587,"line":6339},[5585,11463,7308],{"class":5606},[5585,11465,5536],{"class":5602},[5585,11467,7313],{"class":5598},[5585,11469,5623],{"class":5602},[5585,11471,5626],{"class":5613},[5585,11473,5980],{"class":5602},[5585,11475,7218],{"class":5654},[5585,11477,5658],{"class":5591},[5585,11479,5607],{"class":5606},[5585,11481,5663],{"class":5591},[5585,11483,5666],{"class":5654},[5585,11485,6114],{"class":5602},[5585,11487,5961],{"class":5606},[5585,11489,6114],{"class":5602},[5585,11491,7476],{"class":5606},[5585,11493,7184],{"class":5602},[5585,11495,11496,11498,11500,11502,11504,11506,11508,11510,11512,11514,11516,11518],{"class":5587,"line":6345},[5585,11497,7340],{"class":5598},[5585,11499,5687],{"class":5606},[5585,11501,6407],{"class":5602},[5585,11503,5607],{"class":5606},[5585,11505,5610],{"class":5602},[5585,11507,5614],{"class":5613},[5585,11509,6114],{"class":5602},[5585,11511,7476],{"class":5606},[5585,11513,7711],{"class":5602},[5585,11515,11196],{"class":5613},[5585,11517,6576],{"class":5602},[5585,11519,7303],{"class":5591},[5585,11521,11522,11524,11526,11528,11530,11532,11534,11536,11538,11540,11542,11544,11546,11548],{"class":5587,"line":6370},[5585,11523,7308],{"class":5606},[5585,11525,5536],{"class":5602},[5585,11527,7361],{"class":5598},[5585,11529,5623],{"class":5602},[5585,11531,7366],{"class":5613},[5585,11533,5980],{"class":5602},[5585,11535,7218],{"class":5654},[5585,11537,5658],{"class":5591},[5585,11539,5607],{"class":5606},[5585,11541,5663],{"class":5591},[5585,11543,5666],{"class":5654},[5585,11545,6114],{"class":5602},[5585,11547,7476],{"class":5606},[5585,11549,7184],{"class":5602},[5585,11551,11552],{"class":5587,"line":6376},[5585,11553,7385],{"class":5602},[5547,11555],{},[5550,11557,11559],{"id":11558},"axios-vs-fetch-порівняльна-таблиця","Axios vs fetch: порівняльна таблиця",[11561,11562,11563,11579],"table",{},[11564,11565,11566],"thead",{},[11567,11568,11569,11573,11577],"tr",{},[11570,11571,11572],"th",{},"Функція",[11570,11574,11575],{},[5491,11576,5493],{},[11570,11578,5569],{},[11580,11581,11582,11605,11621,11640,11655,11674,11692,11705,11718,11731],"tbody",{},[11567,11583,11584,11590,11599],{},[11585,11586,11587],"td",{},[5517,11588,11589],{},"JSON серіалізація",[11585,11591,11592,11593,6114,11596,5721],{},"Ручна (",[5491,11594,11595],{},"JSON.stringify",[5491,11597,11598],{},"response.json()",[11585,11600,11601,11602,11604],{},"Автоматична (",[5491,11603,5961],{}," об'єкт)",[11567,11606,11607,11612,11618],{},[11585,11608,11609],{},[5517,11610,11611],{},"Помилки HTTP-статусів",[11585,11613,11614,11617],{},[5491,11615,11616],{},"response.ok"," потрібно перевіряти вручну",[11585,11619,11620],{},"Автоматично кидає помилку для 4xx\u002F5xx",[11567,11622,11623,11628,11634],{},[11585,11624,11625],{},[5517,11626,11627],{},"Таймаути",[11585,11629,11630,11631,11633],{},"Немає (потрібен ",[5491,11632,5545],{}," + таймер)",[11585,11635,11636,11637],{},"Вбудована опція ",[5491,11638,11639],{},"timeout",[11567,11641,11642,11647,11652],{},[11585,11643,11644],{},[5517,11645,11646],{},"Interceptors",[11585,11648,11649,11650,5721],{},"Немає (треба обгортати ",[5491,11651,5493],{},[11585,11653,11654],{},"Вбудовані request\u002Fresponse interceptors",[11567,11656,11657,11662,11668],{},[11585,11658,11659],{},[5517,11660,11661],{},"Progress Events",[11585,11663,11664,11665],{},"Підтримка через ",[5491,11666,11667],{},"ReadableStream",[11585,11669,11670,11671],{},"Вбудована підтримка ",[5491,11672,11673],{},"onUploadProgress",[11567,11675,11676,11681,11685],{},[11585,11677,11678],{},[5517,11679,11680],{},"Скасування запитів",[11585,11682,11683],{},[5491,11684,5545],{},[11585,11686,11687,10111,11689],{},[5491,11688,5545],{},[5491,11690,11691],{},"axios.isCancel()",[11567,11693,11694,11699,11702],{},[11585,11695,11696],{},[5517,11697,11698],{},"Автоматичні трансформації",[11585,11700,11701],{},"Немає",[11585,11703,11704],{},"Трансформація запиту\u002Fвідповіді",[11567,11706,11707,11712,11715],{},[11585,11708,11709],{},[5517,11710,11711],{},"Підтримка старих браузерів",[11585,11713,11714],{},"Потрібен поліфіл",[11585,11716,11717],{},"Працює у старих браузерах через XMLHttpRequest",[11567,11719,11720,11725,11728],{},[11585,11721,11722],{},[5517,11723,11724],{},"Розмір бандлу",[11585,11726,11727],{},"0 КБ (вбудований)",[11585,11729,11730],{},"~13 КБ (мініфікований)",[11567,11732,11733,11738,11744],{},[11585,11734,11735],{},[5517,11736,11737],{},"TypeScript типи",[11585,11739,11740,11741],{},"Вбудовані у ",[5491,11742,11743],{},"lib.dom.d.ts",[11585,11745,11746],{},"Вбудовані у пакет",[6006,11748,11749,11755,11766,11770],{},[5555,11750,11751,11752,11754],{},"Обирайте ",[5491,11753,5493],{},", якщо:",[5484,11756,11757,11760,11763],{},[5487,11758,11759],{},"Проєкт простий, без складної автентифікації та обробки помилок.",[5487,11761,11762],{},"Критичний мінімальний розмір бандлу (кожен кілобайт важливий).",[5487,11764,11765],{},"Використовується нативний Browser API без залежностей.",[5555,11767,11751,11768,11754],{},[5517,11769,5569],{},[5484,11771,11772,11775,11778],{},[5487,11773,11774],{},"Потрібна централізована обробка токенів, помилок та трансформацій.",[5487,11776,11777],{},"Працюєте з legacy API, що вимагає складних заголовків або форматів.",[5487,11779,11780],{},"Потрібна підтримка старих браузерів без додаткових поліфілів.",[5547,11782],{},[5550,11784,11786],{"id":11785},"робота-з-файлами-завантаження-та-progress-tracking","Робота з файлами: завантаження та progress tracking",[5555,11788,11789,11790,11793],{},"Axios спрощує завантаження файлів порівняно з fetch завдяки вбудованій підтримці ",[5491,11791,11792],{},"FormData"," та відстеження прогресу:",[5575,11795,11797],{"className":5577,"code":11796,"language":5580,"meta":5581,"style":5581},"import { useState } from \"react\";\nimport axios from \"axios\";\n\nfunction FileUploadForm() {\n  const [file, setFile] = useState\u003CFile | null>(null);\n  const [uploadProgress, setUploadProgress] = useState(0);\n  const [isUploading, setIsUploading] = useState(false);\n  const [error, setError] = useState\u003Cstring | null>(null);\n\n  async function handleUpload(e: React.FormEvent) {\n    e.preventDefault();\n    if (!file) return;\n\n    const formData = new FormData();\n    formData.append(\"file\", file);\n    formData.append(\"userId\", \"123\"); \u002F\u002F Додаткові поля\n\n    try {\n      setIsUploading(true);\n      setError(null);\n\n      await axios.post(\"https:\u002F\u002Fapi.example.com\u002Fupload\", formData, {\n        headers: {\n          \"Content-Type\": \"multipart\u002Fform-data\",\n        },\n        onUploadProgress: (progressEvent) => {\n          if (progressEvent.total) {\n            const percentCompleted = Math.round(\n              (progressEvent.loaded * 100) \u002F progressEvent.total\n            );\n            setUploadProgress(percentCompleted);\n          }\n        },\n      });\n\n      alert(\"Файл завантажено успішно!\");\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        setError(err.response?.data?.message ?? \"Помилка завантаження\");\n      }\n    } finally {\n      setIsUploading(false);\n      setUploadProgress(0);\n    }\n  }\n\n  return (\n    \u003Cform onSubmit={handleUpload}>\n      \u003Ch2>Завантажити файл\u003C\u002Fh2>\n\n      {error && \u003Cdiv className=\"error-banner\">{error}\u003C\u002Fdiv>}\n\n      \u003Cinput\n        type=\"file\"\n        onChange={(e) => setFile(e.target.files?.[0] ?? null)}\n        disabled={isUploading}\n      \u002F>\n\n      {isUploading && (\n        \u003Cdiv className=\"progress-bar\">\n          \u003Cdiv\n            className=\"progress-fill\"\n            style={{ width: `${uploadProgress}%` }}\n          >\n            {uploadProgress}%\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      )}\n\n      \u003Cbutton type=\"submit\" disabled={!file || isUploading}>\n        {isUploading ? \"Завантаження...\" : \"Завантажити\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5491,11798,11799,11815,11827,11831,11840,11873,11897,11921,11951,11955,11978,11988,12002,12006,12022,12043,12067,12071,12077,12088,12099,12103,12124,12131,12143,12148,12166,12182,12202,12230,12235,12247,12252,12256,12261,12265,12277,12289,12307,12334,12338,12346,12356,12367,12371,12375,12379,12385,12404,12421,12425,12459,12463,12469,12479,12530,12543,12548,12552,12562,12577,12584,12594,12626,12631,12643,12651,12660,12667,12671,12704,12722,12730,12738,12742],{"__ignoreMap":5581},[5585,11800,11801,11803,11805,11807,11809,11811,11813],{"class":5587,"line":5588},[5585,11802,5890],{"class":5645},[5585,11804,5958],{"class":5602},[5585,11806,6117],{"class":5606},[5585,11808,6120],{"class":5602},[5585,11810,6123],{"class":5645},[5585,11812,6126],{"class":5654},[5585,11814,5873],{"class":5602},[5585,11816,11817,11819,11821,11823,11825],{"class":5587,"line":5632},[5585,11818,5890],{"class":5645},[5585,11820,5893],{"class":5606},[5585,11822,5896],{"class":5645},[5585,11824,5899],{"class":5654},[5585,11826,5873],{"class":5602},[5585,11828,11829],{"class":5587,"line":5672},[5585,11830,5746],{"emptyLinePlaceholder":5745},[5585,11832,11833,11835,11838],{"class":5587,"line":5681},[5585,11834,6200],{"class":5591},[5585,11836,11837],{"class":5598}," FileUploadForm",[5585,11839,6206],{"class":5602},[5585,11841,11842,11844,11846,11849,11851,11854,11856,11858,11860,11863,11865,11867,11869,11871],{"class":5587,"line":5696},[5585,11843,5635],{"class":5591},[5585,11845,6213],{"class":5602},[5585,11847,11848],{"class":5638},"file",[5585,11850,6114],{"class":5602},[5585,11852,11853],{"class":5638},"setFile",[5585,11855,6224],{"class":5602},[5585,11857,6117],{"class":5598},[5585,11859,5623],{"class":5602},[5585,11861,11862],{"class":5613},"File",[5585,11864,6233],{"class":5602},[5585,11866,6236],{"class":5613},[5585,11868,5980],{"class":5602},[5585,11870,6236],{"class":5591},[5585,11872,5819],{"class":5602},[5585,11874,11875,11877,11879,11882,11884,11887,11889,11891,11893,11895],{"class":5587,"line":5730},[5585,11876,5635],{"class":5591},[5585,11878,6213],{"class":5602},[5585,11880,11881],{"class":5638},"uploadProgress",[5585,11883,6114],{"class":5602},[5585,11885,11886],{"class":5638},"setUploadProgress",[5585,11888,6224],{"class":5602},[5585,11890,6117],{"class":5598},[5585,11892,5603],{"class":5602},[5585,11894,9734],{"class":6955},[5585,11896,5819],{"class":5602},[5585,11898,11899,11901,11903,11906,11908,11911,11913,11915,11917,11919],{"class":5587,"line":5736},[5585,11900,5635],{"class":5591},[5585,11902,6213],{"class":5602},[5585,11904,11905],{"class":5638},"isUploading",[5585,11907,6114],{"class":5602},[5585,11909,11910],{"class":5638},"setIsUploading",[5585,11912,6224],{"class":5602},[5585,11914,6117],{"class":5598},[5585,11916,5603],{"class":5602},[5585,11918,6526],{"class":5591},[5585,11920,5819],{"class":5602},[5585,11922,11923,11925,11927,11929,11931,11933,11935,11937,11939,11941,11943,11945,11947,11949],{"class":5587,"line":5742},[5585,11924,5635],{"class":5591},[5585,11926,6213],{"class":5602},[5585,11928,6276],{"class":5638},[5585,11930,6114],{"class":5602},[5585,11932,6281],{"class":5638},[5585,11934,6224],{"class":5602},[5585,11936,6117],{"class":5598},[5585,11938,5623],{"class":5602},[5585,11940,6163],{"class":5613},[5585,11942,6233],{"class":5602},[5585,11944,6236],{"class":5613},[5585,11946,5980],{"class":5602},[5585,11948,6236],{"class":5591},[5585,11950,5819],{"class":5602},[5585,11952,11953],{"class":5587,"line":5749},[5585,11954,5746],{"emptyLinePlaceholder":5745},[5585,11956,11957,11959,11961,11964,11966,11968,11970,11972,11974,11976],{"class":5587,"line":5756},[5585,11958,8542],{"class":5591},[5585,11960,5595],{"class":5591},[5585,11962,11963],{"class":5598}," handleUpload",[5585,11965,5603],{"class":5602},[5585,11967,8552],{"class":5606},[5585,11969,5610],{"class":5602},[5585,11971,2303],{"class":5613},[5585,11973,5536],{"class":5602},[5585,11975,8561],{"class":5613},[5585,11977,5773],{"class":5602},[5585,11979,11980,11982,11984,11986],{"class":5587,"line":5776},[5585,11981,8568],{"class":5606},[5585,11983,5536],{"class":5602},[5585,11985,8573],{"class":5598},[5585,11987,5862],{"class":5602},[5585,11989,11990,11992,11994,11996,11998,12000],{"class":5587,"line":5822},[5585,11991,7510],{"class":5645},[5585,11993,5762],{"class":5602},[5585,11995,11848],{"class":5606},[5585,11997,6576],{"class":5602},[5585,11999,6579],{"class":5645},[5585,12001,5873],{"class":5602},[5585,12003,12004],{"class":5587,"line":5828},[5585,12005,5746],{"emptyLinePlaceholder":5745},[5585,12007,12008,12010,12013,12015,12017,12020],{"class":5587,"line":5833},[5585,12009,7487],{"class":5591},[5585,12011,12012],{"class":5638}," formData",[5585,12014,5642],{"class":5602},[5585,12016,9762],{"class":5591},[5585,12018,12019],{"class":5598}," FormData",[5585,12021,5862],{"class":5602},[5585,12023,12024,12027,12029,12032,12034,12037,12039,12041],{"class":5587,"line":5839},[5585,12025,12026],{"class":5606},"    formData",[5585,12028,5536],{"class":5602},[5585,12030,12031],{"class":5598},"append",[5585,12033,5603],{"class":5602},[5585,12035,12036],{"class":5654},"\"file\"",[5585,12038,6114],{"class":5602},[5585,12040,11848],{"class":5606},[5585,12042,5819],{"class":5602},[5585,12044,12045,12047,12049,12051,12053,12056,12058,12061,12064],{"class":5587,"line":5865},[5585,12046,12026],{"class":5606},[5585,12048,5536],{"class":5602},[5585,12050,12031],{"class":5598},[5585,12052,5603],{"class":5602},[5585,12054,12055],{"class":5654},"\"userId\"",[5585,12057,6114],{"class":5602},[5585,12059,12060],{"class":5654},"\"123\"",[5585,12062,12063],{"class":5602},"); ",[5585,12065,12066],{"class":5752},"\u002F\u002F Додаткові поля\n",[5585,12068,12069],{"class":5587,"line":5876},[5585,12070,5746],{"emptyLinePlaceholder":5745},[5585,12072,12073,12075],{"class":5587,"line":6331},[5585,12074,8617],{"class":5645},[5585,12076,5678],{"class":5602},[5585,12078,12079,12082,12084,12086],{"class":5587,"line":6339},[5585,12080,12081],{"class":5598},"      setIsUploading",[5585,12083,5603],{"class":5602},[5585,12085,6265],{"class":5591},[5585,12087,5819],{"class":5602},[5585,12089,12090,12093,12095,12097],{"class":5587,"line":6345},[5585,12091,12092],{"class":5598},"      setError",[5585,12094,5603],{"class":5602},[5585,12096,6236],{"class":5591},[5585,12098,5819],{"class":5602},[5585,12100,12101],{"class":5587,"line":6370},[5585,12102,5746],{"emptyLinePlaceholder":5745},[5585,12104,12105,12107,12109,12111,12113,12115,12118,12120,12122],{"class":5587,"line":6376},[5585,12106,8624],{"class":5645},[5585,12108,5893],{"class":5606},[5585,12110,5536],{"class":5602},[5585,12112,7255],{"class":5598},[5585,12114,5603],{"class":5602},[5585,12116,12117],{"class":5654},"\"https:\u002F\u002Fapi.example.com\u002Fupload\"",[5585,12119,6114],{"class":5602},[5585,12121,8406],{"class":5606},[5585,12123,5669],{"class":5602},[5585,12125,12126,12129],{"class":5587,"line":6382},[5585,12127,12128],{"class":5606},"        headers:",[5585,12130,5678],{"class":5602},[5585,12132,12133,12136,12138,12141],{"class":5587,"line":6398},[5585,12134,12135],{"class":5654},"          \"Content-Type\"",[5585,12137,5687],{"class":5606},[5585,12139,12140],{"class":5654}," \"multipart\u002Fform-data\"",[5585,12142,5693],{"class":5602},[5585,12144,12145],{"class":5587,"line":6415},[5585,12146,12147],{"class":5602},"        },\n",[5585,12149,12150,12153,12155,12157,12160,12162,12164],{"class":5587,"line":6438},[5585,12151,12152],{"class":5598},"        onUploadProgress",[5585,12154,5687],{"class":5606},[5585,12156,6407],{"class":5602},[5585,12158,12159],{"class":5606},"progressEvent",[5585,12161,6576],{"class":5602},[5585,12163,6314],{"class":5591},[5585,12165,5678],{"class":5602},[5585,12167,12168,12171,12173,12175,12177,12180],{"class":5587,"line":6444},[5585,12169,12170],{"class":5645},"          if",[5585,12172,6407],{"class":5602},[5585,12174,12159],{"class":5606},[5585,12176,5536],{"class":5602},[5585,12178,12179],{"class":5606},"total",[5585,12181,5773],{"class":5602},[5585,12183,12184,12187,12190,12192,12195,12197,12200],{"class":5587,"line":6479},[5585,12185,12186],{"class":5591},"            const",[5585,12188,12189],{"class":5638}," percentCompleted",[5585,12191,5642],{"class":5602},[5585,12193,12194],{"class":5606},"Math",[5585,12196,5536],{"class":5602},[5585,12198,12199],{"class":5598},"round",[5585,12201,7468],{"class":5602},[5585,12203,12204,12207,12209,12211,12214,12217,12220,12223,12225,12227],{"class":5587,"line":6490},[5585,12205,12206],{"class":5602},"              (",[5585,12208,12159],{"class":5606},[5585,12210,5536],{"class":5602},[5585,12212,12213],{"class":5606},"loaded",[5585,12215,12216],{"class":5602}," * ",[5585,12218,12219],{"class":6955},"100",[5585,12221,12222],{"class":5602},") \u002F ",[5585,12224,12159],{"class":5606},[5585,12226,5536],{"class":5602},[5585,12228,12229],{"class":5606},"total\n",[5585,12231,12232],{"class":5587,"line":6502},[5585,12233,12234],{"class":5602},"            );\n",[5585,12236,12237,12240,12242,12245],{"class":5587,"line":6508},[5585,12238,12239],{"class":5598},"            setUploadProgress",[5585,12241,5603],{"class":5602},[5585,12243,12244],{"class":5606},"percentCompleted",[5585,12246,5819],{"class":5602},[5585,12248,12249],{"class":5587,"line":6518},[5585,12250,12251],{"class":5602},"          }\n",[5585,12253,12254],{"class":5587,"line":6531},[5585,12255,12147],{"class":5602},[5585,12257,12258],{"class":5587,"line":6537},[5585,12259,12260],{"class":5602},"      });\n",[5585,12262,12263],{"class":5587,"line":6543},[5585,12264,5746],{"emptyLinePlaceholder":5745},[5585,12266,12267,12270,12272,12275],{"class":5587,"line":6548},[5585,12268,12269],{"class":5598},"      alert",[5585,12271,5603],{"class":5602},[5585,12273,12274],{"class":5654},"\"Файл завантажено успішно!\"",[5585,12276,5819],{"class":5602},[5585,12278,12279,12281,12283,12285,12287],{"class":5587,"line":6556},[5585,12280,8107],{"class":5602},[5585,12282,6404],{"class":5645},[5585,12284,6407],{"class":5602},[5585,12286,6410],{"class":5606},[5585,12288,5773],{"class":5602},[5585,12290,12291,12293,12295,12297,12299,12301,12303,12305],{"class":5587,"line":6562},[5585,12292,8702],{"class":5645},[5585,12294,6407],{"class":5602},[5585,12296,6423],{"class":5606},[5585,12298,5536],{"class":5602},[5585,12300,6428],{"class":5598},[5585,12302,5603],{"class":5602},[5585,12304,6410],{"class":5606},[5585,12306,6435],{"class":5602},[5585,12308,12309,12311,12313,12315,12317,12319,12321,12323,12325,12327,12329,12332],{"class":5587,"line":6567},[5585,12310,8730],{"class":5598},[5585,12312,5603],{"class":5602},[5585,12314,6410],{"class":5606},[5585,12316,5536],{"class":5602},[5585,12318,5765],{"class":5606},[5585,12320,6458],{"class":5602},[5585,12322,5961],{"class":5606},[5585,12324,6458],{"class":5602},[5585,12326,6465],{"class":5606},[5585,12328,6468],{"class":5602},[5585,12330,12331],{"class":5654},"\"Помилка завантаження\"",[5585,12333,5819],{"class":5602},[5585,12335,12336],{"class":5587,"line":6604},[5585,12337,6534],{"class":5602},[5585,12339,12340,12342,12344],{"class":5587,"line":6651},[5585,12341,8107],{"class":5602},[5585,12343,6513],{"class":5645},[5585,12345,5678],{"class":5602},[5585,12347,12348,12350,12352,12354],{"class":5587,"line":6681},[5585,12349,12081],{"class":5598},[5585,12351,5603],{"class":5602},[5585,12353,6526],{"class":5591},[5585,12355,5819],{"class":5602},[5585,12357,12358,12361,12363,12365],{"class":5587,"line":6686},[5585,12359,12360],{"class":5598},"      setUploadProgress",[5585,12362,5603],{"class":5602},[5585,12364,9734],{"class":6955},[5585,12366,5819],{"class":5602},[5585,12368,12369],{"class":5587,"line":6694},[5585,12370,6540],{"class":5602},[5585,12372,12373],{"class":5587,"line":6713},[5585,12374,5825],{"class":5602},[5585,12376,12377],{"class":5587,"line":6740},[5585,12378,5746],{"emptyLinePlaceholder":5745},[5585,12380,12381,12383],{"class":5587,"line":6769},[5585,12382,5868],{"class":5645},[5585,12384,6691],{"class":5602},[5585,12386,12387,12389,12391,12393,12395,12397,12400,12402],{"class":5587,"line":6798},[5585,12388,6697],{"class":6582},[5585,12390,8852],{"class":6586},[5585,12392,8855],{"class":6621},[5585,12394,6625],{"class":5602},[5585,12396,6636],{"class":5591},[5585,12398,12399],{"class":5606},"handleUpload",[5585,12401,5663],{"class":5591},[5585,12403,6710],{"class":6582},[5585,12405,12406,12408,12410,12412,12415,12417,12419],{"class":5587,"line":6808},[5585,12407,6716],{"class":6582},[5585,12409,5550],{"class":6586},[5585,12411,6589],{"class":6582},[5585,12413,12414],{"class":5602},"Завантажити файл",[5585,12416,6595],{"class":6582},[5585,12418,5550],{"class":6586},[5585,12420,6710],{"class":6582},[5585,12422,12423],{"class":5587,"line":6814},[5585,12424,5746],{"emptyLinePlaceholder":5745},[5585,12426,12427,12429,12431,12433,12435,12437,12439,12441,12443,12445,12447,12449,12451,12453,12455,12457],{"class":5587,"line":8159},[5585,12428,8892],{"class":5591},[5585,12430,6276],{"class":5606},[5585,12432,8897],{"class":5602},[5585,12434,6583],{"class":6582},[5585,12436,6700],{"class":6586},[5585,12438,6622],{"class":6621},[5585,12440,6625],{"class":5602},[5585,12442,8908],{"class":5654},[5585,12444,6589],{"class":6582},[5585,12446,6636],{"class":5591},[5585,12448,6276],{"class":5606},[5585,12450,5663],{"class":5591},[5585,12452,6595],{"class":6582},[5585,12454,6700],{"class":6586},[5585,12456,6589],{"class":6582},[5585,12458,5879],{"class":5591},[5585,12460,12461],{"class":5587,"line":8183},[5585,12462,5746],{"emptyLinePlaceholder":5745},[5585,12464,12465,12467],{"class":5587,"line":8188},[5585,12466,6716],{"class":6582},[5585,12468,8986],{"class":6586},[5585,12470,12471,12474,12476],{"class":5587,"line":8193},[5585,12472,12473],{"class":6621},"        type",[5585,12475,6625],{"class":5602},[5585,12477,12478],{"class":5654},"\"file\"\n",[5585,12480,12481,12484,12486,12488,12490,12492,12494,12496,12499,12501,12503,12505,12507,12509,12512,12515,12517,12520,12523,12526,12528],{"class":5587,"line":8210},[5585,12482,12483],{"class":6621},"        onChange",[5585,12485,6625],{"class":5602},[5585,12487,6636],{"class":5591},[5585,12489,5603],{"class":5710},[5585,12491,8552],{"class":5606},[5585,12493,6576],{"class":5710},[5585,12495,6314],{"class":5591},[5585,12497,12498],{"class":5598}," setFile",[5585,12500,5603],{"class":5710},[5585,12502,8552],{"class":5606},[5585,12504,5536],{"class":5710},[5585,12506,9055],{"class":5606},[5585,12508,5536],{"class":5710},[5585,12510,12511],{"class":5606},"files",[5585,12513,12514],{"class":5710},"?.[",[5585,12516,9734],{"class":6955},[5585,12518,12519],{"class":5710},"] ",[5585,12521,12522],{"class":5602},"??",[5585,12524,12525],{"class":5591}," null",[5585,12527,5721],{"class":5710},[5585,12529,5879],{"class":5591},[5585,12531,12532,12535,12537,12539,12541],{"class":5587,"line":8215},[5585,12533,12534],{"class":6621},"        disabled",[5585,12536,6625],{"class":5602},[5585,12538,6636],{"class":5591},[5585,12540,11905],{"class":5606},[5585,12542,5879],{"class":5591},[5585,12544,12545],{"class":5587,"line":8959},[5585,12546,12547],{"class":6582},"      \u002F>\n",[5585,12549,12550],{"class":5587,"line":8964},[5585,12551,5746],{"emptyLinePlaceholder":5745},[5585,12553,12554,12556,12558,12560],{"class":5587,"line":8974},[5585,12555,8892],{"class":5591},[5585,12557,11905],{"class":5606},[5585,12559,8897],{"class":5602},[5585,12561,6691],{"class":5710},[5585,12563,12564,12566,12568,12570,12572,12575],{"class":5587,"line":8980},[5585,12565,8983],{"class":6582},[5585,12567,6700],{"class":6586},[5585,12569,6622],{"class":6621},[5585,12571,6625],{"class":5602},[5585,12573,12574],{"class":5654},"\"progress-bar\"",[5585,12576,6710],{"class":6582},[5585,12578,12579,12581],{"class":5587,"line":8989},[5585,12580,10460],{"class":6582},[5585,12582,12583],{"class":6586},"div\n",[5585,12585,12586,12589,12591],{"class":5587,"line":9000},[5585,12587,12588],{"class":6621},"            className",[5585,12590,6625],{"class":5602},[5585,12592,12593],{"class":5654},"\"progress-fill\"\n",[5585,12595,12596,12599,12601,12603,12606,12609,12612,12614,12616,12618,12621,12624],{"class":5587,"line":9018},[5585,12597,12598],{"class":6621},"            style",[5585,12600,6625],{"class":5602},[5585,12602,6636],{"class":5591},[5585,12604,12605],{"class":5710},"{ ",[5585,12607,12608],{"class":5606},"width:",[5585,12610,12611],{"class":5654}," `",[5585,12613,5658],{"class":5591},[5585,12615,11881],{"class":5606},[5585,12617,5663],{"class":5591},[5585,12619,12620],{"class":5654},"%`",[5585,12622,12623],{"class":5710}," }",[5585,12625,5879],{"class":5591},[5585,12627,12628],{"class":5587,"line":9068},[5585,12629,12630],{"class":6582},"          >\n",[5585,12632,12633,12636,12638,12640],{"class":5587,"line":9074},[5585,12634,12635],{"class":5591},"            {",[5585,12637,11881],{"class":5606},[5585,12639,5663],{"class":5591},[5585,12641,12642],{"class":5710},"%\n",[5585,12644,12645,12647,12649],{"class":5587,"line":9080},[5585,12646,10522],{"class":6582},[5585,12648,6700],{"class":6586},[5585,12650,6710],{"class":6582},[5585,12652,12653,12656,12658],{"class":5587,"line":9090},[5585,12654,12655],{"class":6582},"        \u003C\u002F",[5585,12657,6700],{"class":6586},[5585,12659,6710],{"class":6582},[5585,12661,12662,12665],{"class":5587,"line":9095},[5585,12663,12664],{"class":5710},"      )",[5585,12666,5879],{"class":5591},[5585,12668,12669],{"class":5587,"line":9104},[5585,12670,5746],{"emptyLinePlaceholder":5745},[5585,12672,12673,12675,12677,12679,12681,12683,12685,12687,12689,12692,12694,12697,12700,12702],{"class":5587,"line":9110},[5585,12674,6716],{"class":6582},[5585,12676,9332],{"class":6586},[5585,12678,9335],{"class":6621},[5585,12680,6625],{"class":5602},[5585,12682,9340],{"class":5654},[5585,12684,9343],{"class":6621},[5585,12686,6625],{"class":5602},[5585,12688,6636],{"class":5591},[5585,12690,12691],{"class":5602},"!",[5585,12693,11848],{"class":5606},[5585,12695,12696],{"class":5602}," ||",[5585,12698,12699],{"class":5606}," isUploading",[5585,12701,5663],{"class":5591},[5585,12703,6710],{"class":6582},[5585,12705,12706,12708,12710,12712,12715,12717,12720],{"class":5587,"line":9117},[5585,12707,9359],{"class":5591},[5585,12709,11905],{"class":5606},[5585,12711,9364],{"class":5602},[5585,12713,12714],{"class":5654}," \"Завантаження...\"",[5585,12716,9370],{"class":5602},[5585,12718,12719],{"class":5654}," \"Завантажити\"",[5585,12721,5879],{"class":5591},[5585,12723,12724,12726,12728],{"class":5587,"line":9127},[5585,12725,9083],{"class":6582},[5585,12727,9332],{"class":6586},[5585,12729,6710],{"class":6582},[5585,12731,12732,12734,12736],{"class":5587,"line":9144},[5585,12733,6801],{"class":6582},[5585,12735,8852],{"class":6586},[5585,12737,6710],{"class":6582},[5585,12739,12740],{"class":5587,"line":9187},[5585,12741,6811],{"class":5602},[5585,12743,12744],{"class":5587,"line":9192},[5585,12745,5879],{"class":5602},[6818,12747,12748,12749,12752,12753,12755],{},"Axios автоматично встановлює правильний ",[5491,12750,12751],{},"Content-Type: multipart\u002Fform-data"," при передачі ",[5491,12754,11792],{},", але явне зазначення заголовка у конфігурації дозволяє уникнути проблем з деякими серверними реалізаціями.",[5547,12757],{},[5550,12759,12761],{"id":12760},"axios-із-asyncawait-та-обробка-паралельних-запитів","Axios із async\u002Fawait та обробка паралельних запитів",[5555,12763,12764,12765,12768],{},"Axios чудово поєднується з ",[5491,12766,12767],{},"async\u002Fawait"," та методами масивів для виконання множинних запитів:",[7417,12770,12772],{"id":12771},"послідовне-виконання-один-після-іншого","Послідовне виконання (один після іншого)",[5575,12774,12776],{"className":5577,"code":12775,"language":5580,"meta":5581,"style":5581},"async function loadUserWithPosts(userId: number) {\n  try {\n    \u002F\u002F Спочатку завантажуємо користувача\n    const { data: user } = await axios.get\u003CUser>(`\u002Fusers\u002F${userId}`);\n\n    \u002F\u002F Потім — його пости (залежить від userId)\n    const { data: posts } = await axios.get\u003CPost[]>(`\u002Fusers\u002F${userId}\u002Fposts`);\n\n    return { user, posts };\n  } catch (error) {\n    console.error(\"Помилка завантаження даних:\", error);\n    throw error;\n  }\n}\n",[5491,12777,12778,12797,12804,12809,12849,12853,12858,12901,12905,12919,12932,12952,12961,12965],{"__ignoreMap":5581},[5585,12779,12780,12782,12784,12787,12789,12791,12793,12795],{"class":5587,"line":5588},[5585,12781,5592],{"class":5591},[5585,12783,5595],{"class":5591},[5585,12785,12786],{"class":5598}," loadUserWithPosts",[5585,12788,5603],{"class":5602},[5585,12790,10648],{"class":5606},[5585,12792,5610],{"class":5602},[5585,12794,5614],{"class":5613},[5585,12796,5773],{"class":5602},[5585,12798,12799,12802],{"class":5587,"line":5632},[5585,12800,12801],{"class":5645},"  try",[5585,12803,5678],{"class":5602},[5585,12805,12806],{"class":5587,"line":5672},[5585,12807,12808],{"class":5752},"    \u002F\u002F Спочатку завантажуємо користувача\n",[5585,12810,12811,12813,12815,12817,12819,12821,12823,12825,12827,12829,12831,12833,12835,12837,12839,12841,12843,12845,12847],{"class":5587,"line":5681},[5585,12812,7487],{"class":5591},[5585,12814,5958],{"class":5602},[5585,12816,5961],{"class":5606},[5585,12818,5610],{"class":5602},[5585,12820,6216],{"class":5638},[5585,12822,5964],{"class":5602},[5585,12824,5646],{"class":5645},[5585,12826,5893],{"class":5606},[5585,12828,5536],{"class":5602},[5585,12830,5973],{"class":5598},[5585,12832,5623],{"class":5602},[5585,12834,5626],{"class":5613},[5585,12836,5980],{"class":5602},[5585,12838,7218],{"class":5654},[5585,12840,5658],{"class":5591},[5585,12842,10648],{"class":5606},[5585,12844,5663],{"class":5591},[5585,12846,5666],{"class":5654},[5585,12848,5819],{"class":5602},[5585,12850,12851],{"class":5587,"line":5696},[5585,12852,5746],{"emptyLinePlaceholder":5745},[5585,12854,12855],{"class":5587,"line":5730},[5585,12856,12857],{"class":5752},"    \u002F\u002F Потім — його пости (залежить від userId)\n",[5585,12859,12860,12862,12864,12866,12868,12871,12873,12875,12877,12879,12881,12883,12886,12888,12890,12892,12894,12896,12899],{"class":5587,"line":5736},[5585,12861,7487],{"class":5591},[5585,12863,5958],{"class":5602},[5585,12865,5961],{"class":5606},[5585,12867,5610],{"class":5602},[5585,12869,12870],{"class":5638},"posts",[5585,12872,5964],{"class":5602},[5585,12874,5646],{"class":5645},[5585,12876,5893],{"class":5606},[5585,12878,5536],{"class":5602},[5585,12880,5973],{"class":5598},[5585,12882,5623],{"class":5602},[5585,12884,12885],{"class":5613},"Post",[5585,12887,7178],{"class":5602},[5585,12889,7218],{"class":5654},[5585,12891,5658],{"class":5591},[5585,12893,10648],{"class":5606},[5585,12895,5663],{"class":5591},[5585,12897,12898],{"class":5654},"\u002Fposts`",[5585,12900,5819],{"class":5602},[5585,12902,12903],{"class":5587,"line":5742},[5585,12904,5746],{"emptyLinePlaceholder":5745},[5585,12906,12907,12909,12911,12913,12915,12917],{"class":5587,"line":5749},[5585,12908,7561],{"class":5645},[5585,12910,5958],{"class":5602},[5585,12912,6216],{"class":5606},[5585,12914,6114],{"class":5602},[5585,12916,12870],{"class":5606},[5585,12918,10144],{"class":5602},[5585,12920,12921,12924,12926,12928,12930],{"class":5587,"line":5756},[5585,12922,12923],{"class":5602},"  } ",[5585,12925,6404],{"class":5645},[5585,12927,6407],{"class":5602},[5585,12929,6276],{"class":5606},[5585,12931,5773],{"class":5602},[5585,12933,12934,12937,12939,12941,12943,12946,12948,12950],{"class":5587,"line":5776},[5585,12935,12936],{"class":5606},"    console",[5585,12938,5536],{"class":5602},[5585,12940,6276],{"class":5598},[5585,12942,5603],{"class":5602},[5585,12944,12945],{"class":5654},"\"Помилка завантаження даних:\"",[5585,12947,6114],{"class":5602},[5585,12949,6276],{"class":5606},[5585,12951,5819],{"class":5602},[5585,12953,12954,12956,12959],{"class":5587,"line":5822},[5585,12955,5779],{"class":5645},[5585,12957,12958],{"class":5606}," error",[5585,12960,5873],{"class":5602},[5585,12962,12963],{"class":5587,"line":5828},[5585,12964,5825],{"class":5602},[5585,12966,12967],{"class":5587,"line":5833},[5585,12968,5879],{"class":5602},[7417,12970,12972],{"id":12971},"паралельне-виконання-одночасно","Паралельне виконання (одночасно)",[5555,12974,12975,12976,12979,12980,5687],{},"Якщо запити ",[5517,12977,12978],{},"незалежні"," один від одного, виконуйте їх паралельно через ",[5491,12981,12982],{},"Promise.all",[5575,12984,12986],{"className":5577,"code":12985,"language":5580,"meta":5581,"style":5581},"async function loadDashboardData() {\n  try {\n    \u002F\u002F Всі три запити виконуються одночасно\n    const [usersResponse, postsResponse, commentsResponse] = await Promise.all([\n      axios.get\u003CUser[]>(\"\u002Fusers\"),\n      axios.get\u003CPost[]>(\"\u002Fposts\"),\n      axios.get\u003CComment[]>(\"\u002Fcomments\"),\n    ]);\n\n    return {\n      users: usersResponse.data,\n      posts: postsResponse.data,\n      comments: commentsResponse.data,\n    };\n  } catch (error) {\n    console.error(\"Помилка завантаження dashboard:\", error);\n    throw error;\n  }\n}\n",[5491,12987,12988,12999,13005,13010,13043,13062,13081,13101,13106,13110,13116,13130,13144,13158,13162,13174,13193,13201,13205],{"__ignoreMap":5581},[5585,12989,12990,12992,12994,12997],{"class":5587,"line":5588},[5585,12991,5592],{"class":5591},[5585,12993,5595],{"class":5591},[5585,12995,12996],{"class":5598}," loadDashboardData",[5585,12998,6206],{"class":5602},[5585,13000,13001,13003],{"class":5587,"line":5632},[5585,13002,12801],{"class":5645},[5585,13004,5678],{"class":5602},[5585,13006,13007],{"class":5587,"line":5672},[5585,13008,13009],{"class":5752},"    \u002F\u002F Всі три запити виконуються одночасно\n",[5585,13011,13012,13014,13016,13019,13021,13024,13026,13029,13031,13033,13035,13037,13040],{"class":5587,"line":5681},[5585,13013,7487],{"class":5591},[5585,13015,6213],{"class":5602},[5585,13017,13018],{"class":5638},"usersResponse",[5585,13020,6114],{"class":5602},[5585,13022,13023],{"class":5638},"postsResponse",[5585,13025,6114],{"class":5602},[5585,13027,13028],{"class":5638},"commentsResponse",[5585,13030,6224],{"class":5602},[5585,13032,5646],{"class":5645},[5585,13034,7598],{"class":5613},[5585,13036,5536],{"class":5602},[5585,13038,13039],{"class":5598},"all",[5585,13041,13042],{"class":5602},"([\n",[5585,13044,13045,13048,13050,13052,13054,13056,13058,13060],{"class":5587,"line":5696},[5585,13046,13047],{"class":5606},"      axios",[5585,13049,5536],{"class":5602},[5585,13051,5973],{"class":5598},[5585,13053,5623],{"class":5602},[5585,13055,5626],{"class":5613},[5585,13057,7178],{"class":5602},[5585,13059,7181],{"class":5654},[5585,13061,7184],{"class":5602},[5585,13063,13064,13066,13068,13070,13072,13074,13076,13079],{"class":5587,"line":5730},[5585,13065,13047],{"class":5606},[5585,13067,5536],{"class":5602},[5585,13069,5973],{"class":5598},[5585,13071,5623],{"class":5602},[5585,13073,12885],{"class":5613},[5585,13075,7178],{"class":5602},[5585,13077,13078],{"class":5654},"\"\u002Fposts\"",[5585,13080,7184],{"class":5602},[5585,13082,13083,13085,13087,13089,13091,13094,13096,13099],{"class":5587,"line":5736},[5585,13084,13047],{"class":5606},[5585,13086,5536],{"class":5602},[5585,13088,5973],{"class":5598},[5585,13090,5623],{"class":5602},[5585,13092,13093],{"class":5613},"Comment",[5585,13095,7178],{"class":5602},[5585,13097,13098],{"class":5654},"\"\u002Fcomments\"",[5585,13100,7184],{"class":5602},[5585,13102,13103],{"class":5587,"line":5742},[5585,13104,13105],{"class":5602},"    ]);\n",[5585,13107,13108],{"class":5587,"line":5749},[5585,13109,5746],{"emptyLinePlaceholder":5745},[5585,13111,13112,13114],{"class":5587,"line":5756},[5585,13113,7561],{"class":5645},[5585,13115,5678],{"class":5602},[5585,13117,13118,13121,13124,13126,13128],{"class":5587,"line":5776},[5585,13119,13120],{"class":5606},"      users:",[5585,13122,13123],{"class":5606}," usersResponse",[5585,13125,5536],{"class":5602},[5585,13127,5961],{"class":5606},[5585,13129,5693],{"class":5602},[5585,13131,13132,13135,13138,13140,13142],{"class":5587,"line":5822},[5585,13133,13134],{"class":5606},"      posts:",[5585,13136,13137],{"class":5606}," postsResponse",[5585,13139,5536],{"class":5602},[5585,13141,5961],{"class":5606},[5585,13143,5693],{"class":5602},[5585,13145,13146,13149,13152,13154,13156],{"class":5587,"line":5828},[5585,13147,13148],{"class":5606},"      comments:",[5585,13150,13151],{"class":5606}," commentsResponse",[5585,13153,5536],{"class":5602},[5585,13155,5961],{"class":5606},[5585,13157,5693],{"class":5602},[5585,13159,13160],{"class":5587,"line":5833},[5585,13161,10061],{"class":5602},[5585,13163,13164,13166,13168,13170,13172],{"class":5587,"line":5839},[5585,13165,12923],{"class":5602},[5585,13167,6404],{"class":5645},[5585,13169,6407],{"class":5602},[5585,13171,6276],{"class":5606},[5585,13173,5773],{"class":5602},[5585,13175,13176,13178,13180,13182,13184,13187,13189,13191],{"class":5587,"line":5865},[5585,13177,12936],{"class":5606},[5585,13179,5536],{"class":5602},[5585,13181,6276],{"class":5598},[5585,13183,5603],{"class":5602},[5585,13185,13186],{"class":5654},"\"Помилка завантаження dashboard:\"",[5585,13188,6114],{"class":5602},[5585,13190,6276],{"class":5606},[5585,13192,5819],{"class":5602},[5585,13194,13195,13197,13199],{"class":5587,"line":5876},[5585,13196,5779],{"class":5645},[5585,13198,12958],{"class":5606},[5585,13200,5873],{"class":5602},[5585,13202,13203],{"class":5587,"line":6331},[5585,13204,5825],{"class":5602},[5585,13206,13207],{"class":5587,"line":6339},[5585,13208,5879],{"class":5602},[8219,13210,13211,13212,9414,13214,13217,13218,5687],{},"Пам'ятайте: ",[5491,13213,12982],{},[5517,13215,13216],{},"відхилиться"," при першій помилці будь-якого запиту, і решта запитів (навіть якщо вони вже в процесі) не будуть оброблені. Якщо потрібна стійкість до часткових збоїв, використовуйте ",[5491,13219,13220],{},"Promise.allSettled",[5575,13222,13224],{"className":5577,"code":13223,"language":5580,"meta":5581,"style":5581},"async function loadDashboardWithFallback() {\n  const results = await Promise.allSettled([\n    axios.get\u003CUser[]>(\"\u002Fusers\"),\n    axios.get\u003CPost[]>(\"\u002Fposts\"),\n    axios.get\u003CComment[]>(\"\u002Fcomments\"),\n  ]);\n\n  const users = results[0].status === \"fulfilled\" ? results[0].value.data : [];\n  const posts = results[1].status === \"fulfilled\" ? results[1].value.data : [];\n  const comments = results[2].status === \"fulfilled\" ? results[2].value.data : [];\n\n  return { users, posts, comments };\n}\n",[5491,13225,13226,13237,13257,13276,13294,13312,13317,13321,13369,13410,13452,13456,13475],{"__ignoreMap":5581},[5585,13227,13228,13230,13232,13235],{"class":5587,"line":5588},[5585,13229,5592],{"class":5591},[5585,13231,5595],{"class":5591},[5585,13233,13234],{"class":5598}," loadDashboardWithFallback",[5585,13236,6206],{"class":5602},[5585,13238,13239,13241,13244,13246,13248,13250,13252,13255],{"class":5587,"line":5632},[5585,13240,5635],{"class":5591},[5585,13242,13243],{"class":5638}," results",[5585,13245,5642],{"class":5602},[5585,13247,5646],{"class":5645},[5585,13249,7598],{"class":5613},[5585,13251,5536],{"class":5602},[5585,13253,13254],{"class":5598},"allSettled",[5585,13256,13042],{"class":5602},[5585,13258,13259,13262,13264,13266,13268,13270,13272,13274],{"class":5587,"line":5672},[5585,13260,13261],{"class":5606},"    axios",[5585,13263,5536],{"class":5602},[5585,13265,5973],{"class":5598},[5585,13267,5623],{"class":5602},[5585,13269,5626],{"class":5613},[5585,13271,7178],{"class":5602},[5585,13273,7181],{"class":5654},[5585,13275,7184],{"class":5602},[5585,13277,13278,13280,13282,13284,13286,13288,13290,13292],{"class":5587,"line":5681},[5585,13279,13261],{"class":5606},[5585,13281,5536],{"class":5602},[5585,13283,5973],{"class":5598},[5585,13285,5623],{"class":5602},[5585,13287,12885],{"class":5613},[5585,13289,7178],{"class":5602},[5585,13291,13078],{"class":5654},[5585,13293,7184],{"class":5602},[5585,13295,13296,13298,13300,13302,13304,13306,13308,13310],{"class":5587,"line":5696},[5585,13297,13261],{"class":5606},[5585,13299,5536],{"class":5602},[5585,13301,5973],{"class":5598},[5585,13303,5623],{"class":5602},[5585,13305,13093],{"class":5613},[5585,13307,7178],{"class":5602},[5585,13309,13098],{"class":5654},[5585,13311,7184],{"class":5602},[5585,13313,13314],{"class":5587,"line":5730},[5585,13315,13316],{"class":5602},"  ]);\n",[5585,13318,13319],{"class":5587,"line":5736},[5585,13320,5746],{"emptyLinePlaceholder":5745},[5585,13322,13323,13325,13328,13330,13333,13336,13338,13341,13343,13346,13349,13352,13354,13356,13358,13360,13362,13364,13366],{"class":5587,"line":5742},[5585,13324,5635],{"class":5591},[5585,13326,13327],{"class":5638}," users",[5585,13329,5642],{"class":5602},[5585,13331,13332],{"class":5606},"results",[5585,13334,13335],{"class":5602},"[",[5585,13337,9734],{"class":6955},[5585,13339,13340],{"class":5602},"].",[5585,13342,5799],{"class":5606},[5585,13344,13345],{"class":5602}," === ",[5585,13347,13348],{"class":5654},"\"fulfilled\"",[5585,13350,13351],{"class":5602}," ? ",[5585,13353,13332],{"class":5606},[5585,13355,13335],{"class":5602},[5585,13357,9734],{"class":6955},[5585,13359,13340],{"class":5602},[5585,13361,9060],{"class":5606},[5585,13363,5536],{"class":5602},[5585,13365,5961],{"class":5606},[5585,13367,13368],{"class":5602}," : [];\n",[5585,13370,13371,13373,13376,13378,13380,13382,13384,13386,13388,13390,13392,13394,13396,13398,13400,13402,13404,13406,13408],{"class":5587,"line":5749},[5585,13372,5635],{"class":5591},[5585,13374,13375],{"class":5638}," posts",[5585,13377,5642],{"class":5602},[5585,13379,13332],{"class":5606},[5585,13381,13335],{"class":5602},[5585,13383,10114],{"class":6955},[5585,13385,13340],{"class":5602},[5585,13387,5799],{"class":5606},[5585,13389,13345],{"class":5602},[5585,13391,13348],{"class":5654},[5585,13393,13351],{"class":5602},[5585,13395,13332],{"class":5606},[5585,13397,13335],{"class":5602},[5585,13399,10114],{"class":6955},[5585,13401,13340],{"class":5602},[5585,13403,9060],{"class":5606},[5585,13405,5536],{"class":5602},[5585,13407,5961],{"class":5606},[5585,13409,13368],{"class":5602},[5585,13411,13412,13414,13417,13419,13421,13423,13426,13428,13430,13432,13434,13436,13438,13440,13442,13444,13446,13448,13450],{"class":5587,"line":5756},[5585,13413,5635],{"class":5591},[5585,13415,13416],{"class":5638}," comments",[5585,13418,5642],{"class":5602},[5585,13420,13332],{"class":5606},[5585,13422,13335],{"class":5602},[5585,13424,13425],{"class":6955},"2",[5585,13427,13340],{"class":5602},[5585,13429,5799],{"class":5606},[5585,13431,13345],{"class":5602},[5585,13433,13348],{"class":5654},[5585,13435,13351],{"class":5602},[5585,13437,13332],{"class":5606},[5585,13439,13335],{"class":5602},[5585,13441,13425],{"class":6955},[5585,13443,13340],{"class":5602},[5585,13445,9060],{"class":5606},[5585,13447,5536],{"class":5602},[5585,13449,5961],{"class":5606},[5585,13451,13368],{"class":5602},[5585,13453,13454],{"class":5587,"line":5776},[5585,13455,5746],{"emptyLinePlaceholder":5745},[5585,13457,13458,13460,13462,13464,13466,13468,13470,13473],{"class":5587,"line":5822},[5585,13459,5868],{"class":5645},[5585,13461,5958],{"class":5602},[5585,13463,10225],{"class":5606},[5585,13465,6114],{"class":5602},[5585,13467,12870],{"class":5606},[5585,13469,6114],{"class":5602},[5585,13471,13472],{"class":5606},"comments",[5585,13474,10144],{"class":5602},[5585,13476,13477],{"class":5587,"line":5828},[5585,13478,5879],{"class":5602},[5547,13480],{},[5550,13482,13484],{"id":13483},"retry-логіка-та-обробка-тимчасових-збоїв","Retry логіка та обробка тимчасових збоїв",[5555,13486,13487],{},"У реальних застосунках мережеві збої — звична справа: нестабільне з'єднання, тимчасова недоступність сервера, таймаути. Axios не має вбудованої retry-логіки, але її легко реалізувати через interceptor або кастомну обгортку:",[5575,13489,13491],{"className":5577,"code":13490,"language":5580,"meta":5581,"style":5581},"import axios, { AxiosError, AxiosInstance, AxiosRequestConfig } from \"axios\";\n\n\u002F\u002F Конфігурація retry-логіки\ninterface RetryConfig {\n  retries: number; \u002F\u002F Максимальна кількість повторів\n  retryDelay: number; \u002F\u002F Затримка між спробами (мс)\n  retryCondition?: (error: AxiosError) => boolean; \u002F\u002F Умова для повтору\n}\n\n\u002F\u002F Функція затримки\nconst delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\n\u002F\u002F Обгортка Axios з retry-логікою\nasync function axiosWithRetry\u003CT>(\n  requestFn: () => Promise\u003CT>,\n  config: RetryConfig\n): Promise\u003CT> {\n  const { retries, retryDelay, retryCondition } = config;\n  let lastError: AxiosError;\n\n  for (let attempt = 0; attempt \u003C= retries; attempt++) {\n    try {\n      return await requestFn();\n    } catch (error) {\n      if (!axios.isAxiosError(error)) throw error;\n\n      lastError = error;\n\n      \u002F\u002F Перевіряємо, чи потрібно повторювати запит\n      const shouldRetry =\n        attempt \u003C retries &&\n        (retryCondition ? retryCondition(error) : true);\n\n      if (!shouldRetry) break;\n\n      console.warn(`Спроба ${attempt + 1}\u002F${retries} не вдалася. Повтор через ${retryDelay}мс...`);\n      await delay(retryDelay);\n    }\n  }\n\n  throw lastError!;\n}\n\n\u002F\u002F Використання\nasync function fetchUsersWithRetry() {\n  return axiosWithRetry(\n    () => axios.get\u003CUser[]>(\"https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\"),\n    {\n      retries: 3,\n      retryDelay: 1000,\n      retryCondition: (error) => {\n        \u002F\u002F Повторюємо лише при мережевих помилках або 5xx статусах\n        return !error.response || (error.response.status >= 500 && error.response.status \u003C 600);\n      },\n    }\n  );\n}\n",[5491,13492,13493,13519,13523,13528,13537,13551,13565,13591,13595,13599,13604,13652,13656,13661,13676,13694,13704,13716,13741,13755,13759,13793,13799,13812,13824,13849,13853,13864,13868,13873,13883,13896,13918,13922,13938,13942,13990,14002,14006,14010,14014,14024,14028,14032,14037,14048,14056,14080,14085,14095,14105,14122,14127,14180,14185,14189,14193],{"__ignoreMap":5581},[5585,13494,13495,13497,13499,13501,13503,13505,13507,13509,13511,13513,13515,13517],{"class":5587,"line":5588},[5585,13496,5890],{"class":5645},[5585,13498,5893],{"class":5606},[5585,13500,6878],{"class":5602},[5585,13502,7648],{"class":5606},[5585,13504,6114],{"class":5602},[5585,13506,6881],{"class":5606},[5585,13508,6114],{"class":5602},[5585,13510,11196],{"class":5606},[5585,13512,6120],{"class":5602},[5585,13514,6123],{"class":5645},[5585,13516,5899],{"class":5654},[5585,13518,5873],{"class":5602},[5585,13520,13521],{"class":5587,"line":5632},[5585,13522,5746],{"emptyLinePlaceholder":5745},[5585,13524,13525],{"class":5587,"line":5672},[5585,13526,13527],{"class":5752},"\u002F\u002F Конфігурація retry-логіки\n",[5585,13529,13530,13532,13535],{"class":5587,"line":5681},[5585,13531,6137],{"class":5591},[5585,13533,13534],{"class":5613}," RetryConfig",[5585,13536,5678],{"class":5602},[5585,13538,13539,13542,13544,13546,13548],{"class":5587,"line":5696},[5585,13540,13541],{"class":5606},"  retries",[5585,13543,5610],{"class":5602},[5585,13545,5614],{"class":5613},[5585,13547,7567],{"class":5602},[5585,13549,13550],{"class":5752},"\u002F\u002F Максимальна кількість повторів\n",[5585,13552,13553,13556,13558,13560,13562],{"class":5587,"line":5730},[5585,13554,13555],{"class":5606},"  retryDelay",[5585,13557,5610],{"class":5602},[5585,13559,5614],{"class":5613},[5585,13561,7567],{"class":5602},[5585,13563,13564],{"class":5752},"\u002F\u002F Затримка між спробами (мс)\n",[5585,13566,13567,13570,13573,13575,13577,13579,13581,13583,13586,13588],{"class":5587,"line":5736},[5585,13568,13569],{"class":5598},"  retryCondition",[5585,13571,13572],{"class":5602},"?: (",[5585,13574,6276],{"class":5606},[5585,13576,5610],{"class":5602},[5585,13578,7648],{"class":5613},[5585,13580,6576],{"class":5602},[5585,13582,6314],{"class":5591},[5585,13584,13585],{"class":5613}," boolean",[5585,13587,7567],{"class":5602},[5585,13589,13590],{"class":5752},"\u002F\u002F Умова для повтору\n",[5585,13592,13593],{"class":5587,"line":5742},[5585,13594,5879],{"class":5602},[5585,13596,13597],{"class":5587,"line":5749},[5585,13598,5746],{"emptyLinePlaceholder":5745},[5585,13600,13601],{"class":5587,"line":5756},[5585,13602,13603],{"class":5752},"\u002F\u002F Функція затримки\n",[5585,13605,13606,13608,13611,13614,13617,13619,13621,13623,13625,13627,13629,13631,13634,13636,13638,13641,13643,13645,13647,13649],{"class":5587,"line":5776},[5585,13607,6898],{"class":5591},[5585,13609,13610],{"class":5598}," delay",[5585,13612,13613],{"class":5602}," = (",[5585,13615,13616],{"class":5606},"ms",[5585,13618,5610],{"class":5602},[5585,13620,5614],{"class":5613},[5585,13622,6576],{"class":5602},[5585,13624,6314],{"class":5591},[5585,13626,5782],{"class":5591},[5585,13628,7598],{"class":5613},[5585,13630,10098],{"class":5602},[5585,13632,13633],{"class":5606},"resolve",[5585,13635,6576],{"class":5602},[5585,13637,6314],{"class":5591},[5585,13639,13640],{"class":5598}," setTimeout",[5585,13642,5603],{"class":5602},[5585,13644,13633],{"class":5606},[5585,13646,6114],{"class":5602},[5585,13648,13616],{"class":5606},[5585,13650,13651],{"class":5602},"));\n",[5585,13653,13654],{"class":5587,"line":5822},[5585,13655,5746],{"emptyLinePlaceholder":5745},[5585,13657,13658],{"class":5587,"line":5828},[5585,13659,13660],{"class":5752},"\u002F\u002F Обгортка Axios з retry-логікою\n",[5585,13662,13663,13665,13667,13670,13672,13674],{"class":5587,"line":5833},[5585,13664,5592],{"class":5591},[5585,13666,5595],{"class":5591},[5585,13668,13669],{"class":5598}," axiosWithRetry",[5585,13671,5623],{"class":5602},[5585,13673,8244],{"class":5613},[5585,13675,6367],{"class":5602},[5585,13677,13678,13681,13683,13685,13687,13689,13691],{"class":5587,"line":5839},[5585,13679,13680],{"class":5598},"  requestFn",[5585,13682,9553],{"class":5602},[5585,13684,6314],{"class":5591},[5585,13686,7598],{"class":5613},[5585,13688,5623],{"class":5602},[5585,13690,8244],{"class":5613},[5585,13692,13693],{"class":5602},">,\n",[5585,13695,13696,13699,13701],{"class":5587,"line":5865},[5585,13697,13698],{"class":5606},"  config",[5585,13700,5610],{"class":5602},[5585,13702,13703],{"class":5613},"RetryConfig\n",[5585,13705,13706,13708,13710,13712,13714],{"class":5587,"line":5876},[5585,13707,5617],{"class":5602},[5585,13709,5620],{"class":5613},[5585,13711,5623],{"class":5602},[5585,13713,8244],{"class":5613},[5585,13715,5629],{"class":5602},[5585,13717,13718,13720,13722,13725,13727,13730,13732,13735,13737,13739],{"class":5587,"line":6331},[5585,13719,5635],{"class":5591},[5585,13721,5958],{"class":5602},[5585,13723,13724],{"class":5638},"retries",[5585,13726,6114],{"class":5602},[5585,13728,13729],{"class":5638},"retryDelay",[5585,13731,6114],{"class":5602},[5585,13733,13734],{"class":5638},"retryCondition",[5585,13736,5964],{"class":5602},[5585,13738,7476],{"class":5606},[5585,13740,5873],{"class":5602},[5585,13742,13743,13746,13749,13751,13753],{"class":5587,"line":6339},[5585,13744,13745],{"class":5591},"  let",[5585,13747,13748],{"class":5606}," lastError",[5585,13750,5610],{"class":5602},[5585,13752,7648],{"class":5613},[5585,13754,5873],{"class":5602},[5585,13756,13757],{"class":5587,"line":6345},[5585,13758,5746],{"emptyLinePlaceholder":5745},[5585,13760,13761,13764,13766,13769,13772,13774,13776,13778,13781,13784,13786,13788,13790],{"class":5587,"line":6370},[5585,13762,13763],{"class":5645},"  for",[5585,13765,6407],{"class":5602},[5585,13767,13768],{"class":5591},"let",[5585,13770,13771],{"class":5606}," attempt",[5585,13773,5642],{"class":5602},[5585,13775,9734],{"class":6955},[5585,13777,7567],{"class":5602},[5585,13779,13780],{"class":5606},"attempt",[5585,13782,13783],{"class":5602}," \u003C= ",[5585,13785,13724],{"class":5606},[5585,13787,7567],{"class":5602},[5585,13789,13780],{"class":5606},[5585,13791,13792],{"class":5602},"++) {\n",[5585,13794,13795,13797],{"class":5587,"line":6376},[5585,13796,8617],{"class":5645},[5585,13798,5678],{"class":5602},[5585,13800,13801,13804,13807,13810],{"class":5587,"line":6382},[5585,13802,13803],{"class":5645},"      return",[5585,13805,13806],{"class":5645}," await",[5585,13808,13809],{"class":5598}," requestFn",[5585,13811,5862],{"class":5602},[5585,13813,13814,13816,13818,13820,13822],{"class":5587,"line":6398},[5585,13815,8107],{"class":5602},[5585,13817,6404],{"class":5645},[5585,13819,6407],{"class":5602},[5585,13821,6276],{"class":5606},[5585,13823,5773],{"class":5602},[5585,13825,13826,13828,13830,13832,13834,13836,13838,13840,13842,13845,13847],{"class":5587,"line":6415},[5585,13827,8702],{"class":5645},[5585,13829,5762],{"class":5602},[5585,13831,6423],{"class":5606},[5585,13833,5536],{"class":5602},[5585,13835,6428],{"class":5598},[5585,13837,5603],{"class":5602},[5585,13839,6276],{"class":5606},[5585,13841,9879],{"class":5602},[5585,13843,13844],{"class":5645},"throw",[5585,13846,12958],{"class":5606},[5585,13848,5873],{"class":5602},[5585,13850,13851],{"class":5587,"line":6438},[5585,13852,5746],{"emptyLinePlaceholder":5745},[5585,13854,13855,13858,13860,13862],{"class":5587,"line":6444},[5585,13856,13857],{"class":5606},"      lastError",[5585,13859,5642],{"class":5602},[5585,13861,6276],{"class":5606},[5585,13863,5873],{"class":5602},[5585,13865,13866],{"class":5587,"line":6479},[5585,13867,5746],{"emptyLinePlaceholder":5745},[5585,13869,13870],{"class":5587,"line":6490},[5585,13871,13872],{"class":5752},"      \u002F\u002F Перевіряємо, чи потрібно повторювати запит\n",[5585,13874,13875,13877,13880],{"class":5587,"line":6502},[5585,13876,7838],{"class":5591},[5585,13878,13879],{"class":5638}," shouldRetry",[5585,13881,13882],{"class":5602}," =\n",[5585,13884,13885,13888,13891,13893],{"class":5587,"line":6508},[5585,13886,13887],{"class":5606},"        attempt",[5585,13889,13890],{"class":5602}," \u003C ",[5585,13892,13724],{"class":5606},[5585,13894,13895],{"class":5602}," &&\n",[5585,13897,13898,13901,13903,13905,13907,13909,13911,13914,13916],{"class":5587,"line":6518},[5585,13899,13900],{"class":5602},"        (",[5585,13902,13734],{"class":5606},[5585,13904,13351],{"class":5602},[5585,13906,13734],{"class":5598},[5585,13908,5603],{"class":5602},[5585,13910,6276],{"class":5606},[5585,13912,13913],{"class":5602},") : ",[5585,13915,6265],{"class":5591},[5585,13917,5819],{"class":5602},[5585,13919,13920],{"class":5587,"line":6531},[5585,13921,5746],{"emptyLinePlaceholder":5745},[5585,13923,13924,13926,13928,13931,13933,13936],{"class":5587,"line":6537},[5585,13925,8702],{"class":5645},[5585,13927,5762],{"class":5602},[5585,13929,13930],{"class":5606},"shouldRetry",[5585,13932,6576],{"class":5602},[5585,13934,13935],{"class":5645},"break",[5585,13937,5873],{"class":5602},[5585,13939,13940],{"class":5587,"line":6543},[5585,13941,5746],{"emptyLinePlaceholder":5745},[5585,13943,13944,13946,13948,13950,13952,13955,13957,13959,13962,13965,13967,13970,13972,13974,13976,13979,13981,13983,13985,13988],{"class":5587,"line":6548},[5585,13945,8132],{"class":5606},[5585,13947,5536],{"class":5602},[5585,13949,8007],{"class":5598},[5585,13951,5603],{"class":5602},[5585,13953,13954],{"class":5654},"`Спроба ",[5585,13956,5658],{"class":5591},[5585,13958,13780],{"class":5606},[5585,13960,13961],{"class":5602}," +",[5585,13963,13964],{"class":6955}," 1",[5585,13966,5663],{"class":5591},[5585,13968,13969],{"class":5654},"\u002F",[5585,13971,5658],{"class":5591},[5585,13973,13724],{"class":5606},[5585,13975,5663],{"class":5591},[5585,13977,13978],{"class":5654}," не вдалася. Повтор через ",[5585,13980,5658],{"class":5591},[5585,13982,13729],{"class":5606},[5585,13984,5663],{"class":5591},[5585,13986,13987],{"class":5654},"мс...`",[5585,13989,5819],{"class":5602},[5585,13991,13992,13994,13996,13998,14000],{"class":5587,"line":6556},[5585,13993,8624],{"class":5645},[5585,13995,13610],{"class":5598},[5585,13997,5603],{"class":5602},[5585,13999,13729],{"class":5606},[5585,14001,5819],{"class":5602},[5585,14003,14004],{"class":5587,"line":6562},[5585,14005,6540],{"class":5602},[5585,14007,14008],{"class":5587,"line":6567},[5585,14009,5825],{"class":5602},[5585,14011,14012],{"class":5587,"line":6604},[5585,14013,5746],{"emptyLinePlaceholder":5745},[5585,14015,14016,14019,14021],{"class":5587,"line":6651},[5585,14017,14018],{"class":5645},"  throw",[5585,14020,13748],{"class":5606},[5585,14022,14023],{"class":5602},"!;\n",[5585,14025,14026],{"class":5587,"line":6681},[5585,14027,5879],{"class":5602},[5585,14029,14030],{"class":5587,"line":6686},[5585,14031,5746],{"emptyLinePlaceholder":5745},[5585,14033,14034],{"class":5587,"line":6694},[5585,14035,14036],{"class":5752},"\u002F\u002F Використання\n",[5585,14038,14039,14041,14043,14046],{"class":5587,"line":6713},[5585,14040,5592],{"class":5591},[5585,14042,5595],{"class":5591},[5585,14044,14045],{"class":5598}," fetchUsersWithRetry",[5585,14047,6206],{"class":5602},[5585,14049,14050,14052,14054],{"class":5587,"line":6740},[5585,14051,5868],{"class":5645},[5585,14053,13669],{"class":5598},[5585,14055,7468],{"class":5602},[5585,14057,14058,14061,14063,14065,14067,14069,14071,14073,14075,14078],{"class":5587,"line":6769},[5585,14059,14060],{"class":5602},"    () ",[5585,14062,6314],{"class":5591},[5585,14064,5893],{"class":5606},[5585,14066,5536],{"class":5602},[5585,14068,5973],{"class":5598},[5585,14070,5623],{"class":5602},[5585,14072,5626],{"class":5613},[5585,14074,7178],{"class":5602},[5585,14076,14077],{"class":5654},"\"https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\"",[5585,14079,7184],{"class":5602},[5585,14081,14082],{"class":5587,"line":6798},[5585,14083,14084],{"class":5602},"    {\n",[5585,14086,14087,14090,14093],{"class":5587,"line":6808},[5585,14088,14089],{"class":5606},"      retries:",[5585,14091,14092],{"class":6955}," 3",[5585,14094,5693],{"class":5602},[5585,14096,14097,14100,14103],{"class":5587,"line":6814},[5585,14098,14099],{"class":5606},"      retryDelay:",[5585,14101,14102],{"class":6955}," 1000",[5585,14104,5693],{"class":5602},[5585,14106,14107,14110,14112,14114,14116,14118,14120],{"class":5587,"line":8159},[5585,14108,14109],{"class":5598},"      retryCondition",[5585,14111,5687],{"class":5606},[5585,14113,6407],{"class":5602},[5585,14115,6276],{"class":5606},[5585,14117,6576],{"class":5602},[5585,14119,6314],{"class":5591},[5585,14121,5678],{"class":5602},[5585,14123,14124],{"class":5587,"line":8183},[5585,14125,14126],{"class":5752},"        \u002F\u002F Повторюємо лише при мережевих помилках або 5xx статусах\n",[5585,14128,14129,14132,14135,14137,14139,14141,14144,14146,14148,14150,14152,14154,14157,14160,14163,14165,14167,14169,14171,14173,14175,14178],{"class":5587,"line":8188},[5585,14130,14131],{"class":5645},"        return",[5585,14133,14134],{"class":5602}," !",[5585,14136,6276],{"class":5606},[5585,14138,5536],{"class":5602},[5585,14140,5765],{"class":5606},[5585,14142,14143],{"class":5602}," || (",[5585,14145,6276],{"class":5606},[5585,14147,5536],{"class":5602},[5585,14149,5765],{"class":5606},[5585,14151,5536],{"class":5602},[5585,14153,5799],{"class":5606},[5585,14155,14156],{"class":5602}," >= ",[5585,14158,14159],{"class":6955},"500",[5585,14161,14162],{"class":5602}," && ",[5585,14164,6276],{"class":5606},[5585,14166,5536],{"class":5602},[5585,14168,5765],{"class":5606},[5585,14170,5536],{"class":5602},[5585,14172,5799],{"class":5606},[5585,14174,13890],{"class":5602},[5585,14176,14177],{"class":6955},"600",[5585,14179,5819],{"class":5602},[5585,14181,14182],{"class":5587,"line":8193},[5585,14183,14184],{"class":5602},"      },\n",[5585,14186,14187],{"class":5587,"line":8210},[5585,14188,6540],{"class":5602},[5585,14190,14191],{"class":5587,"line":8215},[5585,14192,6811],{"class":5602},[5585,14194,14195],{"class":5587,"line":8959},[5585,14196,5879],{"class":5602},[6006,14198,14199,14200,14203,14204,14207,14208,5536],{},"Бібліотека ",[5491,14201,14202],{},"axios-retry"," надає готове рішення для retry-логіки з експоненційним backoff (затримка зростає після кожної невдалої спроби: 1с, 2с, 4с тощо). Встановлюється через ",[5491,14205,14206],{},"npm install axios-retry"," та інтегрується за допомогою одного рядка: ",[5491,14209,14210],{},"axiosRetry(api, { retries: 3 })",[5547,14212],{},[5550,14214,14216],{"id":14215},"axios-defaults-глобальні-налаштування","Axios Defaults: глобальні налаштування",[5555,14218,14219,14220,14222],{},"Окрім створення інстансів, Axios дозволяє змінювати глобальні налаштування, що застосовуються до всіх запитів у застосунку (навіть до тих, що викликаються напряму через ",[5491,14221,6854],{},"):",[5575,14224,14226],{"className":5577,"code":14225,"language":5580,"meta":5581,"style":5581},"import axios from \"axios\";\n\n\u002F\u002F Глобальні налаштування для всіх запитів\naxios.defaults.baseURL = \"https:\u002F\u002Fapi.example.com\";\naxios.defaults.timeout = 15000;\naxios.defaults.headers.common[\"X-Requested-With\"] = \"XMLHttpRequest\";\naxios.defaults.headers.post[\"Content-Type\"] = \"application\u002Fjson\";\n\n\u002F\u002F Тепер усі запити використовують ці налаштування\nasync function fetchData() {\n  const { data } = await axios.get(\"\u002Fusers\"); \u002F\u002F URL: https:\u002F\u002Fapi.example.com\u002Fusers\n  return data;\n}\n",[5491,14227,14228,14240,14244,14249,14270,14289,14318,14346,14350,14355,14366,14393,14401],{"__ignoreMap":5581},[5585,14229,14230,14232,14234,14236,14238],{"class":5587,"line":5588},[5585,14231,5890],{"class":5645},[5585,14233,5893],{"class":5606},[5585,14235,5896],{"class":5645},[5585,14237,5899],{"class":5654},[5585,14239,5873],{"class":5602},[5585,14241,14242],{"class":5587,"line":5632},[5585,14243,5746],{"emptyLinePlaceholder":5745},[5585,14245,14246],{"class":5587,"line":5672},[5585,14247,14248],{"class":5752},"\u002F\u002F Глобальні налаштування для всіх запитів\n",[5585,14250,14251,14253,14255,14258,14260,14263,14265,14268],{"class":5587,"line":5681},[5585,14252,6423],{"class":5606},[5585,14254,5536],{"class":5602},[5585,14256,14257],{"class":5606},"defaults",[5585,14259,5536],{"class":5602},[5585,14261,14262],{"class":5606},"baseURL",[5585,14264,5642],{"class":5602},[5585,14266,14267],{"class":5654},"\"https:\u002F\u002Fapi.example.com\"",[5585,14269,5873],{"class":5602},[5585,14271,14272,14274,14276,14278,14280,14282,14284,14287],{"class":5587,"line":5696},[5585,14273,6423],{"class":5606},[5585,14275,5536],{"class":5602},[5585,14277,14257],{"class":5606},[5585,14279,5536],{"class":5602},[5585,14281,11639],{"class":5606},[5585,14283,5642],{"class":5602},[5585,14285,14286],{"class":6955},"15000",[5585,14288,5873],{"class":5602},[5585,14290,14291,14293,14295,14297,14299,14301,14303,14306,14308,14311,14313,14316],{"class":5587,"line":5730},[5585,14292,6423],{"class":5606},[5585,14294,5536],{"class":5602},[5585,14296,14257],{"class":5606},[5585,14298,5536],{"class":5602},[5585,14300,7532],{"class":5606},[5585,14302,5536],{"class":5602},[5585,14304,14305],{"class":5606},"common",[5585,14307,13335],{"class":5602},[5585,14309,14310],{"class":5654},"\"X-Requested-With\"",[5585,14312,6224],{"class":5602},[5585,14314,14315],{"class":5654},"\"XMLHttpRequest\"",[5585,14317,5873],{"class":5602},[5585,14319,14320,14322,14324,14326,14328,14330,14332,14334,14336,14339,14341,14344],{"class":5587,"line":5736},[5585,14321,6423],{"class":5606},[5585,14323,5536],{"class":5602},[5585,14325,14257],{"class":5606},[5585,14327,5536],{"class":5602},[5585,14329,7532],{"class":5606},[5585,14331,5536],{"class":5602},[5585,14333,7255],{"class":5606},[5585,14335,13335],{"class":5602},[5585,14337,14338],{"class":5654},"\"Content-Type\"",[5585,14340,6224],{"class":5602},[5585,14342,14343],{"class":5654},"\"application\u002Fjson\"",[5585,14345,5873],{"class":5602},[5585,14347,14348],{"class":5587,"line":5742},[5585,14349,5746],{"emptyLinePlaceholder":5745},[5585,14351,14352],{"class":5587,"line":5749},[5585,14353,14354],{"class":5752},"\u002F\u002F Тепер усі запити використовують ці налаштування\n",[5585,14356,14357,14359,14361,14364],{"class":5587,"line":5756},[5585,14358,5592],{"class":5591},[5585,14360,5595],{"class":5591},[5585,14362,14363],{"class":5598}," fetchData",[5585,14365,6206],{"class":5602},[5585,14367,14368,14370,14372,14374,14376,14378,14380,14382,14384,14386,14388,14390],{"class":5587,"line":5776},[5585,14369,5635],{"class":5591},[5585,14371,5958],{"class":5602},[5585,14373,5961],{"class":5638},[5585,14375,5964],{"class":5602},[5585,14377,5646],{"class":5645},[5585,14379,5893],{"class":5606},[5585,14381,5536],{"class":5602},[5585,14383,5973],{"class":5598},[5585,14385,5603],{"class":5602},[5585,14387,7181],{"class":5654},[5585,14389,12063],{"class":5602},[5585,14391,14392],{"class":5752},"\u002F\u002F URL: https:\u002F\u002Fapi.example.com\u002Fusers\n",[5585,14394,14395,14397,14399],{"class":5587,"line":5822},[5585,14396,5868],{"class":5645},[5585,14398,5844],{"class":5606},[5585,14400,5873],{"class":5602},[5585,14402,14403],{"class":5587,"line":5828},[5585,14404,5879],{"class":5602},[14406,14407,14408,14409,14412,14413,14416,14417,14420],"caution",{},"Зміна ",[5491,14410,14411],{},"axios.defaults"," впливає на ",[5517,14414,14415],{},"весь"," застосунок, включаючи сторонні бібліотеки, які можуть використовувати Axios. У більшості випадків краще створювати окремі інстанси (",[5491,14418,14419],{},"axios.create()",") для різних API або модулів проєкту.",[5547,14422],{},[5550,14424,14426],{"id":14425},"трансформація-запитів-та-відповідей","Трансформація запитів та відповідей",[5555,14428,14429],{},"Axios дозволяє глобально або локально трансформувати дані перед відправкою запиту чи після отримання відповіді. Це корисно для автоматичного перетворення дат, нормалізації полів або шифрування:",[5575,14431,14433],{"className":5577,"code":14432,"language":5580,"meta":5581,"style":5581},"import axios from \"axios\";\n\nconst api = axios.create({\n  baseURL: \"https:\u002F\u002Fapi.example.com\",\n\n  \u002F\u002F Трансформація даних ПЕРЕД відправкою на сервер\n  transformRequest: [\n    (data) => {\n      \u002F\u002F Автоматично конвертуємо об'єкти Date у ISO-рядки\n      if (data && typeof data === \"object\") {\n        for (const key in data) {\n          if (data[key] instanceof Date) {\n            data[key] = data[key].toISOString();\n          }\n        }\n      }\n      return JSON.stringify(data);\n    },\n  ],\n\n  \u002F\u002F Трансформація даних ПІСЛЯ отримання від сервера\n  transformResponse: [\n    (data) => {\n      const parsed = JSON.parse(data);\n\n      \u002F\u002F Автоматично конвертуємо ISO-рядки назад у Date\n      if (parsed && typeof parsed === \"object\") {\n        for (const key in parsed) {\n          if (typeof parsed[key] === \"string\" && \u002F^\\d{4}-\\d{2}-\\d{2}T\u002F.test(parsed[key])) {\n            parsed[key] = new Date(parsed[key]);\n          }\n        }\n      }\n\n      return parsed;\n    },\n  ],\n});\n\n\u002F\u002F Тепер можна передавати Date безпосередньо\nawait api.post(\"\u002Fevents\", {\n  title: \"Зустріч команди\",\n  startDate: new Date(\"2026-10-20T10:00:00Z\"),\n});\n\n\u002F\u002F І отримувати Date у відповіді\nconst { data } = await api.get\u003C{ startDate: Date }>(\"\u002Fevents\u002F1\");\nconsole.log(data.startDate instanceof Date); \u002F\u002F true\n",[5491,14434,14435,14447,14451,14467,14476,14480,14485,14493,14506,14511,14533,14551,14574,14598,14602,14606,14610,14628,14632,14637,14641,14646,14653,14665,14688,14692,14697,14718,14734,14800,14825,14829,14833,14837,14841,14849,14853,14857,14861,14865,14870,14887,14897,14913,14917,14921,14926,14963],{"__ignoreMap":5581},[5585,14436,14437,14439,14441,14443,14445],{"class":5587,"line":5588},[5585,14438,5890],{"class":5645},[5585,14440,5893],{"class":5606},[5585,14442,5896],{"class":5645},[5585,14444,5899],{"class":5654},[5585,14446,5873],{"class":5602},[5585,14448,14449],{"class":5587,"line":5632},[5585,14450,5746],{"emptyLinePlaceholder":5745},[5585,14452,14453,14455,14457,14459,14461,14463,14465],{"class":5587,"line":5672},[5585,14454,6898],{"class":5591},[5585,14456,6901],{"class":5638},[5585,14458,5642],{"class":5602},[5585,14460,6423],{"class":5606},[5585,14462,5536],{"class":5602},[5585,14464,6914],{"class":5598},[5585,14466,6917],{"class":5602},[5585,14468,14469,14471,14474],{"class":5587,"line":5681},[5585,14470,6922],{"class":5606},[5585,14472,14473],{"class":5654}," \"https:\u002F\u002Fapi.example.com\"",[5585,14475,5693],{"class":5602},[5585,14477,14478],{"class":5587,"line":5696},[5585,14479,5746],{"emptyLinePlaceholder":5745},[5585,14481,14482],{"class":5587,"line":5730},[5585,14483,14484],{"class":5752},"  \u002F\u002F Трансформація даних ПЕРЕД відправкою на сервер\n",[5585,14486,14487,14490],{"class":5587,"line":5736},[5585,14488,14489],{"class":5606},"  transformRequest:",[5585,14491,14492],{"class":5602}," [\n",[5585,14494,14495,14498,14500,14502,14504],{"class":5587,"line":5742},[5585,14496,14497],{"class":5602},"    (",[5585,14499,5961],{"class":5606},[5585,14501,6576],{"class":5602},[5585,14503,6314],{"class":5591},[5585,14505,5678],{"class":5602},[5585,14507,14508],{"class":5587,"line":5749},[5585,14509,14510],{"class":5752},"      \u002F\u002F Автоматично конвертуємо об'єкти Date у ISO-рядки\n",[5585,14512,14513,14515,14517,14519,14521,14524,14526,14528,14531],{"class":5587,"line":5756},[5585,14514,8702],{"class":5645},[5585,14516,6407],{"class":5602},[5585,14518,5961],{"class":5606},[5585,14520,14162],{"class":5602},[5585,14522,14523],{"class":5591},"typeof",[5585,14525,5844],{"class":5606},[5585,14527,13345],{"class":5602},[5585,14529,14530],{"class":5654},"\"object\"",[5585,14532,5773],{"class":5602},[5585,14534,14535,14538,14540,14542,14544,14547,14549],{"class":5587,"line":5776},[5585,14536,14537],{"class":5645},"        for",[5585,14539,6407],{"class":5602},[5585,14541,6898],{"class":5591},[5585,14543,10465],{"class":5638},[5585,14545,14546],{"class":5591}," in",[5585,14548,5844],{"class":5606},[5585,14550,5773],{"class":5602},[5585,14552,14553,14555,14557,14559,14561,14564,14566,14569,14572],{"class":5587,"line":5822},[5585,14554,12170],{"class":5645},[5585,14556,6407],{"class":5602},[5585,14558,5961],{"class":5606},[5585,14560,13335],{"class":5602},[5585,14562,14563],{"class":5606},"key",[5585,14565,12519],{"class":5602},[5585,14567,14568],{"class":5591},"instanceof",[5585,14570,14571],{"class":5613}," Date",[5585,14573,5773],{"class":5602},[5585,14575,14576,14579,14581,14583,14585,14587,14589,14591,14593,14596],{"class":5587,"line":5828},[5585,14577,14578],{"class":5606},"            data",[5585,14580,13335],{"class":5602},[5585,14582,14563],{"class":5606},[5585,14584,6224],{"class":5602},[5585,14586,5961],{"class":5606},[5585,14588,13335],{"class":5602},[5585,14590,14563],{"class":5606},[5585,14592,13340],{"class":5602},[5585,14594,14595],{"class":5598},"toISOString",[5585,14597,5862],{"class":5602},[5585,14599,14600],{"class":5587,"line":5833},[5585,14601,12251],{"class":5602},[5585,14603,14604],{"class":5587,"line":5839},[5585,14605,6505],{"class":5602},[5585,14607,14608],{"class":5587,"line":5865},[5585,14609,6534],{"class":5602},[5585,14611,14612,14614,14617,14619,14622,14624,14626],{"class":5587,"line":5876},[5585,14613,13803],{"class":5645},[5585,14615,14616],{"class":5638}," JSON",[5585,14618,5536],{"class":5602},[5585,14620,14621],{"class":5598},"stringify",[5585,14623,5603],{"class":5602},[5585,14625,5961],{"class":5606},[5585,14627,5819],{"class":5602},[5585,14629,14630],{"class":5587,"line":6331},[5585,14631,5733],{"class":5602},[5585,14633,14634],{"class":5587,"line":6339},[5585,14635,14636],{"class":5602},"  ],\n",[5585,14638,14639],{"class":5587,"line":6345},[5585,14640,5746],{"emptyLinePlaceholder":5745},[5585,14642,14643],{"class":5587,"line":6370},[5585,14644,14645],{"class":5752},"  \u002F\u002F Трансформація даних ПІСЛЯ отримання від сервера\n",[5585,14647,14648,14651],{"class":5587,"line":6376},[5585,14649,14650],{"class":5606},"  transformResponse:",[5585,14652,14492],{"class":5602},[5585,14654,14655,14657,14659,14661,14663],{"class":5587,"line":6382},[5585,14656,14497],{"class":5602},[5585,14658,5961],{"class":5606},[5585,14660,6576],{"class":5602},[5585,14662,6314],{"class":5591},[5585,14664,5678],{"class":5602},[5585,14666,14667,14669,14672,14674,14677,14679,14682,14684,14686],{"class":5587,"line":6398},[5585,14668,7838],{"class":5591},[5585,14670,14671],{"class":5638}," parsed",[5585,14673,5642],{"class":5602},[5585,14675,14676],{"class":5638},"JSON",[5585,14678,5536],{"class":5602},[5585,14680,14681],{"class":5598},"parse",[5585,14683,5603],{"class":5602},[5585,14685,5961],{"class":5606},[5585,14687,5819],{"class":5602},[5585,14689,14690],{"class":5587,"line":6415},[5585,14691,5746],{"emptyLinePlaceholder":5745},[5585,14693,14694],{"class":5587,"line":6438},[5585,14695,14696],{"class":5752},"      \u002F\u002F Автоматично конвертуємо ISO-рядки назад у Date\n",[5585,14698,14699,14701,14703,14706,14708,14710,14712,14714,14716],{"class":5587,"line":6444},[5585,14700,8702],{"class":5645},[5585,14702,6407],{"class":5602},[5585,14704,14705],{"class":5606},"parsed",[5585,14707,14162],{"class":5602},[5585,14709,14523],{"class":5591},[5585,14711,14671],{"class":5606},[5585,14713,13345],{"class":5602},[5585,14715,14530],{"class":5654},[5585,14717,5773],{"class":5602},[5585,14719,14720,14722,14724,14726,14728,14730,14732],{"class":5587,"line":6479},[5585,14721,14537],{"class":5645},[5585,14723,6407],{"class":5602},[5585,14725,6898],{"class":5591},[5585,14727,10465],{"class":5638},[5585,14729,14546],{"class":5591},[5585,14731,14671],{"class":5606},[5585,14733,5773],{"class":5602},[5585,14735,14736,14738,14740,14742,14744,14746,14748,14751,14754,14756,14760,14764,14767,14771,14774,14777,14779,14781,14784,14786,14789,14791,14793,14795,14797],{"class":5587,"line":6490},[5585,14737,12170],{"class":5645},[5585,14739,6407],{"class":5602},[5585,14741,14523],{"class":5591},[5585,14743,14671],{"class":5606},[5585,14745,13335],{"class":5602},[5585,14747,14563],{"class":5606},[5585,14749,14750],{"class":5602},"] === ",[5585,14752,14753],{"class":5654},"\"string\"",[5585,14755,8897],{"class":5602},[5585,14757,14759],{"class":14758},"shsrj"," \u002F",[5585,14761,14763],{"class":14762},"siofk","^",[5585,14765,14766],{"class":14758},"\\d",[5585,14768,14770],{"class":14769},"sYsli","{4}",[5585,14772,14773],{"class":14758},"-\\d",[5585,14775,14776],{"class":14769},"{2}",[5585,14778,14773],{"class":14758},[5585,14780,14776],{"class":14769},[5585,14782,14783],{"class":14758},"T\u002F",[5585,14785,5536],{"class":5602},[5585,14787,14788],{"class":5598},"test",[5585,14790,5603],{"class":5602},[5585,14792,14705],{"class":5606},[5585,14794,13335],{"class":5602},[5585,14796,14563],{"class":5606},[5585,14798,14799],{"class":5602},"])) {\n",[5585,14801,14802,14805,14807,14809,14811,14813,14815,14817,14819,14821,14823],{"class":5587,"line":6502},[5585,14803,14804],{"class":5606},"            parsed",[5585,14806,13335],{"class":5602},[5585,14808,14563],{"class":5606},[5585,14810,6224],{"class":5602},[5585,14812,9762],{"class":5591},[5585,14814,14571],{"class":5598},[5585,14816,5603],{"class":5602},[5585,14818,14705],{"class":5606},[5585,14820,13335],{"class":5602},[5585,14822,14563],{"class":5606},[5585,14824,10076],{"class":5602},[5585,14826,14827],{"class":5587,"line":6508},[5585,14828,12251],{"class":5602},[5585,14830,14831],{"class":5587,"line":6518},[5585,14832,6505],{"class":5602},[5585,14834,14835],{"class":5587,"line":6531},[5585,14836,6534],{"class":5602},[5585,14838,14839],{"class":5587,"line":6537},[5585,14840,5746],{"emptyLinePlaceholder":5745},[5585,14842,14843,14845,14847],{"class":5587,"line":6543},[5585,14844,13803],{"class":5645},[5585,14846,14671],{"class":5606},[5585,14848,5873],{"class":5602},[5585,14850,14851],{"class":5587,"line":6548},[5585,14852,5733],{"class":5602},[5585,14854,14855],{"class":5587,"line":6556},[5585,14856,14636],{"class":5602},[5585,14858,14859],{"class":5587,"line":6562},[5585,14860,6989],{"class":5602},[5585,14862,14863],{"class":5587,"line":6567},[5585,14864,5746],{"emptyLinePlaceholder":5745},[5585,14866,14867],{"class":5587,"line":6604},[5585,14868,14869],{"class":5752},"\u002F\u002F Тепер можна передавати Date безпосередньо\n",[5585,14871,14872,14874,14876,14878,14880,14882,14885],{"class":5587,"line":6651},[5585,14873,5646],{"class":5645},[5585,14875,6901],{"class":5606},[5585,14877,5536],{"class":5602},[5585,14879,7255],{"class":5598},[5585,14881,5603],{"class":5602},[5585,14883,14884],{"class":5654},"\"\u002Fevents\"",[5585,14886,5669],{"class":5602},[5585,14888,14889,14892,14895],{"class":5587,"line":6681},[5585,14890,14891],{"class":5606},"  title:",[5585,14893,14894],{"class":5654}," \"Зустріч команди\"",[5585,14896,5693],{"class":5602},[5585,14898,14899,14902,14904,14906,14908,14911],{"class":5587,"line":6686},[5585,14900,14901],{"class":5606},"  startDate:",[5585,14903,5782],{"class":5591},[5585,14905,14571],{"class":5598},[5585,14907,5603],{"class":5602},[5585,14909,14910],{"class":5654},"\"2026-10-20T10:00:00Z\"",[5585,14912,7184],{"class":5602},[5585,14914,14915],{"class":5587,"line":6694},[5585,14916,6989],{"class":5602},[5585,14918,14919],{"class":5587,"line":6713},[5585,14920,5746],{"emptyLinePlaceholder":5745},[5585,14922,14923],{"class":5587,"line":6740},[5585,14924,14925],{"class":5752},"\u002F\u002F І отримувати Date у відповіді\n",[5585,14927,14928,14930,14932,14934,14936,14938,14940,14942,14944,14947,14950,14952,14955,14958,14961],{"class":5587,"line":6769},[5585,14929,6898],{"class":5591},[5585,14931,5958],{"class":5602},[5585,14933,5961],{"class":5638},[5585,14935,5964],{"class":5602},[5585,14937,5646],{"class":5645},[5585,14939,6901],{"class":5606},[5585,14941,5536],{"class":5602},[5585,14943,5973],{"class":5598},[5585,14945,14946],{"class":5602},"\u003C{ ",[5585,14948,14949],{"class":5606},"startDate",[5585,14951,5610],{"class":5602},[5585,14953,14954],{"class":5613},"Date",[5585,14956,14957],{"class":5602}," }>(",[5585,14959,14960],{"class":5654},"\"\u002Fevents\u002F1\"",[5585,14962,5819],{"class":5602},[5585,14964,14965,14968,14970,14972,14974,14976,14978,14980,14982,14984,14986],{"class":5587,"line":6798},[5585,14966,14967],{"class":5606},"console",[5585,14969,5536],{"class":5602},[5585,14971,10873],{"class":5598},[5585,14973,5603],{"class":5602},[5585,14975,5961],{"class":5606},[5585,14977,5536],{"class":5602},[5585,14979,14949],{"class":5606},[5585,14981,8768],{"class":5591},[5585,14983,14571],{"class":5613},[5585,14985,12063],{"class":5602},[5585,14987,14988],{"class":5752},"\u002F\u002F true\n",[8219,14990,14991,14992,14995,14996,14999,15000,15003],{},"Глобальні трансформації застосовуються до ",[5517,14993,14994],{},"всіх"," запитів через цей інстанс. Якщо API має ендпоінти з різними форматами (JSON, XML, FormData), краще використовувати локальні трансформації через параметр ",[5491,14997,14998],{},"transformRequest"," \u002F ",[5491,15001,15002],{},"transformResponse"," у конкретному запиті.",[5547,15005],{},[5550,15007,15009],{"id":15008},"практичний-приклад-crud-додаток-із-axios","Практичний приклад: CRUD-додаток із Axios",[5555,15011,15012],{},"Об'єднаємо всі вивчені концепції у повноцінному прикладі управління списком задач:",[5575,15014,15016],{"className":5577,"code":15015,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Faxios.ts\nimport axios from \"axios\";\n\nconst api = axios.create({\n  baseURL: \"https:\u002F\u002Fjsonplaceholder.typicode.com\",\n  timeout: 10000,\n});\n\napi.interceptors.request.use((config) => {\n  const token = localStorage.getItem(\"authToken\");\n  if (token) config.headers.Authorization = `Bearer ${token}`;\n  return config;\n});\n\napi.interceptors.response.use(\n  (response) => response,\n  (error) => {\n    if (error.response?.status === 401) {\n      localStorage.removeItem(\"authToken\");\n      window.location.href = \"\u002Flogin\";\n    }\n    return Promise.reject(error);\n  }\n);\n\nexport default api;\n",[5491,15017,15018,15023,15035,15039,15055,15064,15072,15076,15080,15106,15126,15160,15168,15172,15176,15194,15208,15220,15243,15258,15277,15281,15297,15301,15305,15309],{"__ignoreMap":5581},[5585,15019,15020],{"class":5587,"line":5588},[5585,15021,15022],{"class":5752},"\u002F\u002F src\u002Fapi\u002Faxios.ts\n",[5585,15024,15025,15027,15029,15031,15033],{"class":5587,"line":5632},[5585,15026,5890],{"class":5645},[5585,15028,5893],{"class":5606},[5585,15030,5896],{"class":5645},[5585,15032,5899],{"class":5654},[5585,15034,5873],{"class":5602},[5585,15036,15037],{"class":5587,"line":5672},[5585,15038,5746],{"emptyLinePlaceholder":5745},[5585,15040,15041,15043,15045,15047,15049,15051,15053],{"class":5587,"line":5681},[5585,15042,6898],{"class":5591},[5585,15044,6901],{"class":5638},[5585,15046,5642],{"class":5602},[5585,15048,6423],{"class":5606},[5585,15050,5536],{"class":5602},[5585,15052,6914],{"class":5598},[5585,15054,6917],{"class":5602},[5585,15056,15057,15059,15062],{"class":5587,"line":5696},[5585,15058,6922],{"class":5606},[5585,15060,15061],{"class":5654}," \"https:\u002F\u002Fjsonplaceholder.typicode.com\"",[5585,15063,5693],{"class":5602},[5585,15065,15066,15068,15070],{"class":5587,"line":5730},[5585,15067,6952],{"class":5606},[5585,15069,6956],{"class":6955},[5585,15071,5693],{"class":5602},[5585,15073,15074],{"class":5587,"line":5736},[5585,15075,6989],{"class":5602},[5585,15077,15078],{"class":5587,"line":5742},[5585,15079,5746],{"emptyLinePlaceholder":5745},[5585,15081,15082,15084,15086,15088,15090,15092,15094,15096,15098,15100,15102,15104],{"class":5587,"line":5749},[5585,15083,7451],{"class":5606},[5585,15085,5536],{"class":5602},[5585,15087,5504],{"class":5606},[5585,15089,5536],{"class":5602},[5585,15091,7460],{"class":5606},[5585,15093,5536],{"class":5602},[5585,15095,7465],{"class":5598},[5585,15097,10098],{"class":5602},[5585,15099,7476],{"class":5606},[5585,15101,6576],{"class":5602},[5585,15103,6314],{"class":5591},[5585,15105,5678],{"class":5602},[5585,15107,15108,15110,15112,15114,15116,15118,15120,15122,15124],{"class":5587,"line":5756},[5585,15109,5635],{"class":5591},[5585,15111,7490],{"class":5638},[5585,15113,5642],{"class":5602},[5585,15115,5707],{"class":5606},[5585,15117,5536],{"class":5602},[5585,15119,5713],{"class":5598},[5585,15121,5603],{"class":5602},[5585,15123,7503],{"class":5654},[5585,15125,5819],{"class":5602},[5585,15127,15128,15130,15132,15134,15136,15138,15140,15142,15144,15146,15148,15150,15152,15154,15156,15158],{"class":5587,"line":5776},[5585,15129,5759],{"class":5645},[5585,15131,6407],{"class":5602},[5585,15133,7515],{"class":5606},[5585,15135,6576],{"class":5602},[5585,15137,7476],{"class":5606},[5585,15139,5536],{"class":5602},[5585,15141,7532],{"class":5606},[5585,15143,5536],{"class":5602},[5585,15145,7537],{"class":5606},[5585,15147,5642],{"class":5602},[5585,15149,7542],{"class":5654},[5585,15151,5658],{"class":5591},[5585,15153,7515],{"class":5606},[5585,15155,5663],{"class":5591},[5585,15157,5666],{"class":5654},[5585,15159,5873],{"class":5602},[5585,15161,15162,15164,15166],{"class":5587,"line":5822},[5585,15163,5868],{"class":5645},[5585,15165,7564],{"class":5606},[5585,15167,5873],{"class":5602},[5585,15169,15170],{"class":5587,"line":5828},[5585,15171,6989],{"class":5602},[5585,15173,15174],{"class":5587,"line":5833},[5585,15175,5746],{"emptyLinePlaceholder":5745},[5585,15177,15178,15180,15182,15184,15186,15188,15190,15192],{"class":5587,"line":5839},[5585,15179,7451],{"class":5606},[5585,15181,5536],{"class":5602},[5585,15183,5504],{"class":5606},[5585,15185,5536],{"class":5602},[5585,15187,5765],{"class":5606},[5585,15189,5536],{"class":5602},[5585,15191,7465],{"class":5598},[5585,15193,7468],{"class":5602},[5585,15195,15196,15198,15200,15202,15204,15206],{"class":5587,"line":5865},[5585,15197,7473],{"class":5602},[5585,15199,5765],{"class":5606},[5585,15201,6576],{"class":5602},[5585,15203,6314],{"class":5591},[5585,15205,5639],{"class":5606},[5585,15207,5693],{"class":5602},[5585,15209,15210,15212,15214,15216,15218],{"class":5587,"line":5876},[5585,15211,7473],{"class":5602},[5585,15213,6276],{"class":5606},[5585,15215,6576],{"class":5602},[5585,15217,6314],{"class":5591},[5585,15219,5678],{"class":5602},[5585,15221,15222,15224,15226,15228,15230,15232,15234,15236,15238,15241],{"class":5587,"line":6331},[5585,15223,7510],{"class":5645},[5585,15225,6407],{"class":5602},[5585,15227,6276],{"class":5606},[5585,15229,5536],{"class":5602},[5585,15231,5765],{"class":5606},[5585,15233,6458],{"class":5602},[5585,15235,5799],{"class":5606},[5585,15237,13345],{"class":5602},[5585,15239,15240],{"class":6955},"401",[5585,15242,5773],{"class":5602},[5585,15244,15245,15248,15250,15252,15254,15256],{"class":5587,"line":6339},[5585,15246,15247],{"class":5606},"      localStorage",[5585,15249,5536],{"class":5602},[5585,15251,7897],{"class":5598},[5585,15253,5603],{"class":5602},[5585,15255,7503],{"class":5654},[5585,15257,5819],{"class":5602},[5585,15259,15260,15263,15265,15267,15269,15271,15273,15275],{"class":5587,"line":6345},[5585,15261,15262],{"class":5606},"      window",[5585,15264,5536],{"class":5602},[5585,15266,7913],{"class":5606},[5585,15268,5536],{"class":5602},[5585,15270,7918],{"class":5606},[5585,15272,5642],{"class":5602},[5585,15274,7923],{"class":5654},[5585,15276,5873],{"class":5602},[5585,15278,15279],{"class":5587,"line":6370},[5585,15280,6540],{"class":5602},[5585,15282,15283,15285,15287,15289,15291,15293,15295],{"class":5587,"line":6376},[5585,15284,7561],{"class":5645},[5585,15286,7598],{"class":5613},[5585,15288,5536],{"class":5602},[5585,15290,7603],{"class":5598},[5585,15292,5603],{"class":5602},[5585,15294,6276],{"class":5606},[5585,15296,5819],{"class":5602},[5585,15298,15299],{"class":5587,"line":6382},[5585,15300,5825],{"class":5602},[5585,15302,15303],{"class":5587,"line":6398},[5585,15304,5819],{"class":5602},[5585,15306,15307],{"class":5587,"line":6415},[5585,15308,5746],{"emptyLinePlaceholder":5745},[5585,15310,15311,15313,15315,15317],{"class":5587,"line":6438},[5585,15312,6998],{"class":5645},[5585,15314,7001],{"class":5645},[5585,15316,6901],{"class":5606},[5585,15318,5873],{"class":5602},[5575,15320,15322],{"className":5577,"code":15321,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Ftodos.ts\nimport api from \".\u002Faxios\";\n\nexport interface Todo {\n  id: number;\n  title: string;\n  completed: boolean;\n  userId: number;\n}\n\nexport interface CreateTodoDTO {\n  title: string;\n  completed: boolean;\n}\n\nexport const todosApi = {\n  getAll: () => api.get\u003CTodo[]>(\"\u002Ftodos?_limit=10\"),\n  getById: (id: number) => api.get\u003CTodo>(`\u002Ftodos\u002F${id}`),\n  create: (data: CreateTodoDTO) => api.post\u003CTodo>(\"\u002Ftodos\", data),\n  update: (id: number, data: Partial\u003CCreateTodoDTO>) =>\n    api.patch\u003CTodo>(`\u002Ftodos\u002F${id}`, data),\n  delete: (id: number) => api.delete\u003Cvoid>(`\u002Ftodos\u002F${id}`),\n};\n",[5491,15323,15324,15329,15341,15345,15357,15367,15378,15389,15400,15404,15408,15419,15429,15439,15443,15447,15458,15486,15529,15569,15599,15629,15671],{"__ignoreMap":5581},[5585,15325,15326],{"class":5587,"line":5588},[5585,15327,15328],{"class":5752},"\u002F\u002F src\u002Fapi\u002Ftodos.ts\n",[5585,15330,15331,15333,15335,15337,15339],{"class":5587,"line":5632},[5585,15332,5890],{"class":5645},[5585,15334,6901],{"class":5606},[5585,15336,5896],{"class":5645},[5585,15338,7031],{"class":5654},[5585,15340,5873],{"class":5602},[5585,15342,15343],{"class":5587,"line":5672},[5585,15344,5746],{"emptyLinePlaceholder":5745},[5585,15346,15347,15349,15352,15355],{"class":5587,"line":5681},[5585,15348,6998],{"class":5645},[5585,15350,15351],{"class":5591}," interface",[5585,15353,15354],{"class":5613}," Todo",[5585,15356,5678],{"class":5602},[5585,15358,15359,15361,15363,15365],{"class":5587,"line":5696},[5585,15360,6147],{"class":5606},[5585,15362,5610],{"class":5602},[5585,15364,5614],{"class":5613},[5585,15366,5873],{"class":5602},[5585,15368,15369,15372,15374,15376],{"class":5587,"line":5730},[5585,15370,15371],{"class":5606},"  title",[5585,15373,5610],{"class":5602},[5585,15375,6163],{"class":5613},[5585,15377,5873],{"class":5602},[5585,15379,15380,15383,15385,15387],{"class":5587,"line":5736},[5585,15381,15382],{"class":5606},"  completed",[5585,15384,5610],{"class":5602},[5585,15386,9528],{"class":5613},[5585,15388,5873],{"class":5602},[5585,15390,15391,15394,15396,15398],{"class":5587,"line":5742},[5585,15392,15393],{"class":5606},"  userId",[5585,15395,5610],{"class":5602},[5585,15397,5614],{"class":5613},[5585,15399,5873],{"class":5602},[5585,15401,15402],{"class":5587,"line":5749},[5585,15403,5879],{"class":5602},[5585,15405,15406],{"class":5587,"line":5756},[5585,15407,5746],{"emptyLinePlaceholder":5745},[5585,15409,15410,15412,15414,15417],{"class":5587,"line":5776},[5585,15411,6998],{"class":5645},[5585,15413,15351],{"class":5591},[5585,15415,15416],{"class":5613}," CreateTodoDTO",[5585,15418,5678],{"class":5602},[5585,15420,15421,15423,15425,15427],{"class":5587,"line":5822},[5585,15422,15371],{"class":5606},[5585,15424,5610],{"class":5602},[5585,15426,6163],{"class":5613},[5585,15428,5873],{"class":5602},[5585,15430,15431,15433,15435,15437],{"class":5587,"line":5828},[5585,15432,15382],{"class":5606},[5585,15434,5610],{"class":5602},[5585,15436,9528],{"class":5613},[5585,15438,5873],{"class":5602},[5585,15440,15441],{"class":5587,"line":5833},[5585,15442,5879],{"class":5602},[5585,15444,15445],{"class":5587,"line":5839},[5585,15446,5746],{"emptyLinePlaceholder":5745},[5585,15448,15449,15451,15453,15456],{"class":5587,"line":5865},[5585,15450,6998],{"class":5645},[5585,15452,7147],{"class":5591},[5585,15454,15455],{"class":5638}," todosApi",[5585,15457,7153],{"class":5602},[5585,15459,15460,15462,15464,15466,15468,15470,15472,15474,15476,15479,15481,15484],{"class":5587,"line":5876},[5585,15461,7158],{"class":5598},[5585,15463,5687],{"class":5606},[5585,15465,7163],{"class":5602},[5585,15467,6314],{"class":5591},[5585,15469,6901],{"class":5606},[5585,15471,5536],{"class":5602},[5585,15473,5973],{"class":5598},[5585,15475,5623],{"class":5602},[5585,15477,15478],{"class":5613},"Todo",[5585,15480,7178],{"class":5602},[5585,15482,15483],{"class":5654},"\"\u002Ftodos?_limit=10\"",[5585,15485,7184],{"class":5602},[5585,15487,15488,15490,15492,15494,15496,15498,15500,15502,15504,15506,15508,15510,15512,15514,15516,15519,15521,15523,15525,15527],{"class":5587,"line":6331},[5585,15489,7189],{"class":5598},[5585,15491,5687],{"class":5606},[5585,15493,6407],{"class":5602},[5585,15495,5607],{"class":5606},[5585,15497,5610],{"class":5602},[5585,15499,5614],{"class":5613},[5585,15501,6576],{"class":5602},[5585,15503,6314],{"class":5591},[5585,15505,6901],{"class":5606},[5585,15507,5536],{"class":5602},[5585,15509,5973],{"class":5598},[5585,15511,5623],{"class":5602},[5585,15513,15478],{"class":5613},[5585,15515,5980],{"class":5602},[5585,15517,15518],{"class":5654},"`\u002Ftodos\u002F",[5585,15520,5658],{"class":5591},[5585,15522,5607],{"class":5606},[5585,15524,5663],{"class":5591},[5585,15526,5666],{"class":5654},[5585,15528,7184],{"class":5602},[5585,15530,15531,15533,15535,15537,15539,15541,15544,15546,15548,15550,15552,15554,15556,15558,15560,15563,15565,15567],{"class":5587,"line":6339},[5585,15532,7233],{"class":5598},[5585,15534,5687],{"class":5606},[5585,15536,6407],{"class":5602},[5585,15538,5961],{"class":5606},[5585,15540,5610],{"class":5602},[5585,15542,15543],{"class":5613},"CreateTodoDTO",[5585,15545,6576],{"class":5602},[5585,15547,6314],{"class":5591},[5585,15549,6901],{"class":5606},[5585,15551,5536],{"class":5602},[5585,15553,7255],{"class":5598},[5585,15555,5623],{"class":5602},[5585,15557,15478],{"class":5613},[5585,15559,5980],{"class":5602},[5585,15561,15562],{"class":5654},"\"\u002Ftodos\"",[5585,15564,6114],{"class":5602},[5585,15566,5961],{"class":5606},[5585,15568,7184],{"class":5602},[5585,15570,15571,15573,15575,15577,15579,15581,15583,15585,15587,15589,15591,15593,15595,15597],{"class":5587,"line":6345},[5585,15572,7274],{"class":5598},[5585,15574,5687],{"class":5606},[5585,15576,6407],{"class":5602},[5585,15578,5607],{"class":5606},[5585,15580,5610],{"class":5602},[5585,15582,5614],{"class":5613},[5585,15584,6114],{"class":5602},[5585,15586,5961],{"class":5606},[5585,15588,5610],{"class":5602},[5585,15590,7293],{"class":5613},[5585,15592,5623],{"class":5602},[5585,15594,15543],{"class":5613},[5585,15596,7300],{"class":5602},[5585,15598,7303],{"class":5591},[5585,15600,15601,15603,15605,15607,15609,15611,15613,15615,15617,15619,15621,15623,15625,15627],{"class":5587,"line":6370},[5585,15602,7308],{"class":5606},[5585,15604,5536],{"class":5602},[5585,15606,7313],{"class":5598},[5585,15608,5623],{"class":5602},[5585,15610,15478],{"class":5613},[5585,15612,5980],{"class":5602},[5585,15614,15518],{"class":5654},[5585,15616,5658],{"class":5591},[5585,15618,5607],{"class":5606},[5585,15620,5663],{"class":5591},[5585,15622,5666],{"class":5654},[5585,15624,6114],{"class":5602},[5585,15626,5961],{"class":5606},[5585,15628,7184],{"class":5602},[5585,15630,15631,15633,15635,15637,15639,15641,15643,15645,15647,15649,15651,15653,15655,15657,15659,15661,15663,15665,15667,15669],{"class":5587,"line":6376},[5585,15632,7340],{"class":5598},[5585,15634,5687],{"class":5606},[5585,15636,6407],{"class":5602},[5585,15638,5607],{"class":5606},[5585,15640,5610],{"class":5602},[5585,15642,5614],{"class":5613},[5585,15644,6576],{"class":5602},[5585,15646,6314],{"class":5591},[5585,15648,6901],{"class":5606},[5585,15650,5536],{"class":5602},[5585,15652,7361],{"class":5598},[5585,15654,5623],{"class":5602},[5585,15656,7366],{"class":5613},[5585,15658,5980],{"class":5602},[5585,15660,15518],{"class":5654},[5585,15662,5658],{"class":5591},[5585,15664,5607],{"class":5606},[5585,15666,5663],{"class":5591},[5585,15668,5666],{"class":5654},[5585,15670,7184],{"class":5602},[5585,15672,15673],{"class":5587,"line":6382},[5585,15674,7385],{"class":5602},[5575,15676,15678],{"className":5577,"code":15677,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fcomponents\u002FTodoApp.tsx\nimport { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { todosApi, Todo, CreateTodoDTO } from \"..\u002Fapi\u002Ftodos\";\n\nfunction TodoApp() {\n  const [todos, setTodos] = useState\u003CTodo[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState\u003Cstring | null>(null);\n  const [newTodoTitle, setNewTodoTitle] = useState(\"\");\n\n  useEffect(() => {\n    loadTodos();\n  }, []);\n\n  async function loadTodos() {\n    try {\n      setIsLoading(true);\n      const { data } = await todosApi.getAll();\n      setTodos(data);\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        setError(err.response?.data?.message ?? err.message);\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  }\n\n  async function handleCreate(e: React.FormEvent) {\n    e.preventDefault();\n    if (!newTodoTitle.trim()) return;\n\n    try {\n      const newTodo: CreateTodoDTO = {\n        title: newTodoTitle,\n        completed: false,\n      };\n\n      const { data } = await todosApi.create(newTodo);\n      setTodos([data, ...todos]); \u002F\u002F Додаємо на початок списку\n      setNewTodoTitle(\"\");\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка створення: \" + err.message);\n      }\n    }\n  }\n\n  async function handleToggle(id: number, completed: boolean) {\n    try {\n      await todosApi.update(id, { completed: !completed });\n      setTodos(\n        todos.map((todo) =>\n          todo.id === id ? { ...todo, completed: !completed } : todo\n        )\n      );\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка оновлення: \" + err.message);\n      }\n    }\n  }\n\n  async function handleDelete(id: number) {\n    if (!confirm(\"Видалити цю задачу?\")) return;\n\n    try {\n      await todosApi.delete(id);\n      setTodos(todos.filter((todo) => todo.id !== id));\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка видалення: \" + err.message);\n      }\n    }\n  }\n\n  if (isLoading) return \u003Cp>Завантаження задач...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"todo-app\">\n      \u003Ch1>Список задач\u003C\u002Fh1>\n\n      \u003Cform onSubmit={handleCreate} className=\"todo-form\">\n        \u003Cinput\n          type=\"text\"\n          value={newTodoTitle}\n          onChange={(e) => setNewTodoTitle(e.target.value)}\n          placeholder=\"Нова задача...\"\n        \u002F>\n        \u003Cbutton type=\"submit\">Додати\u003C\u002Fbutton>\n      \u003C\u002Fform>\n\n      \u003Cul className=\"todo-list\">\n        {todos.map((todo) => (\n          \u003Cli key={todo.id} className={todo.completed ? \"completed\" : \"\"}>\n            \u003Cinput\n              type=\"checkbox\"\n              checked={todo.completed}\n              onChange={() => handleToggle(todo.id, todo.completed)}\n            \u002F>\n            \u003Cspan>{todo.title}\u003C\u002Fspan>\n            \u003Cbutton onClick={() => handleDelete(todo.id)}>Видалити\u003C\u002Fbutton>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n\n      {todos.length === 0 && \u003Cp className=\"empty\">Немає задач\u003C\u002Fp>}\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default TodoApp;\n",[5491,15679,15680,15685,15705,15717,15743,15747,15756,15781,15803,15833,15858,15862,15872,15879,15883,15887,15898,15904,15915,15935,15946,15958,15976,16006,16010,16018,16028,16032,16036,16040,16063,16073,16093,16097,16103,16116,16126,16136,16141,16145,16170,16190,16201,16213,16231,16251,16255,16259,16263,16267,16295,16301,16328,16334,16352,16384,16389,16394,16406,16424,16443,16447,16451,16455,16459,16478,16498,16502,16508,16524,16559,16571,16589,16608,16612,16616,16620,16624,16653,16693,16697,16703,16718,16735,16739,16765,16771,16779,16791,16826,16836,16840,16863,16871,16876,16892,16913,16959,16966,16977,16995,17032,17038,17064,17106,17115,17122,17131,17136,17180,17189,17194,17199,17204],{"__ignoreMap":5581},[5585,15681,15682],{"class":5587,"line":5588},[5585,15683,15684],{"class":5752},"\u002F\u002F src\u002Fcomponents\u002FTodoApp.tsx\n",[5585,15686,15687,15689,15691,15693,15695,15697,15699,15701,15703],{"class":5587,"line":5632},[5585,15688,5890],{"class":5645},[5585,15690,5958],{"class":5602},[5585,15692,6111],{"class":5606},[5585,15694,6114],{"class":5602},[5585,15696,6117],{"class":5606},[5585,15698,6120],{"class":5602},[5585,15700,6123],{"class":5645},[5585,15702,6126],{"class":5654},[5585,15704,5873],{"class":5602},[5585,15706,15707,15709,15711,15713,15715],{"class":5587,"line":5672},[5585,15708,5890],{"class":5645},[5585,15710,5893],{"class":5606},[5585,15712,5896],{"class":5645},[5585,15714,5899],{"class":5654},[5585,15716,5873],{"class":5602},[5585,15718,15719,15721,15723,15726,15728,15730,15732,15734,15736,15738,15741],{"class":5587,"line":5681},[5585,15720,5890],{"class":5645},[5585,15722,5958],{"class":5602},[5585,15724,15725],{"class":5606},"todosApi",[5585,15727,6114],{"class":5602},[5585,15729,15478],{"class":5606},[5585,15731,6114],{"class":5602},[5585,15733,15543],{"class":5606},[5585,15735,6120],{"class":5602},[5585,15737,6123],{"class":5645},[5585,15739,15740],{"class":5654}," \"..\u002Fapi\u002Ftodos\"",[5585,15742,5873],{"class":5602},[5585,15744,15745],{"class":5587,"line":5696},[5585,15746,5746],{"emptyLinePlaceholder":5745},[5585,15748,15749,15751,15754],{"class":5587,"line":5730},[5585,15750,6200],{"class":5591},[5585,15752,15753],{"class":5598}," TodoApp",[5585,15755,6206],{"class":5602},[5585,15757,15758,15760,15762,15765,15767,15770,15772,15774,15776,15778],{"class":5587,"line":5736},[5585,15759,5635],{"class":5591},[5585,15761,6213],{"class":5602},[5585,15763,15764],{"class":5638},"todos",[5585,15766,6114],{"class":5602},[5585,15768,15769],{"class":5638},"setTodos",[5585,15771,6224],{"class":5602},[5585,15773,6117],{"class":5598},[5585,15775,5623],{"class":5602},[5585,15777,15478],{"class":5613},[5585,15779,15780],{"class":5602},"[]>([]);\n",[5585,15782,15783,15785,15787,15789,15791,15793,15795,15797,15799,15801],{"class":5587,"line":5742},[5585,15784,5635],{"class":5591},[5585,15786,6213],{"class":5602},[5585,15788,6251],{"class":5638},[5585,15790,6114],{"class":5602},[5585,15792,6256],{"class":5638},[5585,15794,6224],{"class":5602},[5585,15796,6117],{"class":5598},[5585,15798,5603],{"class":5602},[5585,15800,6265],{"class":5591},[5585,15802,5819],{"class":5602},[5585,15804,15805,15807,15809,15811,15813,15815,15817,15819,15821,15823,15825,15827,15829,15831],{"class":5587,"line":5749},[5585,15806,5635],{"class":5591},[5585,15808,6213],{"class":5602},[5585,15810,6276],{"class":5638},[5585,15812,6114],{"class":5602},[5585,15814,6281],{"class":5638},[5585,15816,6224],{"class":5602},[5585,15818,6117],{"class":5598},[5585,15820,5623],{"class":5602},[5585,15822,6163],{"class":5613},[5585,15824,6233],{"class":5602},[5585,15826,6236],{"class":5613},[5585,15828,5980],{"class":5602},[5585,15830,6236],{"class":5591},[5585,15832,5819],{"class":5602},[5585,15834,15835,15837,15839,15842,15844,15847,15849,15851,15853,15856],{"class":5587,"line":5756},[5585,15836,5635],{"class":5591},[5585,15838,6213],{"class":5602},[5585,15840,15841],{"class":5638},"newTodoTitle",[5585,15843,6114],{"class":5602},[5585,15845,15846],{"class":5638},"setNewTodoTitle",[5585,15848,6224],{"class":5602},[5585,15850,6117],{"class":5598},[5585,15852,5603],{"class":5602},[5585,15854,15855],{"class":5654},"\"\"",[5585,15857,5819],{"class":5602},[5585,15859,15860],{"class":5587,"line":5776},[5585,15861,5746],{"emptyLinePlaceholder":5745},[5585,15863,15864,15866,15868,15870],{"class":5587,"line":5822},[5585,15865,6308],{"class":5598},[5585,15867,6311],{"class":5602},[5585,15869,6314],{"class":5591},[5585,15871,5678],{"class":5602},[5585,15873,15874,15877],{"class":5587,"line":5828},[5585,15875,15876],{"class":5598},"    loadTodos",[5585,15878,5862],{"class":5602},[5585,15880,15881],{"class":5587,"line":5833},[5585,15882,6559],{"class":5602},[5585,15884,15885],{"class":5587,"line":5839},[5585,15886,5746],{"emptyLinePlaceholder":5745},[5585,15888,15889,15891,15893,15896],{"class":5587,"line":5865},[5585,15890,8542],{"class":5591},[5585,15892,5595],{"class":5591},[5585,15894,15895],{"class":5598}," loadTodos",[5585,15897,6206],{"class":5602},[5585,15899,15900,15902],{"class":5587,"line":5876},[5585,15901,8617],{"class":5645},[5585,15903,5678],{"class":5602},[5585,15905,15906,15909,15911,15913],{"class":5587,"line":6331},[5585,15907,15908],{"class":5598},"      setIsLoading",[5585,15910,5603],{"class":5602},[5585,15912,6265],{"class":5591},[5585,15914,5819],{"class":5602},[5585,15916,15917,15919,15921,15923,15925,15927,15929,15931,15933],{"class":5587,"line":6339},[5585,15918,7838],{"class":5591},[5585,15920,5958],{"class":5602},[5585,15922,5961],{"class":5638},[5585,15924,5964],{"class":5602},[5585,15926,5646],{"class":5645},[5585,15928,15455],{"class":5606},[5585,15930,5536],{"class":5602},[5585,15932,10253],{"class":5598},[5585,15934,5862],{"class":5602},[5585,15936,15937,15940,15942,15944],{"class":5587,"line":6345},[5585,15938,15939],{"class":5598},"      setTodos",[5585,15941,5603],{"class":5602},[5585,15943,5961],{"class":5606},[5585,15945,5819],{"class":5602},[5585,15947,15948,15950,15952,15954,15956],{"class":5587,"line":6370},[5585,15949,8107],{"class":5602},[5585,15951,6404],{"class":5645},[5585,15953,6407],{"class":5602},[5585,15955,6410],{"class":5606},[5585,15957,5773],{"class":5602},[5585,15959,15960,15962,15964,15966,15968,15970,15972,15974],{"class":5587,"line":6376},[5585,15961,8702],{"class":5645},[5585,15963,6407],{"class":5602},[5585,15965,6423],{"class":5606},[5585,15967,5536],{"class":5602},[5585,15969,6428],{"class":5598},[5585,15971,5603],{"class":5602},[5585,15973,6410],{"class":5606},[5585,15975,6435],{"class":5602},[5585,15977,15978,15980,15982,15984,15986,15988,15990,15992,15994,15996,15998,16000,16002,16004],{"class":5587,"line":6382},[5585,15979,8730],{"class":5598},[5585,15981,5603],{"class":5602},[5585,15983,6410],{"class":5606},[5585,15985,5536],{"class":5602},[5585,15987,5765],{"class":5606},[5585,15989,6458],{"class":5602},[5585,15991,5961],{"class":5606},[5585,15993,6458],{"class":5602},[5585,15995,6465],{"class":5606},[5585,15997,6468],{"class":5602},[5585,15999,6410],{"class":5606},[5585,16001,5536],{"class":5602},[5585,16003,6465],{"class":5606},[5585,16005,5819],{"class":5602},[5585,16007,16008],{"class":5587,"line":6398},[5585,16009,6534],{"class":5602},[5585,16011,16012,16014,16016],{"class":5587,"line":6415},[5585,16013,8107],{"class":5602},[5585,16015,6513],{"class":5645},[5585,16017,5678],{"class":5602},[5585,16019,16020,16022,16024,16026],{"class":5587,"line":6438},[5585,16021,15908],{"class":5598},[5585,16023,5603],{"class":5602},[5585,16025,6526],{"class":5591},[5585,16027,5819],{"class":5602},[5585,16029,16030],{"class":5587,"line":6444},[5585,16031,6540],{"class":5602},[5585,16033,16034],{"class":5587,"line":6479},[5585,16035,5825],{"class":5602},[5585,16037,16038],{"class":5587,"line":6490},[5585,16039,5746],{"emptyLinePlaceholder":5745},[5585,16041,16042,16044,16046,16049,16051,16053,16055,16057,16059,16061],{"class":5587,"line":6502},[5585,16043,8542],{"class":5591},[5585,16045,5595],{"class":5591},[5585,16047,16048],{"class":5598}," handleCreate",[5585,16050,5603],{"class":5602},[5585,16052,8552],{"class":5606},[5585,16054,5610],{"class":5602},[5585,16056,2303],{"class":5613},[5585,16058,5536],{"class":5602},[5585,16060,8561],{"class":5613},[5585,16062,5773],{"class":5602},[5585,16064,16065,16067,16069,16071],{"class":5587,"line":6508},[5585,16066,8568],{"class":5606},[5585,16068,5536],{"class":5602},[5585,16070,8573],{"class":5598},[5585,16072,5862],{"class":5602},[5585,16074,16075,16077,16079,16081,16083,16086,16089,16091],{"class":5587,"line":6518},[5585,16076,7510],{"class":5645},[5585,16078,5762],{"class":5602},[5585,16080,15841],{"class":5606},[5585,16082,5536],{"class":5602},[5585,16084,16085],{"class":5598},"trim",[5585,16087,16088],{"class":5602},"()) ",[5585,16090,6579],{"class":5645},[5585,16092,5873],{"class":5602},[5585,16094,16095],{"class":5587,"line":6531},[5585,16096,5746],{"emptyLinePlaceholder":5745},[5585,16098,16099,16101],{"class":5587,"line":6537},[5585,16100,8617],{"class":5645},[5585,16102,5678],{"class":5602},[5585,16104,16105,16107,16110,16112,16114],{"class":5587,"line":6543},[5585,16106,7838],{"class":5591},[5585,16108,16109],{"class":5638}," newTodo",[5585,16111,5610],{"class":5602},[5585,16113,15543],{"class":5613},[5585,16115,7153],{"class":5602},[5585,16117,16118,16121,16124],{"class":5587,"line":6548},[5585,16119,16120],{"class":5606},"        title:",[5585,16122,16123],{"class":5606}," newTodoTitle",[5585,16125,5693],{"class":5602},[5585,16127,16128,16131,16134],{"class":5587,"line":6556},[5585,16129,16130],{"class":5606},"        completed:",[5585,16132,16133],{"class":5591}," false",[5585,16135,5693],{"class":5602},[5585,16137,16138],{"class":5587,"line":6562},[5585,16139,16140],{"class":5602},"      };\n",[5585,16142,16143],{"class":5587,"line":6567},[5585,16144,5746],{"emptyLinePlaceholder":5745},[5585,16146,16147,16149,16151,16153,16155,16157,16159,16161,16163,16165,16168],{"class":5587,"line":6604},[5585,16148,7838],{"class":5591},[5585,16150,5958],{"class":5602},[5585,16152,5961],{"class":5638},[5585,16154,5964],{"class":5602},[5585,16156,5646],{"class":5645},[5585,16158,15455],{"class":5606},[5585,16160,5536],{"class":5602},[5585,16162,6914],{"class":5598},[5585,16164,5603],{"class":5602},[5585,16166,16167],{"class":5606},"newTodo",[5585,16169,5819],{"class":5602},[5585,16171,16172,16174,16177,16179,16182,16184,16187],{"class":5587,"line":6651},[5585,16173,15939],{"class":5598},[5585,16175,16176],{"class":5602},"([",[5585,16178,5961],{"class":5606},[5585,16180,16181],{"class":5602},", ...",[5585,16183,15764],{"class":5606},[5585,16185,16186],{"class":5602},"]); ",[5585,16188,16189],{"class":5752},"\u002F\u002F Додаємо на початок списку\n",[5585,16191,16192,16195,16197,16199],{"class":5587,"line":6681},[5585,16193,16194],{"class":5598},"      setNewTodoTitle",[5585,16196,5603],{"class":5602},[5585,16198,15855],{"class":5654},[5585,16200,5819],{"class":5602},[5585,16202,16203,16205,16207,16209,16211],{"class":5587,"line":6686},[5585,16204,8107],{"class":5602},[5585,16206,6404],{"class":5645},[5585,16208,6407],{"class":5602},[5585,16210,6410],{"class":5606},[5585,16212,5773],{"class":5602},[5585,16214,16215,16217,16219,16221,16223,16225,16227,16229],{"class":5587,"line":6694},[5585,16216,8702],{"class":5645},[5585,16218,6407],{"class":5602},[5585,16220,6423],{"class":5606},[5585,16222,5536],{"class":5602},[5585,16224,6428],{"class":5598},[5585,16226,5603],{"class":5602},[5585,16228,6410],{"class":5606},[5585,16230,6435],{"class":5602},[5585,16232,16233,16236,16238,16241,16243,16245,16247,16249],{"class":5587,"line":6713},[5585,16234,16235],{"class":5598},"        alert",[5585,16237,5603],{"class":5602},[5585,16239,16240],{"class":5654},"\"Помилка створення: \"",[5585,16242,10111],{"class":5602},[5585,16244,6410],{"class":5606},[5585,16246,5536],{"class":5602},[5585,16248,6465],{"class":5606},[5585,16250,5819],{"class":5602},[5585,16252,16253],{"class":5587,"line":6740},[5585,16254,6534],{"class":5602},[5585,16256,16257],{"class":5587,"line":6769},[5585,16258,6540],{"class":5602},[5585,16260,16261],{"class":5587,"line":6798},[5585,16262,5825],{"class":5602},[5585,16264,16265],{"class":5587,"line":6808},[5585,16266,5746],{"emptyLinePlaceholder":5745},[5585,16268,16269,16271,16273,16276,16278,16280,16282,16284,16286,16289,16291,16293],{"class":5587,"line":6814},[5585,16270,8542],{"class":5591},[5585,16272,5595],{"class":5591},[5585,16274,16275],{"class":5598}," handleToggle",[5585,16277,5603],{"class":5602},[5585,16279,5607],{"class":5606},[5585,16281,5610],{"class":5602},[5585,16283,5614],{"class":5613},[5585,16285,6114],{"class":5602},[5585,16287,16288],{"class":5606},"completed",[5585,16290,5610],{"class":5602},[5585,16292,9528],{"class":5613},[5585,16294,5773],{"class":5602},[5585,16296,16297,16299],{"class":5587,"line":8159},[5585,16298,8617],{"class":5645},[5585,16300,5678],{"class":5602},[5585,16302,16303,16305,16307,16309,16312,16314,16316,16318,16321,16323,16325],{"class":5587,"line":8183},[5585,16304,8624],{"class":5645},[5585,16306,15455],{"class":5606},[5585,16308,5536],{"class":5602},[5585,16310,16311],{"class":5598},"update",[5585,16313,5603],{"class":5602},[5585,16315,5607],{"class":5606},[5585,16317,6878],{"class":5602},[5585,16319,16320],{"class":5606},"completed:",[5585,16322,14134],{"class":5602},[5585,16324,16288],{"class":5606},[5585,16326,16327],{"class":5602}," });\n",[5585,16329,16330,16332],{"class":5587,"line":8188},[5585,16331,15939],{"class":5598},[5585,16333,7468],{"class":5602},[5585,16335,16336,16339,16341,16343,16345,16348,16350],{"class":5587,"line":8193},[5585,16337,16338],{"class":5606},"        todos",[5585,16340,5536],{"class":5602},[5585,16342,10445],{"class":5598},[5585,16344,10098],{"class":5602},[5585,16346,16347],{"class":5606},"todo",[5585,16349,6576],{"class":5602},[5585,16351,7303],{"class":5591},[5585,16353,16354,16357,16359,16361,16363,16365,16368,16370,16372,16374,16376,16378,16381],{"class":5587,"line":8210},[5585,16355,16356],{"class":5606},"          todo",[5585,16358,5536],{"class":5602},[5585,16360,5607],{"class":5606},[5585,16362,13345],{"class":5602},[5585,16364,5607],{"class":5606},[5585,16366,16367],{"class":5602}," ? { ...",[5585,16369,16347],{"class":5606},[5585,16371,6114],{"class":5602},[5585,16373,16320],{"class":5606},[5585,16375,14134],{"class":5602},[5585,16377,16288],{"class":5606},[5585,16379,16380],{"class":5602}," } : ",[5585,16382,16383],{"class":5606},"todo\n",[5585,16385,16386],{"class":5587,"line":8215},[5585,16387,16388],{"class":5602},"        )\n",[5585,16390,16391],{"class":5587,"line":8959},[5585,16392,16393],{"class":5602},"      );\n",[5585,16395,16396,16398,16400,16402,16404],{"class":5587,"line":8964},[5585,16397,8107],{"class":5602},[5585,16399,6404],{"class":5645},[5585,16401,6407],{"class":5602},[5585,16403,6410],{"class":5606},[5585,16405,5773],{"class":5602},[5585,16407,16408,16410,16412,16414,16416,16418,16420,16422],{"class":5587,"line":8974},[5585,16409,8702],{"class":5645},[5585,16411,6407],{"class":5602},[5585,16413,6423],{"class":5606},[5585,16415,5536],{"class":5602},[5585,16417,6428],{"class":5598},[5585,16419,5603],{"class":5602},[5585,16421,6410],{"class":5606},[5585,16423,6435],{"class":5602},[5585,16425,16426,16428,16430,16433,16435,16437,16439,16441],{"class":5587,"line":8980},[5585,16427,16235],{"class":5598},[5585,16429,5603],{"class":5602},[5585,16431,16432],{"class":5654},"\"Помилка оновлення: \"",[5585,16434,10111],{"class":5602},[5585,16436,6410],{"class":5606},[5585,16438,5536],{"class":5602},[5585,16440,6465],{"class":5606},[5585,16442,5819],{"class":5602},[5585,16444,16445],{"class":5587,"line":8989},[5585,16446,6534],{"class":5602},[5585,16448,16449],{"class":5587,"line":9000},[5585,16450,6540],{"class":5602},[5585,16452,16453],{"class":5587,"line":9018},[5585,16454,5825],{"class":5602},[5585,16456,16457],{"class":5587,"line":9068},[5585,16458,5746],{"emptyLinePlaceholder":5745},[5585,16460,16461,16463,16465,16468,16470,16472,16474,16476],{"class":5587,"line":9074},[5585,16462,8542],{"class":5591},[5585,16464,5595],{"class":5591},[5585,16466,16467],{"class":5598}," handleDelete",[5585,16469,5603],{"class":5602},[5585,16471,5607],{"class":5606},[5585,16473,5610],{"class":5602},[5585,16475,5614],{"class":5613},[5585,16477,5773],{"class":5602},[5585,16479,16480,16482,16484,16487,16489,16492,16494,16496],{"class":5587,"line":9080},[5585,16481,7510],{"class":5645},[5585,16483,5762],{"class":5602},[5585,16485,16486],{"class":5598},"confirm",[5585,16488,5603],{"class":5602},[5585,16490,16491],{"class":5654},"\"Видалити цю задачу?\"",[5585,16493,9879],{"class":5602},[5585,16495,6579],{"class":5645},[5585,16497,5873],{"class":5602},[5585,16499,16500],{"class":5587,"line":9090},[5585,16501,5746],{"emptyLinePlaceholder":5745},[5585,16503,16504,16506],{"class":5587,"line":9095},[5585,16505,8617],{"class":5645},[5585,16507,5678],{"class":5602},[5585,16509,16510,16512,16514,16516,16518,16520,16522],{"class":5587,"line":9104},[5585,16511,8624],{"class":5645},[5585,16513,15455],{"class":5606},[5585,16515,5536],{"class":5602},[5585,16517,7361],{"class":5598},[5585,16519,5603],{"class":5602},[5585,16521,5607],{"class":5606},[5585,16523,5819],{"class":5602},[5585,16525,16526,16528,16530,16532,16534,16537,16539,16541,16543,16545,16548,16550,16552,16555,16557],{"class":5587,"line":9110},[5585,16527,15939],{"class":5598},[5585,16529,5603],{"class":5602},[5585,16531,15764],{"class":5606},[5585,16533,5536],{"class":5602},[5585,16535,16536],{"class":5598},"filter",[5585,16538,10098],{"class":5602},[5585,16540,16347],{"class":5606},[5585,16542,6576],{"class":5602},[5585,16544,6314],{"class":5591},[5585,16546,16547],{"class":5606}," todo",[5585,16549,5536],{"class":5602},[5585,16551,5607],{"class":5606},[5585,16553,16554],{"class":5602}," !== ",[5585,16556,5607],{"class":5606},[5585,16558,13651],{"class":5602},[5585,16560,16561,16563,16565,16567,16569],{"class":5587,"line":9117},[5585,16562,8107],{"class":5602},[5585,16564,6404],{"class":5645},[5585,16566,6407],{"class":5602},[5585,16568,6410],{"class":5606},[5585,16570,5773],{"class":5602},[5585,16572,16573,16575,16577,16579,16581,16583,16585,16587],{"class":5587,"line":9127},[5585,16574,8702],{"class":5645},[5585,16576,6407],{"class":5602},[5585,16578,6423],{"class":5606},[5585,16580,5536],{"class":5602},[5585,16582,6428],{"class":5598},[5585,16584,5603],{"class":5602},[5585,16586,6410],{"class":5606},[5585,16588,6435],{"class":5602},[5585,16590,16591,16593,16595,16598,16600,16602,16604,16606],{"class":5587,"line":9144},[5585,16592,16235],{"class":5598},[5585,16594,5603],{"class":5602},[5585,16596,16597],{"class":5654},"\"Помилка видалення: \"",[5585,16599,10111],{"class":5602},[5585,16601,6410],{"class":5606},[5585,16603,5536],{"class":5602},[5585,16605,6465],{"class":5606},[5585,16607,5819],{"class":5602},[5585,16609,16610],{"class":5587,"line":9187},[5585,16611,6534],{"class":5602},[5585,16613,16614],{"class":5587,"line":9192},[5585,16615,6540],{"class":5602},[5585,16617,16618],{"class":5587,"line":9197},[5585,16619,5825],{"class":5602},[5585,16621,16622],{"class":5587,"line":9206},[5585,16623,5746],{"emptyLinePlaceholder":5745},[5585,16625,16626,16628,16630,16632,16634,16636,16638,16640,16642,16645,16647,16649,16651],{"class":5587,"line":9211},[5585,16627,5759],{"class":5645},[5585,16629,6407],{"class":5602},[5585,16631,6251],{"class":5606},[5585,16633,6576],{"class":5602},[5585,16635,6579],{"class":5645},[5585,16637,6583],{"class":6582},[5585,16639,5555],{"class":6586},[5585,16641,6589],{"class":6582},[5585,16643,16644],{"class":5602},"Завантаження задач...",[5585,16646,6595],{"class":6582},[5585,16648,5555],{"class":6586},[5585,16650,6589],{"class":6582},[5585,16652,5873],{"class":5602},[5585,16654,16655,16657,16659,16661,16663,16665,16667,16669,16671,16673,16675,16677,16679,16681,16683,16685,16687,16689,16691],{"class":5587,"line":9220},[5585,16656,5759],{"class":5645},[5585,16658,6407],{"class":5602},[5585,16660,6276],{"class":5606},[5585,16662,6576],{"class":5602},[5585,16664,6579],{"class":5645},[5585,16666,6583],{"class":6582},[5585,16668,5555],{"class":6586},[5585,16670,6622],{"class":6621},[5585,16672,6625],{"class":5602},[5585,16674,6628],{"class":5654},[5585,16676,6589],{"class":6582},[5585,16678,6633],{"class":5602},[5585,16680,6636],{"class":5591},[5585,16682,6276],{"class":5606},[5585,16684,5663],{"class":5591},[5585,16686,6595],{"class":6582},[5585,16688,5555],{"class":6586},[5585,16690,6589],{"class":6582},[5585,16692,5873],{"class":5602},[5585,16694,16695],{"class":5587,"line":9226},[5585,16696,5746],{"emptyLinePlaceholder":5745},[5585,16698,16699,16701],{"class":5587,"line":9233},[5585,16700,5868],{"class":5645},[5585,16702,6691],{"class":5602},[5585,16704,16705,16707,16709,16711,16713,16716],{"class":5587,"line":9243},[5585,16706,6697],{"class":6582},[5585,16708,6700],{"class":6586},[5585,16710,6622],{"class":6621},[5585,16712,6625],{"class":5602},[5585,16714,16715],{"class":5654},"\"todo-app\"",[5585,16717,6710],{"class":6582},[5585,16719,16720,16722,16724,16726,16729,16731,16733],{"class":5587,"line":9260},[5585,16721,6716],{"class":6582},[5585,16723,5472],{"class":6586},[5585,16725,6589],{"class":6582},[5585,16727,16728],{"class":5602},"Список задач",[5585,16730,6595],{"class":6582},[5585,16732,5472],{"class":6586},[5585,16734,6710],{"class":6582},[5585,16736,16737],{"class":5587,"line":9303},[5585,16738,5746],{"emptyLinePlaceholder":5745},[5585,16740,16741,16743,16745,16747,16749,16751,16754,16756,16758,16760,16763],{"class":5587,"line":9308},[5585,16742,6716],{"class":6582},[5585,16744,8852],{"class":6586},[5585,16746,8855],{"class":6621},[5585,16748,6625],{"class":5602},[5585,16750,6636],{"class":5591},[5585,16752,16753],{"class":5606},"handleCreate",[5585,16755,5663],{"class":5591},[5585,16757,6622],{"class":6621},[5585,16759,6625],{"class":5602},[5585,16761,16762],{"class":5654},"\"todo-form\"",[5585,16764,6710],{"class":6582},[5585,16766,16767,16769],{"class":5587,"line":9313},[5585,16768,8983],{"class":6582},[5585,16770,8986],{"class":6586},[5585,16772,16773,16775,16777],{"class":5587,"line":9322},[5585,16774,8992],{"class":6621},[5585,16776,6625],{"class":5602},[5585,16778,8997],{"class":5654},[5585,16780,16781,16783,16785,16787,16789],{"class":5587,"line":9327},[5585,16782,9003],{"class":6621},[5585,16784,6625],{"class":5602},[5585,16786,6636],{"class":5591},[5585,16788,15841],{"class":5606},[5585,16790,5879],{"class":5591},[5585,16792,16793,16795,16797,16799,16801,16803,16805,16807,16810,16812,16814,16816,16818,16820,16822,16824],{"class":5587,"line":9356},[5585,16794,9021],{"class":6621},[5585,16796,6625],{"class":5602},[5585,16798,6636],{"class":5591},[5585,16800,5603],{"class":5710},[5585,16802,8552],{"class":5606},[5585,16804,6576],{"class":5710},[5585,16806,6314],{"class":5591},[5585,16808,16809],{"class":5598}," setNewTodoTitle",[5585,16811,5603],{"class":5710},[5585,16813,8552],{"class":5606},[5585,16815,5536],{"class":5710},[5585,16817,9055],{"class":5606},[5585,16819,5536],{"class":5710},[5585,16821,9060],{"class":5606},[5585,16823,5721],{"class":5710},[5585,16825,5879],{"class":5591},[5585,16827,16828,16831,16833],{"class":5587,"line":9378},[5585,16829,16830],{"class":6621},"          placeholder",[5585,16832,6625],{"class":5602},[5585,16834,16835],{"class":5654},"\"Нова задача...\"\n",[5585,16837,16838],{"class":5587,"line":9387},[5585,16839,9077],{"class":6582},[5585,16841,16842,16844,16846,16848,16850,16852,16854,16857,16859,16861],{"class":5587,"line":9396},[5585,16843,8983],{"class":6582},[5585,16845,9332],{"class":6586},[5585,16847,9335],{"class":6621},[5585,16849,6625],{"class":5602},[5585,16851,9340],{"class":5654},[5585,16853,6589],{"class":6582},[5585,16855,16856],{"class":5602},"Додати",[5585,16858,6595],{"class":6582},[5585,16860,9332],{"class":6586},[5585,16862,6710],{"class":6582},[5585,16864,16865,16867,16869],{"class":5587,"line":9401},[5585,16866,9083],{"class":6582},[5585,16868,8852],{"class":6586},[5585,16870,6710],{"class":6582},[5585,16872,16874],{"class":5587,"line":16873},94,[5585,16875,5746],{"emptyLinePlaceholder":5745},[5585,16877,16879,16881,16883,16885,16887,16890],{"class":5587,"line":16878},95,[5585,16880,6716],{"class":6582},[5585,16882,5484],{"class":6586},[5585,16884,6622],{"class":6621},[5585,16886,6625],{"class":5602},[5585,16888,16889],{"class":5654},"\"todo-list\"",[5585,16891,6710],{"class":6582},[5585,16893,16895,16897,16899,16901,16903,16905,16907,16909,16911],{"class":5587,"line":16894},96,[5585,16896,9359],{"class":5591},[5585,16898,15764],{"class":5606},[5585,16900,5536],{"class":5710},[5585,16902,10445],{"class":5598},[5585,16904,10098],{"class":5710},[5585,16906,16347],{"class":5606},[5585,16908,6576],{"class":5710},[5585,16910,6314],{"class":5591},[5585,16912,6691],{"class":5710},[5585,16914,16916,16918,16920,16922,16924,16926,16928,16930,16932,16934,16936,16938,16940,16942,16944,16946,16948,16951,16953,16955,16957],{"class":5587,"line":16915},97,[5585,16917,10460],{"class":6582},[5585,16919,5487],{"class":6586},[5585,16921,10465],{"class":6621},[5585,16923,6625],{"class":5602},[5585,16925,6636],{"class":5591},[5585,16927,16347],{"class":5606},[5585,16929,5536],{"class":5710},[5585,16931,5607],{"class":5606},[5585,16933,5663],{"class":5591},[5585,16935,6622],{"class":6621},[5585,16937,6625],{"class":5602},[5585,16939,6636],{"class":5591},[5585,16941,16347],{"class":5606},[5585,16943,5536],{"class":5710},[5585,16945,16288],{"class":5606},[5585,16947,9364],{"class":5602},[5585,16949,16950],{"class":5654}," \"completed\"",[5585,16952,9370],{"class":5602},[5585,16954,8431],{"class":5654},[5585,16956,5663],{"class":5591},[5585,16958,6710],{"class":6582},[5585,16960,16962,16964],{"class":5587,"line":16961},98,[5585,16963,10484],{"class":6582},[5585,16965,8986],{"class":6586},[5585,16967,16969,16972,16974],{"class":5587,"line":16968},99,[5585,16970,16971],{"class":6621},"              type",[5585,16973,6625],{"class":5602},[5585,16975,16976],{"class":5654},"\"checkbox\"\n",[5585,16978,16980,16983,16985,16987,16989,16991,16993],{"class":5587,"line":16979},100,[5585,16981,16982],{"class":6621},"              checked",[5585,16984,6625],{"class":5602},[5585,16986,6636],{"class":5591},[5585,16988,16347],{"class":5606},[5585,16990,5536],{"class":5710},[5585,16992,16288],{"class":5606},[5585,16994,5879],{"class":5591},[5585,16996,16998,17001,17003,17005,17008,17010,17012,17014,17016,17018,17020,17022,17024,17026,17028,17030],{"class":5587,"line":16997},101,[5585,16999,17000],{"class":6621},"              onChange",[5585,17002,6625],{"class":5602},[5585,17004,6636],{"class":5591},[5585,17006,17007],{"class":5710},"() ",[5585,17009,6314],{"class":5591},[5585,17011,16275],{"class":5598},[5585,17013,5603],{"class":5710},[5585,17015,16347],{"class":5606},[5585,17017,5536],{"class":5710},[5585,17019,5607],{"class":5606},[5585,17021,6114],{"class":5710},[5585,17023,16347],{"class":5606},[5585,17025,5536],{"class":5710},[5585,17027,16288],{"class":5606},[5585,17029,5721],{"class":5710},[5585,17031,5879],{"class":5591},[5585,17033,17035],{"class":5587,"line":17034},102,[5585,17036,17037],{"class":6582},"            \u002F>\n",[5585,17039,17041,17043,17045,17047,17049,17051,17053,17056,17058,17060,17062],{"class":5587,"line":17040},103,[5585,17042,10484],{"class":6582},[5585,17044,5585],{"class":6586},[5585,17046,6589],{"class":6582},[5585,17048,6636],{"class":5591},[5585,17050,16347],{"class":5606},[5585,17052,5536],{"class":5710},[5585,17054,17055],{"class":5606},"title",[5585,17057,5663],{"class":5591},[5585,17059,6595],{"class":6582},[5585,17061,5585],{"class":6586},[5585,17063,6710],{"class":6582},[5585,17065,17067,17069,17071,17073,17075,17077,17079,17081,17083,17085,17087,17089,17091,17093,17095,17097,17100,17102,17104],{"class":5587,"line":17066},104,[5585,17068,10484],{"class":6582},[5585,17070,9332],{"class":6586},[5585,17072,10388],{"class":6621},[5585,17074,6625],{"class":5602},[5585,17076,6636],{"class":5591},[5585,17078,17007],{"class":5710},[5585,17080,6314],{"class":5591},[5585,17082,16467],{"class":5598},[5585,17084,5603],{"class":5710},[5585,17086,16347],{"class":5606},[5585,17088,5536],{"class":5710},[5585,17090,5607],{"class":5606},[5585,17092,5721],{"class":5710},[5585,17094,5663],{"class":5591},[5585,17096,6589],{"class":6582},[5585,17098,17099],{"class":5710},"Видалити",[5585,17101,6595],{"class":6582},[5585,17103,9332],{"class":6586},[5585,17105,6710],{"class":6582},[5585,17107,17109,17111,17113],{"class":5587,"line":17108},105,[5585,17110,10522],{"class":6582},[5585,17112,5487],{"class":6586},[5585,17114,6710],{"class":6582},[5585,17116,17118,17120],{"class":5587,"line":17117},106,[5585,17119,10531],{"class":5710},[5585,17121,5879],{"class":5591},[5585,17123,17125,17127,17129],{"class":5587,"line":17124},107,[5585,17126,9083],{"class":6582},[5585,17128,5484],{"class":6586},[5585,17130,6710],{"class":6582},[5585,17132,17134],{"class":5587,"line":17133},108,[5585,17135,5746],{"emptyLinePlaceholder":5745},[5585,17137,17139,17141,17143,17145,17148,17151,17154,17156,17158,17160,17162,17164,17167,17169,17172,17174,17176,17178],{"class":5587,"line":17138},109,[5585,17140,8892],{"class":5591},[5585,17142,15764],{"class":5606},[5585,17144,5536],{"class":5710},[5585,17146,17147],{"class":5606},"length",[5585,17149,17150],{"class":5602}," ===",[5585,17152,17153],{"class":6955}," 0",[5585,17155,8897],{"class":5602},[5585,17157,6583],{"class":6582},[5585,17159,5555],{"class":6586},[5585,17161,6622],{"class":6621},[5585,17163,6625],{"class":5602},[5585,17165,17166],{"class":5654},"\"empty\"",[5585,17168,6589],{"class":6582},[5585,17170,17171],{"class":5710},"Немає задач",[5585,17173,6595],{"class":6582},[5585,17175,5555],{"class":6586},[5585,17177,6589],{"class":6582},[5585,17179,5879],{"class":5591},[5585,17181,17183,17185,17187],{"class":5587,"line":17182},110,[5585,17184,6801],{"class":6582},[5585,17186,6700],{"class":6586},[5585,17188,6710],{"class":6582},[5585,17190,17192],{"class":5587,"line":17191},111,[5585,17193,6811],{"class":5602},[5585,17195,17197],{"class":5587,"line":17196},112,[5585,17198,5879],{"class":5602},[5585,17200,17202],{"class":5587,"line":17201},113,[5585,17203,5746],{"emptyLinePlaceholder":5745},[5585,17205,17207,17209,17211,17213],{"class":5587,"line":17206},114,[5585,17208,6998],{"class":5645},[5585,17210,7001],{"class":5645},[5585,17212,15753],{"class":5606},[5585,17214,5873],{"class":5602},[5547,17216],{},[5550,17218,17220],{"id":17219},"axios-у-виробництві-best-practices","Axios у виробництві: best practices",[5476,17222,17223,17228,17232,17246,17256,17269],{},[5479,17224,17227],{"icon":17225,"title":17226},"i-lucide-check-circle","✅ Створюйте окремі інстанси","Кожен API (бекенд, аналітика, зовнішні сервіси) має власний інстанс із налаштуваннями. Це спрощує тестування, міграції та підтримку.",[5479,17229,17231],{"icon":17225,"title":17230},"✅ Централізуйте обробку помилок","Response interceptor — єдине місце для обробки 401 (перенаправлення на логін), 403 (доступ заборонено), 5xx (логування серверних помилок). Компоненти не повинні дублювати цю логіку.",[5479,17233,17235,17236,6114,17239,17242,17243,5536],{"icon":17225,"title":17234},"✅ Типізуйте запити та відповіді","Використовуйте дженерики Axios: ",[5491,17237,17238],{},"api.get\u003CUser[]>(\"\u002Fusers\")",[5491,17240,17241],{},"api.post\u003COrder>(\"\u002Forders\", data)",". TypeScript автоматично виведе типи для ",[5491,17244,17245],{},"response.data",[5479,17247,17249,17250,17252,17253,17255],{"icon":17225,"title":17248},"✅ Скасовуйте запити при розмонтуванні","Завжди використовуйте ",[5491,17251,5545],{}," у ",[5491,17254,6111],{}," cleanup-функції, щоб уникнути оновлень стану розмонтованих компонентів.",[5479,17257,17260,17261,17264,17265,17268],{"icon":17258,"title":17259},"i-lucide-alert-triangle","⚠️ Не зберігайте токени у `localStorage`","Це вразливість до XSS-атак. Використовуйте ",[5491,17262,17263],{},"httpOnly"," cookies або безпечні сховища токенів (наприклад, ",[5491,17266,17267],{},"sessionStorage"," для short-lived токенів).",[5479,17270,17272,17273,17275],{"icon":17258,"title":17271},"⚠️ Не ігноруйте таймаути","Завжди встановлюйте розумний ",[5491,17274,11639],{}," (5–15 секунд). Запити без таймауту можуть «зависнути» на хвилини при проблемах із мережею.",[5547,17277],{},[5550,17279,17281],{"id":17280},"питання-для-самоконтролю","Питання для самоконтролю",[17283,17284,17285,17384,17412,17566],"accordion",{},[17286,17287,17290,17316,17378],"accordion-item",{"icon":17288,"label":17289},"i-lucide-help-circle","❓ Чому fetch не кидає помилку при статусі 404 або 500?",[5555,17291,17292,17294,17295,17298,17299,17301,17302,17304,17305,17308,17309,17311,17312,17315],{},[5491,17293,5493],{}," повертає rejected promise лише при ",[5517,17296,17297],{},"мережевих помилках"," (немає інтернету, CORS, DNS-проблеми). HTTP-статуси 4xx та 5xx вважаються «успішною відповіддю від сервера», тому ",[5491,17300,11616],{}," буде ",[5491,17303,6526],{},", але promise — ",[5491,17306,17307],{},"fulfilled",". Розробник повинен вручну перевіряти ",[5491,17310,11616],{}," або ",[5491,17313,17314],{},"response.status"," та кидати помилку:",[5575,17317,17319],{"className":5577,"code":17318,"language":5580,"meta":5581,"style":5581},"if (!response.ok) {\n  throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n}\n",[5491,17320,17321,17336,17374],{"__ignoreMap":5581},[5585,17322,17323,17326,17328,17330,17332,17334],{"class":5587,"line":5588},[5585,17324,17325],{"class":5645},"if",[5585,17327,5762],{"class":5602},[5585,17329,5765],{"class":5606},[5585,17331,5536],{"class":5602},[5585,17333,5770],{"class":5606},[5585,17335,5773],{"class":5602},[5585,17337,17338,17340,17342,17344,17346,17348,17350,17352,17354,17356,17358,17360,17362,17364,17366,17368,17370,17372],{"class":5587,"line":5632},[5585,17339,14018],{"class":5645},[5585,17341,5782],{"class":5591},[5585,17343,5785],{"class":5598},[5585,17345,5603],{"class":5602},[5585,17347,5790],{"class":5654},[5585,17349,5658],{"class":5591},[5585,17351,5765],{"class":5606},[5585,17353,5536],{"class":5710},[5585,17355,5799],{"class":5606},[5585,17357,5663],{"class":5591},[5585,17359,5610],{"class":5654},[5585,17361,5658],{"class":5591},[5585,17363,5765],{"class":5606},[5585,17365,5536],{"class":5710},[5585,17367,5812],{"class":5606},[5585,17369,5663],{"class":5591},[5585,17371,5666],{"class":5654},[5585,17373,5819],{"class":5602},[5585,17375,17376],{"class":5587,"line":5672},[5585,17377,5879],{"class":5602},[5555,17379,17380,17381,5536],{},"Axios, навпаки, автоматично кидає помилку для всіх статусів поза діапазоном 2xx, що спрощує обробку у ",[5491,17382,17383],{},"try\u002Fcatch",[17286,17385,17387,17398,17406],{"icon":17288,"label":17386},"❓ Що станеться, якщо не скасувати запит у cleanup-функції useEffect?",[5555,17388,17389,17390,17393,17394,17397],{},"Якщо компонент розмонтується до завершення запиту, спроба викликати ",[5491,17391,17392],{},"setState"," (наприклад, ",[5491,17395,17396],{},"setData(response.data)",") призведе до попередження React:",[5575,17399,17404],{"className":17400,"code":17402,"language":17403},[17401],"language-text","Warning: Can't perform a React state update on an unmounted component.\n","text",[5491,17405,17402],{"__ignoreMap":5581},[5555,17407,17408,17409,17411],{},"Це не критична помилка, але вказує на потенційну витрату пам'яті (промісу все ще очікує завершення) та логічну помилку (оновлення стану неіснуючого компонента). Скасування через ",[5491,17410,11154],{}," гарантує, що запит буде перерваний, а cleanup-логіка — виконана коректно.",[17286,17413,17415,17434,17556],{"icon":17288,"label":17414},"❓ Як працює axios.isAxiosError і навіщо він потрібен?",[5555,17416,17417,6824,17419,17421,17422,17424,17425,17427,17428,17430,17431,17433],{},[5491,17418,6823],{},[5517,17420,6827],{}," (захисник типу), який перевіряє, чи об'єкт ",[5491,17423,6410],{}," є екземпляром ",[5491,17426,7648],{},". TypeScript не може автоматично визначити тип помилки у ",[5491,17429,6404],{},"-блоці (він завжди ",[5491,17432,6831],{},"), тому без type guard неможливо звертатися до специфічних для Axios полів:",[5575,17435,17437],{"className":5577,"code":17436,"language":5580,"meta":5581,"style":5581},"try {\n  await api.get(\"\u002Fusers\");\n} catch (err) {\n  \u002F\u002F err має тип unknown — TypeScript не дозволяє err.response\n  if (axios.isAxiosError(err)) {\n    \u002F\u002F Тепер err має тип AxiosError, і можна безпечно звертатися до полів\n    console.log(err.response?.status);\n    console.log(err.response?.data);\n  }\n}\n",[5491,17438,17439,17446,17463,17476,17481,17499,17504,17526,17548,17552],{"__ignoreMap":5581},[5585,17440,17441,17444],{"class":5587,"line":5588},[5585,17442,17443],{"class":5645},"try",[5585,17445,5678],{"class":5602},[5585,17447,17448,17451,17453,17455,17457,17459,17461],{"class":5587,"line":5632},[5585,17449,17450],{"class":5645},"  await",[5585,17452,6901],{"class":5606},[5585,17454,5536],{"class":5602},[5585,17456,5973],{"class":5598},[5585,17458,5603],{"class":5602},[5585,17460,7181],{"class":5654},[5585,17462,5819],{"class":5602},[5585,17464,17465,17468,17470,17472,17474],{"class":5587,"line":5672},[5585,17466,17467],{"class":5602},"} ",[5585,17469,6404],{"class":5645},[5585,17471,6407],{"class":5602},[5585,17473,6410],{"class":5606},[5585,17475,5773],{"class":5602},[5585,17477,17478],{"class":5587,"line":5681},[5585,17479,17480],{"class":5752},"  \u002F\u002F err має тип unknown — TypeScript не дозволяє err.response\n",[5585,17482,17483,17485,17487,17489,17491,17493,17495,17497],{"class":5587,"line":5696},[5585,17484,5759],{"class":5645},[5585,17486,6407],{"class":5602},[5585,17488,6423],{"class":5606},[5585,17490,5536],{"class":5602},[5585,17492,6428],{"class":5598},[5585,17494,5603],{"class":5602},[5585,17496,6410],{"class":5606},[5585,17498,6435],{"class":5602},[5585,17500,17501],{"class":5587,"line":5730},[5585,17502,17503],{"class":5752},"    \u002F\u002F Тепер err має тип AxiosError, і можна безпечно звертатися до полів\n",[5585,17505,17506,17508,17510,17512,17514,17516,17518,17520,17522,17524],{"class":5587,"line":5736},[5585,17507,12936],{"class":5606},[5585,17509,5536],{"class":5602},[5585,17511,10873],{"class":5598},[5585,17513,5603],{"class":5602},[5585,17515,6410],{"class":5606},[5585,17517,5536],{"class":5602},[5585,17519,5765],{"class":5606},[5585,17521,6458],{"class":5602},[5585,17523,5799],{"class":5606},[5585,17525,5819],{"class":5602},[5585,17527,17528,17530,17532,17534,17536,17538,17540,17542,17544,17546],{"class":5587,"line":5742},[5585,17529,12936],{"class":5606},[5585,17531,5536],{"class":5602},[5585,17533,10873],{"class":5598},[5585,17535,5603],{"class":5602},[5585,17537,6410],{"class":5606},[5585,17539,5536],{"class":5602},[5585,17541,5765],{"class":5606},[5585,17543,6458],{"class":5602},[5585,17545,5961],{"class":5606},[5585,17547,5819],{"class":5602},[5585,17549,17550],{"class":5587,"line":5749},[5585,17551,5825],{"class":5602},[5585,17553,17554],{"class":5587,"line":5756},[5585,17555,5879],{"class":5602},[5555,17557,17558,17559,17311,17562,17565],{},"Без цієї перевірки доведеться використовувати ",[5491,17560,17561],{},"any",[5491,17563,17564],{},"as AxiosError",", що знижує типобезпеку.",[17286,17567,17569,17588,17732],{"icon":17288,"label":17568},"❓ Чим відрізняється axios.get\u003CUser> від axios.get?",[5555,17570,17571,17572,9414,17575,17578,17579,17581,17582,17584,17585,17587],{},"Дженерик ",[5491,17573,17574],{},"\u003CUser>",[5517,17576,17577],{},"типізує"," поле ",[5491,17580,17245],{},". Без нього TypeScript виводить тип ",[5491,17583,17561],{}," для ",[5491,17586,5961],{},", що позбавляє автодоповнення та перевірки типів:",[5575,17589,17591],{"className":5577,"code":17590,"language":5580,"meta":5581,"style":5581},"\u002F\u002F Без дженерика — data має тип any\nconst response = await axios.get(\"\u002Fusers\u002F1\");\nconsole.log(response.data.name); \u002F\u002F Немає автодоповнення, помилки не виявляться\n\n\u002F\u002F З дженериком — data має тип User\nconst response = await axios.get\u003CUser>(\"\u002Fusers\u002F1\");\nconsole.log(response.data.name); \u002F\u002F ✅ Автодоповнення працює\nconsole.log(response.data.invalidField); \u002F\u002F ❌ Помилка компіляції\n",[5491,17592,17593,17598,17621,17646,17650,17655,17681,17706],{"__ignoreMap":5581},[5585,17594,17595],{"class":5587,"line":5588},[5585,17596,17597],{"class":5752},"\u002F\u002F Без дженерика — data має тип any\n",[5585,17599,17600,17602,17604,17606,17608,17610,17612,17614,17616,17619],{"class":5587,"line":5632},[5585,17601,6898],{"class":5591},[5585,17603,5639],{"class":5638},[5585,17605,5642],{"class":5602},[5585,17607,5646],{"class":5645},[5585,17609,5893],{"class":5606},[5585,17611,5536],{"class":5602},[5585,17613,5973],{"class":5598},[5585,17615,5603],{"class":5602},[5585,17617,17618],{"class":5654},"\"\u002Fusers\u002F1\"",[5585,17620,5819],{"class":5602},[5585,17622,17623,17625,17627,17629,17631,17633,17635,17637,17639,17641,17643],{"class":5587,"line":5672},[5585,17624,14967],{"class":5606},[5585,17626,5536],{"class":5602},[5585,17628,10873],{"class":5598},[5585,17630,5603],{"class":5602},[5585,17632,5765],{"class":5606},[5585,17634,5536],{"class":5602},[5585,17636,5961],{"class":5606},[5585,17638,5536],{"class":5602},[5585,17640,6729],{"class":5606},[5585,17642,12063],{"class":5602},[5585,17644,17645],{"class":5752},"\u002F\u002F Немає автодоповнення, помилки не виявляться\n",[5585,17647,17648],{"class":5587,"line":5681},[5585,17649,5746],{"emptyLinePlaceholder":5745},[5585,17651,17652],{"class":5587,"line":5696},[5585,17653,17654],{"class":5752},"\u002F\u002F З дженериком — data має тип User\n",[5585,17656,17657,17659,17661,17663,17665,17667,17669,17671,17673,17675,17677,17679],{"class":5587,"line":5730},[5585,17658,6898],{"class":5591},[5585,17660,5639],{"class":5638},[5585,17662,5642],{"class":5602},[5585,17664,5646],{"class":5645},[5585,17666,5893],{"class":5606},[5585,17668,5536],{"class":5602},[5585,17670,5973],{"class":5598},[5585,17672,5623],{"class":5602},[5585,17674,5626],{"class":5613},[5585,17676,5980],{"class":5602},[5585,17678,17618],{"class":5654},[5585,17680,5819],{"class":5602},[5585,17682,17683,17685,17687,17689,17691,17693,17695,17697,17699,17701,17703],{"class":5587,"line":5736},[5585,17684,14967],{"class":5606},[5585,17686,5536],{"class":5602},[5585,17688,10873],{"class":5598},[5585,17690,5603],{"class":5602},[5585,17692,5765],{"class":5606},[5585,17694,5536],{"class":5602},[5585,17696,5961],{"class":5606},[5585,17698,5536],{"class":5602},[5585,17700,6729],{"class":5606},[5585,17702,12063],{"class":5602},[5585,17704,17705],{"class":5752},"\u002F\u002F ✅ Автодоповнення працює\n",[5585,17707,17708,17710,17712,17714,17716,17718,17720,17722,17724,17727,17729],{"class":5587,"line":5742},[5585,17709,14967],{"class":5606},[5585,17711,5536],{"class":5602},[5585,17713,10873],{"class":5598},[5585,17715,5603],{"class":5602},[5585,17717,5765],{"class":5606},[5585,17719,5536],{"class":5602},[5585,17721,5961],{"class":5606},[5585,17723,5536],{"class":5602},[5585,17725,17726],{"class":5606},"invalidField",[5585,17728,12063],{"class":5602},[5585,17730,17731],{"class":5752},"\u002F\u002F ❌ Помилка компіляції\n",[5555,17733,17734],{},"Це не впливає на runtime-поведінку (Axios все одно повертає JSON), але надає типобезпеку на етапі розробки.",[5547,17736],{},[5550,17738,17740],{"id":17739},"практичні-завдання","Практичні завдання",[17283,17742,17743,17801],{},[17286,17744,17747,17750,17778,17783],{"icon":17745,"label":17746},"i-lucide-clipboard-list","📋 Завдання 1: Створення API-клієнта із retry-логікою",[5555,17748,17749],{},"Створіть Axios-інстанс для JSONPlaceholder API з наступними вимогами:",[17751,17752,17753,17759,17762,17768,17771],"ol",{},[5487,17754,17755,17756],{},"Базовий URL: ",[5491,17757,17758],{},"https:\u002F\u002Fjsonplaceholder.typicode.com",[5487,17760,17761],{},"Таймаут: 5 секунд",[5487,17763,17764,17765],{},"Request interceptor: додає заголовок ",[5491,17766,17767],{},"X-Custom-Header: MyApp",[5487,17769,17770],{},"Response interceptor: логує статус та URL кожного запиту у консоль",[5487,17772,17773,17774,17777],{},"Реалізуйте функцію ",[5491,17775,17776],{},"fetchWithRetry",", яка повторює запит максимум 2 рази при мережевих помилках",[5555,17779,17780],{},[5517,17781,17782],{},"Критерії успіху:",[5484,17784,17785,17792,17795],{},[5487,17786,17787,17788,17791],{},"Запит ",[5491,17789,17790],{},"api.get(\"\u002Fusers\u002F999\")"," (неіснуючий користувач) логує статус 404 у консоль",[5487,17793,17794],{},"Запит до неіснуючого домену повторюється 2 рази перед остаточною помилкою",[5487,17796,17797,17798],{},"Всі запити містять заголовок ",[5491,17799,17800],{},"X-Custom-Header",[17286,17802,17804,18662,18667,18710],{"icon":17225,"label":17803},"✅ Розв'язок та покроковий аналіз",[5575,17805,17807],{"className":5577,"code":17806,"language":5580,"meta":5581,"style":5581},"import axios, { AxiosError, AxiosInstance } from \"axios\";\n\n\u002F\u002F Крок 1: Створюємо інстанс із базовими налаштуваннями\nconst api: AxiosInstance = axios.create({\n  baseURL: \"https:\u002F\u002Fjsonplaceholder.typicode.com\",\n  timeout: 5000,\n});\n\n\u002F\u002F Крок 2: Request interceptor — додає кастомний заголовок\napi.interceptors.request.use((config) => {\n  config.headers[\"X-Custom-Header\"] = \"MyApp\";\n  return config;\n});\n\n\u002F\u002F Крок 3: Response interceptor — логування\napi.interceptors.response.use(\n  (response) => {\n    console.log(`✅ ${response.status} ${response.config.url}`);\n    return response;\n  },\n  (error: AxiosError) => {\n    if (error.response) {\n      console.log(`❌ ${error.response.status} ${error.config?.url}`);\n    } else {\n      console.log(`❌ Мережева помилка: ${error.message}`);\n    }\n    return Promise.reject(error);\n  }\n);\n\n\u002F\u002F Крок 4: Функція з retry-логікою\nasync function fetchWithRetry\u003CT>(\n  requestFn: () => Promise\u003CT>,\n  maxRetries: number = 2\n): Promise\u003CT> {\n  let lastError: Error;\n\n  for (let attempt = 0; attempt \u003C= maxRetries; attempt++) {\n    try {\n      return await requestFn();\n    } catch (error) {\n      lastError = error as Error;\n\n      \u002F\u002F Повторюємо лише при мережевих помилках (не при 404\u002F500)\n      if (axios.isAxiosError(error) && error.response) {\n        throw error; \u002F\u002F Серверна помилка — не повторюємо\n      }\n\n      if (attempt \u003C maxRetries) {\n        console.warn(`⚠️ Спроба ${attempt + 1} не вдалася. Повторюємо...`);\n        await new Promise((resolve) => setTimeout(resolve, 1000));\n      }\n    }\n  }\n\n  throw lastError!;\n}\n\n\u002F\u002F Тестування\nasync function testApi() {\n  try {\n    \u002F\u002F Тест 1: Успішний запит\n    const { data: user } = await fetchWithRetry(() => api.get(\"\u002Fusers\u002F1\"));\n    console.log(\"Користувач:\", user.name);\n\n    \u002F\u002F Тест 2: 404 (не повторюється)\n    await fetchWithRetry(() => api.get(\"\u002Fusers\u002F999\"));\n  } catch (err) {\n    console.error(\"Остаточна помилка:\", err);\n  }\n}\n\ntestApi();\n",[5491,17808,17809,17831,17835,17840,17860,17868,17877,17881,17885,17890,17916,17936,17944,17948,17952,17957,17975,17987,18030,18038,18042,18058,18072,18117,18125,18152,18156,18172,18176,18180,18184,18189,18204,18220,18234,18246,18259,18263,18292,18298,18308,18320,18335,18339,18344,18371,18383,18387,18391,18405,18433,18463,18467,18471,18475,18479,18487,18491,18495,18500,18511,18517,18522,18556,18579,18583,18588,18612,18624,18643,18647,18651,18655],{"__ignoreMap":5581},[5585,17810,17811,17813,17815,17817,17819,17821,17823,17825,17827,17829],{"class":5587,"line":5588},[5585,17812,5890],{"class":5645},[5585,17814,5893],{"class":5606},[5585,17816,6878],{"class":5602},[5585,17818,7648],{"class":5606},[5585,17820,6114],{"class":5602},[5585,17822,6881],{"class":5606},[5585,17824,6120],{"class":5602},[5585,17826,6123],{"class":5645},[5585,17828,5899],{"class":5654},[5585,17830,5873],{"class":5602},[5585,17832,17833],{"class":5587,"line":5632},[5585,17834,5746],{"emptyLinePlaceholder":5745},[5585,17836,17837],{"class":5587,"line":5672},[5585,17838,17839],{"class":5752},"\u002F\u002F Крок 1: Створюємо інстанс із базовими налаштуваннями\n",[5585,17841,17842,17844,17846,17848,17850,17852,17854,17856,17858],{"class":5587,"line":5681},[5585,17843,6898],{"class":5591},[5585,17845,6901],{"class":5638},[5585,17847,5610],{"class":5602},[5585,17849,6881],{"class":5613},[5585,17851,5642],{"class":5602},[5585,17853,6423],{"class":5606},[5585,17855,5536],{"class":5602},[5585,17857,6914],{"class":5598},[5585,17859,6917],{"class":5602},[5585,17861,17862,17864,17866],{"class":5587,"line":5696},[5585,17863,6922],{"class":5606},[5585,17865,15061],{"class":5654},[5585,17867,5693],{"class":5602},[5585,17869,17870,17872,17875],{"class":5587,"line":5730},[5585,17871,6952],{"class":5606},[5585,17873,17874],{"class":6955}," 5000",[5585,17876,5693],{"class":5602},[5585,17878,17879],{"class":5587,"line":5736},[5585,17880,6989],{"class":5602},[5585,17882,17883],{"class":5587,"line":5742},[5585,17884,5746],{"emptyLinePlaceholder":5745},[5585,17886,17887],{"class":5587,"line":5749},[5585,17888,17889],{"class":5752},"\u002F\u002F Крок 2: Request interceptor — додає кастомний заголовок\n",[5585,17891,17892,17894,17896,17898,17900,17902,17904,17906,17908,17910,17912,17914],{"class":5587,"line":5756},[5585,17893,7451],{"class":5606},[5585,17895,5536],{"class":5602},[5585,17897,5504],{"class":5606},[5585,17899,5536],{"class":5602},[5585,17901,7460],{"class":5606},[5585,17903,5536],{"class":5602},[5585,17905,7465],{"class":5598},[5585,17907,10098],{"class":5602},[5585,17909,7476],{"class":5606},[5585,17911,6576],{"class":5602},[5585,17913,6314],{"class":5591},[5585,17915,5678],{"class":5602},[5585,17917,17918,17920,17922,17924,17926,17929,17931,17934],{"class":5587,"line":5776},[5585,17919,13698],{"class":5606},[5585,17921,5536],{"class":5602},[5585,17923,7532],{"class":5606},[5585,17925,13335],{"class":5602},[5585,17927,17928],{"class":5654},"\"X-Custom-Header\"",[5585,17930,6224],{"class":5602},[5585,17932,17933],{"class":5654},"\"MyApp\"",[5585,17935,5873],{"class":5602},[5585,17937,17938,17940,17942],{"class":5587,"line":5822},[5585,17939,5868],{"class":5645},[5585,17941,7564],{"class":5606},[5585,17943,5873],{"class":5602},[5585,17945,17946],{"class":5587,"line":5828},[5585,17947,6989],{"class":5602},[5585,17949,17950],{"class":5587,"line":5833},[5585,17951,5746],{"emptyLinePlaceholder":5745},[5585,17953,17954],{"class":5587,"line":5839},[5585,17955,17956],{"class":5752},"\u002F\u002F Крок 3: Response interceptor — логування\n",[5585,17958,17959,17961,17963,17965,17967,17969,17971,17973],{"class":5587,"line":5865},[5585,17960,7451],{"class":5606},[5585,17962,5536],{"class":5602},[5585,17964,5504],{"class":5606},[5585,17966,5536],{"class":5602},[5585,17968,5765],{"class":5606},[5585,17970,5536],{"class":5602},[5585,17972,7465],{"class":5598},[5585,17974,7468],{"class":5602},[5585,17976,17977,17979,17981,17983,17985],{"class":5587,"line":5876},[5585,17978,7473],{"class":5602},[5585,17980,5765],{"class":5606},[5585,17982,6576],{"class":5602},[5585,17984,6314],{"class":5591},[5585,17986,5678],{"class":5602},[5585,17988,17989,17991,17993,17995,17997,18000,18002,18004,18006,18008,18010,18013,18015,18017,18019,18021,18024,18026,18028],{"class":5587,"line":6331},[5585,17990,12936],{"class":5606},[5585,17992,5536],{"class":5602},[5585,17994,10873],{"class":5598},[5585,17996,5603],{"class":5602},[5585,17998,17999],{"class":5654},"`✅ ",[5585,18001,5658],{"class":5591},[5585,18003,5765],{"class":5606},[5585,18005,5536],{"class":5710},[5585,18007,5799],{"class":5606},[5585,18009,5663],{"class":5591},[5585,18011,18012],{"class":5591}," ${",[5585,18014,5765],{"class":5606},[5585,18016,5536],{"class":5710},[5585,18018,7476],{"class":5606},[5585,18020,5536],{"class":5710},[5585,18022,18023],{"class":5606},"url",[5585,18025,5663],{"class":5591},[5585,18027,5666],{"class":5654},[5585,18029,5819],{"class":5602},[5585,18031,18032,18034,18036],{"class":5587,"line":6339},[5585,18033,7561],{"class":5645},[5585,18035,5639],{"class":5606},[5585,18037,5873],{"class":5602},[5585,18039,18040],{"class":5587,"line":6345},[5585,18041,6984],{"class":5602},[5585,18043,18044,18046,18048,18050,18052,18054,18056],{"class":5587,"line":6370},[5585,18045,7473],{"class":5602},[5585,18047,6276],{"class":5606},[5585,18049,5610],{"class":5602},[5585,18051,7648],{"class":5613},[5585,18053,6576],{"class":5602},[5585,18055,6314],{"class":5591},[5585,18057,5678],{"class":5602},[5585,18059,18060,18062,18064,18066,18068,18070],{"class":5587,"line":6376},[5585,18061,7510],{"class":5645},[5585,18063,6407],{"class":5602},[5585,18065,6276],{"class":5606},[5585,18067,5536],{"class":5602},[5585,18069,5765],{"class":5606},[5585,18071,5773],{"class":5602},[5585,18073,18074,18076,18078,18080,18082,18085,18087,18089,18091,18093,18095,18097,18099,18101,18103,18105,18107,18109,18111,18113,18115],{"class":5587,"line":6382},[5585,18075,8132],{"class":5606},[5585,18077,5536],{"class":5602},[5585,18079,10873],{"class":5598},[5585,18081,5603],{"class":5602},[5585,18083,18084],{"class":5654},"`❌ ",[5585,18086,5658],{"class":5591},[5585,18088,6276],{"class":5606},[5585,18090,5536],{"class":5710},[5585,18092,5765],{"class":5606},[5585,18094,5536],{"class":5710},[5585,18096,5799],{"class":5606},[5585,18098,5663],{"class":5591},[5585,18100,18012],{"class":5591},[5585,18102,6276],{"class":5606},[5585,18104,5536],{"class":5710},[5585,18106,7476],{"class":5606},[5585,18108,6458],{"class":5710},[5585,18110,18023],{"class":5606},[5585,18112,5663],{"class":5591},[5585,18114,5666],{"class":5654},[5585,18116,5819],{"class":5602},[5585,18118,18119,18121,18123],{"class":5587,"line":6398},[5585,18120,8107],{"class":5602},[5585,18122,6485],{"class":5645},[5585,18124,5678],{"class":5602},[5585,18126,18127,18129,18131,18133,18135,18138,18140,18142,18144,18146,18148,18150],{"class":5587,"line":6415},[5585,18128,8132],{"class":5606},[5585,18130,5536],{"class":5602},[5585,18132,10873],{"class":5598},[5585,18134,5603],{"class":5602},[5585,18136,18137],{"class":5654},"`❌ Мережева помилка: ",[5585,18139,5658],{"class":5591},[5585,18141,6276],{"class":5606},[5585,18143,5536],{"class":5710},[5585,18145,6465],{"class":5606},[5585,18147,5663],{"class":5591},[5585,18149,5666],{"class":5654},[5585,18151,5819],{"class":5602},[5585,18153,18154],{"class":5587,"line":6438},[5585,18155,6540],{"class":5602},[5585,18157,18158,18160,18162,18164,18166,18168,18170],{"class":5587,"line":6444},[5585,18159,7561],{"class":5645},[5585,18161,7598],{"class":5613},[5585,18163,5536],{"class":5602},[5585,18165,7603],{"class":5598},[5585,18167,5603],{"class":5602},[5585,18169,6276],{"class":5606},[5585,18171,5819],{"class":5602},[5585,18173,18174],{"class":5587,"line":6479},[5585,18175,5825],{"class":5602},[5585,18177,18178],{"class":5587,"line":6490},[5585,18179,5819],{"class":5602},[5585,18181,18182],{"class":5587,"line":6502},[5585,18183,5746],{"emptyLinePlaceholder":5745},[5585,18185,18186],{"class":5587,"line":6508},[5585,18187,18188],{"class":5752},"\u002F\u002F Крок 4: Функція з retry-логікою\n",[5585,18190,18191,18193,18195,18198,18200,18202],{"class":5587,"line":6518},[5585,18192,5592],{"class":5591},[5585,18194,5595],{"class":5591},[5585,18196,18197],{"class":5598}," fetchWithRetry",[5585,18199,5623],{"class":5602},[5585,18201,8244],{"class":5613},[5585,18203,6367],{"class":5602},[5585,18205,18206,18208,18210,18212,18214,18216,18218],{"class":5587,"line":6531},[5585,18207,13680],{"class":5598},[5585,18209,9553],{"class":5602},[5585,18211,6314],{"class":5591},[5585,18213,7598],{"class":5613},[5585,18215,5623],{"class":5602},[5585,18217,8244],{"class":5613},[5585,18219,13693],{"class":5602},[5585,18221,18222,18225,18227,18229,18231],{"class":5587,"line":6537},[5585,18223,18224],{"class":5606},"  maxRetries",[5585,18226,5610],{"class":5602},[5585,18228,5614],{"class":5613},[5585,18230,5642],{"class":5602},[5585,18232,18233],{"class":6955},"2\n",[5585,18235,18236,18238,18240,18242,18244],{"class":5587,"line":6543},[5585,18237,5617],{"class":5602},[5585,18239,5620],{"class":5613},[5585,18241,5623],{"class":5602},[5585,18243,8244],{"class":5613},[5585,18245,5629],{"class":5602},[5585,18247,18248,18250,18252,18254,18257],{"class":5587,"line":6548},[5585,18249,13745],{"class":5591},[5585,18251,13748],{"class":5606},[5585,18253,5610],{"class":5602},[5585,18255,18256],{"class":5613},"Error",[5585,18258,5873],{"class":5602},[5585,18260,18261],{"class":5587,"line":6556},[5585,18262,5746],{"emptyLinePlaceholder":5745},[5585,18264,18265,18267,18269,18271,18273,18275,18277,18279,18281,18283,18286,18288,18290],{"class":5587,"line":6562},[5585,18266,13763],{"class":5645},[5585,18268,6407],{"class":5602},[5585,18270,13768],{"class":5591},[5585,18272,13771],{"class":5606},[5585,18274,5642],{"class":5602},[5585,18276,9734],{"class":6955},[5585,18278,7567],{"class":5602},[5585,18280,13780],{"class":5606},[5585,18282,13783],{"class":5602},[5585,18284,18285],{"class":5606},"maxRetries",[5585,18287,7567],{"class":5602},[5585,18289,13780],{"class":5606},[5585,18291,13792],{"class":5602},[5585,18293,18294,18296],{"class":5587,"line":6567},[5585,18295,8617],{"class":5645},[5585,18297,5678],{"class":5602},[5585,18299,18300,18302,18304,18306],{"class":5587,"line":6604},[5585,18301,13803],{"class":5645},[5585,18303,13806],{"class":5645},[5585,18305,13809],{"class":5598},[5585,18307,5862],{"class":5602},[5585,18309,18310,18312,18314,18316,18318],{"class":5587,"line":6651},[5585,18311,8107],{"class":5602},[5585,18313,6404],{"class":5645},[5585,18315,6407],{"class":5602},[5585,18317,6276],{"class":5606},[5585,18319,5773],{"class":5602},[5585,18321,18322,18324,18326,18328,18331,18333],{"class":5587,"line":6681},[5585,18323,13857],{"class":5606},[5585,18325,5642],{"class":5602},[5585,18327,6276],{"class":5606},[5585,18329,18330],{"class":5645}," as",[5585,18332,5785],{"class":5613},[5585,18334,5873],{"class":5602},[5585,18336,18337],{"class":5587,"line":6686},[5585,18338,5746],{"emptyLinePlaceholder":5745},[5585,18340,18341],{"class":5587,"line":6694},[5585,18342,18343],{"class":5752},"      \u002F\u002F Повторюємо лише при мережевих помилках (не при 404\u002F500)\n",[5585,18345,18346,18348,18350,18352,18354,18356,18358,18360,18363,18365,18367,18369],{"class":5587,"line":6713},[5585,18347,8702],{"class":5645},[5585,18349,6407],{"class":5602},[5585,18351,6423],{"class":5606},[5585,18353,5536],{"class":5602},[5585,18355,6428],{"class":5598},[5585,18357,5603],{"class":5602},[5585,18359,6276],{"class":5606},[5585,18361,18362],{"class":5602},") && ",[5585,18364,6276],{"class":5606},[5585,18366,5536],{"class":5602},[5585,18368,5765],{"class":5606},[5585,18370,5773],{"class":5602},[5585,18372,18373,18376,18378,18380],{"class":5587,"line":6740},[5585,18374,18375],{"class":5645},"        throw",[5585,18377,12958],{"class":5606},[5585,18379,7567],{"class":5602},[5585,18381,18382],{"class":5752},"\u002F\u002F Серверна помилка — не повторюємо\n",[5585,18384,18385],{"class":5587,"line":6769},[5585,18386,6534],{"class":5602},[5585,18388,18389],{"class":5587,"line":6798},[5585,18390,5746],{"emptyLinePlaceholder":5745},[5585,18392,18393,18395,18397,18399,18401,18403],{"class":5587,"line":6808},[5585,18394,8702],{"class":5645},[5585,18396,6407],{"class":5602},[5585,18398,13780],{"class":5606},[5585,18400,13890],{"class":5602},[5585,18402,18285],{"class":5606},[5585,18404,5773],{"class":5602},[5585,18406,18407,18409,18411,18413,18415,18418,18420,18422,18424,18426,18428,18431],{"class":5587,"line":6814},[5585,18408,10907],{"class":5606},[5585,18410,5536],{"class":5602},[5585,18412,8007],{"class":5598},[5585,18414,5603],{"class":5602},[5585,18416,18417],{"class":5654},"`⚠️ Спроба ",[5585,18419,5658],{"class":5591},[5585,18421,13780],{"class":5606},[5585,18423,13961],{"class":5602},[5585,18425,13964],{"class":6955},[5585,18427,5663],{"class":5591},[5585,18429,18430],{"class":5654}," не вдалася. Повторюємо...`",[5585,18432,5819],{"class":5602},[5585,18434,18435,18438,18440,18442,18444,18446,18448,18450,18452,18454,18456,18458,18461],{"class":5587,"line":8159},[5585,18436,18437],{"class":5645},"        await",[5585,18439,5782],{"class":5591},[5585,18441,7598],{"class":5613},[5585,18443,10098],{"class":5602},[5585,18445,13633],{"class":5606},[5585,18447,6576],{"class":5602},[5585,18449,6314],{"class":5591},[5585,18451,13640],{"class":5598},[5585,18453,5603],{"class":5602},[5585,18455,13633],{"class":5606},[5585,18457,6114],{"class":5602},[5585,18459,18460],{"class":6955},"1000",[5585,18462,13651],{"class":5602},[5585,18464,18465],{"class":5587,"line":8183},[5585,18466,6534],{"class":5602},[5585,18468,18469],{"class":5587,"line":8188},[5585,18470,6540],{"class":5602},[5585,18472,18473],{"class":5587,"line":8193},[5585,18474,5825],{"class":5602},[5585,18476,18477],{"class":5587,"line":8210},[5585,18478,5746],{"emptyLinePlaceholder":5745},[5585,18480,18481,18483,18485],{"class":5587,"line":8215},[5585,18482,14018],{"class":5645},[5585,18484,13748],{"class":5606},[5585,18486,14023],{"class":5602},[5585,18488,18489],{"class":5587,"line":8959},[5585,18490,5879],{"class":5602},[5585,18492,18493],{"class":5587,"line":8964},[5585,18494,5746],{"emptyLinePlaceholder":5745},[5585,18496,18497],{"class":5587,"line":8974},[5585,18498,18499],{"class":5752},"\u002F\u002F Тестування\n",[5585,18501,18502,18504,18506,18509],{"class":5587,"line":8980},[5585,18503,5592],{"class":5591},[5585,18505,5595],{"class":5591},[5585,18507,18508],{"class":5598}," testApi",[5585,18510,6206],{"class":5602},[5585,18512,18513,18515],{"class":5587,"line":8989},[5585,18514,12801],{"class":5645},[5585,18516,5678],{"class":5602},[5585,18518,18519],{"class":5587,"line":9000},[5585,18520,18521],{"class":5752},"    \u002F\u002F Тест 1: Успішний запит\n",[5585,18523,18524,18526,18528,18530,18532,18534,18536,18538,18540,18542,18544,18546,18548,18550,18552,18554],{"class":5587,"line":9018},[5585,18525,7487],{"class":5591},[5585,18527,5958],{"class":5602},[5585,18529,5961],{"class":5606},[5585,18531,5610],{"class":5602},[5585,18533,6216],{"class":5638},[5585,18535,5964],{"class":5602},[5585,18537,5646],{"class":5645},[5585,18539,18197],{"class":5598},[5585,18541,6311],{"class":5602},[5585,18543,6314],{"class":5591},[5585,18545,6901],{"class":5606},[5585,18547,5536],{"class":5602},[5585,18549,5973],{"class":5598},[5585,18551,5603],{"class":5602},[5585,18553,17618],{"class":5654},[5585,18555,13651],{"class":5602},[5585,18557,18558,18560,18562,18564,18566,18569,18571,18573,18575,18577],{"class":5587,"line":9068},[5585,18559,12936],{"class":5606},[5585,18561,5536],{"class":5602},[5585,18563,10873],{"class":5598},[5585,18565,5603],{"class":5602},[5585,18567,18568],{"class":5654},"\"Користувач:\"",[5585,18570,6114],{"class":5602},[5585,18572,6216],{"class":5606},[5585,18574,5536],{"class":5602},[5585,18576,6729],{"class":5606},[5585,18578,5819],{"class":5602},[5585,18580,18581],{"class":5587,"line":9074},[5585,18582,5746],{"emptyLinePlaceholder":5745},[5585,18584,18585],{"class":5587,"line":9080},[5585,18586,18587],{"class":5752},"    \u002F\u002F Тест 2: 404 (не повторюється)\n",[5585,18589,18590,18593,18595,18597,18599,18601,18603,18605,18607,18610],{"class":5587,"line":9090},[5585,18591,18592],{"class":5645},"    await",[5585,18594,18197],{"class":5598},[5585,18596,6311],{"class":5602},[5585,18598,6314],{"class":5591},[5585,18600,6901],{"class":5606},[5585,18602,5536],{"class":5602},[5585,18604,5973],{"class":5598},[5585,18606,5603],{"class":5602},[5585,18608,18609],{"class":5654},"\"\u002Fusers\u002F999\"",[5585,18611,13651],{"class":5602},[5585,18613,18614,18616,18618,18620,18622],{"class":5587,"line":9095},[5585,18615,12923],{"class":5602},[5585,18617,6404],{"class":5645},[5585,18619,6407],{"class":5602},[5585,18621,6410],{"class":5606},[5585,18623,5773],{"class":5602},[5585,18625,18626,18628,18630,18632,18634,18637,18639,18641],{"class":5587,"line":9104},[5585,18627,12936],{"class":5606},[5585,18629,5536],{"class":5602},[5585,18631,6276],{"class":5598},[5585,18633,5603],{"class":5602},[5585,18635,18636],{"class":5654},"\"Остаточна помилка:\"",[5585,18638,6114],{"class":5602},[5585,18640,6410],{"class":5606},[5585,18642,5819],{"class":5602},[5585,18644,18645],{"class":5587,"line":9110},[5585,18646,5825],{"class":5602},[5585,18648,18649],{"class":5587,"line":9117},[5585,18650,5879],{"class":5602},[5585,18652,18653],{"class":5587,"line":9127},[5585,18654,5746],{"emptyLinePlaceholder":5745},[5585,18656,18657,18660],{"class":5587,"line":9144},[5585,18658,18659],{"class":5598},"testApi",[5585,18661,5862],{"class":5602},[5555,18663,18664],{},[5517,18665,18666],{},"Покрокове пояснення:",[17751,18668,18669,18678,18687,18699],{},[5487,18670,18671,18675,18676,5536],{},[5517,18672,18673],{},[5491,18674,14419],{}," створює ізольований інстанс із власними налаштуваннями, не впливаючи на глобальний ",[5491,18677,6423],{},[5487,18679,18680,18683,18684,5536],{},[5517,18681,18682],{},"Request interceptor"," перехоплює кожен запит перед відправкою та модифікує ",[5491,18685,18686],{},"config.headers",[5487,18688,18689,18692,18693,18695,18696,18698],{},[5517,18690,18691],{},"Response interceptor"," отримує як успішні відповіді (",[5491,18694,5765],{},"), так і помилки (",[5491,18697,6276],{},"), логуючи їх у консоль.",[5487,18700,18701,18705,18706,18709],{},[5517,18702,18703],{},[5491,18704,17776],{}," використовує цикл для повторних спроб, але ",[5517,18707,18708],{},"не"," повторює запити при серверних помилках (4xx\u002F5xx), оскільки повторний запит дасть той самий результат.",[18711,18712,18714,18726,18735,18739,18748],"terminal-preview",{":cursor":6265,"title":18713},"node test-axios.ts",[6700,18715,18717,9414,18722],{"className":18716},[5587],[5585,18718,18721],{"className":18719},[18720],"opacity-40","$",[5517,18723,18713],{"className":18724},[18725],"font-bold",[6700,18727,18729,18734],{"className":18728},[5587],[5585,18730,18733],{"className":18731},[18732,18725],"text-green-400","✅ 200"," \u002Fusers\u002F1",[6700,18736,18738],{"className":18737},[5587],"Користувач: Leanne Graham",[6700,18740,18742,18747],{"className":18741},[5587],[5585,18743,18746],{"className":18744},[18745,18725],"text-rose-400","❌ 404"," \u002Fusers\u002F999",[6700,18749,18751],{"className":18750},[5587],[5585,18752,18754],{"className":18753},[18745],"Остаточна помилка: AxiosError: Request failed with status code 404",[17283,18756,18757,18933],{},[17286,18758,18760,18763,18768,18874,18879,18923],{"icon":17745,"label":18759},"📋 Завдання 2: Типізований CRUD-API для блогу",[5555,18761,18762],{},"Створіть повністю типізований API-клієнт для роботи з постами блогу:",[5555,18764,18765],{},[5517,18766,18767],{},"Моделі даних:",[5575,18769,18771],{"className":5577,"code":18770,"language":5580,"meta":5581,"style":5581},"interface Post {\n  id: number;\n  title: string;\n  body: string;\n  userId: number;\n}\n\ninterface CreatePostDTO {\n  title: string;\n  body: string;\n  userId: number;\n}\n",[5491,18772,18773,18782,18792,18802,18813,18823,18827,18831,18840,18850,18860,18870],{"__ignoreMap":5581},[5585,18774,18775,18777,18780],{"class":5587,"line":5588},[5585,18776,6137],{"class":5591},[5585,18778,18779],{"class":5613}," Post",[5585,18781,5678],{"class":5602},[5585,18783,18784,18786,18788,18790],{"class":5587,"line":5632},[5585,18785,6147],{"class":5606},[5585,18787,5610],{"class":5602},[5585,18789,5614],{"class":5613},[5585,18791,5873],{"class":5602},[5585,18793,18794,18796,18798,18800],{"class":5587,"line":5672},[5585,18795,15371],{"class":5606},[5585,18797,5610],{"class":5602},[5585,18799,6163],{"class":5613},[5585,18801,5873],{"class":5602},[5585,18803,18804,18807,18809,18811],{"class":5587,"line":5681},[5585,18805,18806],{"class":5606},"  body",[5585,18808,5610],{"class":5602},[5585,18810,6163],{"class":5613},[5585,18812,5873],{"class":5602},[5585,18814,18815,18817,18819,18821],{"class":5587,"line":5696},[5585,18816,15393],{"class":5606},[5585,18818,5610],{"class":5602},[5585,18820,5614],{"class":5613},[5585,18822,5873],{"class":5602},[5585,18824,18825],{"class":5587,"line":5730},[5585,18826,5879],{"class":5602},[5585,18828,18829],{"class":5587,"line":5736},[5585,18830,5746],{"emptyLinePlaceholder":5745},[5585,18832,18833,18835,18838],{"class":5587,"line":5742},[5585,18834,6137],{"class":5591},[5585,18836,18837],{"class":5613}," CreatePostDTO",[5585,18839,5678],{"class":5602},[5585,18841,18842,18844,18846,18848],{"class":5587,"line":5749},[5585,18843,15371],{"class":5606},[5585,18845,5610],{"class":5602},[5585,18847,6163],{"class":5613},[5585,18849,5873],{"class":5602},[5585,18851,18852,18854,18856,18858],{"class":5587,"line":5756},[5585,18853,18806],{"class":5606},[5585,18855,5610],{"class":5602},[5585,18857,6163],{"class":5613},[5585,18859,5873],{"class":5602},[5585,18861,18862,18864,18866,18868],{"class":5587,"line":5776},[5585,18863,15393],{"class":5606},[5585,18865,5610],{"class":5602},[5585,18867,5614],{"class":5613},[5585,18869,5873],{"class":5602},[5585,18871,18872],{"class":5587,"line":5822},[5585,18873,5879],{"class":5602},[5555,18875,18876],{},[5517,18877,18878],{},"Вимоги:",[17751,18880,18881,18885,18920],{},[5487,18882,17755,18883],{},[5491,18884,17758],{},[5487,18886,18887,18888],{},"Методи:\n",[5484,18889,18890,18896,18902,18908,18914],{},[5487,18891,18892,18895],{},[5491,18893,18894],{},"postsApi.getAll()"," — отримати всі пости",[5487,18897,18898,18901],{},[5491,18899,18900],{},"postsApi.getById(id)"," — отримати пост за ID",[5487,18903,18904,18907],{},[5491,18905,18906],{},"postsApi.create(data)"," — створити новий пост",[5487,18909,18910,18913],{},[5491,18911,18912],{},"postsApi.update(id, data)"," — оновити пост (PATCH)",[5487,18915,18916,18919],{},[5491,18917,18918],{},"postsApi.delete(id)"," — видалити пост",[5487,18921,18922],{},"Всі методи мають бути строго типізовані",[5555,18924,18925,18928,18929,18932],{},[5517,18926,18927],{},"Бонус:"," Створіть React-компонент ",[5491,18930,18931],{},"PostsManager",", що використовує цей API для відображення списку постів із можливістю створення та видалення.",[17286,18934,18935,19433,20645,20650],{"icon":17225,"label":17803},[5575,18936,18938],{"className":5577,"code":18937,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fapi\u002Fposts.ts\nimport axios, { AxiosResponse } from \"axios\";\n\nconst api = axios.create({\n  baseURL: \"https:\u002F\u002Fjsonplaceholder.typicode.com\",\n  timeout: 10000,\n});\n\ninterface Post {\n  id: number;\n  title: string;\n  body: string;\n  userId: number;\n}\n\ninterface CreatePostDTO {\n  title: string;\n  body: string;\n  userId: number;\n}\n\nexport const postsApi = {\n  getAll: (): Promise\u003CAxiosResponse\u003CPost[]>> =>\n    api.get\u003CPost[]>(\"\u002Fposts?_limit=10\"),\n\n  getById: (id: number): Promise\u003CAxiosResponse\u003CPost>> =>\n    api.get\u003CPost>(`\u002Fposts\u002F${id}`),\n\n  create: (data: CreatePostDTO): Promise\u003CAxiosResponse\u003CPost>> =>\n    api.post\u003CPost>(\"\u002Fposts\", data),\n\n  update: (\n    id: number,\n    data: Partial\u003CCreatePostDTO>\n  ): Promise\u003CAxiosResponse\u003CPost>> =>\n    api.patch\u003CPost>(`\u002Fposts\u002F${id}`, data),\n\n  delete: (id: number): Promise\u003CAxiosResponse\u003Cvoid>> =>\n    api.delete\u003Cvoid>(`\u002Fposts\u002F${id}`),\n};\n",[5491,18939,18940,18945,18963,18967,18983,18991,18999,19003,19007,19015,19025,19035,19045,19055,19059,19063,19071,19081,19091,19101,19105,19109,19120,19144,19163,19167,19198,19225,19229,19260,19282,19286,19294,19305,19320,19339,19369,19373,19403,19429],{"__ignoreMap":5581},[5585,18941,18942],{"class":5587,"line":5588},[5585,18943,18944],{"class":5752},"\u002F\u002F src\u002Fapi\u002Fposts.ts\n",[5585,18946,18947,18949,18951,18953,18955,18957,18959,18961],{"class":5587,"line":5632},[5585,18948,5890],{"class":5645},[5585,18950,5893],{"class":5606},[5585,18952,6878],{"class":5602},[5585,18954,9478],{"class":5606},[5585,18956,6120],{"class":5602},[5585,18958,6123],{"class":5645},[5585,18960,5899],{"class":5654},[5585,18962,5873],{"class":5602},[5585,18964,18965],{"class":5587,"line":5672},[5585,18966,5746],{"emptyLinePlaceholder":5745},[5585,18968,18969,18971,18973,18975,18977,18979,18981],{"class":5587,"line":5681},[5585,18970,6898],{"class":5591},[5585,18972,6901],{"class":5638},[5585,18974,5642],{"class":5602},[5585,18976,6423],{"class":5606},[5585,18978,5536],{"class":5602},[5585,18980,6914],{"class":5598},[5585,18982,6917],{"class":5602},[5585,18984,18985,18987,18989],{"class":5587,"line":5696},[5585,18986,6922],{"class":5606},[5585,18988,15061],{"class":5654},[5585,18990,5693],{"class":5602},[5585,18992,18993,18995,18997],{"class":5587,"line":5730},[5585,18994,6952],{"class":5606},[5585,18996,6956],{"class":6955},[5585,18998,5693],{"class":5602},[5585,19000,19001],{"class":5587,"line":5736},[5585,19002,6989],{"class":5602},[5585,19004,19005],{"class":5587,"line":5742},[5585,19006,5746],{"emptyLinePlaceholder":5745},[5585,19008,19009,19011,19013],{"class":5587,"line":5749},[5585,19010,6137],{"class":5591},[5585,19012,18779],{"class":5613},[5585,19014,5678],{"class":5602},[5585,19016,19017,19019,19021,19023],{"class":5587,"line":5756},[5585,19018,6147],{"class":5606},[5585,19020,5610],{"class":5602},[5585,19022,5614],{"class":5613},[5585,19024,5873],{"class":5602},[5585,19026,19027,19029,19031,19033],{"class":5587,"line":5776},[5585,19028,15371],{"class":5606},[5585,19030,5610],{"class":5602},[5585,19032,6163],{"class":5613},[5585,19034,5873],{"class":5602},[5585,19036,19037,19039,19041,19043],{"class":5587,"line":5822},[5585,19038,18806],{"class":5606},[5585,19040,5610],{"class":5602},[5585,19042,6163],{"class":5613},[5585,19044,5873],{"class":5602},[5585,19046,19047,19049,19051,19053],{"class":5587,"line":5828},[5585,19048,15393],{"class":5606},[5585,19050,5610],{"class":5602},[5585,19052,5614],{"class":5613},[5585,19054,5873],{"class":5602},[5585,19056,19057],{"class":5587,"line":5833},[5585,19058,5879],{"class":5602},[5585,19060,19061],{"class":5587,"line":5839},[5585,19062,5746],{"emptyLinePlaceholder":5745},[5585,19064,19065,19067,19069],{"class":5587,"line":5865},[5585,19066,6137],{"class":5591},[5585,19068,18837],{"class":5613},[5585,19070,5678],{"class":5602},[5585,19072,19073,19075,19077,19079],{"class":5587,"line":5876},[5585,19074,15371],{"class":5606},[5585,19076,5610],{"class":5602},[5585,19078,6163],{"class":5613},[5585,19080,5873],{"class":5602},[5585,19082,19083,19085,19087,19089],{"class":5587,"line":6331},[5585,19084,18806],{"class":5606},[5585,19086,5610],{"class":5602},[5585,19088,6163],{"class":5613},[5585,19090,5873],{"class":5602},[5585,19092,19093,19095,19097,19099],{"class":5587,"line":6339},[5585,19094,15393],{"class":5606},[5585,19096,5610],{"class":5602},[5585,19098,5614],{"class":5613},[5585,19100,5873],{"class":5602},[5585,19102,19103],{"class":5587,"line":6345},[5585,19104,5879],{"class":5602},[5585,19106,19107],{"class":5587,"line":6370},[5585,19108,5746],{"emptyLinePlaceholder":5745},[5585,19110,19111,19113,19115,19118],{"class":5587,"line":6376},[5585,19112,6998],{"class":5645},[5585,19114,7147],{"class":5591},[5585,19116,19117],{"class":5638}," postsApi",[5585,19119,7153],{"class":5602},[5585,19121,19122,19124,19126,19129,19131,19133,19135,19137,19139,19142],{"class":5587,"line":6382},[5585,19123,7158],{"class":5598},[5585,19125,5687],{"class":5606},[5585,19127,19128],{"class":5602}," (): ",[5585,19130,5620],{"class":5613},[5585,19132,5623],{"class":5602},[5585,19134,9478],{"class":5613},[5585,19136,5623],{"class":5602},[5585,19138,12885],{"class":5613},[5585,19140,19141],{"class":5602},"[]>> ",[5585,19143,7303],{"class":5591},[5585,19145,19146,19148,19150,19152,19154,19156,19158,19161],{"class":5587,"line":6398},[5585,19147,7308],{"class":5606},[5585,19149,5536],{"class":5602},[5585,19151,5973],{"class":5598},[5585,19153,5623],{"class":5602},[5585,19155,12885],{"class":5613},[5585,19157,7178],{"class":5602},[5585,19159,19160],{"class":5654},"\"\u002Fposts?_limit=10\"",[5585,19162,7184],{"class":5602},[5585,19164,19165],{"class":5587,"line":6415},[5585,19166,5746],{"emptyLinePlaceholder":5745},[5585,19168,19169,19171,19173,19175,19177,19179,19181,19183,19185,19187,19189,19191,19193,19196],{"class":5587,"line":6438},[5585,19170,7189],{"class":5598},[5585,19172,5687],{"class":5606},[5585,19174,6407],{"class":5602},[5585,19176,5607],{"class":5606},[5585,19178,5610],{"class":5602},[5585,19180,5614],{"class":5613},[5585,19182,5617],{"class":5602},[5585,19184,5620],{"class":5613},[5585,19186,5623],{"class":5602},[5585,19188,9478],{"class":5613},[5585,19190,5623],{"class":5602},[5585,19192,12885],{"class":5613},[5585,19194,19195],{"class":5602},">> ",[5585,19197,7303],{"class":5591},[5585,19199,19200,19202,19204,19206,19208,19210,19212,19215,19217,19219,19221,19223],{"class":5587,"line":6444},[5585,19201,7308],{"class":5606},[5585,19203,5536],{"class":5602},[5585,19205,5973],{"class":5598},[5585,19207,5623],{"class":5602},[5585,19209,12885],{"class":5613},[5585,19211,5980],{"class":5602},[5585,19213,19214],{"class":5654},"`\u002Fposts\u002F",[5585,19216,5658],{"class":5591},[5585,19218,5607],{"class":5606},[5585,19220,5663],{"class":5591},[5585,19222,5666],{"class":5654},[5585,19224,7184],{"class":5602},[5585,19226,19227],{"class":5587,"line":6479},[5585,19228,5746],{"emptyLinePlaceholder":5745},[5585,19230,19231,19233,19235,19237,19239,19241,19244,19246,19248,19250,19252,19254,19256,19258],{"class":5587,"line":6490},[5585,19232,7233],{"class":5598},[5585,19234,5687],{"class":5606},[5585,19236,6407],{"class":5602},[5585,19238,5961],{"class":5606},[5585,19240,5610],{"class":5602},[5585,19242,19243],{"class":5613},"CreatePostDTO",[5585,19245,5617],{"class":5602},[5585,19247,5620],{"class":5613},[5585,19249,5623],{"class":5602},[5585,19251,9478],{"class":5613},[5585,19253,5623],{"class":5602},[5585,19255,12885],{"class":5613},[5585,19257,19195],{"class":5602},[5585,19259,7303],{"class":5591},[5585,19261,19262,19264,19266,19268,19270,19272,19274,19276,19278,19280],{"class":5587,"line":6502},[5585,19263,7308],{"class":5606},[5585,19265,5536],{"class":5602},[5585,19267,7255],{"class":5598},[5585,19269,5623],{"class":5602},[5585,19271,12885],{"class":5613},[5585,19273,5980],{"class":5602},[5585,19275,13078],{"class":5654},[5585,19277,6114],{"class":5602},[5585,19279,5961],{"class":5606},[5585,19281,7184],{"class":5602},[5585,19283,19284],{"class":5587,"line":6508},[5585,19285,5746],{"emptyLinePlaceholder":5745},[5585,19287,19288,19290,19292],{"class":5587,"line":6518},[5585,19289,7274],{"class":5598},[5585,19291,5687],{"class":5606},[5585,19293,6691],{"class":5602},[5585,19295,19296,19299,19301,19303],{"class":5587,"line":6531},[5585,19297,19298],{"class":5606},"    id",[5585,19300,5610],{"class":5602},[5585,19302,5614],{"class":5613},[5585,19304,5693],{"class":5602},[5585,19306,19307,19310,19312,19314,19316,19318],{"class":5587,"line":6537},[5585,19308,19309],{"class":5606},"    data",[5585,19311,5610],{"class":5602},[5585,19313,7293],{"class":5613},[5585,19315,5623],{"class":5602},[5585,19317,19243],{"class":5613},[5585,19319,6710],{"class":5602},[5585,19321,19322,19325,19327,19329,19331,19333,19335,19337],{"class":5587,"line":6543},[5585,19323,19324],{"class":5602},"  ): ",[5585,19326,5620],{"class":5613},[5585,19328,5623],{"class":5602},[5585,19330,9478],{"class":5613},[5585,19332,5623],{"class":5602},[5585,19334,12885],{"class":5613},[5585,19336,19195],{"class":5602},[5585,19338,7303],{"class":5591},[5585,19340,19341,19343,19345,19347,19349,19351,19353,19355,19357,19359,19361,19363,19365,19367],{"class":5587,"line":6548},[5585,19342,7308],{"class":5606},[5585,19344,5536],{"class":5602},[5585,19346,7313],{"class":5598},[5585,19348,5623],{"class":5602},[5585,19350,12885],{"class":5613},[5585,19352,5980],{"class":5602},[5585,19354,19214],{"class":5654},[5585,19356,5658],{"class":5591},[5585,19358,5607],{"class":5606},[5585,19360,5663],{"class":5591},[5585,19362,5666],{"class":5654},[5585,19364,6114],{"class":5602},[5585,19366,5961],{"class":5606},[5585,19368,7184],{"class":5602},[5585,19370,19371],{"class":5587,"line":6556},[5585,19372,5746],{"emptyLinePlaceholder":5745},[5585,19374,19375,19377,19379,19381,19383,19385,19387,19389,19391,19393,19395,19397,19399,19401],{"class":5587,"line":6562},[5585,19376,7340],{"class":5598},[5585,19378,5687],{"class":5606},[5585,19380,6407],{"class":5602},[5585,19382,5607],{"class":5606},[5585,19384,5610],{"class":5602},[5585,19386,5614],{"class":5613},[5585,19388,5617],{"class":5602},[5585,19390,5620],{"class":5613},[5585,19392,5623],{"class":5602},[5585,19394,9478],{"class":5613},[5585,19396,5623],{"class":5602},[5585,19398,7366],{"class":5613},[5585,19400,19195],{"class":5602},[5585,19402,7303],{"class":5591},[5585,19404,19405,19407,19409,19411,19413,19415,19417,19419,19421,19423,19425,19427],{"class":5587,"line":6567},[5585,19406,7308],{"class":5606},[5585,19408,5536],{"class":5602},[5585,19410,7361],{"class":5598},[5585,19412,5623],{"class":5602},[5585,19414,7366],{"class":5613},[5585,19416,5980],{"class":5602},[5585,19418,19214],{"class":5654},[5585,19420,5658],{"class":5591},[5585,19422,5607],{"class":5606},[5585,19424,5663],{"class":5591},[5585,19426,5666],{"class":5654},[5585,19428,7184],{"class":5602},[5585,19430,19431],{"class":5587,"line":6604},[5585,19432,7385],{"class":5602},[5575,19434,19436],{"className":5577,"code":19435,"language":5580,"meta":5581,"style":5581},"\u002F\u002F src\u002Fcomponents\u002FPostsManager.tsx\nimport { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { postsApi, Post, CreatePostDTO } from \"..\u002Fapi\u002Fposts\";\n\nfunction PostsManager() {\n  const [posts, setPosts] = useState\u003CPost[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [newPost, setNewPost] = useState\u003CCreatePostDTO>({\n    title: \"\",\n    body: \"\",\n    userId: 1,\n  });\n\n  useEffect(() => {\n    loadPosts();\n  }, []);\n\n  async function loadPosts() {\n    try {\n      const { data } = await postsApi.getAll();\n      setPosts(data);\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка завантаження: \" + err.message);\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  }\n\n  async function handleCreate(e: React.FormEvent) {\n    e.preventDefault();\n    if (!newPost.title.trim() || !newPost.body.trim()) return;\n\n    try {\n      const { data } = await postsApi.create(newPost);\n      setPosts([data, ...posts]);\n      setNewPost({ title: \"\", body: \"\", userId: 1 });\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка створення: \" + err.message);\n      }\n    }\n  }\n\n  async function handleDelete(id: number) {\n    if (!confirm(\"Видалити цей пост?\")) return;\n\n    try {\n      await postsApi.delete(id);\n      setPosts(posts.filter((p) => p.id !== id));\n    } catch (err) {\n      if (axios.isAxiosError(err)) {\n        alert(\"Помилка видалення: \" + err.message);\n      }\n    }\n  }\n\n  if (isLoading) return \u003Cp>Завантаження постів...\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"posts-manager\">\n      \u003Ch1>Блог\u003C\u002Fh1>\n\n      \u003Cform onSubmit={handleCreate} className=\"create-form\">\n        \u003Cinput\n          type=\"text\"\n          placeholder=\"Заголовок поста\"\n          value={newPost.title}\n          onChange={(e) => setNewPost({ ...newPost, title: e.target.value })}\n        \u002F>\n        \u003Ctextarea\n          placeholder=\"Вміст поста\"\n          value={newPost.body}\n          onChange={(e) => setNewPost({ ...newPost, body: e.target.value })}\n        \u002F>\n        \u003Cbutton type=\"submit\">Опублікувати\u003C\u002Fbutton>\n      \u003C\u002Fform>\n\n      \u003Cdiv className=\"posts-list\">\n        {posts.map((post) => (\n          \u003Carticle key={post.id} className=\"post-card\">\n            \u003Ch3>{post.title}\u003C\u002Fh3>\n            \u003Cp>{post.body}\u003C\u002Fp>\n            \u003Cbutton onClick={() => handleDelete(post.id)}>Видалити\u003C\u002Fbutton>\n          \u003C\u002Farticle>\n        ))}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default PostsManager;\n",[5491,19437,19438,19443,19463,19475,19500,19504,19513,19536,19558,19582,19591,19600,19609,19613,19617,19627,19634,19638,19642,19653,19659,19679,19690,19702,19720,19739,19743,19751,19761,19765,19769,19773,19795,19805,19841,19845,19851,19875,19889,19917,19929,19947,19965,19969,19973,19977,19981,19999,20018,20022,20028,20044,20077,20089,20107,20125,20129,20133,20137,20141,20170,20174,20180,20195,20212,20216,20241,20247,20255,20264,20280,20323,20327,20334,20343,20359,20401,20405,20428,20436,20440,20455,20475,20505,20529,20553,20593,20601,20607,20615,20623,20627,20631,20635],{"__ignoreMap":5581},[5585,19439,19440],{"class":5587,"line":5588},[5585,19441,19442],{"class":5752},"\u002F\u002F src\u002Fcomponents\u002FPostsManager.tsx\n",[5585,19444,19445,19447,19449,19451,19453,19455,19457,19459,19461],{"class":5587,"line":5632},[5585,19446,5890],{"class":5645},[5585,19448,5958],{"class":5602},[5585,19450,6111],{"class":5606},[5585,19452,6114],{"class":5602},[5585,19454,6117],{"class":5606},[5585,19456,6120],{"class":5602},[5585,19458,6123],{"class":5645},[5585,19460,6126],{"class":5654},[5585,19462,5873],{"class":5602},[5585,19464,19465,19467,19469,19471,19473],{"class":5587,"line":5672},[5585,19466,5890],{"class":5645},[5585,19468,5893],{"class":5606},[5585,19470,5896],{"class":5645},[5585,19472,5899],{"class":5654},[5585,19474,5873],{"class":5602},[5585,19476,19477,19479,19481,19483,19485,19487,19489,19491,19493,19495,19498],{"class":5587,"line":5681},[5585,19478,5890],{"class":5645},[5585,19480,5958],{"class":5602},[5585,19482,7394],{"class":5606},[5585,19484,6114],{"class":5602},[5585,19486,12885],{"class":5606},[5585,19488,6114],{"class":5602},[5585,19490,19243],{"class":5606},[5585,19492,6120],{"class":5602},[5585,19494,6123],{"class":5645},[5585,19496,19497],{"class":5654}," \"..\u002Fapi\u002Fposts\"",[5585,19499,5873],{"class":5602},[5585,19501,19502],{"class":5587,"line":5696},[5585,19503,5746],{"emptyLinePlaceholder":5745},[5585,19505,19506,19508,19511],{"class":5587,"line":5730},[5585,19507,6200],{"class":5591},[5585,19509,19510],{"class":5598}," PostsManager",[5585,19512,6206],{"class":5602},[5585,19514,19515,19517,19519,19521,19523,19526,19528,19530,19532,19534],{"class":5587,"line":5736},[5585,19516,5635],{"class":5591},[5585,19518,6213],{"class":5602},[5585,19520,12870],{"class":5638},[5585,19522,6114],{"class":5602},[5585,19524,19525],{"class":5638},"setPosts",[5585,19527,6224],{"class":5602},[5585,19529,6117],{"class":5598},[5585,19531,5623],{"class":5602},[5585,19533,12885],{"class":5613},[5585,19535,15780],{"class":5602},[5585,19537,19538,19540,19542,19544,19546,19548,19550,19552,19554,19556],{"class":5587,"line":5742},[5585,19539,5635],{"class":5591},[5585,19541,6213],{"class":5602},[5585,19543,6251],{"class":5638},[5585,19545,6114],{"class":5602},[5585,19547,6256],{"class":5638},[5585,19549,6224],{"class":5602},[5585,19551,6117],{"class":5598},[5585,19553,5603],{"class":5602},[5585,19555,6265],{"class":5591},[5585,19557,5819],{"class":5602},[5585,19559,19560,19562,19564,19567,19569,19572,19574,19576,19578,19580],{"class":5587,"line":5749},[5585,19561,5635],{"class":5591},[5585,19563,6213],{"class":5602},[5585,19565,19566],{"class":5638},"newPost",[5585,19568,6114],{"class":5602},[5585,19570,19571],{"class":5638},"setNewPost",[5585,19573,6224],{"class":5602},[5585,19575,6117],{"class":5598},[5585,19577,5623],{"class":5602},[5585,19579,19243],{"class":5613},[5585,19581,8423],{"class":5602},[5585,19583,19584,19587,19589],{"class":5587,"line":5756},[5585,19585,19586],{"class":5606},"    title:",[5585,19588,8431],{"class":5654},[5585,19590,5693],{"class":5602},[5585,19592,19593,19596,19598],{"class":5587,"line":5776},[5585,19594,19595],{"class":5606},"    body:",[5585,19597,8431],{"class":5654},[5585,19599,5693],{"class":5602},[5585,19601,19602,19605,19607],{"class":5587,"line":5822},[5585,19603,19604],{"class":5606},"    userId:",[5585,19606,13964],{"class":6955},[5585,19608,5693],{"class":5602},[5585,19610,19611],{"class":5587,"line":5828},[5585,19612,5739],{"class":5602},[5585,19614,19615],{"class":5587,"line":5833},[5585,19616,5746],{"emptyLinePlaceholder":5745},[5585,19618,19619,19621,19623,19625],{"class":5587,"line":5839},[5585,19620,6308],{"class":5598},[5585,19622,6311],{"class":5602},[5585,19624,6314],{"class":5591},[5585,19626,5678],{"class":5602},[5585,19628,19629,19632],{"class":5587,"line":5865},[5585,19630,19631],{"class":5598},"    loadPosts",[5585,19633,5862],{"class":5602},[5585,19635,19636],{"class":5587,"line":5876},[5585,19637,6559],{"class":5602},[5585,19639,19640],{"class":5587,"line":6331},[5585,19641,5746],{"emptyLinePlaceholder":5745},[5585,19643,19644,19646,19648,19651],{"class":5587,"line":6339},[5585,19645,8542],{"class":5591},[5585,19647,5595],{"class":5591},[5585,19649,19650],{"class":5598}," loadPosts",[5585,19652,6206],{"class":5602},[5585,19654,19655,19657],{"class":5587,"line":6345},[5585,19656,8617],{"class":5645},[5585,19658,5678],{"class":5602},[5585,19660,19661,19663,19665,19667,19669,19671,19673,19675,19677],{"class":5587,"line":6370},[5585,19662,7838],{"class":5591},[5585,19664,5958],{"class":5602},[5585,19666,5961],{"class":5638},[5585,19668,5964],{"class":5602},[5585,19670,5646],{"class":5645},[5585,19672,19117],{"class":5606},[5585,19674,5536],{"class":5602},[5585,19676,10253],{"class":5598},[5585,19678,5862],{"class":5602},[5585,19680,19681,19684,19686,19688],{"class":5587,"line":6376},[5585,19682,19683],{"class":5598},"      setPosts",[5585,19685,5603],{"class":5602},[5585,19687,5961],{"class":5606},[5585,19689,5819],{"class":5602},[5585,19691,19692,19694,19696,19698,19700],{"class":5587,"line":6382},[5585,19693,8107],{"class":5602},[5585,19695,6404],{"class":5645},[5585,19697,6407],{"class":5602},[5585,19699,6410],{"class":5606},[5585,19701,5773],{"class":5602},[5585,19703,19704,19706,19708,19710,19712,19714,19716,19718],{"class":5587,"line":6398},[5585,19705,8702],{"class":5645},[5585,19707,6407],{"class":5602},[5585,19709,6423],{"class":5606},[5585,19711,5536],{"class":5602},[5585,19713,6428],{"class":5598},[5585,19715,5603],{"class":5602},[5585,19717,6410],{"class":5606},[5585,19719,6435],{"class":5602},[5585,19721,19722,19724,19726,19729,19731,19733,19735,19737],{"class":5587,"line":6415},[5585,19723,16235],{"class":5598},[5585,19725,5603],{"class":5602},[5585,19727,19728],{"class":5654},"\"Помилка завантаження: \"",[5585,19730,10111],{"class":5602},[5585,19732,6410],{"class":5606},[5585,19734,5536],{"class":5602},[5585,19736,6465],{"class":5606},[5585,19738,5819],{"class":5602},[5585,19740,19741],{"class":5587,"line":6438},[5585,19742,6534],{"class":5602},[5585,19744,19745,19747,19749],{"class":5587,"line":6444},[5585,19746,8107],{"class":5602},[5585,19748,6513],{"class":5645},[5585,19750,5678],{"class":5602},[5585,19752,19753,19755,19757,19759],{"class":5587,"line":6479},[5585,19754,15908],{"class":5598},[5585,19756,5603],{"class":5602},[5585,19758,6526],{"class":5591},[5585,19760,5819],{"class":5602},[5585,19762,19763],{"class":5587,"line":6490},[5585,19764,6540],{"class":5602},[5585,19766,19767],{"class":5587,"line":6502},[5585,19768,5825],{"class":5602},[5585,19770,19771],{"class":5587,"line":6508},[5585,19772,5746],{"emptyLinePlaceholder":5745},[5585,19774,19775,19777,19779,19781,19783,19785,19787,19789,19791,19793],{"class":5587,"line":6518},[5585,19776,8542],{"class":5591},[5585,19778,5595],{"class":5591},[5585,19780,16048],{"class":5598},[5585,19782,5603],{"class":5602},[5585,19784,8552],{"class":5606},[5585,19786,5610],{"class":5602},[5585,19788,2303],{"class":5613},[5585,19790,5536],{"class":5602},[5585,19792,8561],{"class":5613},[5585,19794,5773],{"class":5602},[5585,19796,19797,19799,19801,19803],{"class":5587,"line":6531},[5585,19798,8568],{"class":5606},[5585,19800,5536],{"class":5602},[5585,19802,8573],{"class":5598},[5585,19804,5862],{"class":5602},[5585,19806,19807,19809,19811,19813,19815,19817,19819,19821,19824,19826,19828,19831,19833,19835,19837,19839],{"class":5587,"line":6537},[5585,19808,7510],{"class":5645},[5585,19810,5762],{"class":5602},[5585,19812,19566],{"class":5606},[5585,19814,5536],{"class":5602},[5585,19816,17055],{"class":5606},[5585,19818,5536],{"class":5602},[5585,19820,16085],{"class":5598},[5585,19822,19823],{"class":5602},"() || !",[5585,19825,19566],{"class":5606},[5585,19827,5536],{"class":5602},[5585,19829,19830],{"class":5606},"body",[5585,19832,5536],{"class":5602},[5585,19834,16085],{"class":5598},[5585,19836,16088],{"class":5602},[5585,19838,6579],{"class":5645},[5585,19840,5873],{"class":5602},[5585,19842,19843],{"class":5587,"line":6543},[5585,19844,5746],{"emptyLinePlaceholder":5745},[5585,19846,19847,19849],{"class":5587,"line":6548},[5585,19848,8617],{"class":5645},[5585,19850,5678],{"class":5602},[5585,19852,19853,19855,19857,19859,19861,19863,19865,19867,19869,19871,19873],{"class":5587,"line":6556},[5585,19854,7838],{"class":5591},[5585,19856,5958],{"class":5602},[5585,19858,5961],{"class":5638},[5585,19860,5964],{"class":5602},[5585,19862,5646],{"class":5645},[5585,19864,19117],{"class":5606},[5585,19866,5536],{"class":5602},[5585,19868,6914],{"class":5598},[5585,19870,5603],{"class":5602},[5585,19872,19566],{"class":5606},[5585,19874,5819],{"class":5602},[5585,19876,19877,19879,19881,19883,19885,19887],{"class":5587,"line":6562},[5585,19878,19683],{"class":5598},[5585,19880,16176],{"class":5602},[5585,19882,5961],{"class":5606},[5585,19884,16181],{"class":5602},[5585,19886,12870],{"class":5606},[5585,19888,10076],{"class":5602},[5585,19890,19891,19894,19896,19899,19901,19903,19906,19908,19910,19913,19915],{"class":5587,"line":6567},[5585,19892,19893],{"class":5598},"      setNewPost",[5585,19895,8655],{"class":5602},[5585,19897,19898],{"class":5606},"title:",[5585,19900,8431],{"class":5654},[5585,19902,6114],{"class":5602},[5585,19904,19905],{"class":5606},"body:",[5585,19907,8431],{"class":5654},[5585,19909,6114],{"class":5602},[5585,19911,19912],{"class":5606},"userId:",[5585,19914,13964],{"class":6955},[5585,19916,16327],{"class":5602},[5585,19918,19919,19921,19923,19925,19927],{"class":5587,"line":6604},[5585,19920,8107],{"class":5602},[5585,19922,6404],{"class":5645},[5585,19924,6407],{"class":5602},[5585,19926,6410],{"class":5606},[5585,19928,5773],{"class":5602},[5585,19930,19931,19933,19935,19937,19939,19941,19943,19945],{"class":5587,"line":6651},[5585,19932,8702],{"class":5645},[5585,19934,6407],{"class":5602},[5585,19936,6423],{"class":5606},[5585,19938,5536],{"class":5602},[5585,19940,6428],{"class":5598},[5585,19942,5603],{"class":5602},[5585,19944,6410],{"class":5606},[5585,19946,6435],{"class":5602},[5585,19948,19949,19951,19953,19955,19957,19959,19961,19963],{"class":5587,"line":6681},[5585,19950,16235],{"class":5598},[5585,19952,5603],{"class":5602},[5585,19954,16240],{"class":5654},[5585,19956,10111],{"class":5602},[5585,19958,6410],{"class":5606},[5585,19960,5536],{"class":5602},[5585,19962,6465],{"class":5606},[5585,19964,5819],{"class":5602},[5585,19966,19967],{"class":5587,"line":6686},[5585,19968,6534],{"class":5602},[5585,19970,19971],{"class":5587,"line":6694},[5585,19972,6540],{"class":5602},[5585,19974,19975],{"class":5587,"line":6713},[5585,19976,5825],{"class":5602},[5585,19978,19979],{"class":5587,"line":6740},[5585,19980,5746],{"emptyLinePlaceholder":5745},[5585,19982,19983,19985,19987,19989,19991,19993,19995,19997],{"class":5587,"line":6769},[5585,19984,8542],{"class":5591},[5585,19986,5595],{"class":5591},[5585,19988,16467],{"class":5598},[5585,19990,5603],{"class":5602},[5585,19992,5607],{"class":5606},[5585,19994,5610],{"class":5602},[5585,19996,5614],{"class":5613},[5585,19998,5773],{"class":5602},[5585,20000,20001,20003,20005,20007,20009,20012,20014,20016],{"class":5587,"line":6798},[5585,20002,7510],{"class":5645},[5585,20004,5762],{"class":5602},[5585,20006,16486],{"class":5598},[5585,20008,5603],{"class":5602},[5585,20010,20011],{"class":5654},"\"Видалити цей пост?\"",[5585,20013,9879],{"class":5602},[5585,20015,6579],{"class":5645},[5585,20017,5873],{"class":5602},[5585,20019,20020],{"class":5587,"line":6808},[5585,20021,5746],{"emptyLinePlaceholder":5745},[5585,20023,20024,20026],{"class":5587,"line":6814},[5585,20025,8617],{"class":5645},[5585,20027,5678],{"class":5602},[5585,20029,20030,20032,20034,20036,20038,20040,20042],{"class":5587,"line":8159},[5585,20031,8624],{"class":5645},[5585,20033,19117],{"class":5606},[5585,20035,5536],{"class":5602},[5585,20037,7361],{"class":5598},[5585,20039,5603],{"class":5602},[5585,20041,5607],{"class":5606},[5585,20043,5819],{"class":5602},[5585,20045,20046,20048,20050,20052,20054,20056,20058,20060,20062,20064,20067,20069,20071,20073,20075],{"class":5587,"line":8183},[5585,20047,19683],{"class":5598},[5585,20049,5603],{"class":5602},[5585,20051,12870],{"class":5606},[5585,20053,5536],{"class":5602},[5585,20055,16536],{"class":5598},[5585,20057,10098],{"class":5602},[5585,20059,5555],{"class":5606},[5585,20061,6576],{"class":5602},[5585,20063,6314],{"class":5591},[5585,20065,20066],{"class":5606}," p",[5585,20068,5536],{"class":5602},[5585,20070,5607],{"class":5606},[5585,20072,16554],{"class":5602},[5585,20074,5607],{"class":5606},[5585,20076,13651],{"class":5602},[5585,20078,20079,20081,20083,20085,20087],{"class":5587,"line":8188},[5585,20080,8107],{"class":5602},[5585,20082,6404],{"class":5645},[5585,20084,6407],{"class":5602},[5585,20086,6410],{"class":5606},[5585,20088,5773],{"class":5602},[5585,20090,20091,20093,20095,20097,20099,20101,20103,20105],{"class":5587,"line":8193},[5585,20092,8702],{"class":5645},[5585,20094,6407],{"class":5602},[5585,20096,6423],{"class":5606},[5585,20098,5536],{"class":5602},[5585,20100,6428],{"class":5598},[5585,20102,5603],{"class":5602},[5585,20104,6410],{"class":5606},[5585,20106,6435],{"class":5602},[5585,20108,20109,20111,20113,20115,20117,20119,20121,20123],{"class":5587,"line":8210},[5585,20110,16235],{"class":5598},[5585,20112,5603],{"class":5602},[5585,20114,16597],{"class":5654},[5585,20116,10111],{"class":5602},[5585,20118,6410],{"class":5606},[5585,20120,5536],{"class":5602},[5585,20122,6465],{"class":5606},[5585,20124,5819],{"class":5602},[5585,20126,20127],{"class":5587,"line":8215},[5585,20128,6534],{"class":5602},[5585,20130,20131],{"class":5587,"line":8959},[5585,20132,6540],{"class":5602},[5585,20134,20135],{"class":5587,"line":8964},[5585,20136,5825],{"class":5602},[5585,20138,20139],{"class":5587,"line":8974},[5585,20140,5746],{"emptyLinePlaceholder":5745},[5585,20142,20143,20145,20147,20149,20151,20153,20155,20157,20159,20162,20164,20166,20168],{"class":5587,"line":8980},[5585,20144,5759],{"class":5645},[5585,20146,6407],{"class":5602},[5585,20148,6251],{"class":5606},[5585,20150,6576],{"class":5602},[5585,20152,6579],{"class":5645},[5585,20154,6583],{"class":6582},[5585,20156,5555],{"class":6586},[5585,20158,6589],{"class":6582},[5585,20160,20161],{"class":5602},"Завантаження постів...",[5585,20163,6595],{"class":6582},[5585,20165,5555],{"class":6586},[5585,20167,6589],{"class":6582},[5585,20169,5873],{"class":5602},[5585,20171,20172],{"class":5587,"line":8989},[5585,20173,5746],{"emptyLinePlaceholder":5745},[5585,20175,20176,20178],{"class":5587,"line":9000},[5585,20177,5868],{"class":5645},[5585,20179,6691],{"class":5602},[5585,20181,20182,20184,20186,20188,20190,20193],{"class":5587,"line":9018},[5585,20183,6697],{"class":6582},[5585,20185,6700],{"class":6586},[5585,20187,6622],{"class":6621},[5585,20189,6625],{"class":5602},[5585,20191,20192],{"class":5654},"\"posts-manager\"",[5585,20194,6710],{"class":6582},[5585,20196,20197,20199,20201,20203,20206,20208,20210],{"class":5587,"line":9068},[5585,20198,6716],{"class":6582},[5585,20200,5472],{"class":6586},[5585,20202,6589],{"class":6582},[5585,20204,20205],{"class":5602},"Блог",[5585,20207,6595],{"class":6582},[5585,20209,5472],{"class":6586},[5585,20211,6710],{"class":6582},[5585,20213,20214],{"class":5587,"line":9074},[5585,20215,5746],{"emptyLinePlaceholder":5745},[5585,20217,20218,20220,20222,20224,20226,20228,20230,20232,20234,20236,20239],{"class":5587,"line":9080},[5585,20219,6716],{"class":6582},[5585,20221,8852],{"class":6586},[5585,20223,8855],{"class":6621},[5585,20225,6625],{"class":5602},[5585,20227,6636],{"class":5591},[5585,20229,16753],{"class":5606},[5585,20231,5663],{"class":5591},[5585,20233,6622],{"class":6621},[5585,20235,6625],{"class":5602},[5585,20237,20238],{"class":5654},"\"create-form\"",[5585,20240,6710],{"class":6582},[5585,20242,20243,20245],{"class":5587,"line":9090},[5585,20244,8983],{"class":6582},[5585,20246,8986],{"class":6586},[5585,20248,20249,20251,20253],{"class":5587,"line":9095},[5585,20250,8992],{"class":6621},[5585,20252,6625],{"class":5602},[5585,20254,8997],{"class":5654},[5585,20256,20257,20259,20261],{"class":5587,"line":9104},[5585,20258,16830],{"class":6621},[5585,20260,6625],{"class":5602},[5585,20262,20263],{"class":5654},"\"Заголовок поста\"\n",[5585,20265,20266,20268,20270,20272,20274,20276,20278],{"class":5587,"line":9110},[5585,20267,9003],{"class":6621},[5585,20269,6625],{"class":5602},[5585,20271,6636],{"class":5591},[5585,20273,19566],{"class":5606},[5585,20275,5536],{"class":5710},[5585,20277,17055],{"class":5606},[5585,20279,5879],{"class":5591},[5585,20281,20282,20284,20286,20288,20290,20292,20294,20296,20299,20301,20303,20305,20307,20309,20311,20313,20315,20317,20319,20321],{"class":5587,"line":9117},[5585,20283,9021],{"class":6621},[5585,20285,6625],{"class":5602},[5585,20287,6636],{"class":5591},[5585,20289,5603],{"class":5710},[5585,20291,8552],{"class":5606},[5585,20293,6576],{"class":5710},[5585,20295,6314],{"class":5591},[5585,20297,20298],{"class":5598}," setNewPost",[5585,20300,8655],{"class":5710},[5585,20302,9041],{"class":5602},[5585,20304,19566],{"class":5606},[5585,20306,6114],{"class":5710},[5585,20308,19898],{"class":5606},[5585,20310,9050],{"class":5606},[5585,20312,5536],{"class":5710},[5585,20314,9055],{"class":5606},[5585,20316,5536],{"class":5710},[5585,20318,9060],{"class":5606},[5585,20320,9063],{"class":5710},[5585,20322,5879],{"class":5591},[5585,20324,20325],{"class":5587,"line":9127},[5585,20326,9077],{"class":6582},[5585,20328,20329,20331],{"class":5587,"line":9144},[5585,20330,8983],{"class":6582},[5585,20332,20333],{"class":6586},"textarea\n",[5585,20335,20336,20338,20340],{"class":5587,"line":9187},[5585,20337,16830],{"class":6621},[5585,20339,6625],{"class":5602},[5585,20341,20342],{"class":5654},"\"Вміст поста\"\n",[5585,20344,20345,20347,20349,20351,20353,20355,20357],{"class":5587,"line":9192},[5585,20346,9003],{"class":6621},[5585,20348,6625],{"class":5602},[5585,20350,6636],{"class":5591},[5585,20352,19566],{"class":5606},[5585,20354,5536],{"class":5710},[5585,20356,19830],{"class":5606},[5585,20358,5879],{"class":5591},[5585,20360,20361,20363,20365,20367,20369,20371,20373,20375,20377,20379,20381,20383,20385,20387,20389,20391,20393,20395,20397,20399],{"class":5587,"line":9197},[5585,20362,9021],{"class":6621},[5585,20364,6625],{"class":5602},[5585,20366,6636],{"class":5591},[5585,20368,5603],{"class":5710},[5585,20370,8552],{"class":5606},[5585,20372,6576],{"class":5710},[5585,20374,6314],{"class":5591},[5585,20376,20298],{"class":5598},[5585,20378,8655],{"class":5710},[5585,20380,9041],{"class":5602},[5585,20382,19566],{"class":5606},[5585,20384,6114],{"class":5710},[5585,20386,19905],{"class":5606},[5585,20388,9050],{"class":5606},[5585,20390,5536],{"class":5710},[5585,20392,9055],{"class":5606},[5585,20394,5536],{"class":5710},[5585,20396,9060],{"class":5606},[5585,20398,9063],{"class":5710},[5585,20400,5879],{"class":5591},[5585,20402,20403],{"class":5587,"line":9206},[5585,20404,9077],{"class":6582},[5585,20406,20407,20409,20411,20413,20415,20417,20419,20422,20424,20426],{"class":5587,"line":9211},[5585,20408,8983],{"class":6582},[5585,20410,9332],{"class":6586},[5585,20412,9335],{"class":6621},[5585,20414,6625],{"class":5602},[5585,20416,9340],{"class":5654},[5585,20418,6589],{"class":6582},[5585,20420,20421],{"class":5602},"Опублікувати",[5585,20423,6595],{"class":6582},[5585,20425,9332],{"class":6586},[5585,20427,6710],{"class":6582},[5585,20429,20430,20432,20434],{"class":5587,"line":9220},[5585,20431,9083],{"class":6582},[5585,20433,8852],{"class":6586},[5585,20435,6710],{"class":6582},[5585,20437,20438],{"class":5587,"line":9226},[5585,20439,5746],{"emptyLinePlaceholder":5745},[5585,20441,20442,20444,20446,20448,20450,20453],{"class":5587,"line":9233},[5585,20443,6716],{"class":6582},[5585,20445,6700],{"class":6586},[5585,20447,6622],{"class":6621},[5585,20449,6625],{"class":5602},[5585,20451,20452],{"class":5654},"\"posts-list\"",[5585,20454,6710],{"class":6582},[5585,20456,20457,20459,20461,20463,20465,20467,20469,20471,20473],{"class":5587,"line":9243},[5585,20458,9359],{"class":5591},[5585,20460,12870],{"class":5606},[5585,20462,5536],{"class":5710},[5585,20464,10445],{"class":5598},[5585,20466,10098],{"class":5710},[5585,20468,7255],{"class":5606},[5585,20470,6576],{"class":5710},[5585,20472,6314],{"class":5591},[5585,20474,6691],{"class":5710},[5585,20476,20477,20479,20482,20484,20486,20488,20490,20492,20494,20496,20498,20500,20503],{"class":5587,"line":9260},[5585,20478,10460],{"class":6582},[5585,20480,20481],{"class":6586},"article",[5585,20483,10465],{"class":6621},[5585,20485,6625],{"class":5602},[5585,20487,6636],{"class":5591},[5585,20489,7255],{"class":5606},[5585,20491,5536],{"class":5710},[5585,20493,5607],{"class":5606},[5585,20495,5663],{"class":5591},[5585,20497,6622],{"class":6621},[5585,20499,6625],{"class":5602},[5585,20501,20502],{"class":5654},"\"post-card\"",[5585,20504,6710],{"class":6582},[5585,20506,20507,20509,20511,20513,20515,20517,20519,20521,20523,20525,20527],{"class":5587,"line":9303},[5585,20508,10484],{"class":6582},[5585,20510,7417],{"class":6586},[5585,20512,6589],{"class":6582},[5585,20514,6636],{"class":5591},[5585,20516,7255],{"class":5606},[5585,20518,5536],{"class":5710},[5585,20520,17055],{"class":5606},[5585,20522,5663],{"class":5591},[5585,20524,6595],{"class":6582},[5585,20526,7417],{"class":6586},[5585,20528,6710],{"class":6582},[5585,20530,20531,20533,20535,20537,20539,20541,20543,20545,20547,20549,20551],{"class":5587,"line":9308},[5585,20532,10484],{"class":6582},[5585,20534,5555],{"class":6586},[5585,20536,6589],{"class":6582},[5585,20538,6636],{"class":5591},[5585,20540,7255],{"class":5606},[5585,20542,5536],{"class":5710},[5585,20544,19830],{"class":5606},[5585,20546,5663],{"class":5591},[5585,20548,6595],{"class":6582},[5585,20550,5555],{"class":6586},[5585,20552,6710],{"class":6582},[5585,20554,20555,20557,20559,20561,20563,20565,20567,20569,20571,20573,20575,20577,20579,20581,20583,20585,20587,20589,20591],{"class":5587,"line":9313},[5585,20556,10484],{"class":6582},[5585,20558,9332],{"class":6586},[5585,20560,10388],{"class":6621},[5585,20562,6625],{"class":5602},[5585,20564,6636],{"class":5591},[5585,20566,17007],{"class":5710},[5585,20568,6314],{"class":5591},[5585,20570,16467],{"class":5598},[5585,20572,5603],{"class":5710},[5585,20574,7255],{"class":5606},[5585,20576,5536],{"class":5710},[5585,20578,5607],{"class":5606},[5585,20580,5721],{"class":5710},[5585,20582,5663],{"class":5591},[5585,20584,6589],{"class":6582},[5585,20586,17099],{"class":5710},[5585,20588,6595],{"class":6582},[5585,20590,9332],{"class":6586},[5585,20592,6710],{"class":6582},[5585,20594,20595,20597,20599],{"class":5587,"line":9322},[5585,20596,10522],{"class":6582},[5585,20598,20481],{"class":6586},[5585,20600,6710],{"class":6582},[5585,20602,20603,20605],{"class":5587,"line":9327},[5585,20604,10531],{"class":5710},[5585,20606,5879],{"class":5591},[5585,20608,20609,20611,20613],{"class":5587,"line":9356},[5585,20610,9083],{"class":6582},[5585,20612,6700],{"class":6586},[5585,20614,6710],{"class":6582},[5585,20616,20617,20619,20621],{"class":5587,"line":9378},[5585,20618,6801],{"class":6582},[5585,20620,6700],{"class":6586},[5585,20622,6710],{"class":6582},[5585,20624,20625],{"class":5587,"line":9387},[5585,20626,6811],{"class":5602},[5585,20628,20629],{"class":5587,"line":9396},[5585,20630,5879],{"class":5602},[5585,20632,20633],{"class":5587,"line":9401},[5585,20634,5746],{"emptyLinePlaceholder":5745},[5585,20636,20637,20639,20641,20643],{"class":5587,"line":16873},[5585,20638,6998],{"class":5645},[5585,20640,7001],{"class":5645},[5585,20642,19510],{"class":5606},[5585,20644,5873],{"class":5602},[5555,20646,20647],{},[5517,20648,20649],{},"Ключові моменти типізації:",[17751,20651,20652,20661,20672],{},[5487,20653,20654,6407,20657,20660],{},[5517,20655,20656],{},"Експліцитні типи повернення",[5491,20658,20659],{},"Promise\u003CAxiosResponse\u003CPost>>",") гарантують, що TypeScript точно знає структуру відповіді.",[5487,20662,20663,20668,20669,20671],{},[5517,20664,20665],{},[5491,20666,20667],{},"Partial\u003CCreatePostDTO>"," у методі ",[5491,20670,16311],{}," дозволяє передавати лише окремі поля для оновлення.",[5487,20673,20674,9414,20677,20679,20680,20683,20684,5536],{},[5517,20675,20676],{},"Type guard",[5491,20678,6823],{}," у компоненті забезпечує безпечний доступ до ",[5491,20681,20682],{},"err.message"," та ",[5491,20685,6839],{},[5547,20687],{},[5550,20689,20691],{"id":20690},"підсумок","Підсумок",[5476,20693,20694,20715],{},[5479,20695,20698],{"icon":20696,"title":20697},"i-lucide-graduation-cap","✅ Опановані навички",[5484,20699,20700,20703,20706,20712],{},[5487,20701,20702],{},"Створення типізованих Axios-інстансів із централізованою конфігурацією",[5487,20704,20705],{},"Використання interceptors для автентифікації та глобальної обробки помилок",[5487,20707,20708,20709,20711],{},"Скасування запитів через ",[5491,20710,5545],{}," при розмонтуванні компонентів",[5487,20713,20714],{},"Типізація запитів, відповідей та помилок через дженерики Axios",[5479,20716,20719,20720,20723],{"icon":20717,"title":20718},"i-lucide-arrow-right","🎯 Наступні кроки","Тепер, коли ви впевнено працюєте з Axios, час перейти до ",[5517,20721,20722],{},"Redux Classic"," (тема 35) — класичного підходу до управління глобальним станом через екшени, редюсери та middleware для асинхронних запитів.",[20725,20726,20727],"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 .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}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 .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 .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .siofk, html code.shiki .siofk{--shiki-light:#EE0000;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sYsli, html code.shiki .sYsli{--shiki-light:#000000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":5581,"searchDepth":5632,"depth":5632,"links":20729},[20730,20731,20732,20733,20737,20738,20739,20740,20741,20742,20746,20747,20748,20749,20750,20751,20752,20753],{"id":5552,"depth":5632,"text":5553},{"id":6017,"depth":5632,"text":6018},{"id":6847,"depth":5632,"text":6848},{"id":7406,"depth":5632,"text":7407,"children":20734},[20735,20736],{"id":7419,"depth":5672,"text":7420},{"id":7633,"depth":5672,"text":7634},{"id":8234,"depth":5632,"text":8235},{"id":9429,"depth":5632,"text":9430},{"id":10574,"depth":5632,"text":10575},{"id":11558,"depth":5632,"text":11559},{"id":11785,"depth":5632,"text":11786},{"id":12760,"depth":5632,"text":12761,"children":20743},[20744,20745],{"id":12771,"depth":5672,"text":12772},{"id":12971,"depth":5672,"text":12972},{"id":13483,"depth":5632,"text":13484},{"id":14215,"depth":5632,"text":14216},{"id":14425,"depth":5632,"text":14426},{"id":15008,"depth":5632,"text":15009},{"id":17219,"depth":5632,"text":17220},{"id":17280,"depth":5632,"text":17281},{"id":17739,"depth":5632,"text":17740},{"id":20690,"depth":5632,"text":20691},"Опанування Axios як альтернативи fetch API: типізовані запити, interceptors, обробка помилок, скасування та кешування запитів у React із TypeScript","md",null,{},{"title":5443,"description":20754},"ZMgVbtqa5gQecVT8GHocP1_sQMuhWiCcen9krqZDQHQ",[20761,20763],{"title":5439,"path":5440,"stem":5441,"description":20762,"children":-1},"Повний довідник альтернативного об'єктного синтаксису React Router v7 через createBrowserRouter: від базових маршрутів до складних вкладених структур, динамічних параметрів, loaders, actions та обробки помилок.",{"title":5447,"path":5448,"stem":5449,"description":20764,"children":-1},"Опанування класичного Redux від основ до інтеграції з React: actions, reducers, store, middleware, react-redux хуки та порівняння з Context API",1794237376321]