[{"data":1,"prerenderedAt":18840},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-redux-toolkit":5466,"-react-typescript-redux-toolkit-surround":18835},[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":5451,"body":5468,"description":18829,"extension":18830,"links":18831,"meta":18832,"navigation":5704,"path":5452,"seo":18833,"stem":5453,"__hash__":18834},"docs\u002F22.react-typescript\u002F36.redux-toolkit.md",{"type":5469,"value":5470,"toc":18806},"minimark",[5471,5475,5563,5566,5571,5575,5625,6470,6493,6495,6499,6563,6566,6592,6594,6598,6614,6619,7082,7103,7107,7251,7284,7286,7290,7305,7424,7427,7915,7929,7931,7935,7938,8636,8809,8822,8824,8828,8847,9693,9734,9738,10241,10382,10384,10388,10399,10819,10825,10827,10831,10838,10988,11268,11270,11274,11280,11732,11735,11960,11970,11972,11976,11984,12165,12295,12305,12307,12311,12314,13523,13965,14823,14825,14829,15031,15041,15043,15047,15117,15119,15123,15693,15695,15699,18753,18755,18759,18802],[5472,5473,5451],"h1",{"id":5474},"redux-toolkit-сучасний-стандарт-redux",[5476,5477,5478,5518],"card-group",{},[5479,5480,5483],"card",{"icon":5481,"title":5482},"i-lucide-target","🎯 Мета теми",[5484,5485,5486,5490,5498,5505,5508],"ul",{},[5487,5488,5489],"li",{},"Зрозуміти, як Redux Toolkit усуває boilerplate класичного Redux.",[5487,5491,5492,5493,5497],{},"Опанувати ",[5494,5495,5496],"code",{},"createSlice"," для автоматичної генерації actions та reducers.",[5487,5499,5500,5501,5504],{},"Навчитися писати асинхронну логіку через ",[5494,5502,5503],{},"createAsyncThunk",".",[5487,5506,5507],{},"Використовувати Immer для «мутабельного» синтаксису без фактичних мутацій.",[5487,5509,5510,5511,5514,5515,5504],{},"Налаштувати типізовані хуки ",[5494,5512,5513],{},"useAppSelector"," та ",[5494,5516,5517],{},"useAppDispatch",[5479,5519,5521],{"icon":4854,"title":5520},"🔑 Ключові терміни",[5484,5522,5523,5530,5536,5546],{},[5487,5524,5525,5529],{},[5526,5527,5528],"strong",{},"Slice:"," логічна частина Redux стану з автоматично згенерованими actions та reducer.",[5487,5531,5532,5535],{},[5526,5533,5534],{},"Immer:"," бібліотека, вбудована у RTK, що дозволяє писати «мутабельний» код, який під капотом створює immutable копії.",[5487,5537,5538,5541,5542,5545],{},[5526,5539,5540],{},"configureStore:"," замінює ",[5494,5543,5544],{},"createStore",", автоматично підключає Redux DevTools та middleware.",[5487,5547,5548,5551,5552,5555,5556,5555,5559,5562],{},[5526,5549,5550],{},"createAsyncThunk:"," утиліта для асинхронних операцій із автоматичною генерацією ",[5494,5553,5554],{},"pending","\u002F",[5494,5557,5558],{},"fulfilled",[5494,5560,5561],{},"rejected"," actions.",[5564,5565],"hr",{},[5567,5568,5570],"h2",{"id":5569},"проблема-класичного-redux-ocean-of-boilerplate","Проблема класичного Redux: ocean of boilerplate",[5572,5573,5574],"p",{},"У попередній темі ми створили Redux-додаток класичним способом. Для простого лічильника довелося написати:",[5576,5577,5578,5588,5594,5604,5610,5616],"ol",{},[5487,5579,5580,5583,5584,5587],{},[5526,5581,5582],{},"Константи типів actions"," (",[5494,5585,5586],{},"const INCREMENT = \"counter\u002Fincrement\"",")",[5487,5589,5590,5593],{},[5526,5591,5592],{},"Action creators"," — функції, що генерують action-об'єкти",[5487,5595,5596,5599,5600,5603],{},[5526,5597,5598],{},"Reducer"," із ",[5494,5601,5602],{},"switch\u002Fcase"," та ручним spread-синтаксисом для immutability",[5487,5605,5606,5609],{},[5526,5607,5608],{},"Типізацію"," discriminated unions для кожного action",[5487,5611,5612,5615],{},[5526,5613,5614],{},"CombineReducers"," для об'єднання reducers",[5487,5617,5618,5621,5622],{},[5526,5619,5620],{},"Middleware"," через ",[5494,5623,5624],{},"applyMiddleware",[5626,5627,5628,6172],"code-group",{},[5629,5630,5636],"pre",{"className":5631,"code":5632,"filename":5633,"language":5634,"meta":5635,"style":5635},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F ❌ Класичний підхід — багато ручної роботи\nconst INCREMENT = \"counter\u002Fincrement\";\nconst DECREMENT = \"counter\u002Fdecrement\";\nconst INCREMENT_BY_AMOUNT = \"counter\u002FincrementByAmount\";\n\ntype CounterAction =\n  | { type: typeof INCREMENT }\n  | { type: typeof DECREMENT }\n  | { type: typeof INCREMENT_BY_AMOUNT; payload: number };\n\nexport const increment = (): CounterAction => ({ type: INCREMENT });\nexport const decrement = (): CounterAction => ({ type: DECREMENT });\nexport const incrementByAmount = (amount: number): CounterAction => ({\n  type: INCREMENT_BY_AMOUNT,\n  payload: amount,\n});\n\ninterface CounterState {\n  value: number;\n}\n\nconst initialState: CounterState = { value: 0 };\n\nfunction counterReducer(state = initialState, action: CounterAction): CounterState {\n  switch (action.type) {\n    case INCREMENT:\n      return { ...state, value: state.value + 1 }; \u002F\u002F Ручний spread\n    case DECREMENT:\n      return { ...state, value: state.value - 1 };\n    case INCREMENT_BY_AMOUNT:\n      return { ...state, value: state.value + action.payload };\n    default:\n      return state;\n  }\n}\n","Класичний Redux — 60+ рядків boilerplate","tsx","",[5494,5637,5638,5647,5669,5684,5699,5706,5719,5739,5754,5781,5786,5820,5844,5874,5885,5896,5902,5907,5919,5931,5937,5942,5967,5972,6008,6025,6036,6071,6080,6106,6115,6144,6152,6161,6167],{"__ignoreMap":5635},[5639,5640,5643],"span",{"class":5641,"line":5642},"line",1,[5639,5644,5646],{"class":5645},"spJ8K","\u002F\u002F ❌ Класичний підхід — багато ручної роботи\n",[5639,5648,5650,5654,5658,5662,5666],{"class":5641,"line":5649},2,[5639,5651,5653],{"class":5652},"su1O8","const",[5639,5655,5657],{"class":5656},"s-QsJ"," INCREMENT",[5639,5659,5661],{"class":5660},"sHH4Y"," = ",[5639,5663,5665],{"class":5664},"sbdoH","\"counter\u002Fincrement\"",[5639,5667,5668],{"class":5660},";\n",[5639,5670,5672,5674,5677,5679,5682],{"class":5641,"line":5671},3,[5639,5673,5653],{"class":5652},[5639,5675,5676],{"class":5656}," DECREMENT",[5639,5678,5661],{"class":5660},[5639,5680,5681],{"class":5664},"\"counter\u002Fdecrement\"",[5639,5683,5668],{"class":5660},[5639,5685,5687,5689,5692,5694,5697],{"class":5641,"line":5686},4,[5639,5688,5653],{"class":5652},[5639,5690,5691],{"class":5656}," INCREMENT_BY_AMOUNT",[5639,5693,5661],{"class":5660},[5639,5695,5696],{"class":5664},"\"counter\u002FincrementByAmount\"",[5639,5698,5668],{"class":5660},[5639,5700,5702],{"class":5641,"line":5701},5,[5639,5703,5705],{"emptyLinePlaceholder":5704},true,"\n",[5639,5707,5709,5712,5716],{"class":5641,"line":5708},6,[5639,5710,5711],{"class":5652},"type",[5639,5713,5715],{"class":5714},"sN1BT"," CounterAction",[5639,5717,5718],{"class":5660}," =\n",[5639,5720,5722,5725,5728,5731,5734,5736],{"class":5641,"line":5721},7,[5639,5723,5724],{"class":5660},"  | { ",[5639,5726,5711],{"class":5727},"siwwj",[5639,5729,5730],{"class":5660},": ",[5639,5732,5733],{"class":5652},"typeof",[5639,5735,5657],{"class":5656},[5639,5737,5738],{"class":5660}," }\n",[5639,5740,5742,5744,5746,5748,5750,5752],{"class":5641,"line":5741},8,[5639,5743,5724],{"class":5660},[5639,5745,5711],{"class":5727},[5639,5747,5730],{"class":5660},[5639,5749,5733],{"class":5652},[5639,5751,5676],{"class":5656},[5639,5753,5738],{"class":5660},[5639,5755,5757,5759,5761,5763,5765,5767,5770,5773,5775,5778],{"class":5641,"line":5756},9,[5639,5758,5724],{"class":5660},[5639,5760,5711],{"class":5727},[5639,5762,5730],{"class":5660},[5639,5764,5733],{"class":5652},[5639,5766,5691],{"class":5656},[5639,5768,5769],{"class":5660},"; ",[5639,5771,5772],{"class":5727},"payload",[5639,5774,5730],{"class":5660},[5639,5776,5777],{"class":5714},"number",[5639,5779,5780],{"class":5660}," };\n",[5639,5782,5784],{"class":5641,"line":5783},10,[5639,5785,5705],{"emptyLinePlaceholder":5704},[5639,5787,5789,5793,5796,5800,5803,5806,5809,5812,5815,5817],{"class":5641,"line":5788},11,[5639,5790,5792],{"class":5791},"s8xlr","export",[5639,5794,5795],{"class":5652}," const",[5639,5797,5799],{"class":5798},"s8Opu"," increment",[5639,5801,5802],{"class":5660}," = (): ",[5639,5804,5805],{"class":5714},"CounterAction",[5639,5807,5808],{"class":5652}," =>",[5639,5810,5811],{"class":5660}," ({ ",[5639,5813,5814],{"class":5727},"type:",[5639,5816,5657],{"class":5656},[5639,5818,5819],{"class":5660}," });\n",[5639,5821,5823,5825,5827,5830,5832,5834,5836,5838,5840,5842],{"class":5641,"line":5822},12,[5639,5824,5792],{"class":5791},[5639,5826,5795],{"class":5652},[5639,5828,5829],{"class":5798}," decrement",[5639,5831,5802],{"class":5660},[5639,5833,5805],{"class":5714},[5639,5835,5808],{"class":5652},[5639,5837,5811],{"class":5660},[5639,5839,5814],{"class":5727},[5639,5841,5676],{"class":5656},[5639,5843,5819],{"class":5660},[5639,5845,5847,5849,5851,5854,5857,5860,5862,5864,5867,5869,5871],{"class":5641,"line":5846},13,[5639,5848,5792],{"class":5791},[5639,5850,5795],{"class":5652},[5639,5852,5853],{"class":5798}," incrementByAmount",[5639,5855,5856],{"class":5660}," = (",[5639,5858,5859],{"class":5727},"amount",[5639,5861,5730],{"class":5660},[5639,5863,5777],{"class":5714},[5639,5865,5866],{"class":5660},"): ",[5639,5868,5805],{"class":5714},[5639,5870,5808],{"class":5652},[5639,5872,5873],{"class":5660}," ({\n",[5639,5875,5877,5880,5882],{"class":5641,"line":5876},14,[5639,5878,5879],{"class":5727},"  type:",[5639,5881,5691],{"class":5656},[5639,5883,5884],{"class":5660},",\n",[5639,5886,5888,5891,5894],{"class":5641,"line":5887},15,[5639,5889,5890],{"class":5727},"  payload:",[5639,5892,5893],{"class":5727}," amount",[5639,5895,5884],{"class":5660},[5639,5897,5899],{"class":5641,"line":5898},16,[5639,5900,5901],{"class":5660},"});\n",[5639,5903,5905],{"class":5641,"line":5904},17,[5639,5906,5705],{"emptyLinePlaceholder":5704},[5639,5908,5910,5913,5916],{"class":5641,"line":5909},18,[5639,5911,5912],{"class":5652},"interface",[5639,5914,5915],{"class":5714}," CounterState",[5639,5917,5918],{"class":5660}," {\n",[5639,5920,5922,5925,5927,5929],{"class":5641,"line":5921},19,[5639,5923,5924],{"class":5727},"  value",[5639,5926,5730],{"class":5660},[5639,5928,5777],{"class":5714},[5639,5930,5668],{"class":5660},[5639,5932,5934],{"class":5641,"line":5933},20,[5639,5935,5936],{"class":5660},"}\n",[5639,5938,5940],{"class":5641,"line":5939},21,[5639,5941,5705],{"emptyLinePlaceholder":5704},[5639,5943,5945,5947,5950,5952,5955,5958,5961,5965],{"class":5641,"line":5944},22,[5639,5946,5653],{"class":5652},[5639,5948,5949],{"class":5656}," initialState",[5639,5951,5730],{"class":5660},[5639,5953,5954],{"class":5714},"CounterState",[5639,5956,5957],{"class":5660}," = { ",[5639,5959,5960],{"class":5727},"value:",[5639,5962,5964],{"class":5963},"sJj4R"," 0",[5639,5966,5780],{"class":5660},[5639,5968,5970],{"class":5641,"line":5969},23,[5639,5971,5705],{"emptyLinePlaceholder":5704},[5639,5973,5975,5978,5981,5984,5987,5989,5992,5995,5998,6000,6002,6004,6006],{"class":5641,"line":5974},24,[5639,5976,5977],{"class":5652},"function",[5639,5979,5980],{"class":5798}," counterReducer",[5639,5982,5983],{"class":5660},"(",[5639,5985,5986],{"class":5727},"state",[5639,5988,5661],{"class":5660},[5639,5990,5991],{"class":5727},"initialState",[5639,5993,5994],{"class":5660},", ",[5639,5996,5997],{"class":5727},"action",[5639,5999,5730],{"class":5660},[5639,6001,5805],{"class":5714},[5639,6003,5866],{"class":5660},[5639,6005,5954],{"class":5714},[5639,6007,5918],{"class":5660},[5639,6009,6011,6014,6016,6018,6020,6022],{"class":5641,"line":6010},25,[5639,6012,6013],{"class":5791},"  switch",[5639,6015,5583],{"class":5660},[5639,6017,5997],{"class":5727},[5639,6019,5504],{"class":5660},[5639,6021,5711],{"class":5727},[5639,6023,6024],{"class":5660},") {\n",[5639,6026,6028,6031,6033],{"class":5641,"line":6027},26,[5639,6029,6030],{"class":5791},"    case",[5639,6032,5657],{"class":5656},[5639,6034,6035],{"class":5660},":\n",[5639,6037,6039,6042,6045,6047,6049,6051,6054,6056,6059,6062,6065,6068],{"class":5641,"line":6038},27,[5639,6040,6041],{"class":5791},"      return",[5639,6043,6044],{"class":5660}," { ...",[5639,6046,5986],{"class":5727},[5639,6048,5994],{"class":5660},[5639,6050,5960],{"class":5727},[5639,6052,6053],{"class":5727}," state",[5639,6055,5504],{"class":5660},[5639,6057,6058],{"class":5727},"value",[5639,6060,6061],{"class":5660}," + ",[5639,6063,6064],{"class":5963},"1",[5639,6066,6067],{"class":5660}," }; ",[5639,6069,6070],{"class":5645},"\u002F\u002F Ручний spread\n",[5639,6072,6074,6076,6078],{"class":5641,"line":6073},28,[5639,6075,6030],{"class":5791},[5639,6077,5676],{"class":5656},[5639,6079,6035],{"class":5660},[5639,6081,6083,6085,6087,6089,6091,6093,6095,6097,6099,6102,6104],{"class":5641,"line":6082},29,[5639,6084,6041],{"class":5791},[5639,6086,6044],{"class":5660},[5639,6088,5986],{"class":5727},[5639,6090,5994],{"class":5660},[5639,6092,5960],{"class":5727},[5639,6094,6053],{"class":5727},[5639,6096,5504],{"class":5660},[5639,6098,6058],{"class":5727},[5639,6100,6101],{"class":5660}," - ",[5639,6103,6064],{"class":5963},[5639,6105,5780],{"class":5660},[5639,6107,6109,6111,6113],{"class":5641,"line":6108},30,[5639,6110,6030],{"class":5791},[5639,6112,5691],{"class":5656},[5639,6114,6035],{"class":5660},[5639,6116,6118,6120,6122,6124,6126,6128,6130,6132,6134,6136,6138,6140,6142],{"class":5641,"line":6117},31,[5639,6119,6041],{"class":5791},[5639,6121,6044],{"class":5660},[5639,6123,5986],{"class":5727},[5639,6125,5994],{"class":5660},[5639,6127,5960],{"class":5727},[5639,6129,6053],{"class":5727},[5639,6131,5504],{"class":5660},[5639,6133,6058],{"class":5727},[5639,6135,6061],{"class":5660},[5639,6137,5997],{"class":5727},[5639,6139,5504],{"class":5660},[5639,6141,5772],{"class":5727},[5639,6143,5780],{"class":5660},[5639,6145,6147,6150],{"class":5641,"line":6146},32,[5639,6148,6149],{"class":5791},"    default",[5639,6151,6035],{"class":5660},[5639,6153,6155,6157,6159],{"class":5641,"line":6154},33,[5639,6156,6041],{"class":5791},[5639,6158,6053],{"class":5727},[5639,6160,5668],{"class":5660},[5639,6162,6164],{"class":5641,"line":6163},34,[5639,6165,6166],{"class":5660},"  }\n",[5639,6168,6170],{"class":5641,"line":6169},35,[5639,6171,5936],{"class":5660},[5629,6173,6176],{"className":5631,"code":6174,"filename":6175,"language":5634,"meta":5635,"style":5635},"\u002F\u002F ✅ Redux Toolkit — усе генерується автоматично\nimport { createSlice, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\n\ninterface CounterState {\n  value: number;\n}\n\nconst counterSlice = createSlice({\n  name: \"counter\",\n  initialState: { value: 0 } as CounterState,\n  reducers: {\n    increment(state) {\n      state.value += 1; \u002F\u002F Виглядає як мутація, але це безпечно!\n    },\n    decrement(state) {\n      state.value -= 1;\n    },\n    incrementByAmount(state, action: PayloadAction\u003Cnumber>) {\n      state.value += action.payload;\n    },\n  },\n});\n\n\u002F\u002F Actions генеруються автоматично: counterSlice.actions.increment()\nexport const { increment, decrement, incrementByAmount } = counterSlice.actions;\nexport default counterSlice.reducer;\n","Redux Toolkit — 15 рядків без boilerplate",[5494,6177,6178,6183,6209,6213,6221,6231,6235,6239,6253,6263,6283,6290,6301,6320,6325,6336,6351,6355,6380,6398,6402,6407,6411,6415,6420,6454],{"__ignoreMap":5635},[5639,6179,6180],{"class":5641,"line":5642},[5639,6181,6182],{"class":5645},"\u002F\u002F ✅ Redux Toolkit — усе генерується автоматично\n",[5639,6184,6185,6188,6191,6193,6195,6198,6201,6204,6207],{"class":5641,"line":5649},[5639,6186,6187],{"class":5791},"import",[5639,6189,6190],{"class":5660}," { ",[5639,6192,5496],{"class":5727},[5639,6194,5994],{"class":5660},[5639,6196,6197],{"class":5727},"PayloadAction",[5639,6199,6200],{"class":5660}," } ",[5639,6202,6203],{"class":5791},"from",[5639,6205,6206],{"class":5664}," \"@reduxjs\u002Ftoolkit\"",[5639,6208,5668],{"class":5660},[5639,6210,6211],{"class":5641,"line":5671},[5639,6212,5705],{"emptyLinePlaceholder":5704},[5639,6214,6215,6217,6219],{"class":5641,"line":5686},[5639,6216,5912],{"class":5652},[5639,6218,5915],{"class":5714},[5639,6220,5918],{"class":5660},[5639,6222,6223,6225,6227,6229],{"class":5641,"line":5701},[5639,6224,5924],{"class":5727},[5639,6226,5730],{"class":5660},[5639,6228,5777],{"class":5714},[5639,6230,5668],{"class":5660},[5639,6232,6233],{"class":5641,"line":5708},[5639,6234,5936],{"class":5660},[5639,6236,6237],{"class":5641,"line":5721},[5639,6238,5705],{"emptyLinePlaceholder":5704},[5639,6240,6241,6243,6246,6248,6250],{"class":5641,"line":5741},[5639,6242,5653],{"class":5652},[5639,6244,6245],{"class":5656}," counterSlice",[5639,6247,5661],{"class":5660},[5639,6249,5496],{"class":5798},[5639,6251,6252],{"class":5660},"({\n",[5639,6254,6255,6258,6261],{"class":5641,"line":5756},[5639,6256,6257],{"class":5727},"  name:",[5639,6259,6260],{"class":5664}," \"counter\"",[5639,6262,5884],{"class":5660},[5639,6264,6265,6268,6270,6272,6274,6276,6279,6281],{"class":5641,"line":5783},[5639,6266,6267],{"class":5727},"  initialState:",[5639,6269,6190],{"class":5660},[5639,6271,5960],{"class":5727},[5639,6273,5964],{"class":5963},[5639,6275,6200],{"class":5660},[5639,6277,6278],{"class":5791},"as",[5639,6280,5915],{"class":5714},[5639,6282,5884],{"class":5660},[5639,6284,6285,6288],{"class":5641,"line":5788},[5639,6286,6287],{"class":5727},"  reducers:",[5639,6289,5918],{"class":5660},[5639,6291,6292,6295,6297,6299],{"class":5641,"line":5822},[5639,6293,6294],{"class":5798},"    increment",[5639,6296,5983],{"class":5660},[5639,6298,5986],{"class":5727},[5639,6300,6024],{"class":5660},[5639,6302,6303,6306,6308,6310,6313,6315,6317],{"class":5641,"line":5846},[5639,6304,6305],{"class":5727},"      state",[5639,6307,5504],{"class":5660},[5639,6309,6058],{"class":5727},[5639,6311,6312],{"class":5660}," += ",[5639,6314,6064],{"class":5963},[5639,6316,5769],{"class":5660},[5639,6318,6319],{"class":5645},"\u002F\u002F Виглядає як мутація, але це безпечно!\n",[5639,6321,6322],{"class":5641,"line":5876},[5639,6323,6324],{"class":5660},"    },\n",[5639,6326,6327,6330,6332,6334],{"class":5641,"line":5887},[5639,6328,6329],{"class":5798},"    decrement",[5639,6331,5983],{"class":5660},[5639,6333,5986],{"class":5727},[5639,6335,6024],{"class":5660},[5639,6337,6338,6340,6342,6344,6347,6349],{"class":5641,"line":5898},[5639,6339,6305],{"class":5727},[5639,6341,5504],{"class":5660},[5639,6343,6058],{"class":5727},[5639,6345,6346],{"class":5660}," -= ",[5639,6348,6064],{"class":5963},[5639,6350,5668],{"class":5660},[5639,6352,6353],{"class":5641,"line":5904},[5639,6354,6324],{"class":5660},[5639,6356,6357,6360,6362,6364,6366,6368,6370,6372,6375,6377],{"class":5641,"line":5909},[5639,6358,6359],{"class":5798},"    incrementByAmount",[5639,6361,5983],{"class":5660},[5639,6363,5986],{"class":5727},[5639,6365,5994],{"class":5660},[5639,6367,5997],{"class":5727},[5639,6369,5730],{"class":5660},[5639,6371,6197],{"class":5714},[5639,6373,6374],{"class":5660},"\u003C",[5639,6376,5777],{"class":5714},[5639,6378,6379],{"class":5660},">) {\n",[5639,6381,6382,6384,6386,6388,6390,6392,6394,6396],{"class":5641,"line":5921},[5639,6383,6305],{"class":5727},[5639,6385,5504],{"class":5660},[5639,6387,6058],{"class":5727},[5639,6389,6312],{"class":5660},[5639,6391,5997],{"class":5727},[5639,6393,5504],{"class":5660},[5639,6395,5772],{"class":5727},[5639,6397,5668],{"class":5660},[5639,6399,6400],{"class":5641,"line":5933},[5639,6401,6324],{"class":5660},[5639,6403,6404],{"class":5641,"line":5939},[5639,6405,6406],{"class":5660},"  },\n",[5639,6408,6409],{"class":5641,"line":5944},[5639,6410,5901],{"class":5660},[5639,6412,6413],{"class":5641,"line":5969},[5639,6414,5705],{"emptyLinePlaceholder":5704},[5639,6416,6417],{"class":5641,"line":5974},[5639,6418,6419],{"class":5645},"\u002F\u002F Actions генеруються автоматично: counterSlice.actions.increment()\n",[5639,6421,6422,6424,6426,6428,6431,6433,6436,6438,6441,6444,6447,6449,6452],{"class":5641,"line":6010},[5639,6423,5792],{"class":5791},[5639,6425,5795],{"class":5652},[5639,6427,6190],{"class":5660},[5639,6429,6430],{"class":5656},"increment",[5639,6432,5994],{"class":5660},[5639,6434,6435],{"class":5656},"decrement",[5639,6437,5994],{"class":5660},[5639,6439,6440],{"class":5656},"incrementByAmount",[5639,6442,6443],{"class":5660}," } = ",[5639,6445,6446],{"class":5727},"counterSlice",[5639,6448,5504],{"class":5660},[5639,6450,6451],{"class":5727},"actions",[5639,6453,5668],{"class":5660},[5639,6455,6456,6458,6461,6463,6465,6468],{"class":5641,"line":6027},[5639,6457,5792],{"class":5791},[5639,6459,6460],{"class":5791}," default",[5639,6462,6245],{"class":5727},[5639,6464,5504],{"class":5660},[5639,6466,6467],{"class":5727},"reducer",[5639,6469,5668],{"class":5660},[6471,6472,6473,6478,6486],"tip",{},[5572,6474,6475],{},[5526,6476,6477],{},"Порівняння обсягу коду:",[5484,6479,6480,6483],{},[5487,6481,6482],{},"Класичний Redux для одного reducer: ~70–100 рядків (actions, types, reducer, immutable updates).",[5487,6484,6485],{},"Redux Toolkit для одного slice: ~15–20 рядків (reducer-методи з «мутабельним» синтаксисом).",[5572,6487,6488,6489,6492],{},"У проєкті з 10 сутностями різниця становить ",[5526,6490,6491],{},"700+ рядків boilerplate",", які RTK генерує автоматично.",[5564,6494],{},[5567,6496,6498],{"id":6497},"встановлення-та-налаштування-redux-toolkit","Встановлення та налаштування Redux Toolkit",[6500,6501,6502,6526,6545],"tabs",{},[6503,6504,6506],"tabs-item",{"label":6505},"npm",[5629,6507,6511],{"className":6508,"code":6509,"language":6510,"meta":5635,"style":5635},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install @reduxjs\u002Ftoolkit react-redux\n","bash",[5494,6512,6513],{"__ignoreMap":5635},[5639,6514,6515,6517,6520,6523],{"class":5641,"line":5642},[5639,6516,6505],{"class":5798},[5639,6518,6519],{"class":5664}," install",[5639,6521,6522],{"class":5664}," @reduxjs\u002Ftoolkit",[5639,6524,6525],{"class":5664}," react-redux\n",[6503,6527,6529],{"label":6528},"pnpm",[5629,6530,6532],{"className":6508,"code":6531,"language":6510,"meta":5635,"style":5635},"pnpm add @reduxjs\u002Ftoolkit react-redux\n",[5494,6533,6534],{"__ignoreMap":5635},[5639,6535,6536,6538,6541,6543],{"class":5641,"line":5642},[5639,6537,6528],{"class":5798},[5639,6539,6540],{"class":5664}," add",[5639,6542,6522],{"class":5664},[5639,6544,6525],{"class":5664},[6503,6546,6548],{"label":6547},"yarn",[5629,6549,6551],{"className":6508,"code":6550,"language":6510,"meta":5635,"style":5635},"yarn add @reduxjs\u002Ftoolkit react-redux\n",[5494,6552,6553],{"__ignoreMap":5635},[5639,6554,6555,6557,6559,6561],{"class":5641,"line":5642},[5639,6556,6547],{"class":5798},[5639,6558,6540],{"class":5664},[5639,6560,6522],{"class":5664},[5639,6562,6525],{"class":5664},[5572,6564,6565],{},"Redux Toolkit включає:",[5484,6567,6568,6574,6580,6586],{},[5487,6569,6570,6573],{},[5494,6571,6572],{},"redux"," (ядро Redux)",[5487,6575,6576,6579],{},[5494,6577,6578],{},"immer"," (immutable updates через «мутабельний» синтаксис)",[5487,6581,6582,6585],{},[5494,6583,6584],{},"redux-thunk"," (middleware для async logic)",[5487,6587,6588,6591],{},[5494,6589,6590],{},"reselect"," (мемоїзовані селектори)",[5564,6593],{},[5567,6595,6597],{"id":6596},"createslice-автоматична-генерація-actions-та-reducer","createSlice: автоматична генерація actions та reducer",[5572,6599,6600,5583,6603,6607,6608,6610,6611,5504],{},[5526,6601,6602],{},"Slice",[6604,6605,6606],"em",{},"зріз",") — це логічна частина Redux стану, яка містить початковий стан, reducer-функції та автоматично згенеровані action creators. ",[5494,6609,5496],{}," замінює всю тріаду ",[5494,6612,6613],{},"actionTypes → actionCreators → reducer",[6615,6616,6618],"h3",{"id":6617},"базовий-приклад-лічильник","Базовий приклад: лічильник",[5629,6620,6622],{"className":5631,"code":6621,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FcounterSlice.ts\nimport { createSlice, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\n\ninterface CounterState {\n  value: number;\n  history: number[];\n}\n\nconst initialState: CounterState = {\n  value: 0,\n  history: [],\n};\n\nconst counterSlice = createSlice({\n  name: \"counter\", \u002F\u002F Префікс для типів actions: counter\u002Fincrement\n\n  initialState,\n\n  reducers: {\n    \u002F\u002F Кожен метод стає action creator + case у reducer\n    increment(state) {\n      state.value += 1; \u002F\u002F Immer перетворює це на immutable update\n      state.history.push(state.value);\n    },\n\n    decrement(state) {\n      state.value -= 1;\n      state.history.push(state.value);\n    },\n\n    incrementByAmount(state, action: PayloadAction\u003Cnumber>) {\n      \u002F\u002F PayloadAction\u003CT> типізує action.payload\n      state.value += action.payload;\n      state.history.push(state.value);\n    },\n\n    reset(state) {\n      \u002F\u002F Можна повернути новий стан або мутувати поточний\n      return initialState;\n    },\n  },\n});\n\n\u002F\u002F Експортуємо згенеровані action creators\nexport const { increment, decrement, incrementByAmount, reset } = counterSlice.actions;\n\n\u002F\u002F Експортуємо reducer для підключення до store\nexport default counterSlice.reducer;\n",[5494,6623,6624,6629,6649,6653,6661,6671,6683,6687,6691,6704,6713,6721,6726,6730,6742,6753,6757,6764,6768,6774,6779,6789,6806,6831,6835,6839,6849,6863,6885,6889,6893,6915,6920,6938,6960,6964,6969,6981,6987,6996,7001,7006,7011,7016,7022,7056,7061,7067],{"__ignoreMap":5635},[5639,6625,6626],{"class":5641,"line":5642},[5639,6627,6628],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FcounterSlice.ts\n",[5639,6630,6631,6633,6635,6637,6639,6641,6643,6645,6647],{"class":5641,"line":5649},[5639,6632,6187],{"class":5791},[5639,6634,6190],{"class":5660},[5639,6636,5496],{"class":5727},[5639,6638,5994],{"class":5660},[5639,6640,6197],{"class":5727},[5639,6642,6200],{"class":5660},[5639,6644,6203],{"class":5791},[5639,6646,6206],{"class":5664},[5639,6648,5668],{"class":5660},[5639,6650,6651],{"class":5641,"line":5671},[5639,6652,5705],{"emptyLinePlaceholder":5704},[5639,6654,6655,6657,6659],{"class":5641,"line":5686},[5639,6656,5912],{"class":5652},[5639,6658,5915],{"class":5714},[5639,6660,5918],{"class":5660},[5639,6662,6663,6665,6667,6669],{"class":5641,"line":5701},[5639,6664,5924],{"class":5727},[5639,6666,5730],{"class":5660},[5639,6668,5777],{"class":5714},[5639,6670,5668],{"class":5660},[5639,6672,6673,6676,6678,6680],{"class":5641,"line":5708},[5639,6674,6675],{"class":5727},"  history",[5639,6677,5730],{"class":5660},[5639,6679,5777],{"class":5714},[5639,6681,6682],{"class":5660},"[];\n",[5639,6684,6685],{"class":5641,"line":5721},[5639,6686,5936],{"class":5660},[5639,6688,6689],{"class":5641,"line":5741},[5639,6690,5705],{"emptyLinePlaceholder":5704},[5639,6692,6693,6695,6697,6699,6701],{"class":5641,"line":5756},[5639,6694,5653],{"class":5652},[5639,6696,5949],{"class":5656},[5639,6698,5730],{"class":5660},[5639,6700,5954],{"class":5714},[5639,6702,6703],{"class":5660}," = {\n",[5639,6705,6706,6709,6711],{"class":5641,"line":5783},[5639,6707,6708],{"class":5727},"  value:",[5639,6710,5964],{"class":5963},[5639,6712,5884],{"class":5660},[5639,6714,6715,6718],{"class":5641,"line":5788},[5639,6716,6717],{"class":5727},"  history:",[5639,6719,6720],{"class":5660}," [],\n",[5639,6722,6723],{"class":5641,"line":5822},[5639,6724,6725],{"class":5660},"};\n",[5639,6727,6728],{"class":5641,"line":5846},[5639,6729,5705],{"emptyLinePlaceholder":5704},[5639,6731,6732,6734,6736,6738,6740],{"class":5641,"line":5876},[5639,6733,5653],{"class":5652},[5639,6735,6245],{"class":5656},[5639,6737,5661],{"class":5660},[5639,6739,5496],{"class":5798},[5639,6741,6252],{"class":5660},[5639,6743,6744,6746,6748,6750],{"class":5641,"line":5887},[5639,6745,6257],{"class":5727},[5639,6747,6260],{"class":5664},[5639,6749,5994],{"class":5660},[5639,6751,6752],{"class":5645},"\u002F\u002F Префікс для типів actions: counter\u002Fincrement\n",[5639,6754,6755],{"class":5641,"line":5898},[5639,6756,5705],{"emptyLinePlaceholder":5704},[5639,6758,6759,6762],{"class":5641,"line":5904},[5639,6760,6761],{"class":5727},"  initialState",[5639,6763,5884],{"class":5660},[5639,6765,6766],{"class":5641,"line":5909},[5639,6767,5705],{"emptyLinePlaceholder":5704},[5639,6769,6770,6772],{"class":5641,"line":5921},[5639,6771,6287],{"class":5727},[5639,6773,5918],{"class":5660},[5639,6775,6776],{"class":5641,"line":5933},[5639,6777,6778],{"class":5645},"    \u002F\u002F Кожен метод стає action creator + case у reducer\n",[5639,6780,6781,6783,6785,6787],{"class":5641,"line":5939},[5639,6782,6294],{"class":5798},[5639,6784,5983],{"class":5660},[5639,6786,5986],{"class":5727},[5639,6788,6024],{"class":5660},[5639,6790,6791,6793,6795,6797,6799,6801,6803],{"class":5641,"line":5944},[5639,6792,6305],{"class":5727},[5639,6794,5504],{"class":5660},[5639,6796,6058],{"class":5727},[5639,6798,6312],{"class":5660},[5639,6800,6064],{"class":5963},[5639,6802,5769],{"class":5660},[5639,6804,6805],{"class":5645},"\u002F\u002F Immer перетворює це на immutable update\n",[5639,6807,6808,6810,6812,6815,6817,6820,6822,6824,6826,6828],{"class":5641,"line":5969},[5639,6809,6305],{"class":5727},[5639,6811,5504],{"class":5660},[5639,6813,6814],{"class":5727},"history",[5639,6816,5504],{"class":5660},[5639,6818,6819],{"class":5798},"push",[5639,6821,5983],{"class":5660},[5639,6823,5986],{"class":5727},[5639,6825,5504],{"class":5660},[5639,6827,6058],{"class":5727},[5639,6829,6830],{"class":5660},");\n",[5639,6832,6833],{"class":5641,"line":5974},[5639,6834,6324],{"class":5660},[5639,6836,6837],{"class":5641,"line":6010},[5639,6838,5705],{"emptyLinePlaceholder":5704},[5639,6840,6841,6843,6845,6847],{"class":5641,"line":6027},[5639,6842,6329],{"class":5798},[5639,6844,5983],{"class":5660},[5639,6846,5986],{"class":5727},[5639,6848,6024],{"class":5660},[5639,6850,6851,6853,6855,6857,6859,6861],{"class":5641,"line":6038},[5639,6852,6305],{"class":5727},[5639,6854,5504],{"class":5660},[5639,6856,6058],{"class":5727},[5639,6858,6346],{"class":5660},[5639,6860,6064],{"class":5963},[5639,6862,5668],{"class":5660},[5639,6864,6865,6867,6869,6871,6873,6875,6877,6879,6881,6883],{"class":5641,"line":6073},[5639,6866,6305],{"class":5727},[5639,6868,5504],{"class":5660},[5639,6870,6814],{"class":5727},[5639,6872,5504],{"class":5660},[5639,6874,6819],{"class":5798},[5639,6876,5983],{"class":5660},[5639,6878,5986],{"class":5727},[5639,6880,5504],{"class":5660},[5639,6882,6058],{"class":5727},[5639,6884,6830],{"class":5660},[5639,6886,6887],{"class":5641,"line":6082},[5639,6888,6324],{"class":5660},[5639,6890,6891],{"class":5641,"line":6108},[5639,6892,5705],{"emptyLinePlaceholder":5704},[5639,6894,6895,6897,6899,6901,6903,6905,6907,6909,6911,6913],{"class":5641,"line":6117},[5639,6896,6359],{"class":5798},[5639,6898,5983],{"class":5660},[5639,6900,5986],{"class":5727},[5639,6902,5994],{"class":5660},[5639,6904,5997],{"class":5727},[5639,6906,5730],{"class":5660},[5639,6908,6197],{"class":5714},[5639,6910,6374],{"class":5660},[5639,6912,5777],{"class":5714},[5639,6914,6379],{"class":5660},[5639,6916,6917],{"class":5641,"line":6146},[5639,6918,6919],{"class":5645},"      \u002F\u002F PayloadAction\u003CT> типізує action.payload\n",[5639,6921,6922,6924,6926,6928,6930,6932,6934,6936],{"class":5641,"line":6154},[5639,6923,6305],{"class":5727},[5639,6925,5504],{"class":5660},[5639,6927,6058],{"class":5727},[5639,6929,6312],{"class":5660},[5639,6931,5997],{"class":5727},[5639,6933,5504],{"class":5660},[5639,6935,5772],{"class":5727},[5639,6937,5668],{"class":5660},[5639,6939,6940,6942,6944,6946,6948,6950,6952,6954,6956,6958],{"class":5641,"line":6163},[5639,6941,6305],{"class":5727},[5639,6943,5504],{"class":5660},[5639,6945,6814],{"class":5727},[5639,6947,5504],{"class":5660},[5639,6949,6819],{"class":5798},[5639,6951,5983],{"class":5660},[5639,6953,5986],{"class":5727},[5639,6955,5504],{"class":5660},[5639,6957,6058],{"class":5727},[5639,6959,6830],{"class":5660},[5639,6961,6962],{"class":5641,"line":6169},[5639,6963,6324],{"class":5660},[5639,6965,6967],{"class":5641,"line":6966},36,[5639,6968,5705],{"emptyLinePlaceholder":5704},[5639,6970,6972,6975,6977,6979],{"class":5641,"line":6971},37,[5639,6973,6974],{"class":5798},"    reset",[5639,6976,5983],{"class":5660},[5639,6978,5986],{"class":5727},[5639,6980,6024],{"class":5660},[5639,6982,6984],{"class":5641,"line":6983},38,[5639,6985,6986],{"class":5645},"      \u002F\u002F Можна повернути новий стан або мутувати поточний\n",[5639,6988,6990,6992,6994],{"class":5641,"line":6989},39,[5639,6991,6041],{"class":5791},[5639,6993,5949],{"class":5727},[5639,6995,5668],{"class":5660},[5639,6997,6999],{"class":5641,"line":6998},40,[5639,7000,6324],{"class":5660},[5639,7002,7004],{"class":5641,"line":7003},41,[5639,7005,6406],{"class":5660},[5639,7007,7009],{"class":5641,"line":7008},42,[5639,7010,5901],{"class":5660},[5639,7012,7014],{"class":5641,"line":7013},43,[5639,7015,5705],{"emptyLinePlaceholder":5704},[5639,7017,7019],{"class":5641,"line":7018},44,[5639,7020,7021],{"class":5645},"\u002F\u002F Експортуємо згенеровані action creators\n",[5639,7023,7025,7027,7029,7031,7033,7035,7037,7039,7041,7043,7046,7048,7050,7052,7054],{"class":5641,"line":7024},45,[5639,7026,5792],{"class":5791},[5639,7028,5795],{"class":5652},[5639,7030,6190],{"class":5660},[5639,7032,6430],{"class":5656},[5639,7034,5994],{"class":5660},[5639,7036,6435],{"class":5656},[5639,7038,5994],{"class":5660},[5639,7040,6440],{"class":5656},[5639,7042,5994],{"class":5660},[5639,7044,7045],{"class":5656},"reset",[5639,7047,6443],{"class":5660},[5639,7049,6446],{"class":5727},[5639,7051,5504],{"class":5660},[5639,7053,6451],{"class":5727},[5639,7055,5668],{"class":5660},[5639,7057,7059],{"class":5641,"line":7058},46,[5639,7060,5705],{"emptyLinePlaceholder":5704},[5639,7062,7064],{"class":5641,"line":7063},47,[5639,7065,7066],{"class":5645},"\u002F\u002F Експортуємо reducer для підключення до store\n",[5639,7068,7070,7072,7074,7076,7078,7080],{"class":5641,"line":7069},48,[5639,7071,5792],{"class":5791},[5639,7073,6460],{"class":5791},[5639,7075,6245],{"class":5727},[5639,7077,5504],{"class":5660},[5639,7079,6467],{"class":5727},[5639,7081,5668],{"class":5660},[7083,7084,7085,7088,7089,5994,7092,7095,7096,7099,7100,7102],"note",{},[5526,7086,7087],{},"Як працює «мутабельний» синтаксис?","\nImmer перехоплює всі операції зміни стану (",[5494,7090,7091],{},"state.value += 1",[5494,7093,7094],{},"state.history.push(...)",") та записує їх як «рецепт змін». Після завершення функції Immer створює ",[5526,7097,7098],{},"новий immutable об'єкт"," із застосованими змінами. Оригінальний ",[5494,7101,5986],{}," залишається незмінним — це pure function, як вимагає Redux.",[6615,7104,7106],{"id":7105},"налаштування-store-через-configurestore","Налаштування store через configureStore",[5629,7108,7110],{"className":5631,"code":7109,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Findex.ts\nimport { configureStore } from \"@reduxjs\u002Ftoolkit\";\nimport counterReducer from \".\u002Fslices\u002FcounterSlice\";\n\nexport const store = configureStore({\n  reducer: {\n    counter: counterReducer,\n  },\n});\n\n\u002F\u002F Виведення типів для useSelector та useDispatch\nexport type RootState = ReturnType\u003Ctypeof store.getState>;\nexport type AppDispatch = typeof store.dispatch;\n",[5494,7111,7112,7117,7134,7148,7152,7167,7174,7183,7187,7191,7195,7200,7229],{"__ignoreMap":5635},[5639,7113,7114],{"class":5641,"line":5642},[5639,7115,7116],{"class":5645},"\u002F\u002F src\u002Fstore\u002Findex.ts\n",[5639,7118,7119,7121,7123,7126,7128,7130,7132],{"class":5641,"line":5649},[5639,7120,6187],{"class":5791},[5639,7122,6190],{"class":5660},[5639,7124,7125],{"class":5727},"configureStore",[5639,7127,6200],{"class":5660},[5639,7129,6203],{"class":5791},[5639,7131,6206],{"class":5664},[5639,7133,5668],{"class":5660},[5639,7135,7136,7138,7140,7143,7146],{"class":5641,"line":5671},[5639,7137,6187],{"class":5791},[5639,7139,5980],{"class":5727},[5639,7141,7142],{"class":5791}," from",[5639,7144,7145],{"class":5664}," \".\u002Fslices\u002FcounterSlice\"",[5639,7147,5668],{"class":5660},[5639,7149,7150],{"class":5641,"line":5686},[5639,7151,5705],{"emptyLinePlaceholder":5704},[5639,7153,7154,7156,7158,7161,7163,7165],{"class":5641,"line":5701},[5639,7155,5792],{"class":5791},[5639,7157,5795],{"class":5652},[5639,7159,7160],{"class":5656}," store",[5639,7162,5661],{"class":5660},[5639,7164,7125],{"class":5798},[5639,7166,6252],{"class":5660},[5639,7168,7169,7172],{"class":5641,"line":5708},[5639,7170,7171],{"class":5727},"  reducer:",[5639,7173,5918],{"class":5660},[5639,7175,7176,7179,7181],{"class":5641,"line":5721},[5639,7177,7178],{"class":5727},"    counter:",[5639,7180,5980],{"class":5727},[5639,7182,5884],{"class":5660},[5639,7184,7185],{"class":5641,"line":5741},[5639,7186,6406],{"class":5660},[5639,7188,7189],{"class":5641,"line":5756},[5639,7190,5901],{"class":5660},[5639,7192,7193],{"class":5641,"line":5783},[5639,7194,5705],{"emptyLinePlaceholder":5704},[5639,7196,7197],{"class":5641,"line":5788},[5639,7198,7199],{"class":5645},"\u002F\u002F Виведення типів для useSelector та useDispatch\n",[5639,7201,7202,7204,7207,7210,7212,7215,7217,7219,7221,7223,7226],{"class":5641,"line":5822},[5639,7203,5792],{"class":5791},[5639,7205,7206],{"class":5652}," type",[5639,7208,7209],{"class":5714}," RootState",[5639,7211,5661],{"class":5660},[5639,7213,7214],{"class":5714},"ReturnType",[5639,7216,6374],{"class":5660},[5639,7218,5733],{"class":5652},[5639,7220,7160],{"class":5727},[5639,7222,5504],{"class":5660},[5639,7224,7225],{"class":5727},"getState",[5639,7227,7228],{"class":5660},">;\n",[5639,7230,7231,7233,7235,7238,7240,7242,7244,7246,7249],{"class":5641,"line":5846},[5639,7232,5792],{"class":5791},[5639,7234,7206],{"class":5652},[5639,7236,7237],{"class":5714}," AppDispatch",[5639,7239,5661],{"class":5660},[5639,7241,5733],{"class":5652},[5639,7243,7160],{"class":5727},[5639,7245,5504],{"class":5660},[5639,7247,7248],{"class":5727},"dispatch",[5639,7250,5668],{"class":5660},[6471,7252,7253,7258],{},[5572,7254,7255,7257],{},[5494,7256,7125],{}," автоматично:",[5484,7259,7260,7271,7277],{},[5487,7261,7262,7263,7266,7267,7270],{},"Підключає ",[5526,7264,7265],{},"Redux DevTools Extension"," (не потрібен ",[5494,7268,7269],{},"window.__REDUX_DEVTOOLS_EXTENSION__",").",[5487,7272,7273,7274,7276],{},"Додає ",[5526,7275,6584],{}," middleware для асинхронних actions.",[5487,7278,7279,7280,7283],{},"Увімкнує ",[5526,7281,7282],{},"перевірки"," у development-режимі (детектує мутації стану, не-серіалізовані значення у actions).",[5564,7285],{},[5567,7287,7289],{"id":7288},"типізовані-хуки-useappselector-та-useappdispatch","Типізовані хуки useAppSelector та useAppDispatch",[5572,7291,7292,7293,7296,7297,7300,7301,7304],{},"У класичному Redux доводилося постійно вказувати тип ",[5494,7294,7295],{},"RootState"," у кожному виклику ",[5494,7298,7299],{},"useSelector",". RTK рекомендує створити типізовані хуки ",[5526,7302,7303],{},"один раз"," для всього застосунку:",[5629,7306,7308],{"className":5631,"code":7307,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fhooks.ts\nimport { TypedUseSelectorHook, useDispatch, useSelector } from \"react-redux\";\nimport type { RootState, AppDispatch } from \".\u002Findex\";\n\n\u002F\u002F Типізовані версії useDispatch та useSelector\nexport const useAppDispatch = () => useDispatch\u003CAppDispatch>();\nexport const useAppSelector: TypedUseSelectorHook\u003CRootState> = useSelector;\n",[5494,7309,7310,7315,7342,7366,7370,7375,7400],{"__ignoreMap":5635},[5639,7311,7312],{"class":5641,"line":5642},[5639,7313,7314],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fhooks.ts\n",[5639,7316,7317,7319,7321,7324,7326,7329,7331,7333,7335,7337,7340],{"class":5641,"line":5649},[5639,7318,6187],{"class":5791},[5639,7320,6190],{"class":5660},[5639,7322,7323],{"class":5727},"TypedUseSelectorHook",[5639,7325,5994],{"class":5660},[5639,7327,7328],{"class":5727},"useDispatch",[5639,7330,5994],{"class":5660},[5639,7332,7299],{"class":5727},[5639,7334,6200],{"class":5660},[5639,7336,6203],{"class":5791},[5639,7338,7339],{"class":5664}," \"react-redux\"",[5639,7341,5668],{"class":5660},[5639,7343,7344,7346,7348,7350,7352,7354,7357,7359,7361,7364],{"class":5641,"line":5671},[5639,7345,6187],{"class":5791},[5639,7347,7206],{"class":5791},[5639,7349,6190],{"class":5660},[5639,7351,7295],{"class":5727},[5639,7353,5994],{"class":5660},[5639,7355,7356],{"class":5727},"AppDispatch",[5639,7358,6200],{"class":5660},[5639,7360,6203],{"class":5791},[5639,7362,7363],{"class":5664}," \".\u002Findex\"",[5639,7365,5668],{"class":5660},[5639,7367,7368],{"class":5641,"line":5686},[5639,7369,5705],{"emptyLinePlaceholder":5704},[5639,7371,7372],{"class":5641,"line":5701},[5639,7373,7374],{"class":5645},"\u002F\u002F Типізовані версії useDispatch та useSelector\n",[5639,7376,7377,7379,7381,7384,7387,7390,7393,7395,7397],{"class":5641,"line":5708},[5639,7378,5792],{"class":5791},[5639,7380,5795],{"class":5652},[5639,7382,7383],{"class":5798}," useAppDispatch",[5639,7385,7386],{"class":5660}," = () ",[5639,7388,7389],{"class":5652},"=>",[5639,7391,7392],{"class":5798}," useDispatch",[5639,7394,6374],{"class":5660},[5639,7396,7356],{"class":5714},[5639,7398,7399],{"class":5660},">();\n",[5639,7401,7402,7404,7406,7409,7411,7413,7415,7417,7420,7422],{"class":5641,"line":5721},[5639,7403,5792],{"class":5791},[5639,7405,5795],{"class":5652},[5639,7407,7408],{"class":5656}," useAppSelector",[5639,7410,5730],{"class":5660},[5639,7412,7323],{"class":5714},[5639,7414,6374],{"class":5660},[5639,7416,7295],{"class":5714},[5639,7418,7419],{"class":5660},"> = ",[5639,7421,7299],{"class":5727},[5639,7423,5668],{"class":5660},[5572,7425,7426],{},"Тепер у компонентах використовуйте ці хуки замість оригінальних:",[5629,7428,7430],{"className":5631,"code":7429,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fcomponents\u002FCounter.tsx\nimport { useAppDispatch, useAppSelector } from \"..\u002Fstore\u002Fhooks\";\nimport { increment, decrement, incrementByAmount, reset } from \"..\u002Fstore\u002Fslices\u002FcounterSlice\";\n\nfunction Counter() {\n  \u002F\u002F TypeScript автоматично виводить типи\n  const { value, history } = useAppSelector((state) => state.counter);\n  const dispatch = useAppDispatch();\n\n  return (\n    \u003Cdiv className=\"counter\">\n      \u003Ch1>Лічильник: {value}\u003C\u002Fh1>\n\n      \u003Cdiv className=\"controls\">\n        \u003Cbutton onClick={() => dispatch(increment())}>+1\u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch(decrement())}>-1\u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch(incrementByAmount(5))}>+5\u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch(reset())}>Скинути\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"history\">\n        \u003Ch3>Історія змін:\u003C\u002Fh3>\n        \u003Cp>{history.join(\" → \")}\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default Counter;\n",[5494,7431,7432,7437,7458,7487,7491,7501,7506,7542,7556,7560,7568,7591,7619,7623,7638,7681,7718,7761,7798,7807,7811,7826,7843,7875,7883,7892,7897,7901,7905],{"__ignoreMap":5635},[5639,7433,7434],{"class":5641,"line":5642},[5639,7435,7436],{"class":5645},"\u002F\u002F src\u002Fcomponents\u002FCounter.tsx\n",[5639,7438,7439,7441,7443,7445,7447,7449,7451,7453,7456],{"class":5641,"line":5649},[5639,7440,6187],{"class":5791},[5639,7442,6190],{"class":5660},[5639,7444,5517],{"class":5727},[5639,7446,5994],{"class":5660},[5639,7448,5513],{"class":5727},[5639,7450,6200],{"class":5660},[5639,7452,6203],{"class":5791},[5639,7454,7455],{"class":5664}," \"..\u002Fstore\u002Fhooks\"",[5639,7457,5668],{"class":5660},[5639,7459,7460,7462,7464,7466,7468,7470,7472,7474,7476,7478,7480,7482,7485],{"class":5641,"line":5671},[5639,7461,6187],{"class":5791},[5639,7463,6190],{"class":5660},[5639,7465,6430],{"class":5727},[5639,7467,5994],{"class":5660},[5639,7469,6435],{"class":5727},[5639,7471,5994],{"class":5660},[5639,7473,6440],{"class":5727},[5639,7475,5994],{"class":5660},[5639,7477,7045],{"class":5727},[5639,7479,6200],{"class":5660},[5639,7481,6203],{"class":5791},[5639,7483,7484],{"class":5664}," \"..\u002Fstore\u002Fslices\u002FcounterSlice\"",[5639,7486,5668],{"class":5660},[5639,7488,7489],{"class":5641,"line":5686},[5639,7490,5705],{"emptyLinePlaceholder":5704},[5639,7492,7493,7495,7498],{"class":5641,"line":5701},[5639,7494,5977],{"class":5652},[5639,7496,7497],{"class":5798}," Counter",[5639,7499,7500],{"class":5660},"() {\n",[5639,7502,7503],{"class":5641,"line":5708},[5639,7504,7505],{"class":5645},"  \u002F\u002F TypeScript автоматично виводить типи\n",[5639,7507,7508,7511,7513,7515,7517,7519,7521,7523,7526,7528,7531,7533,7535,7537,7540],{"class":5641,"line":5721},[5639,7509,7510],{"class":5652},"  const",[5639,7512,6190],{"class":5660},[5639,7514,6058],{"class":5656},[5639,7516,5994],{"class":5660},[5639,7518,6814],{"class":5656},[5639,7520,6443],{"class":5660},[5639,7522,5513],{"class":5798},[5639,7524,7525],{"class":5660},"((",[5639,7527,5986],{"class":5727},[5639,7529,7530],{"class":5660},") ",[5639,7532,7389],{"class":5652},[5639,7534,6053],{"class":5727},[5639,7536,5504],{"class":5660},[5639,7538,7539],{"class":5727},"counter",[5639,7541,6830],{"class":5660},[5639,7543,7544,7546,7549,7551,7553],{"class":5641,"line":5741},[5639,7545,7510],{"class":5652},[5639,7547,7548],{"class":5656}," dispatch",[5639,7550,5661],{"class":5660},[5639,7552,5517],{"class":5798},[5639,7554,7555],{"class":5660},"();\n",[5639,7557,7558],{"class":5641,"line":5756},[5639,7559,5705],{"emptyLinePlaceholder":5704},[5639,7561,7562,7565],{"class":5641,"line":5783},[5639,7563,7564],{"class":5791},"  return",[5639,7566,7567],{"class":5660}," (\n",[5639,7569,7570,7574,7578,7582,7585,7588],{"class":5641,"line":5788},[5639,7571,7573],{"class":7572},"s0P7L","    \u003C",[5639,7575,7577],{"class":7576},"sKtos","div",[5639,7579,7581],{"class":7580},"sa4r_"," className",[5639,7583,7584],{"class":5660},"=",[5639,7586,7587],{"class":5664},"\"counter\"",[5639,7589,7590],{"class":7572},">\n",[5639,7592,7593,7596,7598,7601,7604,7607,7609,7612,7615,7617],{"class":5641,"line":5822},[5639,7594,7595],{"class":7572},"      \u003C",[5639,7597,5472],{"class":7576},[5639,7599,7600],{"class":7572},">",[5639,7602,7603],{"class":5660},"Лічильник: ",[5639,7605,7606],{"class":5652},"{",[5639,7608,6058],{"class":5727},[5639,7610,7611],{"class":5652},"}",[5639,7613,7614],{"class":7572},"\u003C\u002F",[5639,7616,5472],{"class":7576},[5639,7618,7590],{"class":7572},[5639,7620,7621],{"class":5641,"line":5846},[5639,7622,5705],{"emptyLinePlaceholder":5704},[5639,7624,7625,7627,7629,7631,7633,7636],{"class":5641,"line":5876},[5639,7626,7595],{"class":7572},[5639,7628,7577],{"class":7576},[5639,7630,7581],{"class":7580},[5639,7632,7584],{"class":5660},[5639,7634,7635],{"class":5664},"\"controls\"",[5639,7637,7590],{"class":7572},[5639,7639,7640,7643,7646,7649,7651,7653,7657,7659,7661,7663,7665,7668,7670,7672,7675,7677,7679],{"class":5641,"line":5887},[5639,7641,7642],{"class":7572},"        \u003C",[5639,7644,7645],{"class":7576},"button",[5639,7647,7648],{"class":7580}," onClick",[5639,7650,7584],{"class":5660},[5639,7652,7606],{"class":5652},[5639,7654,7656],{"class":7655},"sD7JJ","() ",[5639,7658,7389],{"class":5652},[5639,7660,7548],{"class":5798},[5639,7662,5983],{"class":7655},[5639,7664,6430],{"class":5798},[5639,7666,7667],{"class":7655},"())",[5639,7669,7611],{"class":5652},[5639,7671,7600],{"class":7572},[5639,7673,7674],{"class":5660},"+1",[5639,7676,7614],{"class":7572},[5639,7678,7645],{"class":7576},[5639,7680,7590],{"class":7572},[5639,7682,7683,7685,7687,7689,7691,7693,7695,7697,7699,7701,7703,7705,7707,7709,7712,7714,7716],{"class":5641,"line":5898},[5639,7684,7642],{"class":7572},[5639,7686,7645],{"class":7576},[5639,7688,7648],{"class":7580},[5639,7690,7584],{"class":5660},[5639,7692,7606],{"class":5652},[5639,7694,7656],{"class":7655},[5639,7696,7389],{"class":5652},[5639,7698,7548],{"class":5798},[5639,7700,5983],{"class":7655},[5639,7702,6435],{"class":5798},[5639,7704,7667],{"class":7655},[5639,7706,7611],{"class":5652},[5639,7708,7600],{"class":7572},[5639,7710,7711],{"class":5660},"-1",[5639,7713,7614],{"class":7572},[5639,7715,7645],{"class":7576},[5639,7717,7590],{"class":7572},[5639,7719,7720,7722,7724,7726,7728,7730,7732,7734,7736,7738,7740,7742,7745,7748,7750,7752,7755,7757,7759],{"class":5641,"line":5904},[5639,7721,7642],{"class":7572},[5639,7723,7645],{"class":7576},[5639,7725,7648],{"class":7580},[5639,7727,7584],{"class":5660},[5639,7729,7606],{"class":5652},[5639,7731,7656],{"class":7655},[5639,7733,7389],{"class":5652},[5639,7735,7548],{"class":5798},[5639,7737,5983],{"class":7655},[5639,7739,6440],{"class":5798},[5639,7741,5983],{"class":7655},[5639,7743,7744],{"class":5963},"5",[5639,7746,7747],{"class":7655},"))",[5639,7749,7611],{"class":5652},[5639,7751,7600],{"class":7572},[5639,7753,7754],{"class":5660},"+5",[5639,7756,7614],{"class":7572},[5639,7758,7645],{"class":7576},[5639,7760,7590],{"class":7572},[5639,7762,7763,7765,7767,7769,7771,7773,7775,7777,7779,7781,7783,7785,7787,7789,7792,7794,7796],{"class":5641,"line":5909},[5639,7764,7642],{"class":7572},[5639,7766,7645],{"class":7576},[5639,7768,7648],{"class":7580},[5639,7770,7584],{"class":5660},[5639,7772,7606],{"class":5652},[5639,7774,7656],{"class":7655},[5639,7776,7389],{"class":5652},[5639,7778,7548],{"class":5798},[5639,7780,5983],{"class":7655},[5639,7782,7045],{"class":5798},[5639,7784,7667],{"class":7655},[5639,7786,7611],{"class":5652},[5639,7788,7600],{"class":7572},[5639,7790,7791],{"class":5660},"Скинути",[5639,7793,7614],{"class":7572},[5639,7795,7645],{"class":7576},[5639,7797,7590],{"class":7572},[5639,7799,7800,7803,7805],{"class":5641,"line":5921},[5639,7801,7802],{"class":7572},"      \u003C\u002F",[5639,7804,7577],{"class":7576},[5639,7806,7590],{"class":7572},[5639,7808,7809],{"class":5641,"line":5933},[5639,7810,5705],{"emptyLinePlaceholder":5704},[5639,7812,7813,7815,7817,7819,7821,7824],{"class":5641,"line":5939},[5639,7814,7595],{"class":7572},[5639,7816,7577],{"class":7576},[5639,7818,7581],{"class":7580},[5639,7820,7584],{"class":5660},[5639,7822,7823],{"class":5664},"\"history\"",[5639,7825,7590],{"class":7572},[5639,7827,7828,7830,7832,7834,7837,7839,7841],{"class":5641,"line":5944},[5639,7829,7642],{"class":7572},[5639,7831,6615],{"class":7576},[5639,7833,7600],{"class":7572},[5639,7835,7836],{"class":5660},"Історія змін:",[5639,7838,7614],{"class":7572},[5639,7840,6615],{"class":7576},[5639,7842,7590],{"class":7572},[5639,7844,7845,7847,7849,7851,7853,7855,7857,7860,7862,7865,7867,7869,7871,7873],{"class":5641,"line":5969},[5639,7846,7642],{"class":7572},[5639,7848,5572],{"class":7576},[5639,7850,7600],{"class":7572},[5639,7852,7606],{"class":5652},[5639,7854,6814],{"class":5727},[5639,7856,5504],{"class":7655},[5639,7858,7859],{"class":5798},"join",[5639,7861,5983],{"class":7655},[5639,7863,7864],{"class":5664},"\" → \"",[5639,7866,5587],{"class":7655},[5639,7868,7611],{"class":5652},[5639,7870,7614],{"class":7572},[5639,7872,5572],{"class":7576},[5639,7874,7590],{"class":7572},[5639,7876,7877,7879,7881],{"class":5641,"line":5974},[5639,7878,7802],{"class":7572},[5639,7880,7577],{"class":7576},[5639,7882,7590],{"class":7572},[5639,7884,7885,7888,7890],{"class":5641,"line":6010},[5639,7886,7887],{"class":7572},"    \u003C\u002F",[5639,7889,7577],{"class":7576},[5639,7891,7590],{"class":7572},[5639,7893,7894],{"class":5641,"line":6027},[5639,7895,7896],{"class":5660},"  );\n",[5639,7898,7899],{"class":5641,"line":6038},[5639,7900,5936],{"class":5660},[5639,7902,7903],{"class":5641,"line":6073},[5639,7904,5705],{"emptyLinePlaceholder":5704},[5639,7906,7907,7909,7911,7913],{"class":5641,"line":6082},[5639,7908,5792],{"class":5791},[5639,7910,6460],{"class":5791},[5639,7912,7497],{"class":5727},[5639,7914,5668],{"class":5660},[7083,7916,7917,7918,7921,7922,7925,7926,7928],{},"Зверніть увагу: ",[5526,7919,7920],{},"не потрібно"," вказувати ",[5494,7923,7924],{},"(state: RootState)"," — TypeScript виводить тип автоматично завдяки ",[5494,7927,7323],{},". Це зменшує verbosity коду та запобігає помилкам типізації.",[5564,7930],{},[5567,7932,7934],{"id":7933},"кілька-slices-реалістичний-приклад","Кілька slices: реалістичний приклад",[5572,7936,7937],{},"У реальних застосунках стан складається з десятків сутностей. Кожна сутність має власний slice:",[5629,7939,7941],{"className":5631,"code":7940,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FtodoSlice.ts\nimport { createSlice, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\n\ninterface Todo {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\ninterface TodoState {\n  todos: Todo[];\n  filter: \"all\" | \"active\" | \"completed\";\n}\n\nconst initialState: TodoState = {\n  todos: [],\n  filter: \"all\",\n};\n\nlet nextTodoId = 0;\n\nconst todoSlice = createSlice({\n  name: \"todos\",\n  initialState,\n  reducers: {\n    addTodo(state, action: PayloadAction\u003Cstring>) {\n      state.todos.push({\n        id: nextTodoId++,\n        text: action.payload,\n        completed: false,\n      });\n    },\n\n    toggleTodo(state, action: PayloadAction\u003Cnumber>) {\n      const todo = state.todos.find((t) => t.id === action.payload);\n      if (todo) {\n        todo.completed = !todo.completed; \u002F\u002F Мутація через Immer\n      }\n    },\n\n    deleteTodo(state, action: PayloadAction\u003Cnumber>) {\n      state.todos = state.todos.filter((t) => t.id !== action.payload);\n    },\n\n    setFilter(state, action: PayloadAction\u003CTodoState[\"filter\"]>) {\n      state.filter = action.payload;\n    },\n\n    clearCompleted(state) {\n      state.todos = state.todos.filter((t) => !t.completed);\n    },\n  },\n});\n\nexport const { addTodo, toggleTodo, deleteTodo, setFilter, clearCompleted } = todoSlice.actions;\nexport default todoSlice.reducer;\n",[5494,7942,7943,7948,7968,7972,7981,7992,8004,8016,8020,8024,8033,8045,8068,8072,8076,8089,8096,8106,8110,8114,8129,8133,8146,8155,8161,8167,8190,8205,8215,8229,8239,8244,8248,8252,8275,8324,8336,8360,8365,8369,8373,8396,8442,8446,8450,8480,8498,8502,8506,8518,8558,8563,8568,8573,8578,8621],{"__ignoreMap":5635},[5639,7944,7945],{"class":5641,"line":5642},[5639,7946,7947],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FtodoSlice.ts\n",[5639,7949,7950,7952,7954,7956,7958,7960,7962,7964,7966],{"class":5641,"line":5649},[5639,7951,6187],{"class":5791},[5639,7953,6190],{"class":5660},[5639,7955,5496],{"class":5727},[5639,7957,5994],{"class":5660},[5639,7959,6197],{"class":5727},[5639,7961,6200],{"class":5660},[5639,7963,6203],{"class":5791},[5639,7965,6206],{"class":5664},[5639,7967,5668],{"class":5660},[5639,7969,7970],{"class":5641,"line":5671},[5639,7971,5705],{"emptyLinePlaceholder":5704},[5639,7973,7974,7976,7979],{"class":5641,"line":5686},[5639,7975,5912],{"class":5652},[5639,7977,7978],{"class":5714}," Todo",[5639,7980,5918],{"class":5660},[5639,7982,7983,7986,7988,7990],{"class":5641,"line":5701},[5639,7984,7985],{"class":5727},"  id",[5639,7987,5730],{"class":5660},[5639,7989,5777],{"class":5714},[5639,7991,5668],{"class":5660},[5639,7993,7994,7997,7999,8002],{"class":5641,"line":5708},[5639,7995,7996],{"class":5727},"  text",[5639,7998,5730],{"class":5660},[5639,8000,8001],{"class":5714},"string",[5639,8003,5668],{"class":5660},[5639,8005,8006,8009,8011,8014],{"class":5641,"line":5721},[5639,8007,8008],{"class":5727},"  completed",[5639,8010,5730],{"class":5660},[5639,8012,8013],{"class":5714},"boolean",[5639,8015,5668],{"class":5660},[5639,8017,8018],{"class":5641,"line":5741},[5639,8019,5936],{"class":5660},[5639,8021,8022],{"class":5641,"line":5756},[5639,8023,5705],{"emptyLinePlaceholder":5704},[5639,8025,8026,8028,8031],{"class":5641,"line":5783},[5639,8027,5912],{"class":5652},[5639,8029,8030],{"class":5714}," TodoState",[5639,8032,5918],{"class":5660},[5639,8034,8035,8038,8040,8043],{"class":5641,"line":5788},[5639,8036,8037],{"class":5727},"  todos",[5639,8039,5730],{"class":5660},[5639,8041,8042],{"class":5714},"Todo",[5639,8044,6682],{"class":5660},[5639,8046,8047,8050,8052,8055,8058,8061,8063,8066],{"class":5641,"line":5822},[5639,8048,8049],{"class":5727},"  filter",[5639,8051,5730],{"class":5660},[5639,8053,8054],{"class":5664},"\"all\"",[5639,8056,8057],{"class":5660}," | ",[5639,8059,8060],{"class":5664},"\"active\"",[5639,8062,8057],{"class":5660},[5639,8064,8065],{"class":5664},"\"completed\"",[5639,8067,5668],{"class":5660},[5639,8069,8070],{"class":5641,"line":5846},[5639,8071,5936],{"class":5660},[5639,8073,8074],{"class":5641,"line":5876},[5639,8075,5705],{"emptyLinePlaceholder":5704},[5639,8077,8078,8080,8082,8084,8087],{"class":5641,"line":5887},[5639,8079,5653],{"class":5652},[5639,8081,5949],{"class":5656},[5639,8083,5730],{"class":5660},[5639,8085,8086],{"class":5714},"TodoState",[5639,8088,6703],{"class":5660},[5639,8090,8091,8094],{"class":5641,"line":5898},[5639,8092,8093],{"class":5727},"  todos:",[5639,8095,6720],{"class":5660},[5639,8097,8098,8101,8104],{"class":5641,"line":5904},[5639,8099,8100],{"class":5727},"  filter:",[5639,8102,8103],{"class":5664}," \"all\"",[5639,8105,5884],{"class":5660},[5639,8107,8108],{"class":5641,"line":5909},[5639,8109,6725],{"class":5660},[5639,8111,8112],{"class":5641,"line":5921},[5639,8113,5705],{"emptyLinePlaceholder":5704},[5639,8115,8116,8119,8122,8124,8127],{"class":5641,"line":5933},[5639,8117,8118],{"class":5652},"let",[5639,8120,8121],{"class":5727}," nextTodoId",[5639,8123,5661],{"class":5660},[5639,8125,8126],{"class":5963},"0",[5639,8128,5668],{"class":5660},[5639,8130,8131],{"class":5641,"line":5939},[5639,8132,5705],{"emptyLinePlaceholder":5704},[5639,8134,8135,8137,8140,8142,8144],{"class":5641,"line":5944},[5639,8136,5653],{"class":5652},[5639,8138,8139],{"class":5656}," todoSlice",[5639,8141,5661],{"class":5660},[5639,8143,5496],{"class":5798},[5639,8145,6252],{"class":5660},[5639,8147,8148,8150,8153],{"class":5641,"line":5969},[5639,8149,6257],{"class":5727},[5639,8151,8152],{"class":5664}," \"todos\"",[5639,8154,5884],{"class":5660},[5639,8156,8157,8159],{"class":5641,"line":5974},[5639,8158,6761],{"class":5727},[5639,8160,5884],{"class":5660},[5639,8162,8163,8165],{"class":5641,"line":6010},[5639,8164,6287],{"class":5727},[5639,8166,5918],{"class":5660},[5639,8168,8169,8172,8174,8176,8178,8180,8182,8184,8186,8188],{"class":5641,"line":6027},[5639,8170,8171],{"class":5798},"    addTodo",[5639,8173,5983],{"class":5660},[5639,8175,5986],{"class":5727},[5639,8177,5994],{"class":5660},[5639,8179,5997],{"class":5727},[5639,8181,5730],{"class":5660},[5639,8183,6197],{"class":5714},[5639,8185,6374],{"class":5660},[5639,8187,8001],{"class":5714},[5639,8189,6379],{"class":5660},[5639,8191,8192,8194,8196,8199,8201,8203],{"class":5641,"line":6038},[5639,8193,6305],{"class":5727},[5639,8195,5504],{"class":5660},[5639,8197,8198],{"class":5727},"todos",[5639,8200,5504],{"class":5660},[5639,8202,6819],{"class":5798},[5639,8204,6252],{"class":5660},[5639,8206,8207,8210,8212],{"class":5641,"line":6073},[5639,8208,8209],{"class":5727},"        id:",[5639,8211,8121],{"class":5727},[5639,8213,8214],{"class":5660},"++,\n",[5639,8216,8217,8220,8223,8225,8227],{"class":5641,"line":6082},[5639,8218,8219],{"class":5727},"        text:",[5639,8221,8222],{"class":5727}," action",[5639,8224,5504],{"class":5660},[5639,8226,5772],{"class":5727},[5639,8228,5884],{"class":5660},[5639,8230,8231,8234,8237],{"class":5641,"line":6108},[5639,8232,8233],{"class":5727},"        completed:",[5639,8235,8236],{"class":5652}," false",[5639,8238,5884],{"class":5660},[5639,8240,8241],{"class":5641,"line":6117},[5639,8242,8243],{"class":5660},"      });\n",[5639,8245,8246],{"class":5641,"line":6146},[5639,8247,6324],{"class":5660},[5639,8249,8250],{"class":5641,"line":6154},[5639,8251,5705],{"emptyLinePlaceholder":5704},[5639,8253,8254,8257,8259,8261,8263,8265,8267,8269,8271,8273],{"class":5641,"line":6163},[5639,8255,8256],{"class":5798},"    toggleTodo",[5639,8258,5983],{"class":5660},[5639,8260,5986],{"class":5727},[5639,8262,5994],{"class":5660},[5639,8264,5997],{"class":5727},[5639,8266,5730],{"class":5660},[5639,8268,6197],{"class":5714},[5639,8270,6374],{"class":5660},[5639,8272,5777],{"class":5714},[5639,8274,6379],{"class":5660},[5639,8276,8277,8280,8283,8285,8287,8289,8291,8293,8296,8298,8301,8303,8305,8308,8310,8313,8316,8318,8320,8322],{"class":5641,"line":6169},[5639,8278,8279],{"class":5652},"      const",[5639,8281,8282],{"class":5656}," todo",[5639,8284,5661],{"class":5660},[5639,8286,5986],{"class":5727},[5639,8288,5504],{"class":5660},[5639,8290,8198],{"class":5727},[5639,8292,5504],{"class":5660},[5639,8294,8295],{"class":5798},"find",[5639,8297,7525],{"class":5660},[5639,8299,8300],{"class":5727},"t",[5639,8302,7530],{"class":5660},[5639,8304,7389],{"class":5652},[5639,8306,8307],{"class":5727}," t",[5639,8309,5504],{"class":5660},[5639,8311,8312],{"class":5727},"id",[5639,8314,8315],{"class":5660}," === ",[5639,8317,5997],{"class":5727},[5639,8319,5504],{"class":5660},[5639,8321,5772],{"class":5727},[5639,8323,6830],{"class":5660},[5639,8325,8326,8329,8331,8334],{"class":5641,"line":6966},[5639,8327,8328],{"class":5791},"      if",[5639,8330,5583],{"class":5660},[5639,8332,8333],{"class":5727},"todo",[5639,8335,6024],{"class":5660},[5639,8337,8338,8341,8343,8346,8349,8351,8353,8355,8357],{"class":5641,"line":6971},[5639,8339,8340],{"class":5727},"        todo",[5639,8342,5504],{"class":5660},[5639,8344,8345],{"class":5727},"completed",[5639,8347,8348],{"class":5660}," = !",[5639,8350,8333],{"class":5727},[5639,8352,5504],{"class":5660},[5639,8354,8345],{"class":5727},[5639,8356,5769],{"class":5660},[5639,8358,8359],{"class":5645},"\u002F\u002F Мутація через Immer\n",[5639,8361,8362],{"class":5641,"line":6983},[5639,8363,8364],{"class":5660},"      }\n",[5639,8366,8367],{"class":5641,"line":6989},[5639,8368,6324],{"class":5660},[5639,8370,8371],{"class":5641,"line":6998},[5639,8372,5705],{"emptyLinePlaceholder":5704},[5639,8374,8375,8378,8380,8382,8384,8386,8388,8390,8392,8394],{"class":5641,"line":7003},[5639,8376,8377],{"class":5798},"    deleteTodo",[5639,8379,5983],{"class":5660},[5639,8381,5986],{"class":5727},[5639,8383,5994],{"class":5660},[5639,8385,5997],{"class":5727},[5639,8387,5730],{"class":5660},[5639,8389,6197],{"class":5714},[5639,8391,6374],{"class":5660},[5639,8393,5777],{"class":5714},[5639,8395,6379],{"class":5660},[5639,8397,8398,8400,8402,8404,8406,8408,8410,8412,8414,8417,8419,8421,8423,8425,8427,8429,8431,8434,8436,8438,8440],{"class":5641,"line":7008},[5639,8399,6305],{"class":5727},[5639,8401,5504],{"class":5660},[5639,8403,8198],{"class":5727},[5639,8405,5661],{"class":5660},[5639,8407,5986],{"class":5727},[5639,8409,5504],{"class":5660},[5639,8411,8198],{"class":5727},[5639,8413,5504],{"class":5660},[5639,8415,8416],{"class":5798},"filter",[5639,8418,7525],{"class":5660},[5639,8420,8300],{"class":5727},[5639,8422,7530],{"class":5660},[5639,8424,7389],{"class":5652},[5639,8426,8307],{"class":5727},[5639,8428,5504],{"class":5660},[5639,8430,8312],{"class":5727},[5639,8432,8433],{"class":5660}," !== ",[5639,8435,5997],{"class":5727},[5639,8437,5504],{"class":5660},[5639,8439,5772],{"class":5727},[5639,8441,6830],{"class":5660},[5639,8443,8444],{"class":5641,"line":7013},[5639,8445,6324],{"class":5660},[5639,8447,8448],{"class":5641,"line":7018},[5639,8449,5705],{"emptyLinePlaceholder":5704},[5639,8451,8452,8455,8457,8459,8461,8463,8465,8467,8469,8471,8474,8477],{"class":5641,"line":7024},[5639,8453,8454],{"class":5798},"    setFilter",[5639,8456,5983],{"class":5660},[5639,8458,5986],{"class":5727},[5639,8460,5994],{"class":5660},[5639,8462,5997],{"class":5727},[5639,8464,5730],{"class":5660},[5639,8466,6197],{"class":5714},[5639,8468,6374],{"class":5660},[5639,8470,8086],{"class":5714},[5639,8472,8473],{"class":5660},"[",[5639,8475,8476],{"class":5664},"\"filter\"",[5639,8478,8479],{"class":5660},"]>) {\n",[5639,8481,8482,8484,8486,8488,8490,8492,8494,8496],{"class":5641,"line":7058},[5639,8483,6305],{"class":5727},[5639,8485,5504],{"class":5660},[5639,8487,8416],{"class":5727},[5639,8489,5661],{"class":5660},[5639,8491,5997],{"class":5727},[5639,8493,5504],{"class":5660},[5639,8495,5772],{"class":5727},[5639,8497,5668],{"class":5660},[5639,8499,8500],{"class":5641,"line":7063},[5639,8501,6324],{"class":5660},[5639,8503,8504],{"class":5641,"line":7069},[5639,8505,5705],{"emptyLinePlaceholder":5704},[5639,8507,8509,8512,8514,8516],{"class":5641,"line":8508},49,[5639,8510,8511],{"class":5798},"    clearCompleted",[5639,8513,5983],{"class":5660},[5639,8515,5986],{"class":5727},[5639,8517,6024],{"class":5660},[5639,8519,8521,8523,8525,8527,8529,8531,8533,8535,8537,8539,8541,8543,8545,8547,8550,8552,8554,8556],{"class":5641,"line":8520},50,[5639,8522,6305],{"class":5727},[5639,8524,5504],{"class":5660},[5639,8526,8198],{"class":5727},[5639,8528,5661],{"class":5660},[5639,8530,5986],{"class":5727},[5639,8532,5504],{"class":5660},[5639,8534,8198],{"class":5727},[5639,8536,5504],{"class":5660},[5639,8538,8416],{"class":5798},[5639,8540,7525],{"class":5660},[5639,8542,8300],{"class":5727},[5639,8544,7530],{"class":5660},[5639,8546,7389],{"class":5652},[5639,8548,8549],{"class":5660}," !",[5639,8551,8300],{"class":5727},[5639,8553,5504],{"class":5660},[5639,8555,8345],{"class":5727},[5639,8557,6830],{"class":5660},[5639,8559,8561],{"class":5641,"line":8560},51,[5639,8562,6324],{"class":5660},[5639,8564,8566],{"class":5641,"line":8565},52,[5639,8567,6406],{"class":5660},[5639,8569,8571],{"class":5641,"line":8570},53,[5639,8572,5901],{"class":5660},[5639,8574,8576],{"class":5641,"line":8575},54,[5639,8577,5705],{"emptyLinePlaceholder":5704},[5639,8579,8581,8583,8585,8587,8590,8592,8595,8597,8600,8602,8605,8607,8610,8612,8615,8617,8619],{"class":5641,"line":8580},55,[5639,8582,5792],{"class":5791},[5639,8584,5795],{"class":5652},[5639,8586,6190],{"class":5660},[5639,8588,8589],{"class":5656},"addTodo",[5639,8591,5994],{"class":5660},[5639,8593,8594],{"class":5656},"toggleTodo",[5639,8596,5994],{"class":5660},[5639,8598,8599],{"class":5656},"deleteTodo",[5639,8601,5994],{"class":5660},[5639,8603,8604],{"class":5656},"setFilter",[5639,8606,5994],{"class":5660},[5639,8608,8609],{"class":5656},"clearCompleted",[5639,8611,6443],{"class":5660},[5639,8613,8614],{"class":5727},"todoSlice",[5639,8616,5504],{"class":5660},[5639,8618,6451],{"class":5727},[5639,8620,5668],{"class":5660},[5639,8622,8624,8626,8628,8630,8632,8634],{"class":5641,"line":8623},56,[5639,8625,5792],{"class":5791},[5639,8627,6460],{"class":5791},[5639,8629,8139],{"class":5727},[5639,8631,5504],{"class":5660},[5639,8633,6467],{"class":5727},[5639,8635,5668],{"class":5660},[5629,8637,8639],{"className":5631,"code":8638,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Findex.ts — комбінування slices\nimport { configureStore } from \"@reduxjs\u002Ftoolkit\";\nimport counterReducer from \".\u002Fslices\u002FcounterSlice\";\nimport todoReducer from \".\u002Fslices\u002FtodoSlice\";\n\nexport const store = configureStore({\n  reducer: {\n    counter: counterReducer,\n    todos: todoReducer,\n  },\n});\n\nexport type RootState = ReturnType\u003Ctypeof store.getState>;\n\u002F\u002F RootState = {\n\u002F\u002F   counter: CounterState,\n\u002F\u002F   todos: TodoState\n\u002F\u002F }\n\nexport type AppDispatch = typeof store.dispatch;\n",[5494,8640,8641,8646,8662,8674,8688,8692,8706,8712,8720,8729,8733,8737,8741,8765,8770,8775,8780,8785,8789],{"__ignoreMap":5635},[5639,8642,8643],{"class":5641,"line":5642},[5639,8644,8645],{"class":5645},"\u002F\u002F src\u002Fstore\u002Findex.ts — комбінування slices\n",[5639,8647,8648,8650,8652,8654,8656,8658,8660],{"class":5641,"line":5649},[5639,8649,6187],{"class":5791},[5639,8651,6190],{"class":5660},[5639,8653,7125],{"class":5727},[5639,8655,6200],{"class":5660},[5639,8657,6203],{"class":5791},[5639,8659,6206],{"class":5664},[5639,8661,5668],{"class":5660},[5639,8663,8664,8666,8668,8670,8672],{"class":5641,"line":5671},[5639,8665,6187],{"class":5791},[5639,8667,5980],{"class":5727},[5639,8669,7142],{"class":5791},[5639,8671,7145],{"class":5664},[5639,8673,5668],{"class":5660},[5639,8675,8676,8678,8681,8683,8686],{"class":5641,"line":5686},[5639,8677,6187],{"class":5791},[5639,8679,8680],{"class":5727}," todoReducer",[5639,8682,7142],{"class":5791},[5639,8684,8685],{"class":5664}," \".\u002Fslices\u002FtodoSlice\"",[5639,8687,5668],{"class":5660},[5639,8689,8690],{"class":5641,"line":5701},[5639,8691,5705],{"emptyLinePlaceholder":5704},[5639,8693,8694,8696,8698,8700,8702,8704],{"class":5641,"line":5708},[5639,8695,5792],{"class":5791},[5639,8697,5795],{"class":5652},[5639,8699,7160],{"class":5656},[5639,8701,5661],{"class":5660},[5639,8703,7125],{"class":5798},[5639,8705,6252],{"class":5660},[5639,8707,8708,8710],{"class":5641,"line":5721},[5639,8709,7171],{"class":5727},[5639,8711,5918],{"class":5660},[5639,8713,8714,8716,8718],{"class":5641,"line":5741},[5639,8715,7178],{"class":5727},[5639,8717,5980],{"class":5727},[5639,8719,5884],{"class":5660},[5639,8721,8722,8725,8727],{"class":5641,"line":5756},[5639,8723,8724],{"class":5727},"    todos:",[5639,8726,8680],{"class":5727},[5639,8728,5884],{"class":5660},[5639,8730,8731],{"class":5641,"line":5783},[5639,8732,6406],{"class":5660},[5639,8734,8735],{"class":5641,"line":5788},[5639,8736,5901],{"class":5660},[5639,8738,8739],{"class":5641,"line":5822},[5639,8740,5705],{"emptyLinePlaceholder":5704},[5639,8742,8743,8745,8747,8749,8751,8753,8755,8757,8759,8761,8763],{"class":5641,"line":5846},[5639,8744,5792],{"class":5791},[5639,8746,7206],{"class":5652},[5639,8748,7209],{"class":5714},[5639,8750,5661],{"class":5660},[5639,8752,7214],{"class":5714},[5639,8754,6374],{"class":5660},[5639,8756,5733],{"class":5652},[5639,8758,7160],{"class":5727},[5639,8760,5504],{"class":5660},[5639,8762,7225],{"class":5727},[5639,8764,7228],{"class":5660},[5639,8766,8767],{"class":5641,"line":5876},[5639,8768,8769],{"class":5645},"\u002F\u002F RootState = {\n",[5639,8771,8772],{"class":5641,"line":5887},[5639,8773,8774],{"class":5645},"\u002F\u002F   counter: CounterState,\n",[5639,8776,8777],{"class":5641,"line":5898},[5639,8778,8779],{"class":5645},"\u002F\u002F   todos: TodoState\n",[5639,8781,8782],{"class":5641,"line":5904},[5639,8783,8784],{"class":5645},"\u002F\u002F }\n",[5639,8786,8787],{"class":5641,"line":5909},[5639,8788,5705],{"emptyLinePlaceholder":5704},[5639,8790,8791,8793,8795,8797,8799,8801,8803,8805,8807],{"class":5641,"line":5921},[5639,8792,5792],{"class":5791},[5639,8794,7206],{"class":5652},[5639,8796,7237],{"class":5714},[5639,8798,5661],{"class":5660},[5639,8800,5733],{"class":5652},[5639,8802,7160],{"class":5727},[5639,8804,5504],{"class":5660},[5639,8806,7248],{"class":5727},[5639,8808,5668],{"class":5660},[6471,8810,8811,8813,8814,8817,8818,8821],{},[5494,8812,7125],{}," автоматично викликає ",[5494,8815,8816],{},"combineReducers"," під капотом — не потрібно імпортувати та викликати його вручну. Просто передайте об'єкт ",[5494,8819,8820],{},"{ sliceName: sliceReducer }",", і RTK створить комбінований reducer.",[5564,8823],{},[5567,8825,8827],{"id":8826},"createasyncthunk-асинхронні-операції-без-redux-thunk","createAsyncThunk: асинхронні операції без redux-thunk",[5572,8829,8830,8831,8833,8834,5994,8837,5994,8840,8843,8844,8846],{},"У класичному Redux для асинхронних операцій (HTTP-запити, таймери) потрібен middleware ",[5494,8832,6584],{}," та ручне написання thunk-функцій із dispatch трьох actions: ",[5494,8835,8836],{},"START",[5494,8838,8839],{},"SUCCESS",[5494,8841,8842],{},"ERROR",". RTK спрощує це через ",[5494,8845,5503],{},":",[5629,8848,8850],{"className":5631,"code":8849,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FuserSlice.ts\nimport { createSlice, createAsyncThunk, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\nimport axios from \"axios\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  phone: string;\n}\n\ninterface UserState {\n  data: User | null;\n  isLoading: boolean;\n  error: string | null;\n}\n\nconst initialState: UserState = {\n  data: null,\n  isLoading: false,\n  error: null,\n};\n\n\u002F\u002F Async thunk — автоматично генерує pending\u002Ffulfilled\u002Frejected actions\nexport const fetchUser = createAsyncThunk\u003CUser, number>(\n  \"user\u002Ffetch\", \u002F\u002F Префікс для actions: user\u002Ffetch\u002Fpending, user\u002Ffetch\u002Ffulfilled, ...\n  async (userId, { rejectWithValue }) => {\n    try {\n      const { data } = await axios.get\u003CUser>(\n        `https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F${userId}`\n      );\n      return data; \u002F\u002F Стає payload у fulfilled action\n    } catch (error) {\n      if (axios.isAxiosError(error)) {\n        return rejectWithValue(error.response?.data?.message ?? error.message);\n      }\n      return rejectWithValue(\"Невідома помилка\");\n    }\n  }\n);\n\nconst userSlice = createSlice({\n  name: \"user\",\n  initialState,\n\n  reducers: {\n    clearUser(state) {\n      state.data = null;\n      state.error = null;\n    },\n  },\n\n  \u002F\u002F extraReducers обробляє actions поза slice (async thunks)\n  extraReducers: (builder) => {\n    builder\n      .addCase(fetchUser.pending, (state) => {\n        state.isLoading = true;\n        state.error = null;\n      })\n      .addCase(fetchUser.fulfilled, (state, action: PayloadAction\u003CUser>) => {\n        state.isLoading = false;\n        state.data = action.payload;\n      })\n      .addCase(fetchUser.rejected, (state, action) => {\n        state.isLoading = false;\n        state.error = action.payload as string;\n      });\n  },\n});\n\nexport const { clearUser } = userSlice.actions;\nexport default userSlice.reducer;\n",[5494,8851,8852,8857,8881,8895,8899,8908,8918,8929,8940,8951,8955,8959,8968,8985,8996,9011,9015,9019,9032,9042,9051,9060,9064,9068,9073,9097,9107,9130,9137,9164,9179,9184,9196,9211,9232,9270,9274,9287,9292,9296,9300,9304,9317,9326,9332,9336,9342,9353,9367,9381,9385,9389,9393,9398,9416,9421,9449,9467,9482,9488,9526,9542,9561,9566,9595,9610,9635,9640,9645,9650,9655,9678],{"__ignoreMap":5635},[5639,8853,8854],{"class":5641,"line":5642},[5639,8855,8856],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FuserSlice.ts\n",[5639,8858,8859,8861,8863,8865,8867,8869,8871,8873,8875,8877,8879],{"class":5641,"line":5649},[5639,8860,6187],{"class":5791},[5639,8862,6190],{"class":5660},[5639,8864,5496],{"class":5727},[5639,8866,5994],{"class":5660},[5639,8868,5503],{"class":5727},[5639,8870,5994],{"class":5660},[5639,8872,6197],{"class":5727},[5639,8874,6200],{"class":5660},[5639,8876,6203],{"class":5791},[5639,8878,6206],{"class":5664},[5639,8880,5668],{"class":5660},[5639,8882,8883,8885,8888,8890,8893],{"class":5641,"line":5671},[5639,8884,6187],{"class":5791},[5639,8886,8887],{"class":5727}," axios",[5639,8889,7142],{"class":5791},[5639,8891,8892],{"class":5664}," \"axios\"",[5639,8894,5668],{"class":5660},[5639,8896,8897],{"class":5641,"line":5686},[5639,8898,5705],{"emptyLinePlaceholder":5704},[5639,8900,8901,8903,8906],{"class":5641,"line":5701},[5639,8902,5912],{"class":5652},[5639,8904,8905],{"class":5714}," User",[5639,8907,5918],{"class":5660},[5639,8909,8910,8912,8914,8916],{"class":5641,"line":5708},[5639,8911,7985],{"class":5727},[5639,8913,5730],{"class":5660},[5639,8915,5777],{"class":5714},[5639,8917,5668],{"class":5660},[5639,8919,8920,8923,8925,8927],{"class":5641,"line":5721},[5639,8921,8922],{"class":5727},"  name",[5639,8924,5730],{"class":5660},[5639,8926,8001],{"class":5714},[5639,8928,5668],{"class":5660},[5639,8930,8931,8934,8936,8938],{"class":5641,"line":5741},[5639,8932,8933],{"class":5727},"  email",[5639,8935,5730],{"class":5660},[5639,8937,8001],{"class":5714},[5639,8939,5668],{"class":5660},[5639,8941,8942,8945,8947,8949],{"class":5641,"line":5756},[5639,8943,8944],{"class":5727},"  phone",[5639,8946,5730],{"class":5660},[5639,8948,8001],{"class":5714},[5639,8950,5668],{"class":5660},[5639,8952,8953],{"class":5641,"line":5783},[5639,8954,5936],{"class":5660},[5639,8956,8957],{"class":5641,"line":5788},[5639,8958,5705],{"emptyLinePlaceholder":5704},[5639,8960,8961,8963,8966],{"class":5641,"line":5822},[5639,8962,5912],{"class":5652},[5639,8964,8965],{"class":5714}," UserState",[5639,8967,5918],{"class":5660},[5639,8969,8970,8973,8975,8978,8980,8983],{"class":5641,"line":5846},[5639,8971,8972],{"class":5727},"  data",[5639,8974,5730],{"class":5660},[5639,8976,8977],{"class":5714},"User",[5639,8979,8057],{"class":5660},[5639,8981,8982],{"class":5714},"null",[5639,8984,5668],{"class":5660},[5639,8986,8987,8990,8992,8994],{"class":5641,"line":5876},[5639,8988,8989],{"class":5727},"  isLoading",[5639,8991,5730],{"class":5660},[5639,8993,8013],{"class":5714},[5639,8995,5668],{"class":5660},[5639,8997,8998,9001,9003,9005,9007,9009],{"class":5641,"line":5887},[5639,8999,9000],{"class":5727},"  error",[5639,9002,5730],{"class":5660},[5639,9004,8001],{"class":5714},[5639,9006,8057],{"class":5660},[5639,9008,8982],{"class":5714},[5639,9010,5668],{"class":5660},[5639,9012,9013],{"class":5641,"line":5898},[5639,9014,5936],{"class":5660},[5639,9016,9017],{"class":5641,"line":5904},[5639,9018,5705],{"emptyLinePlaceholder":5704},[5639,9020,9021,9023,9025,9027,9030],{"class":5641,"line":5909},[5639,9022,5653],{"class":5652},[5639,9024,5949],{"class":5656},[5639,9026,5730],{"class":5660},[5639,9028,9029],{"class":5714},"UserState",[5639,9031,6703],{"class":5660},[5639,9033,9034,9037,9040],{"class":5641,"line":5921},[5639,9035,9036],{"class":5727},"  data:",[5639,9038,9039],{"class":5652}," null",[5639,9041,5884],{"class":5660},[5639,9043,9044,9047,9049],{"class":5641,"line":5933},[5639,9045,9046],{"class":5727},"  isLoading:",[5639,9048,8236],{"class":5652},[5639,9050,5884],{"class":5660},[5639,9052,9053,9056,9058],{"class":5641,"line":5939},[5639,9054,9055],{"class":5727},"  error:",[5639,9057,9039],{"class":5652},[5639,9059,5884],{"class":5660},[5639,9061,9062],{"class":5641,"line":5944},[5639,9063,6725],{"class":5660},[5639,9065,9066],{"class":5641,"line":5969},[5639,9067,5705],{"emptyLinePlaceholder":5704},[5639,9069,9070],{"class":5641,"line":5974},[5639,9071,9072],{"class":5645},"\u002F\u002F Async thunk — автоматично генерує pending\u002Ffulfilled\u002Frejected actions\n",[5639,9074,9075,9077,9079,9082,9084,9086,9088,9090,9092,9094],{"class":5641,"line":6010},[5639,9076,5792],{"class":5791},[5639,9078,5795],{"class":5652},[5639,9080,9081],{"class":5656}," fetchUser",[5639,9083,5661],{"class":5660},[5639,9085,5503],{"class":5798},[5639,9087,6374],{"class":5660},[5639,9089,8977],{"class":5714},[5639,9091,5994],{"class":5660},[5639,9093,5777],{"class":5714},[5639,9095,9096],{"class":5660},">(\n",[5639,9098,9099,9102,9104],{"class":5641,"line":6027},[5639,9100,9101],{"class":5664},"  \"user\u002Ffetch\"",[5639,9103,5994],{"class":5660},[5639,9105,9106],{"class":5645},"\u002F\u002F Префікс для actions: user\u002Ffetch\u002Fpending, user\u002Ffetch\u002Ffulfilled, ...\n",[5639,9108,9109,9112,9114,9117,9120,9123,9126,9128],{"class":5641,"line":6038},[5639,9110,9111],{"class":5652},"  async",[5639,9113,5583],{"class":5660},[5639,9115,9116],{"class":5727},"userId",[5639,9118,9119],{"class":5660},", { ",[5639,9121,9122],{"class":5727},"rejectWithValue",[5639,9124,9125],{"class":5660}," }) ",[5639,9127,7389],{"class":5652},[5639,9129,5918],{"class":5660},[5639,9131,9132,9135],{"class":5641,"line":6073},[5639,9133,9134],{"class":5791},"    try",[5639,9136,5918],{"class":5660},[5639,9138,9139,9141,9143,9146,9148,9151,9153,9155,9158,9160,9162],{"class":5641,"line":6082},[5639,9140,8279],{"class":5652},[5639,9142,6190],{"class":5660},[5639,9144,9145],{"class":5656},"data",[5639,9147,6443],{"class":5660},[5639,9149,9150],{"class":5791},"await",[5639,9152,8887],{"class":5727},[5639,9154,5504],{"class":5660},[5639,9156,9157],{"class":5798},"get",[5639,9159,6374],{"class":5660},[5639,9161,8977],{"class":5714},[5639,9163,9096],{"class":5660},[5639,9165,9166,9169,9172,9174,9176],{"class":5641,"line":6108},[5639,9167,9168],{"class":5664},"        `https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F",[5639,9170,9171],{"class":5652},"${",[5639,9173,9116],{"class":5727},[5639,9175,7611],{"class":5652},[5639,9177,9178],{"class":5664},"`\n",[5639,9180,9181],{"class":5641,"line":6117},[5639,9182,9183],{"class":5660},"      );\n",[5639,9185,9186,9188,9191,9193],{"class":5641,"line":6146},[5639,9187,6041],{"class":5791},[5639,9189,9190],{"class":5727}," data",[5639,9192,5769],{"class":5660},[5639,9194,9195],{"class":5645},"\u002F\u002F Стає payload у fulfilled action\n",[5639,9197,9198,9201,9204,9206,9209],{"class":5641,"line":6154},[5639,9199,9200],{"class":5660},"    } ",[5639,9202,9203],{"class":5791},"catch",[5639,9205,5583],{"class":5660},[5639,9207,9208],{"class":5727},"error",[5639,9210,6024],{"class":5660},[5639,9212,9213,9215,9217,9220,9222,9225,9227,9229],{"class":5641,"line":6163},[5639,9214,8328],{"class":5791},[5639,9216,5583],{"class":5660},[5639,9218,9219],{"class":5727},"axios",[5639,9221,5504],{"class":5660},[5639,9223,9224],{"class":5798},"isAxiosError",[5639,9226,5983],{"class":5660},[5639,9228,9208],{"class":5727},[5639,9230,9231],{"class":5660},")) {\n",[5639,9233,9234,9237,9240,9242,9244,9246,9249,9252,9254,9256,9259,9262,9264,9266,9268],{"class":5641,"line":6169},[5639,9235,9236],{"class":5791},"        return",[5639,9238,9239],{"class":5798}," rejectWithValue",[5639,9241,5983],{"class":5660},[5639,9243,9208],{"class":5727},[5639,9245,5504],{"class":5660},[5639,9247,9248],{"class":5727},"response",[5639,9250,9251],{"class":5660},"?.",[5639,9253,9145],{"class":5727},[5639,9255,9251],{"class":5660},[5639,9257,9258],{"class":5727},"message",[5639,9260,9261],{"class":5660}," ?? ",[5639,9263,9208],{"class":5727},[5639,9265,5504],{"class":5660},[5639,9267,9258],{"class":5727},[5639,9269,6830],{"class":5660},[5639,9271,9272],{"class":5641,"line":6966},[5639,9273,8364],{"class":5660},[5639,9275,9276,9278,9280,9282,9285],{"class":5641,"line":6971},[5639,9277,6041],{"class":5791},[5639,9279,9239],{"class":5798},[5639,9281,5983],{"class":5660},[5639,9283,9284],{"class":5664},"\"Невідома помилка\"",[5639,9286,6830],{"class":5660},[5639,9288,9289],{"class":5641,"line":6983},[5639,9290,9291],{"class":5660},"    }\n",[5639,9293,9294],{"class":5641,"line":6989},[5639,9295,6166],{"class":5660},[5639,9297,9298],{"class":5641,"line":6998},[5639,9299,6830],{"class":5660},[5639,9301,9302],{"class":5641,"line":7003},[5639,9303,5705],{"emptyLinePlaceholder":5704},[5639,9305,9306,9308,9311,9313,9315],{"class":5641,"line":7008},[5639,9307,5653],{"class":5652},[5639,9309,9310],{"class":5656}," userSlice",[5639,9312,5661],{"class":5660},[5639,9314,5496],{"class":5798},[5639,9316,6252],{"class":5660},[5639,9318,9319,9321,9324],{"class":5641,"line":7013},[5639,9320,6257],{"class":5727},[5639,9322,9323],{"class":5664}," \"user\"",[5639,9325,5884],{"class":5660},[5639,9327,9328,9330],{"class":5641,"line":7018},[5639,9329,6761],{"class":5727},[5639,9331,5884],{"class":5660},[5639,9333,9334],{"class":5641,"line":7024},[5639,9335,5705],{"emptyLinePlaceholder":5704},[5639,9337,9338,9340],{"class":5641,"line":7058},[5639,9339,6287],{"class":5727},[5639,9341,5918],{"class":5660},[5639,9343,9344,9347,9349,9351],{"class":5641,"line":7063},[5639,9345,9346],{"class":5798},"    clearUser",[5639,9348,5983],{"class":5660},[5639,9350,5986],{"class":5727},[5639,9352,6024],{"class":5660},[5639,9354,9355,9357,9359,9361,9363,9365],{"class":5641,"line":7069},[5639,9356,6305],{"class":5727},[5639,9358,5504],{"class":5660},[5639,9360,9145],{"class":5727},[5639,9362,5661],{"class":5660},[5639,9364,8982],{"class":5652},[5639,9366,5668],{"class":5660},[5639,9368,9369,9371,9373,9375,9377,9379],{"class":5641,"line":8508},[5639,9370,6305],{"class":5727},[5639,9372,5504],{"class":5660},[5639,9374,9208],{"class":5727},[5639,9376,5661],{"class":5660},[5639,9378,8982],{"class":5652},[5639,9380,5668],{"class":5660},[5639,9382,9383],{"class":5641,"line":8520},[5639,9384,6324],{"class":5660},[5639,9386,9387],{"class":5641,"line":8560},[5639,9388,6406],{"class":5660},[5639,9390,9391],{"class":5641,"line":8565},[5639,9392,5705],{"emptyLinePlaceholder":5704},[5639,9394,9395],{"class":5641,"line":8570},[5639,9396,9397],{"class":5645},"  \u002F\u002F extraReducers обробляє actions поза slice (async thunks)\n",[5639,9399,9400,9403,9405,9407,9410,9412,9414],{"class":5641,"line":8575},[5639,9401,9402],{"class":5798},"  extraReducers",[5639,9404,8846],{"class":5727},[5639,9406,5583],{"class":5660},[5639,9408,9409],{"class":5727},"builder",[5639,9411,7530],{"class":5660},[5639,9413,7389],{"class":5652},[5639,9415,5918],{"class":5660},[5639,9417,9418],{"class":5641,"line":8580},[5639,9419,9420],{"class":5727},"    builder\n",[5639,9422,9423,9426,9429,9431,9434,9436,9438,9441,9443,9445,9447],{"class":5641,"line":8623},[5639,9424,9425],{"class":5660},"      .",[5639,9427,9428],{"class":5798},"addCase",[5639,9430,5983],{"class":5660},[5639,9432,9433],{"class":5727},"fetchUser",[5639,9435,5504],{"class":5660},[5639,9437,5554],{"class":5727},[5639,9439,9440],{"class":5660},", (",[5639,9442,5986],{"class":5727},[5639,9444,7530],{"class":5660},[5639,9446,7389],{"class":5652},[5639,9448,5918],{"class":5660},[5639,9450,9452,9455,9457,9460,9462,9465],{"class":5641,"line":9451},57,[5639,9453,9454],{"class":5727},"        state",[5639,9456,5504],{"class":5660},[5639,9458,9459],{"class":5727},"isLoading",[5639,9461,5661],{"class":5660},[5639,9463,9464],{"class":5652},"true",[5639,9466,5668],{"class":5660},[5639,9468,9470,9472,9474,9476,9478,9480],{"class":5641,"line":9469},58,[5639,9471,9454],{"class":5727},[5639,9473,5504],{"class":5660},[5639,9475,9208],{"class":5727},[5639,9477,5661],{"class":5660},[5639,9479,8982],{"class":5652},[5639,9481,5668],{"class":5660},[5639,9483,9485],{"class":5641,"line":9484},59,[5639,9486,9487],{"class":5660},"      })\n",[5639,9489,9491,9493,9495,9497,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9522,9524],{"class":5641,"line":9490},60,[5639,9492,9425],{"class":5660},[5639,9494,9428],{"class":5798},[5639,9496,5983],{"class":5660},[5639,9498,9433],{"class":5727},[5639,9500,5504],{"class":5660},[5639,9502,5558],{"class":5727},[5639,9504,9440],{"class":5660},[5639,9506,5986],{"class":5727},[5639,9508,5994],{"class":5660},[5639,9510,5997],{"class":5727},[5639,9512,5730],{"class":5660},[5639,9514,6197],{"class":5714},[5639,9516,6374],{"class":5660},[5639,9518,8977],{"class":5714},[5639,9520,9521],{"class":5660},">) ",[5639,9523,7389],{"class":5652},[5639,9525,5918],{"class":5660},[5639,9527,9529,9531,9533,9535,9537,9540],{"class":5641,"line":9528},61,[5639,9530,9454],{"class":5727},[5639,9532,5504],{"class":5660},[5639,9534,9459],{"class":5727},[5639,9536,5661],{"class":5660},[5639,9538,9539],{"class":5652},"false",[5639,9541,5668],{"class":5660},[5639,9543,9545,9547,9549,9551,9553,9555,9557,9559],{"class":5641,"line":9544},62,[5639,9546,9454],{"class":5727},[5639,9548,5504],{"class":5660},[5639,9550,9145],{"class":5727},[5639,9552,5661],{"class":5660},[5639,9554,5997],{"class":5727},[5639,9556,5504],{"class":5660},[5639,9558,5772],{"class":5727},[5639,9560,5668],{"class":5660},[5639,9562,9564],{"class":5641,"line":9563},63,[5639,9565,9487],{"class":5660},[5639,9567,9569,9571,9573,9575,9577,9579,9581,9583,9585,9587,9589,9591,9593],{"class":5641,"line":9568},64,[5639,9570,9425],{"class":5660},[5639,9572,9428],{"class":5798},[5639,9574,5983],{"class":5660},[5639,9576,9433],{"class":5727},[5639,9578,5504],{"class":5660},[5639,9580,5561],{"class":5727},[5639,9582,9440],{"class":5660},[5639,9584,5986],{"class":5727},[5639,9586,5994],{"class":5660},[5639,9588,5997],{"class":5727},[5639,9590,7530],{"class":5660},[5639,9592,7389],{"class":5652},[5639,9594,5918],{"class":5660},[5639,9596,9598,9600,9602,9604,9606,9608],{"class":5641,"line":9597},65,[5639,9599,9454],{"class":5727},[5639,9601,5504],{"class":5660},[5639,9603,9459],{"class":5727},[5639,9605,5661],{"class":5660},[5639,9607,9539],{"class":5652},[5639,9609,5668],{"class":5660},[5639,9611,9613,9615,9617,9619,9621,9623,9625,9627,9630,9633],{"class":5641,"line":9612},66,[5639,9614,9454],{"class":5727},[5639,9616,5504],{"class":5660},[5639,9618,9208],{"class":5727},[5639,9620,5661],{"class":5660},[5639,9622,5997],{"class":5727},[5639,9624,5504],{"class":5660},[5639,9626,5772],{"class":5727},[5639,9628,9629],{"class":5791}," as",[5639,9631,9632],{"class":5714}," string",[5639,9634,5668],{"class":5660},[5639,9636,9638],{"class":5641,"line":9637},67,[5639,9639,8243],{"class":5660},[5639,9641,9643],{"class":5641,"line":9642},68,[5639,9644,6406],{"class":5660},[5639,9646,9648],{"class":5641,"line":9647},69,[5639,9649,5901],{"class":5660},[5639,9651,9653],{"class":5641,"line":9652},70,[5639,9654,5705],{"emptyLinePlaceholder":5704},[5639,9656,9658,9660,9662,9664,9667,9669,9672,9674,9676],{"class":5641,"line":9657},71,[5639,9659,5792],{"class":5791},[5639,9661,5795],{"class":5652},[5639,9663,6190],{"class":5660},[5639,9665,9666],{"class":5656},"clearUser",[5639,9668,6443],{"class":5660},[5639,9670,9671],{"class":5727},"userSlice",[5639,9673,5504],{"class":5660},[5639,9675,6451],{"class":5727},[5639,9677,5668],{"class":5660},[5639,9679,9681,9683,9685,9687,9689,9691],{"class":5641,"line":9680},72,[5639,9682,5792],{"class":5791},[5639,9684,6460],{"class":5791},[5639,9686,9310],{"class":5727},[5639,9688,5504],{"class":5660},[5639,9690,6467],{"class":5727},[5639,9692,5668],{"class":5660},[7083,9694,9695,9703,9725],{},[5572,9696,9697],{},[5526,9698,9699,9700,8846],{},"Типізація ",[5494,9701,9702],{},"createAsyncThunk\u003CReturnType, ArgType>",[5484,9704,9705,9718],{},[5487,9706,9707,9708,9711,9712,9715,9716,7270],{},"Перший generic — тип ",[5526,9709,9710],{},"повернутого значення"," (що стане ",[5494,9713,9714],{},"action.payload"," у ",[5494,9717,5558],{},[5487,9719,9720,9721,9724],{},"Другий generic — тип ",[5526,9722,9723],{},"аргументу",", який приймає async функція.",[5572,9726,9727,9728,9731,9732,5504],{},"У прикладі вище: ",[5494,9729,9730],{},"fetchUser(userId: number)"," повертає ",[5494,9733,8977],{},[6615,9735,9737],{"id":9736},"використання-async-thunk-у-компоненті","Використання async thunk у компоненті",[5629,9739,9741],{"className":5631,"code":9740,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fcomponents\u002FUserProfile.tsx\nimport { useEffect } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"..\u002Fstore\u002Fhooks\";\nimport { fetchUser, clearUser } from \"..\u002Fstore\u002Fslices\u002FuserSlice\";\n\ninterface UserProfileProps {\n  userId: number;\n}\n\nfunction UserProfile({ userId }: UserProfileProps) {\n  const dispatch = useAppDispatch();\n  const { data: user, isLoading, error } = useAppSelector((state) => state.user);\n\n  useEffect(() => {\n    dispatch(fetchUser(userId)); \u002F\u002F Повертає Promise, можна чекати завершення\n\n    return () => {\n      dispatch(clearUser()); \u002F\u002F Cleanup при розмонтуванні\n    };\n  }, [userId, dispatch]);\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\nexport default UserProfile;\n",[5494,9742,9743,9748,9766,9786,9807,9811,9820,9831,9835,9839,9859,9871,9912,9916,9928,9947,9951,9963,9978,9983,9997,10001,10033,10075,10105,10109,10115,10130,10155,10183,10211,10219,10223,10227,10231],{"__ignoreMap":5635},[5639,9744,9745],{"class":5641,"line":5642},[5639,9746,9747],{"class":5645},"\u002F\u002F src\u002Fcomponents\u002FUserProfile.tsx\n",[5639,9749,9750,9752,9754,9757,9759,9761,9764],{"class":5641,"line":5649},[5639,9751,6187],{"class":5791},[5639,9753,6190],{"class":5660},[5639,9755,9756],{"class":5727},"useEffect",[5639,9758,6200],{"class":5660},[5639,9760,6203],{"class":5791},[5639,9762,9763],{"class":5664}," \"react\"",[5639,9765,5668],{"class":5660},[5639,9767,9768,9770,9772,9774,9776,9778,9780,9782,9784],{"class":5641,"line":5671},[5639,9769,6187],{"class":5791},[5639,9771,6190],{"class":5660},[5639,9773,5517],{"class":5727},[5639,9775,5994],{"class":5660},[5639,9777,5513],{"class":5727},[5639,9779,6200],{"class":5660},[5639,9781,6203],{"class":5791},[5639,9783,7455],{"class":5664},[5639,9785,5668],{"class":5660},[5639,9787,9788,9790,9792,9794,9796,9798,9800,9802,9805],{"class":5641,"line":5686},[5639,9789,6187],{"class":5791},[5639,9791,6190],{"class":5660},[5639,9793,9433],{"class":5727},[5639,9795,5994],{"class":5660},[5639,9797,9666],{"class":5727},[5639,9799,6200],{"class":5660},[5639,9801,6203],{"class":5791},[5639,9803,9804],{"class":5664}," \"..\u002Fstore\u002Fslices\u002FuserSlice\"",[5639,9806,5668],{"class":5660},[5639,9808,9809],{"class":5641,"line":5701},[5639,9810,5705],{"emptyLinePlaceholder":5704},[5639,9812,9813,9815,9818],{"class":5641,"line":5708},[5639,9814,5912],{"class":5652},[5639,9816,9817],{"class":5714}," UserProfileProps",[5639,9819,5918],{"class":5660},[5639,9821,9822,9825,9827,9829],{"class":5641,"line":5721},[5639,9823,9824],{"class":5727},"  userId",[5639,9826,5730],{"class":5660},[5639,9828,5777],{"class":5714},[5639,9830,5668],{"class":5660},[5639,9832,9833],{"class":5641,"line":5741},[5639,9834,5936],{"class":5660},[5639,9836,9837],{"class":5641,"line":5756},[5639,9838,5705],{"emptyLinePlaceholder":5704},[5639,9840,9841,9843,9846,9849,9851,9854,9857],{"class":5641,"line":5783},[5639,9842,5977],{"class":5652},[5639,9844,9845],{"class":5798}," UserProfile",[5639,9847,9848],{"class":5660},"({ ",[5639,9850,9116],{"class":5727},[5639,9852,9853],{"class":5660}," }: ",[5639,9855,9856],{"class":5714},"UserProfileProps",[5639,9858,6024],{"class":5660},[5639,9860,9861,9863,9865,9867,9869],{"class":5641,"line":5788},[5639,9862,7510],{"class":5652},[5639,9864,7548],{"class":5656},[5639,9866,5661],{"class":5660},[5639,9868,5517],{"class":5798},[5639,9870,7555],{"class":5660},[5639,9872,9873,9875,9877,9879,9881,9884,9886,9888,9890,9892,9894,9896,9898,9900,9902,9904,9906,9908,9910],{"class":5641,"line":5822},[5639,9874,7510],{"class":5652},[5639,9876,6190],{"class":5660},[5639,9878,9145],{"class":5727},[5639,9880,5730],{"class":5660},[5639,9882,9883],{"class":5656},"user",[5639,9885,5994],{"class":5660},[5639,9887,9459],{"class":5656},[5639,9889,5994],{"class":5660},[5639,9891,9208],{"class":5656},[5639,9893,6443],{"class":5660},[5639,9895,5513],{"class":5798},[5639,9897,7525],{"class":5660},[5639,9899,5986],{"class":5727},[5639,9901,7530],{"class":5660},[5639,9903,7389],{"class":5652},[5639,9905,6053],{"class":5727},[5639,9907,5504],{"class":5660},[5639,9909,9883],{"class":5727},[5639,9911,6830],{"class":5660},[5639,9913,9914],{"class":5641,"line":5846},[5639,9915,5705],{"emptyLinePlaceholder":5704},[5639,9917,9918,9921,9924,9926],{"class":5641,"line":5876},[5639,9919,9920],{"class":5798},"  useEffect",[5639,9922,9923],{"class":5660},"(() ",[5639,9925,7389],{"class":5652},[5639,9927,5918],{"class":5660},[5639,9929,9930,9933,9935,9937,9939,9941,9944],{"class":5641,"line":5887},[5639,9931,9932],{"class":5798},"    dispatch",[5639,9934,5983],{"class":5660},[5639,9936,9433],{"class":5798},[5639,9938,5983],{"class":5660},[5639,9940,9116],{"class":5727},[5639,9942,9943],{"class":5660},")); ",[5639,9945,9946],{"class":5645},"\u002F\u002F Повертає Promise, можна чекати завершення\n",[5639,9948,9949],{"class":5641,"line":5898},[5639,9950,5705],{"emptyLinePlaceholder":5704},[5639,9952,9953,9956,9959,9961],{"class":5641,"line":5904},[5639,9954,9955],{"class":5791},"    return",[5639,9957,9958],{"class":5660}," () ",[5639,9960,7389],{"class":5652},[5639,9962,5918],{"class":5660},[5639,9964,9965,9968,9970,9972,9975],{"class":5641,"line":5909},[5639,9966,9967],{"class":5798},"      dispatch",[5639,9969,5983],{"class":5660},[5639,9971,9666],{"class":5798},[5639,9973,9974],{"class":5660},"()); ",[5639,9976,9977],{"class":5645},"\u002F\u002F Cleanup при розмонтуванні\n",[5639,9979,9980],{"class":5641,"line":5921},[5639,9981,9982],{"class":5660},"    };\n",[5639,9984,9985,9988,9990,9992,9994],{"class":5641,"line":5933},[5639,9986,9987],{"class":5660},"  }, [",[5639,9989,9116],{"class":5727},[5639,9991,5994],{"class":5660},[5639,9993,7248],{"class":5727},[5639,9995,9996],{"class":5660},"]);\n",[5639,9998,9999],{"class":5641,"line":5939},[5639,10000,5705],{"emptyLinePlaceholder":5704},[5639,10002,10003,10006,10008,10010,10012,10015,10018,10020,10022,10025,10027,10029,10031],{"class":5641,"line":5944},[5639,10004,10005],{"class":5791},"  if",[5639,10007,5583],{"class":5660},[5639,10009,9459],{"class":5727},[5639,10011,7530],{"class":5660},[5639,10013,10014],{"class":5791},"return",[5639,10016,10017],{"class":7572}," \u003C",[5639,10019,5572],{"class":7576},[5639,10021,7600],{"class":7572},[5639,10023,10024],{"class":5660},"Завантаження профілю...",[5639,10026,7614],{"class":7572},[5639,10028,5572],{"class":7576},[5639,10030,7600],{"class":7572},[5639,10032,5668],{"class":5660},[5639,10034,10035,10037,10039,10041,10043,10045,10047,10049,10051,10053,10056,10058,10061,10063,10065,10067,10069,10071,10073],{"class":5641,"line":5969},[5639,10036,10005],{"class":5791},[5639,10038,5583],{"class":5660},[5639,10040,9208],{"class":5727},[5639,10042,7530],{"class":5660},[5639,10044,10014],{"class":5791},[5639,10046,10017],{"class":7572},[5639,10048,5572],{"class":7576},[5639,10050,7581],{"class":7580},[5639,10052,7584],{"class":5660},[5639,10054,10055],{"class":5664},"\"error\"",[5639,10057,7600],{"class":7572},[5639,10059,10060],{"class":5660},"Помилка: ",[5639,10062,7606],{"class":5652},[5639,10064,9208],{"class":5727},[5639,10066,7611],{"class":5652},[5639,10068,7614],{"class":7572},[5639,10070,5572],{"class":7576},[5639,10072,7600],{"class":7572},[5639,10074,5668],{"class":5660},[5639,10076,10077,10079,10082,10084,10086,10088,10090,10092,10094,10097,10099,10101,10103],{"class":5641,"line":5974},[5639,10078,10005],{"class":5791},[5639,10080,10081],{"class":5660}," (!",[5639,10083,9883],{"class":5727},[5639,10085,7530],{"class":5660},[5639,10087,10014],{"class":5791},[5639,10089,10017],{"class":7572},[5639,10091,5572],{"class":7576},[5639,10093,7600],{"class":7572},[5639,10095,10096],{"class":5660},"Користувача не знайдено",[5639,10098,7614],{"class":7572},[5639,10100,5572],{"class":7576},[5639,10102,7600],{"class":7572},[5639,10104,5668],{"class":5660},[5639,10106,10107],{"class":5641,"line":6010},[5639,10108,5705],{"emptyLinePlaceholder":5704},[5639,10110,10111,10113],{"class":5641,"line":6027},[5639,10112,7564],{"class":5791},[5639,10114,7567],{"class":5660},[5639,10116,10117,10119,10121,10123,10125,10128],{"class":5641,"line":6038},[5639,10118,7573],{"class":7572},[5639,10120,7577],{"class":7576},[5639,10122,7581],{"class":7580},[5639,10124,7584],{"class":5660},[5639,10126,10127],{"class":5664},"\"user-profile\"",[5639,10129,7590],{"class":7572},[5639,10131,10132,10134,10136,10138,10140,10142,10144,10147,10149,10151,10153],{"class":5641,"line":6073},[5639,10133,7595],{"class":7572},[5639,10135,5567],{"class":7576},[5639,10137,7600],{"class":7572},[5639,10139,7606],{"class":5652},[5639,10141,9883],{"class":5727},[5639,10143,5504],{"class":7655},[5639,10145,10146],{"class":5727},"name",[5639,10148,7611],{"class":5652},[5639,10150,7614],{"class":7572},[5639,10152,5567],{"class":7576},[5639,10154,7590],{"class":7572},[5639,10156,10157,10159,10161,10163,10166,10168,10170,10172,10175,10177,10179,10181],{"class":5641,"line":6082},[5639,10158,7595],{"class":7572},[5639,10160,5572],{"class":7576},[5639,10162,7600],{"class":7572},[5639,10164,10165],{"class":5660},"Email: ",[5639,10167,7606],{"class":5652},[5639,10169,9883],{"class":5727},[5639,10171,5504],{"class":7655},[5639,10173,10174],{"class":5727},"email",[5639,10176,7611],{"class":5652},[5639,10178,7614],{"class":7572},[5639,10180,5572],{"class":7576},[5639,10182,7590],{"class":7572},[5639,10184,10185,10187,10189,10191,10194,10196,10198,10200,10203,10205,10207,10209],{"class":5641,"line":6108},[5639,10186,7595],{"class":7572},[5639,10188,5572],{"class":7576},[5639,10190,7600],{"class":7572},[5639,10192,10193],{"class":5660},"Телефон: ",[5639,10195,7606],{"class":5652},[5639,10197,9883],{"class":5727},[5639,10199,5504],{"class":7655},[5639,10201,10202],{"class":5727},"phone",[5639,10204,7611],{"class":5652},[5639,10206,7614],{"class":7572},[5639,10208,5572],{"class":7576},[5639,10210,7590],{"class":7572},[5639,10212,10213,10215,10217],{"class":5641,"line":6117},[5639,10214,7887],{"class":7572},[5639,10216,7577],{"class":7576},[5639,10218,7590],{"class":7572},[5639,10220,10221],{"class":5641,"line":6146},[5639,10222,7896],{"class":5660},[5639,10224,10225],{"class":5641,"line":6154},[5639,10226,5936],{"class":5660},[5639,10228,10229],{"class":5641,"line":6163},[5639,10230,5705],{"emptyLinePlaceholder":5704},[5639,10232,10233,10235,10237,10239],{"class":5641,"line":6169},[5639,10234,5792],{"class":5791},[5639,10236,6460],{"class":5791},[5639,10238,9845],{"class":5727},[5639,10240,5668],{"class":5660},[6471,10242,10243,10252,10379],{},[5572,10244,10245,9731,10248,10251],{},[5494,10246,10247],{},"dispatch(fetchUser(userId))",[5526,10249,10250],{},"Promise",", що дозволяє чекати на завершення:",[5629,10253,10255],{"className":5631,"code":10254,"language":5634,"meta":5635,"style":5635},"try {\n  const resultAction = await dispatch(fetchUser(userId));\n  if (fetchUser.fulfilled.match(resultAction)) {\n    console.log(\"Дані завантажено:\", resultAction.payload);\n  }\n} catch (err) {\n  console.error(\"Помилка:\", err);\n}\n",[5494,10256,10257,10264,10288,10312,10337,10341,10355,10375],{"__ignoreMap":5635},[5639,10258,10259,10262],{"class":5641,"line":5642},[5639,10260,10261],{"class":5791},"try",[5639,10263,5918],{"class":5660},[5639,10265,10266,10268,10271,10273,10275,10277,10279,10281,10283,10285],{"class":5641,"line":5649},[5639,10267,7510],{"class":5652},[5639,10269,10270],{"class":5656}," resultAction",[5639,10272,5661],{"class":5660},[5639,10274,9150],{"class":5791},[5639,10276,7548],{"class":5798},[5639,10278,5983],{"class":5660},[5639,10280,9433],{"class":5798},[5639,10282,5983],{"class":5660},[5639,10284,9116],{"class":5727},[5639,10286,10287],{"class":5660},"));\n",[5639,10289,10290,10292,10294,10296,10298,10300,10302,10305,10307,10310],{"class":5641,"line":5671},[5639,10291,10005],{"class":5791},[5639,10293,5583],{"class":5660},[5639,10295,9433],{"class":5727},[5639,10297,5504],{"class":5660},[5639,10299,5558],{"class":5727},[5639,10301,5504],{"class":5660},[5639,10303,10304],{"class":5798},"match",[5639,10306,5983],{"class":5660},[5639,10308,10309],{"class":5727},"resultAction",[5639,10311,9231],{"class":5660},[5639,10313,10314,10317,10319,10322,10324,10327,10329,10331,10333,10335],{"class":5641,"line":5686},[5639,10315,10316],{"class":5727},"    console",[5639,10318,5504],{"class":5660},[5639,10320,10321],{"class":5798},"log",[5639,10323,5983],{"class":5660},[5639,10325,10326],{"class":5664},"\"Дані завантажено:\"",[5639,10328,5994],{"class":5660},[5639,10330,10309],{"class":5727},[5639,10332,5504],{"class":5660},[5639,10334,5772],{"class":5727},[5639,10336,6830],{"class":5660},[5639,10338,10339],{"class":5641,"line":5701},[5639,10340,6166],{"class":5660},[5639,10342,10343,10346,10348,10350,10353],{"class":5641,"line":5708},[5639,10344,10345],{"class":5660},"} ",[5639,10347,9203],{"class":5791},[5639,10349,5583],{"class":5660},[5639,10351,10352],{"class":5727},"err",[5639,10354,6024],{"class":5660},[5639,10356,10357,10360,10362,10364,10366,10369,10371,10373],{"class":5641,"line":5721},[5639,10358,10359],{"class":5727},"  console",[5639,10361,5504],{"class":5660},[5639,10363,9208],{"class":5798},[5639,10365,5983],{"class":5660},[5639,10367,10368],{"class":5664},"\"Помилка:\"",[5639,10370,5994],{"class":5660},[5639,10372,10352],{"class":5727},[5639,10374,6830],{"class":5660},[5639,10376,10377],{"class":5641,"line":5741},[5639,10378,5936],{"class":5660},[5572,10380,10381],{},"Це корисно для обробки результату безпосередньо у компоненті (наприклад, перенаправлення після успішної авторизації).",[5564,10383],{},[5567,10385,10387],{"id":10386},"extrareducers-обробка-зовнішніх-actions","extraReducers: обробка зовнішніх actions",[5572,10389,10390,9715,10393,10395,10396,8846],{},[5494,10391,10392],{},"reducers",[5494,10394,5496],{}," генерують actions автоматично. Але що робити, якщо потрібно обробити action з іншого slice або async thunk? Для цього є ",[5494,10397,10398],{},"extraReducers",[5629,10400,10402],{"className":5631,"code":10401,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FnotificationSlice.ts\nimport { createSlice } from \"@reduxjs\u002Ftoolkit\";\nimport { fetchUser } from \".\u002FuserSlice\"; \u002F\u002F Імпортуємо thunk з іншого slice\n\ninterface NotificationState {\n  message: string | null;\n}\n\nconst initialState: NotificationState = {\n  message: null,\n};\n\nconst notificationSlice = createSlice({\n  name: \"notification\",\n  initialState,\n\n  reducers: {\n    showNotification(state, action) {\n      state.message = action.payload;\n    },\n    clearNotification(state) {\n      state.message = null;\n    },\n  },\n\n  extraReducers: (builder) => {\n    \u002F\u002F Реагуємо на успішне завантаження користувача з userSlice\n    builder.addCase(fetchUser.fulfilled, (state, action) => {\n      state.message = `Вітаємо, ${action.payload.name}!`;\n    });\n\n    \u002F\u002F Реагуємо на помилку\n    builder.addCase(fetchUser.rejected, (state) => {\n      state.message = \"Не вдалося завантажити профіль\";\n    });\n  },\n});\n\nexport const { showNotification, clearNotification } = notificationSlice.actions;\nexport default notificationSlice.reducer;\n",[5494,10403,10404,10409,10425,10445,10449,10458,10473,10477,10481,10494,10503,10507,10511,10524,10533,10539,10543,10549,10564,10582,10586,10597,10611,10615,10619,10623,10639,10644,10675,10707,10712,10716,10721,10747,10762,10766,10770,10774,10778,10805],{"__ignoreMap":5635},[5639,10405,10406],{"class":5641,"line":5642},[5639,10407,10408],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FnotificationSlice.ts\n",[5639,10410,10411,10413,10415,10417,10419,10421,10423],{"class":5641,"line":5649},[5639,10412,6187],{"class":5791},[5639,10414,6190],{"class":5660},[5639,10416,5496],{"class":5727},[5639,10418,6200],{"class":5660},[5639,10420,6203],{"class":5791},[5639,10422,6206],{"class":5664},[5639,10424,5668],{"class":5660},[5639,10426,10427,10429,10431,10433,10435,10437,10440,10442],{"class":5641,"line":5671},[5639,10428,6187],{"class":5791},[5639,10430,6190],{"class":5660},[5639,10432,9433],{"class":5727},[5639,10434,6200],{"class":5660},[5639,10436,6203],{"class":5791},[5639,10438,10439],{"class":5664}," \".\u002FuserSlice\"",[5639,10441,5769],{"class":5660},[5639,10443,10444],{"class":5645},"\u002F\u002F Імпортуємо thunk з іншого slice\n",[5639,10446,10447],{"class":5641,"line":5686},[5639,10448,5705],{"emptyLinePlaceholder":5704},[5639,10450,10451,10453,10456],{"class":5641,"line":5701},[5639,10452,5912],{"class":5652},[5639,10454,10455],{"class":5714}," NotificationState",[5639,10457,5918],{"class":5660},[5639,10459,10460,10463,10465,10467,10469,10471],{"class":5641,"line":5708},[5639,10461,10462],{"class":5727},"  message",[5639,10464,5730],{"class":5660},[5639,10466,8001],{"class":5714},[5639,10468,8057],{"class":5660},[5639,10470,8982],{"class":5714},[5639,10472,5668],{"class":5660},[5639,10474,10475],{"class":5641,"line":5721},[5639,10476,5936],{"class":5660},[5639,10478,10479],{"class":5641,"line":5741},[5639,10480,5705],{"emptyLinePlaceholder":5704},[5639,10482,10483,10485,10487,10489,10492],{"class":5641,"line":5756},[5639,10484,5653],{"class":5652},[5639,10486,5949],{"class":5656},[5639,10488,5730],{"class":5660},[5639,10490,10491],{"class":5714},"NotificationState",[5639,10493,6703],{"class":5660},[5639,10495,10496,10499,10501],{"class":5641,"line":5783},[5639,10497,10498],{"class":5727},"  message:",[5639,10500,9039],{"class":5652},[5639,10502,5884],{"class":5660},[5639,10504,10505],{"class":5641,"line":5788},[5639,10506,6725],{"class":5660},[5639,10508,10509],{"class":5641,"line":5822},[5639,10510,5705],{"emptyLinePlaceholder":5704},[5639,10512,10513,10515,10518,10520,10522],{"class":5641,"line":5846},[5639,10514,5653],{"class":5652},[5639,10516,10517],{"class":5656}," notificationSlice",[5639,10519,5661],{"class":5660},[5639,10521,5496],{"class":5798},[5639,10523,6252],{"class":5660},[5639,10525,10526,10528,10531],{"class":5641,"line":5876},[5639,10527,6257],{"class":5727},[5639,10529,10530],{"class":5664}," \"notification\"",[5639,10532,5884],{"class":5660},[5639,10534,10535,10537],{"class":5641,"line":5887},[5639,10536,6761],{"class":5727},[5639,10538,5884],{"class":5660},[5639,10540,10541],{"class":5641,"line":5898},[5639,10542,5705],{"emptyLinePlaceholder":5704},[5639,10544,10545,10547],{"class":5641,"line":5904},[5639,10546,6287],{"class":5727},[5639,10548,5918],{"class":5660},[5639,10550,10551,10554,10556,10558,10560,10562],{"class":5641,"line":5909},[5639,10552,10553],{"class":5798},"    showNotification",[5639,10555,5983],{"class":5660},[5639,10557,5986],{"class":5727},[5639,10559,5994],{"class":5660},[5639,10561,5997],{"class":5727},[5639,10563,6024],{"class":5660},[5639,10565,10566,10568,10570,10572,10574,10576,10578,10580],{"class":5641,"line":5921},[5639,10567,6305],{"class":5727},[5639,10569,5504],{"class":5660},[5639,10571,9258],{"class":5727},[5639,10573,5661],{"class":5660},[5639,10575,5997],{"class":5727},[5639,10577,5504],{"class":5660},[5639,10579,5772],{"class":5727},[5639,10581,5668],{"class":5660},[5639,10583,10584],{"class":5641,"line":5933},[5639,10585,6324],{"class":5660},[5639,10587,10588,10591,10593,10595],{"class":5641,"line":5939},[5639,10589,10590],{"class":5798},"    clearNotification",[5639,10592,5983],{"class":5660},[5639,10594,5986],{"class":5727},[5639,10596,6024],{"class":5660},[5639,10598,10599,10601,10603,10605,10607,10609],{"class":5641,"line":5944},[5639,10600,6305],{"class":5727},[5639,10602,5504],{"class":5660},[5639,10604,9258],{"class":5727},[5639,10606,5661],{"class":5660},[5639,10608,8982],{"class":5652},[5639,10610,5668],{"class":5660},[5639,10612,10613],{"class":5641,"line":5969},[5639,10614,6324],{"class":5660},[5639,10616,10617],{"class":5641,"line":5974},[5639,10618,6406],{"class":5660},[5639,10620,10621],{"class":5641,"line":6010},[5639,10622,5705],{"emptyLinePlaceholder":5704},[5639,10624,10625,10627,10629,10631,10633,10635,10637],{"class":5641,"line":6027},[5639,10626,9402],{"class":5798},[5639,10628,8846],{"class":5727},[5639,10630,5583],{"class":5660},[5639,10632,9409],{"class":5727},[5639,10634,7530],{"class":5660},[5639,10636,7389],{"class":5652},[5639,10638,5918],{"class":5660},[5639,10640,10641],{"class":5641,"line":6038},[5639,10642,10643],{"class":5645},"    \u002F\u002F Реагуємо на успішне завантаження користувача з userSlice\n",[5639,10645,10646,10649,10651,10653,10655,10657,10659,10661,10663,10665,10667,10669,10671,10673],{"class":5641,"line":6073},[5639,10647,10648],{"class":5727},"    builder",[5639,10650,5504],{"class":5660},[5639,10652,9428],{"class":5798},[5639,10654,5983],{"class":5660},[5639,10656,9433],{"class":5727},[5639,10658,5504],{"class":5660},[5639,10660,5558],{"class":5727},[5639,10662,9440],{"class":5660},[5639,10664,5986],{"class":5727},[5639,10666,5994],{"class":5660},[5639,10668,5997],{"class":5727},[5639,10670,7530],{"class":5660},[5639,10672,7389],{"class":5652},[5639,10674,5918],{"class":5660},[5639,10676,10677,10679,10681,10683,10685,10688,10690,10692,10694,10696,10698,10700,10702,10705],{"class":5641,"line":6082},[5639,10678,6305],{"class":5727},[5639,10680,5504],{"class":5660},[5639,10682,9258],{"class":5727},[5639,10684,5661],{"class":5660},[5639,10686,10687],{"class":5664},"`Вітаємо, ",[5639,10689,9171],{"class":5652},[5639,10691,5997],{"class":5727},[5639,10693,5504],{"class":7655},[5639,10695,5772],{"class":5727},[5639,10697,5504],{"class":7655},[5639,10699,10146],{"class":5727},[5639,10701,7611],{"class":5652},[5639,10703,10704],{"class":5664},"!`",[5639,10706,5668],{"class":5660},[5639,10708,10709],{"class":5641,"line":6108},[5639,10710,10711],{"class":5660},"    });\n",[5639,10713,10714],{"class":5641,"line":6117},[5639,10715,5705],{"emptyLinePlaceholder":5704},[5639,10717,10718],{"class":5641,"line":6146},[5639,10719,10720],{"class":5645},"    \u002F\u002F Реагуємо на помилку\n",[5639,10722,10723,10725,10727,10729,10731,10733,10735,10737,10739,10741,10743,10745],{"class":5641,"line":6154},[5639,10724,10648],{"class":5727},[5639,10726,5504],{"class":5660},[5639,10728,9428],{"class":5798},[5639,10730,5983],{"class":5660},[5639,10732,9433],{"class":5727},[5639,10734,5504],{"class":5660},[5639,10736,5561],{"class":5727},[5639,10738,9440],{"class":5660},[5639,10740,5986],{"class":5727},[5639,10742,7530],{"class":5660},[5639,10744,7389],{"class":5652},[5639,10746,5918],{"class":5660},[5639,10748,10749,10751,10753,10755,10757,10760],{"class":5641,"line":6163},[5639,10750,6305],{"class":5727},[5639,10752,5504],{"class":5660},[5639,10754,9258],{"class":5727},[5639,10756,5661],{"class":5660},[5639,10758,10759],{"class":5664},"\"Не вдалося завантажити профіль\"",[5639,10761,5668],{"class":5660},[5639,10763,10764],{"class":5641,"line":6169},[5639,10765,10711],{"class":5660},[5639,10767,10768],{"class":5641,"line":6966},[5639,10769,6406],{"class":5660},[5639,10771,10772],{"class":5641,"line":6971},[5639,10773,5901],{"class":5660},[5639,10775,10776],{"class":5641,"line":6983},[5639,10777,5705],{"emptyLinePlaceholder":5704},[5639,10779,10780,10782,10784,10786,10789,10791,10794,10796,10799,10801,10803],{"class":5641,"line":6989},[5639,10781,5792],{"class":5791},[5639,10783,5795],{"class":5652},[5639,10785,6190],{"class":5660},[5639,10787,10788],{"class":5656},"showNotification",[5639,10790,5994],{"class":5660},[5639,10792,10793],{"class":5656},"clearNotification",[5639,10795,6443],{"class":5660},[5639,10797,10798],{"class":5727},"notificationSlice",[5639,10800,5504],{"class":5660},[5639,10802,6451],{"class":5727},[5639,10804,5668],{"class":5660},[5639,10806,10807,10809,10811,10813,10815,10817],{"class":5641,"line":6998},[5639,10808,5792],{"class":5791},[5639,10810,6460],{"class":5791},[5639,10812,10517],{"class":5727},[5639,10814,5504],{"class":5660},[5639,10816,6467],{"class":5727},[5639,10818,5668],{"class":5660},[5572,10820,10821,10822,10824],{},"Тепер при успішному завершенні ",[5494,10823,9433],{}," автоматично з'явиться сповіщення — без явного dispatch у компоненті.",[5564,10826],{},[5567,10828,10830],{"id":10829},"immer-як-працює-мутабельний-синтаксис","Immer: як працює «мутабельний» синтаксис",[5572,10832,10833,10834,10837],{},"Під капотом RTK використовує бібліотеку ",[5526,10835,10836],{},"Immer",", яка перехоплює всі спроби зміни стану та перетворює їх на immutable операції. Розглянемо, що насправді відбувається:",[5629,10839,10841],{"className":5631,"code":10840,"language":5634,"meta":5635,"style":5635},"\u002F\u002F Те, що ви пишете у reducer\nincrement(state) {\n  state.value += 1;\n  state.history.push(state.value);\n}\n\n\u002F\u002F Те, що Immer генерує під капотом (спрощена версія)\nincrement(state) {\n  return {\n    ...state,\n    value: state.value + 1,\n    history: [...state.history, state.value + 1],\n  };\n}\n",[5494,10842,10843,10848,10858,10873,10895,10899,10903,10908,10918,10924,10933,10950,10979,10984],{"__ignoreMap":5635},[5639,10844,10845],{"class":5641,"line":5642},[5639,10846,10847],{"class":5645},"\u002F\u002F Те, що ви пишете у reducer\n",[5639,10849,10850,10852,10854,10856],{"class":5641,"line":5649},[5639,10851,6430],{"class":5798},[5639,10853,5983],{"class":5660},[5639,10855,5986],{"class":5727},[5639,10857,6024],{"class":5660},[5639,10859,10860,10863,10865,10867,10869,10871],{"class":5641,"line":5671},[5639,10861,10862],{"class":5727},"  state",[5639,10864,5504],{"class":5660},[5639,10866,6058],{"class":5727},[5639,10868,6312],{"class":5660},[5639,10870,6064],{"class":5963},[5639,10872,5668],{"class":5660},[5639,10874,10875,10877,10879,10881,10883,10885,10887,10889,10891,10893],{"class":5641,"line":5686},[5639,10876,10862],{"class":5727},[5639,10878,5504],{"class":5660},[5639,10880,6814],{"class":5727},[5639,10882,5504],{"class":5660},[5639,10884,6819],{"class":5798},[5639,10886,5983],{"class":5660},[5639,10888,5986],{"class":5727},[5639,10890,5504],{"class":5660},[5639,10892,6058],{"class":5727},[5639,10894,6830],{"class":5660},[5639,10896,10897],{"class":5641,"line":5701},[5639,10898,5936],{"class":5660},[5639,10900,10901],{"class":5641,"line":5708},[5639,10902,5705],{"emptyLinePlaceholder":5704},[5639,10904,10905],{"class":5641,"line":5721},[5639,10906,10907],{"class":5645},"\u002F\u002F Те, що Immer генерує під капотом (спрощена версія)\n",[5639,10909,10910,10912,10914,10916],{"class":5641,"line":5741},[5639,10911,6430],{"class":5798},[5639,10913,5983],{"class":5660},[5639,10915,5986],{"class":5727},[5639,10917,6024],{"class":5660},[5639,10919,10920,10922],{"class":5641,"line":5756},[5639,10921,7564],{"class":5791},[5639,10923,5918],{"class":5660},[5639,10925,10926,10929,10931],{"class":5641,"line":5783},[5639,10927,10928],{"class":5660},"    ...",[5639,10930,5986],{"class":5727},[5639,10932,5884],{"class":5660},[5639,10934,10935,10938,10940,10942,10944,10946,10948],{"class":5641,"line":5788},[5639,10936,10937],{"class":5727},"    value:",[5639,10939,6053],{"class":5727},[5639,10941,5504],{"class":5660},[5639,10943,6058],{"class":5727},[5639,10945,6061],{"class":5660},[5639,10947,6064],{"class":5963},[5639,10949,5884],{"class":5660},[5639,10951,10952,10955,10958,10960,10962,10964,10966,10968,10970,10972,10974,10976],{"class":5641,"line":5822},[5639,10953,10954],{"class":5727},"    history:",[5639,10956,10957],{"class":5660}," [...",[5639,10959,5986],{"class":5727},[5639,10961,5504],{"class":5660},[5639,10963,6814],{"class":5727},[5639,10965,5994],{"class":5660},[5639,10967,5986],{"class":5727},[5639,10969,5504],{"class":5660},[5639,10971,6058],{"class":5727},[5639,10973,6061],{"class":5660},[5639,10975,6064],{"class":5963},[5639,10977,10978],{"class":5660},"],\n",[5639,10980,10981],{"class":5641,"line":5846},[5639,10982,10983],{"class":5660},"  };\n",[5639,10985,10986],{"class":5641,"line":5876},[5639,10987,5936],{"class":5660},[10989,10990,10991,10996,11003,11144,11151],"warning",{},[5572,10992,10993],{},[5526,10994,10995],{},"Обмеження Immer:",[5576,10997,10998],{},[5487,10999,11000],{},[5526,11001,11002],{},"Не можна комбінувати мутації та повернення нового стану:",[5629,11004,11006],{"className":5631,"code":11005,"language":5634,"meta":5635,"style":5635},"\u002F\u002F ❌ Неправильно — мутація + return\nincrement(state) {\n  state.value += 1; \u002F\u002F Мутація\n  return { ...state }; \u002F\u002F Return — Immer не застосує мутацію!\n}\n\n\u002F\u002F ✅ Правильно — або мутація, або return\nincrement(state) {\n  state.value += 1; \u002F\u002F Лише мутація\n}\n\n\u002F\u002F ✅ Або повністю новий стан\nincrement(state) {\n  return { ...state, value: state.value + 1 };\n}\n",[5494,11007,11008,11013,11023,11040,11053,11057,11061,11066,11076,11093,11097,11101,11106,11116,11140],{"__ignoreMap":5635},[5639,11009,11010],{"class":5641,"line":5642},[5639,11011,11012],{"class":5645},"\u002F\u002F ❌ Неправильно — мутація + return\n",[5639,11014,11015,11017,11019,11021],{"class":5641,"line":5649},[5639,11016,6430],{"class":5798},[5639,11018,5983],{"class":5660},[5639,11020,5986],{"class":5727},[5639,11022,6024],{"class":5660},[5639,11024,11025,11027,11029,11031,11033,11035,11037],{"class":5641,"line":5671},[5639,11026,10862],{"class":5727},[5639,11028,5504],{"class":5660},[5639,11030,6058],{"class":5727},[5639,11032,6312],{"class":5660},[5639,11034,6064],{"class":5963},[5639,11036,5769],{"class":5660},[5639,11038,11039],{"class":5645},"\u002F\u002F Мутація\n",[5639,11041,11042,11044,11046,11048,11050],{"class":5641,"line":5686},[5639,11043,7564],{"class":5791},[5639,11045,6044],{"class":5660},[5639,11047,5986],{"class":5727},[5639,11049,6067],{"class":5660},[5639,11051,11052],{"class":5645},"\u002F\u002F Return — Immer не застосує мутацію!\n",[5639,11054,11055],{"class":5641,"line":5701},[5639,11056,5936],{"class":5660},[5639,11058,11059],{"class":5641,"line":5708},[5639,11060,5705],{"emptyLinePlaceholder":5704},[5639,11062,11063],{"class":5641,"line":5721},[5639,11064,11065],{"class":5645},"\u002F\u002F ✅ Правильно — або мутація, або return\n",[5639,11067,11068,11070,11072,11074],{"class":5641,"line":5741},[5639,11069,6430],{"class":5798},[5639,11071,5983],{"class":5660},[5639,11073,5986],{"class":5727},[5639,11075,6024],{"class":5660},[5639,11077,11078,11080,11082,11084,11086,11088,11090],{"class":5641,"line":5756},[5639,11079,10862],{"class":5727},[5639,11081,5504],{"class":5660},[5639,11083,6058],{"class":5727},[5639,11085,6312],{"class":5660},[5639,11087,6064],{"class":5963},[5639,11089,5769],{"class":5660},[5639,11091,11092],{"class":5645},"\u002F\u002F Лише мутація\n",[5639,11094,11095],{"class":5641,"line":5783},[5639,11096,5936],{"class":5660},[5639,11098,11099],{"class":5641,"line":5788},[5639,11100,5705],{"emptyLinePlaceholder":5704},[5639,11102,11103],{"class":5641,"line":5822},[5639,11104,11105],{"class":5645},"\u002F\u002F ✅ Або повністю новий стан\n",[5639,11107,11108,11110,11112,11114],{"class":5641,"line":5846},[5639,11109,6430],{"class":5798},[5639,11111,5983],{"class":5660},[5639,11113,5986],{"class":5727},[5639,11115,6024],{"class":5660},[5639,11117,11118,11120,11122,11124,11126,11128,11130,11132,11134,11136,11138],{"class":5641,"line":5876},[5639,11119,7564],{"class":5791},[5639,11121,6044],{"class":5660},[5639,11123,5986],{"class":5727},[5639,11125,5994],{"class":5660},[5639,11127,5960],{"class":5727},[5639,11129,6053],{"class":5727},[5639,11131,5504],{"class":5660},[5639,11133,6058],{"class":5727},[5639,11135,6061],{"class":5660},[5639,11137,6064],{"class":5963},[5639,11139,5780],{"class":5660},[5639,11141,11142],{"class":5641,"line":5887},[5639,11143,5936],{"class":5660},[5576,11145,11146],{"start":5649},[5487,11147,11148],{},[5526,11149,11150],{},"Не можна мутувати первинні типи (number, string, boolean):",[5629,11152,11154],{"className":5631,"code":11153,"language":5634,"meta":5635,"style":5635},"\u002F\u002F ❌ Неправильно\nconst counterSlice = createSlice({\n  name: \"counter\",\n  initialState: 0, \u002F\u002F Число — первинний тип\n  reducers: {\n    increment(state) {\n      state += 1; \u002F\u002F Не працює — первинні типи незмінні у JS\n    },\n  },\n});\n\n\u002F\u002F ✅ Правильно — повернути нове значення\nincrement(state) {\n  return state + 1;\n}\n",[5494,11155,11156,11161,11173,11181,11192,11198,11208,11221,11225,11229,11233,11237,11242,11252,11264],{"__ignoreMap":5635},[5639,11157,11158],{"class":5641,"line":5642},[5639,11159,11160],{"class":5645},"\u002F\u002F ❌ Неправильно\n",[5639,11162,11163,11165,11167,11169,11171],{"class":5641,"line":5649},[5639,11164,5653],{"class":5652},[5639,11166,6245],{"class":5656},[5639,11168,5661],{"class":5660},[5639,11170,5496],{"class":5798},[5639,11172,6252],{"class":5660},[5639,11174,11175,11177,11179],{"class":5641,"line":5671},[5639,11176,6257],{"class":5727},[5639,11178,6260],{"class":5664},[5639,11180,5884],{"class":5660},[5639,11182,11183,11185,11187,11189],{"class":5641,"line":5686},[5639,11184,6267],{"class":5727},[5639,11186,5964],{"class":5963},[5639,11188,5994],{"class":5660},[5639,11190,11191],{"class":5645},"\u002F\u002F Число — первинний тип\n",[5639,11193,11194,11196],{"class":5641,"line":5701},[5639,11195,6287],{"class":5727},[5639,11197,5918],{"class":5660},[5639,11199,11200,11202,11204,11206],{"class":5641,"line":5708},[5639,11201,6294],{"class":5798},[5639,11203,5983],{"class":5660},[5639,11205,5986],{"class":5727},[5639,11207,6024],{"class":5660},[5639,11209,11210,11212,11214,11216,11218],{"class":5641,"line":5721},[5639,11211,6305],{"class":5727},[5639,11213,6312],{"class":5660},[5639,11215,6064],{"class":5963},[5639,11217,5769],{"class":5660},[5639,11219,11220],{"class":5645},"\u002F\u002F Не працює — первинні типи незмінні у JS\n",[5639,11222,11223],{"class":5641,"line":5741},[5639,11224,6324],{"class":5660},[5639,11226,11227],{"class":5641,"line":5756},[5639,11228,6406],{"class":5660},[5639,11230,11231],{"class":5641,"line":5783},[5639,11232,5901],{"class":5660},[5639,11234,11235],{"class":5641,"line":5788},[5639,11236,5705],{"emptyLinePlaceholder":5704},[5639,11238,11239],{"class":5641,"line":5822},[5639,11240,11241],{"class":5645},"\u002F\u002F ✅ Правильно — повернути нове значення\n",[5639,11243,11244,11246,11248,11250],{"class":5641,"line":5846},[5639,11245,6430],{"class":5798},[5639,11247,5983],{"class":5660},[5639,11249,5986],{"class":5727},[5639,11251,6024],{"class":5660},[5639,11253,11254,11256,11258,11260,11262],{"class":5641,"line":5876},[5639,11255,7564],{"class":5791},[5639,11257,6053],{"class":5727},[5639,11259,6061],{"class":5660},[5639,11261,6064],{"class":5963},[5639,11263,5668],{"class":5660},[5639,11265,11266],{"class":5641,"line":5887},[5639,11267,5936],{"class":5660},[5564,11269],{},[5567,11271,11273],{"id":11272},"селектори-та-createselector-для-мемоїзації","Селектори та createSelector для мемоїзації",[5572,11275,11276,11277,11279],{},"Складні обчислення у селекторах (фільтрація, сортування, агрегація) повторюються при кожному рендері компонента. RTK включає ",[5494,11278,6590],{}," для створення мемоїзованих селекторів:",[5629,11281,11283],{"className":5631,"code":11282,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FtodoSlice.ts\nimport { createSlice, createSelector } from \"@reduxjs\u002Ftoolkit\";\nimport type { RootState } from \"..\u002Findex\";\n\n\u002F\u002F ... (код slice)\n\n\u002F\u002F Базові селектори — просто витягують дані зі стану\nconst selectTodos = (state: RootState) => state.todos.todos;\nconst selectFilter = (state: RootState) => state.todos.filter;\n\n\u002F\u002F Мемоїзований селектор — перераховує лише при зміні залежностей\nexport const selectVisibleTodos = createSelector(\n  [selectTodos, selectFilter],\n  (todos, filter) => {\n    console.log(\"🔄 Перерахунок видимих задач\"); \u002F\u002F Логується лише при зміні todos\u002Ffilter\n\n    switch (filter) {\n      case \"active\":\n        return todos.filter((t) => !t.completed);\n      case \"completed\":\n        return todos.filter((t) => t.completed);\n      default:\n        return todos;\n    }\n  }\n);\n\nexport const selectTodoStats = createSelector([selectTodos], (todos) => {\n  const total = todos.length;\n  const completed = todos.filter((t) => t.completed).length;\n  const active = total - completed;\n\n  return { total, completed, active };\n});\n",[5494,11284,11285,11289,11310,11329,11333,11338,11342,11347,11378,11409,11413,11418,11434,11449,11466,11485,11489,11500,11510,11539,11548,11574,11581,11589,11593,11597,11601,11605,11634,11652,11687,11705,11709,11728],{"__ignoreMap":5635},[5639,11286,11287],{"class":5641,"line":5642},[5639,11288,7947],{"class":5645},[5639,11290,11291,11293,11295,11297,11299,11302,11304,11306,11308],{"class":5641,"line":5649},[5639,11292,6187],{"class":5791},[5639,11294,6190],{"class":5660},[5639,11296,5496],{"class":5727},[5639,11298,5994],{"class":5660},[5639,11300,11301],{"class":5727},"createSelector",[5639,11303,6200],{"class":5660},[5639,11305,6203],{"class":5791},[5639,11307,6206],{"class":5664},[5639,11309,5668],{"class":5660},[5639,11311,11312,11314,11316,11318,11320,11322,11324,11327],{"class":5641,"line":5671},[5639,11313,6187],{"class":5791},[5639,11315,7206],{"class":5791},[5639,11317,6190],{"class":5660},[5639,11319,7295],{"class":5727},[5639,11321,6200],{"class":5660},[5639,11323,6203],{"class":5791},[5639,11325,11326],{"class":5664}," \"..\u002Findex\"",[5639,11328,5668],{"class":5660},[5639,11330,11331],{"class":5641,"line":5686},[5639,11332,5705],{"emptyLinePlaceholder":5704},[5639,11334,11335],{"class":5641,"line":5701},[5639,11336,11337],{"class":5645},"\u002F\u002F ... (код slice)\n",[5639,11339,11340],{"class":5641,"line":5708},[5639,11341,5705],{"emptyLinePlaceholder":5704},[5639,11343,11344],{"class":5641,"line":5721},[5639,11345,11346],{"class":5645},"\u002F\u002F Базові селектори — просто витягують дані зі стану\n",[5639,11348,11349,11351,11354,11356,11358,11360,11362,11364,11366,11368,11370,11372,11374,11376],{"class":5641,"line":5741},[5639,11350,5653],{"class":5652},[5639,11352,11353],{"class":5798}," selectTodos",[5639,11355,5856],{"class":5660},[5639,11357,5986],{"class":5727},[5639,11359,5730],{"class":5660},[5639,11361,7295],{"class":5714},[5639,11363,7530],{"class":5660},[5639,11365,7389],{"class":5652},[5639,11367,6053],{"class":5727},[5639,11369,5504],{"class":5660},[5639,11371,8198],{"class":5727},[5639,11373,5504],{"class":5660},[5639,11375,8198],{"class":5727},[5639,11377,5668],{"class":5660},[5639,11379,11380,11382,11385,11387,11389,11391,11393,11395,11397,11399,11401,11403,11405,11407],{"class":5641,"line":5756},[5639,11381,5653],{"class":5652},[5639,11383,11384],{"class":5798}," selectFilter",[5639,11386,5856],{"class":5660},[5639,11388,5986],{"class":5727},[5639,11390,5730],{"class":5660},[5639,11392,7295],{"class":5714},[5639,11394,7530],{"class":5660},[5639,11396,7389],{"class":5652},[5639,11398,6053],{"class":5727},[5639,11400,5504],{"class":5660},[5639,11402,8198],{"class":5727},[5639,11404,5504],{"class":5660},[5639,11406,8416],{"class":5727},[5639,11408,5668],{"class":5660},[5639,11410,11411],{"class":5641,"line":5783},[5639,11412,5705],{"emptyLinePlaceholder":5704},[5639,11414,11415],{"class":5641,"line":5788},[5639,11416,11417],{"class":5645},"\u002F\u002F Мемоїзований селектор — перераховує лише при зміні залежностей\n",[5639,11419,11420,11422,11424,11427,11429,11431],{"class":5641,"line":5822},[5639,11421,5792],{"class":5791},[5639,11423,5795],{"class":5652},[5639,11425,11426],{"class":5656}," selectVisibleTodos",[5639,11428,5661],{"class":5660},[5639,11430,11301],{"class":5798},[5639,11432,11433],{"class":5660},"(\n",[5639,11435,11436,11439,11442,11444,11447],{"class":5641,"line":5846},[5639,11437,11438],{"class":5660},"  [",[5639,11440,11441],{"class":5727},"selectTodos",[5639,11443,5994],{"class":5660},[5639,11445,11446],{"class":5727},"selectFilter",[5639,11448,10978],{"class":5660},[5639,11450,11451,11454,11456,11458,11460,11462,11464],{"class":5641,"line":5876},[5639,11452,11453],{"class":5660},"  (",[5639,11455,8198],{"class":5727},[5639,11457,5994],{"class":5660},[5639,11459,8416],{"class":5727},[5639,11461,7530],{"class":5660},[5639,11463,7389],{"class":5652},[5639,11465,5918],{"class":5660},[5639,11467,11468,11470,11472,11474,11476,11479,11482],{"class":5641,"line":5887},[5639,11469,10316],{"class":5727},[5639,11471,5504],{"class":5660},[5639,11473,10321],{"class":5798},[5639,11475,5983],{"class":5660},[5639,11477,11478],{"class":5664},"\"🔄 Перерахунок видимих задач\"",[5639,11480,11481],{"class":5660},"); ",[5639,11483,11484],{"class":5645},"\u002F\u002F Логується лише при зміні todos\u002Ffilter\n",[5639,11486,11487],{"class":5641,"line":5898},[5639,11488,5705],{"emptyLinePlaceholder":5704},[5639,11490,11491,11494,11496,11498],{"class":5641,"line":5904},[5639,11492,11493],{"class":5791},"    switch",[5639,11495,5583],{"class":5660},[5639,11497,8416],{"class":5727},[5639,11499,6024],{"class":5660},[5639,11501,11502,11505,11508],{"class":5641,"line":5909},[5639,11503,11504],{"class":5791},"      case",[5639,11506,11507],{"class":5664}," \"active\"",[5639,11509,6035],{"class":5660},[5639,11511,11512,11514,11517,11519,11521,11523,11525,11527,11529,11531,11533,11535,11537],{"class":5641,"line":5921},[5639,11513,9236],{"class":5791},[5639,11515,11516],{"class":5727}," todos",[5639,11518,5504],{"class":5660},[5639,11520,8416],{"class":5798},[5639,11522,7525],{"class":5660},[5639,11524,8300],{"class":5727},[5639,11526,7530],{"class":5660},[5639,11528,7389],{"class":5652},[5639,11530,8549],{"class":5660},[5639,11532,8300],{"class":5727},[5639,11534,5504],{"class":5660},[5639,11536,8345],{"class":5727},[5639,11538,6830],{"class":5660},[5639,11540,11541,11543,11546],{"class":5641,"line":5933},[5639,11542,11504],{"class":5791},[5639,11544,11545],{"class":5664}," \"completed\"",[5639,11547,6035],{"class":5660},[5639,11549,11550,11552,11554,11556,11558,11560,11562,11564,11566,11568,11570,11572],{"class":5641,"line":5939},[5639,11551,9236],{"class":5791},[5639,11553,11516],{"class":5727},[5639,11555,5504],{"class":5660},[5639,11557,8416],{"class":5798},[5639,11559,7525],{"class":5660},[5639,11561,8300],{"class":5727},[5639,11563,7530],{"class":5660},[5639,11565,7389],{"class":5652},[5639,11567,8307],{"class":5727},[5639,11569,5504],{"class":5660},[5639,11571,8345],{"class":5727},[5639,11573,6830],{"class":5660},[5639,11575,11576,11579],{"class":5641,"line":5944},[5639,11577,11578],{"class":5791},"      default",[5639,11580,6035],{"class":5660},[5639,11582,11583,11585,11587],{"class":5641,"line":5969},[5639,11584,9236],{"class":5791},[5639,11586,11516],{"class":5727},[5639,11588,5668],{"class":5660},[5639,11590,11591],{"class":5641,"line":5974},[5639,11592,9291],{"class":5660},[5639,11594,11595],{"class":5641,"line":6010},[5639,11596,6166],{"class":5660},[5639,11598,11599],{"class":5641,"line":6027},[5639,11600,6830],{"class":5660},[5639,11602,11603],{"class":5641,"line":6038},[5639,11604,5705],{"emptyLinePlaceholder":5704},[5639,11606,11607,11609,11611,11614,11616,11618,11621,11623,11626,11628,11630,11632],{"class":5641,"line":6073},[5639,11608,5792],{"class":5791},[5639,11610,5795],{"class":5652},[5639,11612,11613],{"class":5656}," selectTodoStats",[5639,11615,5661],{"class":5660},[5639,11617,11301],{"class":5798},[5639,11619,11620],{"class":5660},"([",[5639,11622,11441],{"class":5727},[5639,11624,11625],{"class":5660},"], (",[5639,11627,8198],{"class":5727},[5639,11629,7530],{"class":5660},[5639,11631,7389],{"class":5652},[5639,11633,5918],{"class":5660},[5639,11635,11636,11638,11641,11643,11645,11647,11650],{"class":5641,"line":6082},[5639,11637,7510],{"class":5652},[5639,11639,11640],{"class":5656}," total",[5639,11642,5661],{"class":5660},[5639,11644,8198],{"class":5727},[5639,11646,5504],{"class":5660},[5639,11648,11649],{"class":5727},"length",[5639,11651,5668],{"class":5660},[5639,11653,11654,11656,11659,11661,11663,11665,11667,11669,11671,11673,11675,11677,11679,11681,11683,11685],{"class":5641,"line":6108},[5639,11655,7510],{"class":5652},[5639,11657,11658],{"class":5656}," completed",[5639,11660,5661],{"class":5660},[5639,11662,8198],{"class":5727},[5639,11664,5504],{"class":5660},[5639,11666,8416],{"class":5798},[5639,11668,7525],{"class":5660},[5639,11670,8300],{"class":5727},[5639,11672,7530],{"class":5660},[5639,11674,7389],{"class":5652},[5639,11676,8307],{"class":5727},[5639,11678,5504],{"class":5660},[5639,11680,8345],{"class":5727},[5639,11682,7270],{"class":5660},[5639,11684,11649],{"class":5727},[5639,11686,5668],{"class":5660},[5639,11688,11689,11691,11694,11696,11699,11701,11703],{"class":5641,"line":6117},[5639,11690,7510],{"class":5652},[5639,11692,11693],{"class":5656}," active",[5639,11695,5661],{"class":5660},[5639,11697,11698],{"class":5727},"total",[5639,11700,6101],{"class":5660},[5639,11702,8345],{"class":5727},[5639,11704,5668],{"class":5660},[5639,11706,11707],{"class":5641,"line":6146},[5639,11708,5705],{"emptyLinePlaceholder":5704},[5639,11710,11711,11713,11715,11717,11719,11721,11723,11726],{"class":5641,"line":6154},[5639,11712,7564],{"class":5791},[5639,11714,6190],{"class":5660},[5639,11716,11698],{"class":5727},[5639,11718,5994],{"class":5660},[5639,11720,8345],{"class":5727},[5639,11722,5994],{"class":5660},[5639,11724,11725],{"class":5727},"active",[5639,11727,5780],{"class":5660},[5639,11729,11730],{"class":5641,"line":6163},[5639,11731,5901],{"class":5660},[5572,11733,11734],{},"Використання у компоненті:",[5629,11736,11738],{"className":5631,"code":11737,"language":5634,"meta":5635,"style":5635},"function TodoList() {\n  const visibleTodos = useAppSelector(selectVisibleTodos);\n  const stats = useAppSelector(selectTodoStats);\n\n  return (\n    \u003Cdiv>\n      \u003Cp>Всього: {stats.total} | Активних: {stats.active} | Виконаних: {stats.completed}\u003C\u002Fp>\n      \u003Cul>\n        {visibleTodos.map((todo) => (\n          \u003Cli key={todo.id}>{todo.text}\u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  );\n}\n",[5494,11739,11740,11749,11767,11785,11789,11795,11803,11857,11865,11888,11929,11936,11944,11952,11956],{"__ignoreMap":5635},[5639,11741,11742,11744,11747],{"class":5641,"line":5642},[5639,11743,5977],{"class":5652},[5639,11745,11746],{"class":5798}," TodoList",[5639,11748,7500],{"class":5660},[5639,11750,11751,11753,11756,11758,11760,11762,11765],{"class":5641,"line":5649},[5639,11752,7510],{"class":5652},[5639,11754,11755],{"class":5656}," visibleTodos",[5639,11757,5661],{"class":5660},[5639,11759,5513],{"class":5798},[5639,11761,5983],{"class":5660},[5639,11763,11764],{"class":5727},"selectVisibleTodos",[5639,11766,6830],{"class":5660},[5639,11768,11769,11771,11774,11776,11778,11780,11783],{"class":5641,"line":5671},[5639,11770,7510],{"class":5652},[5639,11772,11773],{"class":5656}," stats",[5639,11775,5661],{"class":5660},[5639,11777,5513],{"class":5798},[5639,11779,5983],{"class":5660},[5639,11781,11782],{"class":5727},"selectTodoStats",[5639,11784,6830],{"class":5660},[5639,11786,11787],{"class":5641,"line":5686},[5639,11788,5705],{"emptyLinePlaceholder":5704},[5639,11790,11791,11793],{"class":5641,"line":5701},[5639,11792,7564],{"class":5791},[5639,11794,7567],{"class":5660},[5639,11796,11797,11799,11801],{"class":5641,"line":5708},[5639,11798,7573],{"class":7572},[5639,11800,7577],{"class":7576},[5639,11802,7590],{"class":7572},[5639,11804,11805,11807,11809,11811,11814,11816,11819,11821,11823,11825,11828,11830,11832,11834,11836,11838,11841,11843,11845,11847,11849,11851,11853,11855],{"class":5641,"line":5721},[5639,11806,7595],{"class":7572},[5639,11808,5572],{"class":7576},[5639,11810,7600],{"class":7572},[5639,11812,11813],{"class":5660},"Всього: ",[5639,11815,7606],{"class":5652},[5639,11817,11818],{"class":5727},"stats",[5639,11820,5504],{"class":7655},[5639,11822,11698],{"class":5727},[5639,11824,7611],{"class":5652},[5639,11826,11827],{"class":5660}," | Активних: ",[5639,11829,7606],{"class":5652},[5639,11831,11818],{"class":5727},[5639,11833,5504],{"class":7655},[5639,11835,11725],{"class":5727},[5639,11837,7611],{"class":5652},[5639,11839,11840],{"class":5660}," | Виконаних: ",[5639,11842,7606],{"class":5652},[5639,11844,11818],{"class":5727},[5639,11846,5504],{"class":7655},[5639,11848,8345],{"class":5727},[5639,11850,7611],{"class":5652},[5639,11852,7614],{"class":7572},[5639,11854,5572],{"class":7576},[5639,11856,7590],{"class":7572},[5639,11858,11859,11861,11863],{"class":5641,"line":5741},[5639,11860,7595],{"class":7572},[5639,11862,5484],{"class":7576},[5639,11864,7590],{"class":7572},[5639,11866,11867,11870,11873,11875,11878,11880,11882,11884,11886],{"class":5641,"line":5756},[5639,11868,11869],{"class":5652},"        {",[5639,11871,11872],{"class":5727},"visibleTodos",[5639,11874,5504],{"class":7655},[5639,11876,11877],{"class":5798},"map",[5639,11879,7525],{"class":7655},[5639,11881,8333],{"class":5727},[5639,11883,7530],{"class":7655},[5639,11885,7389],{"class":5652},[5639,11887,7567],{"class":7655},[5639,11889,11890,11893,11895,11898,11900,11902,11904,11906,11908,11910,11912,11914,11916,11918,11921,11923,11925,11927],{"class":5641,"line":5783},[5639,11891,11892],{"class":7572},"          \u003C",[5639,11894,5487],{"class":7576},[5639,11896,11897],{"class":7580}," key",[5639,11899,7584],{"class":5660},[5639,11901,7606],{"class":5652},[5639,11903,8333],{"class":5727},[5639,11905,5504],{"class":7655},[5639,11907,8312],{"class":5727},[5639,11909,7611],{"class":5652},[5639,11911,7600],{"class":7572},[5639,11913,7606],{"class":5652},[5639,11915,8333],{"class":5727},[5639,11917,5504],{"class":7655},[5639,11919,11920],{"class":5727},"text",[5639,11922,7611],{"class":5652},[5639,11924,7614],{"class":7572},[5639,11926,5487],{"class":7576},[5639,11928,7590],{"class":7572},[5639,11930,11931,11934],{"class":5641,"line":5788},[5639,11932,11933],{"class":7655},"        ))",[5639,11935,5936],{"class":5652},[5639,11937,11938,11940,11942],{"class":5641,"line":5822},[5639,11939,7802],{"class":7572},[5639,11941,5484],{"class":7576},[5639,11943,7590],{"class":7572},[5639,11945,11946,11948,11950],{"class":5641,"line":5846},[5639,11947,7887],{"class":7572},[5639,11949,7577],{"class":7576},[5639,11951,7590],{"class":7572},[5639,11953,11954],{"class":5641,"line":5876},[5639,11955,7896],{"class":5660},[5639,11957,11958],{"class":5641,"line":5887},[5639,11959,5936],{"class":5660},[7083,11961,11962,11964,11965,5994,11967,11969],{},[5494,11963,11301],{}," кешує результат обчислення та повертає його, якщо вхідні дані (",[5494,11966,8198],{},[5494,11968,8416],{},") не змінилися. Це запобігає зайвим ререндерам компонентів, які підписані на селектор.",[5564,11971],{},[5567,11973,11975],{"id":11974},"middleware-у-redux-toolkit","Middleware у Redux Toolkit",[5572,11977,11978,11980,11981,11983],{},[5494,11979,7125],{}," автоматично підключає ",[5494,11982,6584],{},", але можна додати власні middleware (логування, аналітика, помилки):",[5629,11985,11987],{"className":5631,"code":11986,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fmiddleware\u002Flogger.ts\nimport { Middleware } from \"@reduxjs\u002Ftoolkit\";\n\nexport const loggerMiddleware: Middleware = (storeAPI) => (next) => (action) => {\n  console.log(\"⚡ Action:\", action.type);\n  console.log(\"📦 Поточний стан:\", storeAPI.getState());\n\n  const result = next(action); \u002F\u002F Передаємо action далі\n\n  console.log(\"✅ Новий стан:\", storeAPI.getState());\n  return result;\n};\n",[5494,11988,11989,11994,12010,12014,12055,12078,12102,12106,12126,12130,12153,12161],{"__ignoreMap":5635},[5639,11990,11991],{"class":5641,"line":5642},[5639,11992,11993],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fmiddleware\u002Flogger.ts\n",[5639,11995,11996,11998,12000,12002,12004,12006,12008],{"class":5641,"line":5649},[5639,11997,6187],{"class":5791},[5639,11999,6190],{"class":5660},[5639,12001,5620],{"class":5727},[5639,12003,6200],{"class":5660},[5639,12005,6203],{"class":5791},[5639,12007,6206],{"class":5664},[5639,12009,5668],{"class":5660},[5639,12011,12012],{"class":5641,"line":5671},[5639,12013,5705],{"emptyLinePlaceholder":5704},[5639,12015,12016,12018,12020,12023,12025,12027,12029,12032,12034,12036,12038,12041,12043,12045,12047,12049,12051,12053],{"class":5641,"line":5686},[5639,12017,5792],{"class":5791},[5639,12019,5795],{"class":5652},[5639,12021,12022],{"class":5798}," loggerMiddleware",[5639,12024,5730],{"class":5660},[5639,12026,5620],{"class":5714},[5639,12028,5856],{"class":5660},[5639,12030,12031],{"class":5727},"storeAPI",[5639,12033,7530],{"class":5660},[5639,12035,7389],{"class":5652},[5639,12037,5583],{"class":5660},[5639,12039,12040],{"class":5727},"next",[5639,12042,7530],{"class":5660},[5639,12044,7389],{"class":5652},[5639,12046,5583],{"class":5660},[5639,12048,5997],{"class":5727},[5639,12050,7530],{"class":5660},[5639,12052,7389],{"class":5652},[5639,12054,5918],{"class":5660},[5639,12056,12057,12059,12061,12063,12065,12068,12070,12072,12074,12076],{"class":5641,"line":5701},[5639,12058,10359],{"class":5727},[5639,12060,5504],{"class":5660},[5639,12062,10321],{"class":5798},[5639,12064,5983],{"class":5660},[5639,12066,12067],{"class":5664},"\"⚡ Action:\"",[5639,12069,5994],{"class":5660},[5639,12071,5997],{"class":5727},[5639,12073,5504],{"class":5660},[5639,12075,5711],{"class":5727},[5639,12077,6830],{"class":5660},[5639,12079,12080,12082,12084,12086,12088,12091,12093,12095,12097,12099],{"class":5641,"line":5708},[5639,12081,10359],{"class":5727},[5639,12083,5504],{"class":5660},[5639,12085,10321],{"class":5798},[5639,12087,5983],{"class":5660},[5639,12089,12090],{"class":5664},"\"📦 Поточний стан:\"",[5639,12092,5994],{"class":5660},[5639,12094,12031],{"class":5727},[5639,12096,5504],{"class":5660},[5639,12098,7225],{"class":5798},[5639,12100,12101],{"class":5660},"());\n",[5639,12103,12104],{"class":5641,"line":5721},[5639,12105,5705],{"emptyLinePlaceholder":5704},[5639,12107,12108,12110,12113,12115,12117,12119,12121,12123],{"class":5641,"line":5741},[5639,12109,7510],{"class":5652},[5639,12111,12112],{"class":5656}," result",[5639,12114,5661],{"class":5660},[5639,12116,12040],{"class":5798},[5639,12118,5983],{"class":5660},[5639,12120,5997],{"class":5727},[5639,12122,11481],{"class":5660},[5639,12124,12125],{"class":5645},"\u002F\u002F Передаємо action далі\n",[5639,12127,12128],{"class":5641,"line":5756},[5639,12129,5705],{"emptyLinePlaceholder":5704},[5639,12131,12132,12134,12136,12138,12140,12143,12145,12147,12149,12151],{"class":5641,"line":5783},[5639,12133,10359],{"class":5727},[5639,12135,5504],{"class":5660},[5639,12137,10321],{"class":5798},[5639,12139,5983],{"class":5660},[5639,12141,12142],{"class":5664},"\"✅ Новий стан:\"",[5639,12144,5994],{"class":5660},[5639,12146,12031],{"class":5727},[5639,12148,5504],{"class":5660},[5639,12150,7225],{"class":5798},[5639,12152,12101],{"class":5660},[5639,12154,12155,12157,12159],{"class":5641,"line":5788},[5639,12156,7564],{"class":5791},[5639,12158,12112],{"class":5727},[5639,12160,5668],{"class":5660},[5639,12162,12163],{"class":5641,"line":5822},[5639,12164,6725],{"class":5660},[5629,12166,12168],{"className":5631,"code":12167,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Findex.ts\nimport { configureStore } from \"@reduxjs\u002Ftoolkit\";\nimport counterReducer from \".\u002Fslices\u002FcounterSlice\";\nimport { loggerMiddleware } from \".\u002Fmiddleware\u002Flogger\";\n\nexport const store = configureStore({\n  reducer: {\n    counter: counterReducer,\n  },\n  middleware: (getDefaultMiddleware) =>\n    getDefaultMiddleware().concat(loggerMiddleware),\n});\n",[5494,12169,12170,12174,12190,12202,12220,12224,12238,12244,12252,12256,12273,12291],{"__ignoreMap":5635},[5639,12171,12172],{"class":5641,"line":5642},[5639,12173,7116],{"class":5645},[5639,12175,12176,12178,12180,12182,12184,12186,12188],{"class":5641,"line":5649},[5639,12177,6187],{"class":5791},[5639,12179,6190],{"class":5660},[5639,12181,7125],{"class":5727},[5639,12183,6200],{"class":5660},[5639,12185,6203],{"class":5791},[5639,12187,6206],{"class":5664},[5639,12189,5668],{"class":5660},[5639,12191,12192,12194,12196,12198,12200],{"class":5641,"line":5671},[5639,12193,6187],{"class":5791},[5639,12195,5980],{"class":5727},[5639,12197,7142],{"class":5791},[5639,12199,7145],{"class":5664},[5639,12201,5668],{"class":5660},[5639,12203,12204,12206,12208,12211,12213,12215,12218],{"class":5641,"line":5686},[5639,12205,6187],{"class":5791},[5639,12207,6190],{"class":5660},[5639,12209,12210],{"class":5727},"loggerMiddleware",[5639,12212,6200],{"class":5660},[5639,12214,6203],{"class":5791},[5639,12216,12217],{"class":5664}," \".\u002Fmiddleware\u002Flogger\"",[5639,12219,5668],{"class":5660},[5639,12221,12222],{"class":5641,"line":5701},[5639,12223,5705],{"emptyLinePlaceholder":5704},[5639,12225,12226,12228,12230,12232,12234,12236],{"class":5641,"line":5708},[5639,12227,5792],{"class":5791},[5639,12229,5795],{"class":5652},[5639,12231,7160],{"class":5656},[5639,12233,5661],{"class":5660},[5639,12235,7125],{"class":5798},[5639,12237,6252],{"class":5660},[5639,12239,12240,12242],{"class":5641,"line":5721},[5639,12241,7171],{"class":5727},[5639,12243,5918],{"class":5660},[5639,12245,12246,12248,12250],{"class":5641,"line":5741},[5639,12247,7178],{"class":5727},[5639,12249,5980],{"class":5727},[5639,12251,5884],{"class":5660},[5639,12253,12254],{"class":5641,"line":5756},[5639,12255,6406],{"class":5660},[5639,12257,12258,12261,12263,12265,12268,12270],{"class":5641,"line":5783},[5639,12259,12260],{"class":5798},"  middleware",[5639,12262,8846],{"class":5727},[5639,12264,5583],{"class":5660},[5639,12266,12267],{"class":5727},"getDefaultMiddleware",[5639,12269,7530],{"class":5660},[5639,12271,12272],{"class":5652},"=>\n",[5639,12274,12275,12278,12281,12284,12286,12288],{"class":5641,"line":5788},[5639,12276,12277],{"class":5798},"    getDefaultMiddleware",[5639,12279,12280],{"class":5660},"().",[5639,12282,12283],{"class":5798},"concat",[5639,12285,5983],{"class":5660},[5639,12287,12210],{"class":5727},[5639,12289,12290],{"class":5660},"),\n",[5639,12292,12293],{"class":5641,"line":5822},[5639,12294,5901],{"class":5660},[6471,12296,12297,12300,12301,12304],{},[5494,12298,12299],{},"getDefaultMiddleware()"," повертає стандартний набір middleware (redux-thunk, перевірки immutability у dev-режимі). Викликайте ",[5494,12302,12303],{},".concat()"," для додавання власних middleware, щоб не втратити стандартні.",[5564,12306],{},[5567,12308,12310],{"id":12309},"практичний-приклад-книгарня-з-асинхронними-операціями","Практичний приклад: книгарня з асинхронними операціями",[5572,12312,12313],{},"Об'єднаємо всі концепції RTK у повноцінному CRUD-застосунку для управління книгами:",[5629,12315,12317],{"className":5631,"code":12316,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FbooksSlice.ts\nimport { createSlice, createAsyncThunk, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\nimport axios from \"axios\";\n\ninterface Book {\n  id: number;\n  title: string;\n  author: string;\n  year: number;\n  genre: string;\n  price: number;\n}\n\ninterface BooksState {\n  items: Book[];\n  isLoading: boolean;\n  error: string | null;\n  filter: string;\n}\n\nconst initialState: BooksState = {\n  items: [],\n  isLoading: false,\n  error: null,\n  filter: \"all\",\n};\n\n\u002F\u002F Async thunks для API-взаємодії\nexport const fetchBooks = createAsyncThunk\u003CBook[]>(\n  \"books\u002FfetchAll\",\n  async () => {\n    const { data } = await axios.get\u003CBook[]>(\"http:\u002F\u002Flocalhost:3001\u002Fbooks\");\n    return data;\n  }\n);\n\nexport const addBook = createAsyncThunk\u003CBook, Omit\u003CBook, \"id\">>(\n  \"books\u002Fadd\",\n  async (bookData) => {\n    const { data } = await axios.post\u003CBook>(\"http:\u002F\u002Flocalhost:3001\u002Fbooks\", bookData);\n    return data;\n  }\n);\n\nexport const deleteBook = createAsyncThunk\u003Cnumber, number>(\n  \"books\u002Fdelete\",\n  async (id) => {\n    await axios.delete(`http:\u002F\u002Flocalhost:3001\u002Fbooks\u002F${id}`);\n    return id; \u002F\u002F Повертаємо ID для видалення з масиву\n  }\n);\n\nconst booksSlice = createSlice({\n  name: \"books\",\n  initialState,\n\n  reducers: {\n    setFilter(state, action: PayloadAction\u003Cstring>) {\n      state.filter = action.payload;\n    },\n  },\n\n  extraReducers: (builder) => {\n    \u002F\u002F Fetch books\n    builder\n      .addCase(fetchBooks.pending, (state) => {\n        state.isLoading = true;\n        state.error = null;\n      })\n      .addCase(fetchBooks.fulfilled, (state, action) => {\n        state.isLoading = false;\n        state.items = action.payload;\n      })\n      .addCase(fetchBooks.rejected, (state, action) => {\n        state.isLoading = false;\n        state.error = action.error.message ?? \"Помилка завантаження\";\n      });\n\n    \u002F\u002F Add book\n    builder\n      .addCase(addBook.fulfilled, (state, action) => {\n        state.items.push(action.payload);\n      })\n      .addCase(addBook.rejected, (state, action) => {\n        state.error = action.error.message ?? \"Помилка додавання\";\n      });\n\n    \u002F\u002F Delete book\n    builder\n      .addCase(deleteBook.fulfilled, (state, action) => {\n        state.items = state.items.filter((book) => book.id !== action.payload);\n      })\n      .addCase(deleteBook.rejected, (state, action) => {\n        state.error = action.error.message ?? \"Помилка видалення\";\n      });\n  },\n});\n\nexport const { setFilter } = booksSlice.actions;\nexport default booksSlice.reducer;\n",[5494,12318,12319,12324,12348,12360,12364,12373,12383,12394,12405,12416,12427,12438,12442,12446,12455,12467,12477,12491,12501,12505,12509,12522,12529,12537,12545,12553,12557,12561,12566,12586,12593,12603,12634,12642,12646,12650,12654,12688,12695,12710,12744,12752,12756,12760,12764,12787,12794,12808,12836,12848,12852,12856,12860,12873,12882,12888,12892,12898,12920,12938,12942,12946,12950,12966,12971,12975,13000,13014,13028,13032,13060,13074,13093,13098,13127,13142,13170,13175,13180,13186,13191,13221,13244,13249,13278,13306,13311,13316,13322,13327,13357,13404,13409,13438,13466,13471,13476,13481,13486,13508],{"__ignoreMap":5635},[5639,12320,12321],{"class":5641,"line":5642},[5639,12322,12323],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FbooksSlice.ts\n",[5639,12325,12326,12328,12330,12332,12334,12336,12338,12340,12342,12344,12346],{"class":5641,"line":5649},[5639,12327,6187],{"class":5791},[5639,12329,6190],{"class":5660},[5639,12331,5496],{"class":5727},[5639,12333,5994],{"class":5660},[5639,12335,5503],{"class":5727},[5639,12337,5994],{"class":5660},[5639,12339,6197],{"class":5727},[5639,12341,6200],{"class":5660},[5639,12343,6203],{"class":5791},[5639,12345,6206],{"class":5664},[5639,12347,5668],{"class":5660},[5639,12349,12350,12352,12354,12356,12358],{"class":5641,"line":5671},[5639,12351,6187],{"class":5791},[5639,12353,8887],{"class":5727},[5639,12355,7142],{"class":5791},[5639,12357,8892],{"class":5664},[5639,12359,5668],{"class":5660},[5639,12361,12362],{"class":5641,"line":5686},[5639,12363,5705],{"emptyLinePlaceholder":5704},[5639,12365,12366,12368,12371],{"class":5641,"line":5701},[5639,12367,5912],{"class":5652},[5639,12369,12370],{"class":5714}," Book",[5639,12372,5918],{"class":5660},[5639,12374,12375,12377,12379,12381],{"class":5641,"line":5708},[5639,12376,7985],{"class":5727},[5639,12378,5730],{"class":5660},[5639,12380,5777],{"class":5714},[5639,12382,5668],{"class":5660},[5639,12384,12385,12388,12390,12392],{"class":5641,"line":5721},[5639,12386,12387],{"class":5727},"  title",[5639,12389,5730],{"class":5660},[5639,12391,8001],{"class":5714},[5639,12393,5668],{"class":5660},[5639,12395,12396,12399,12401,12403],{"class":5641,"line":5741},[5639,12397,12398],{"class":5727},"  author",[5639,12400,5730],{"class":5660},[5639,12402,8001],{"class":5714},[5639,12404,5668],{"class":5660},[5639,12406,12407,12410,12412,12414],{"class":5641,"line":5756},[5639,12408,12409],{"class":5727},"  year",[5639,12411,5730],{"class":5660},[5639,12413,5777],{"class":5714},[5639,12415,5668],{"class":5660},[5639,12417,12418,12421,12423,12425],{"class":5641,"line":5783},[5639,12419,12420],{"class":5727},"  genre",[5639,12422,5730],{"class":5660},[5639,12424,8001],{"class":5714},[5639,12426,5668],{"class":5660},[5639,12428,12429,12432,12434,12436],{"class":5641,"line":5788},[5639,12430,12431],{"class":5727},"  price",[5639,12433,5730],{"class":5660},[5639,12435,5777],{"class":5714},[5639,12437,5668],{"class":5660},[5639,12439,12440],{"class":5641,"line":5822},[5639,12441,5936],{"class":5660},[5639,12443,12444],{"class":5641,"line":5846},[5639,12445,5705],{"emptyLinePlaceholder":5704},[5639,12447,12448,12450,12453],{"class":5641,"line":5876},[5639,12449,5912],{"class":5652},[5639,12451,12452],{"class":5714}," BooksState",[5639,12454,5918],{"class":5660},[5639,12456,12457,12460,12462,12465],{"class":5641,"line":5887},[5639,12458,12459],{"class":5727},"  items",[5639,12461,5730],{"class":5660},[5639,12463,12464],{"class":5714},"Book",[5639,12466,6682],{"class":5660},[5639,12468,12469,12471,12473,12475],{"class":5641,"line":5898},[5639,12470,8989],{"class":5727},[5639,12472,5730],{"class":5660},[5639,12474,8013],{"class":5714},[5639,12476,5668],{"class":5660},[5639,12478,12479,12481,12483,12485,12487,12489],{"class":5641,"line":5904},[5639,12480,9000],{"class":5727},[5639,12482,5730],{"class":5660},[5639,12484,8001],{"class":5714},[5639,12486,8057],{"class":5660},[5639,12488,8982],{"class":5714},[5639,12490,5668],{"class":5660},[5639,12492,12493,12495,12497,12499],{"class":5641,"line":5909},[5639,12494,8049],{"class":5727},[5639,12496,5730],{"class":5660},[5639,12498,8001],{"class":5714},[5639,12500,5668],{"class":5660},[5639,12502,12503],{"class":5641,"line":5921},[5639,12504,5936],{"class":5660},[5639,12506,12507],{"class":5641,"line":5933},[5639,12508,5705],{"emptyLinePlaceholder":5704},[5639,12510,12511,12513,12515,12517,12520],{"class":5641,"line":5939},[5639,12512,5653],{"class":5652},[5639,12514,5949],{"class":5656},[5639,12516,5730],{"class":5660},[5639,12518,12519],{"class":5714},"BooksState",[5639,12521,6703],{"class":5660},[5639,12523,12524,12527],{"class":5641,"line":5944},[5639,12525,12526],{"class":5727},"  items:",[5639,12528,6720],{"class":5660},[5639,12530,12531,12533,12535],{"class":5641,"line":5969},[5639,12532,9046],{"class":5727},[5639,12534,8236],{"class":5652},[5639,12536,5884],{"class":5660},[5639,12538,12539,12541,12543],{"class":5641,"line":5974},[5639,12540,9055],{"class":5727},[5639,12542,9039],{"class":5652},[5639,12544,5884],{"class":5660},[5639,12546,12547,12549,12551],{"class":5641,"line":6010},[5639,12548,8100],{"class":5727},[5639,12550,8103],{"class":5664},[5639,12552,5884],{"class":5660},[5639,12554,12555],{"class":5641,"line":6027},[5639,12556,6725],{"class":5660},[5639,12558,12559],{"class":5641,"line":6038},[5639,12560,5705],{"emptyLinePlaceholder":5704},[5639,12562,12563],{"class":5641,"line":6073},[5639,12564,12565],{"class":5645},"\u002F\u002F Async thunks для API-взаємодії\n",[5639,12567,12568,12570,12572,12575,12577,12579,12581,12583],{"class":5641,"line":6082},[5639,12569,5792],{"class":5791},[5639,12571,5795],{"class":5652},[5639,12573,12574],{"class":5656}," fetchBooks",[5639,12576,5661],{"class":5660},[5639,12578,5503],{"class":5798},[5639,12580,6374],{"class":5660},[5639,12582,12464],{"class":5714},[5639,12584,12585],{"class":5660},"[]>(\n",[5639,12587,12588,12591],{"class":5641,"line":6108},[5639,12589,12590],{"class":5664},"  \"books\u002FfetchAll\"",[5639,12592,5884],{"class":5660},[5639,12594,12595,12597,12599,12601],{"class":5641,"line":6117},[5639,12596,9111],{"class":5652},[5639,12598,9958],{"class":5660},[5639,12600,7389],{"class":5652},[5639,12602,5918],{"class":5660},[5639,12604,12605,12608,12610,12612,12614,12616,12618,12620,12622,12624,12626,12629,12632],{"class":5641,"line":6146},[5639,12606,12607],{"class":5652},"    const",[5639,12609,6190],{"class":5660},[5639,12611,9145],{"class":5656},[5639,12613,6443],{"class":5660},[5639,12615,9150],{"class":5791},[5639,12617,8887],{"class":5727},[5639,12619,5504],{"class":5660},[5639,12621,9157],{"class":5798},[5639,12623,6374],{"class":5660},[5639,12625,12464],{"class":5714},[5639,12627,12628],{"class":5660},"[]>(",[5639,12630,12631],{"class":5664},"\"http:\u002F\u002Flocalhost:3001\u002Fbooks\"",[5639,12633,6830],{"class":5660},[5639,12635,12636,12638,12640],{"class":5641,"line":6154},[5639,12637,9955],{"class":5791},[5639,12639,9190],{"class":5727},[5639,12641,5668],{"class":5660},[5639,12643,12644],{"class":5641,"line":6163},[5639,12645,6166],{"class":5660},[5639,12647,12648],{"class":5641,"line":6169},[5639,12649,6830],{"class":5660},[5639,12651,12652],{"class":5641,"line":6966},[5639,12653,5705],{"emptyLinePlaceholder":5704},[5639,12655,12656,12658,12660,12663,12665,12667,12669,12671,12673,12676,12678,12680,12682,12685],{"class":5641,"line":6971},[5639,12657,5792],{"class":5791},[5639,12659,5795],{"class":5652},[5639,12661,12662],{"class":5656}," addBook",[5639,12664,5661],{"class":5660},[5639,12666,5503],{"class":5798},[5639,12668,6374],{"class":5660},[5639,12670,12464],{"class":5714},[5639,12672,5994],{"class":5660},[5639,12674,12675],{"class":5714},"Omit",[5639,12677,6374],{"class":5660},[5639,12679,12464],{"class":5714},[5639,12681,5994],{"class":5660},[5639,12683,12684],{"class":5664},"\"id\"",[5639,12686,12687],{"class":5660},">>(\n",[5639,12689,12690,12693],{"class":5641,"line":6983},[5639,12691,12692],{"class":5664},"  \"books\u002Fadd\"",[5639,12694,5884],{"class":5660},[5639,12696,12697,12699,12701,12704,12706,12708],{"class":5641,"line":6989},[5639,12698,9111],{"class":5652},[5639,12700,5583],{"class":5660},[5639,12702,12703],{"class":5727},"bookData",[5639,12705,7530],{"class":5660},[5639,12707,7389],{"class":5652},[5639,12709,5918],{"class":5660},[5639,12711,12712,12714,12716,12718,12720,12722,12724,12726,12729,12731,12733,12736,12738,12740,12742],{"class":5641,"line":6998},[5639,12713,12607],{"class":5652},[5639,12715,6190],{"class":5660},[5639,12717,9145],{"class":5656},[5639,12719,6443],{"class":5660},[5639,12721,9150],{"class":5791},[5639,12723,8887],{"class":5727},[5639,12725,5504],{"class":5660},[5639,12727,12728],{"class":5798},"post",[5639,12730,6374],{"class":5660},[5639,12732,12464],{"class":5714},[5639,12734,12735],{"class":5660},">(",[5639,12737,12631],{"class":5664},[5639,12739,5994],{"class":5660},[5639,12741,12703],{"class":5727},[5639,12743,6830],{"class":5660},[5639,12745,12746,12748,12750],{"class":5641,"line":7003},[5639,12747,9955],{"class":5791},[5639,12749,9190],{"class":5727},[5639,12751,5668],{"class":5660},[5639,12753,12754],{"class":5641,"line":7008},[5639,12755,6166],{"class":5660},[5639,12757,12758],{"class":5641,"line":7013},[5639,12759,6830],{"class":5660},[5639,12761,12762],{"class":5641,"line":7018},[5639,12763,5705],{"emptyLinePlaceholder":5704},[5639,12765,12766,12768,12770,12773,12775,12777,12779,12781,12783,12785],{"class":5641,"line":7024},[5639,12767,5792],{"class":5791},[5639,12769,5795],{"class":5652},[5639,12771,12772],{"class":5656}," deleteBook",[5639,12774,5661],{"class":5660},[5639,12776,5503],{"class":5798},[5639,12778,6374],{"class":5660},[5639,12780,5777],{"class":5714},[5639,12782,5994],{"class":5660},[5639,12784,5777],{"class":5714},[5639,12786,9096],{"class":5660},[5639,12788,12789,12792],{"class":5641,"line":7058},[5639,12790,12791],{"class":5664},"  \"books\u002Fdelete\"",[5639,12793,5884],{"class":5660},[5639,12795,12796,12798,12800,12802,12804,12806],{"class":5641,"line":7063},[5639,12797,9111],{"class":5652},[5639,12799,5583],{"class":5660},[5639,12801,8312],{"class":5727},[5639,12803,7530],{"class":5660},[5639,12805,7389],{"class":5652},[5639,12807,5918],{"class":5660},[5639,12809,12810,12813,12815,12817,12820,12822,12825,12827,12829,12831,12834],{"class":5641,"line":7069},[5639,12811,12812],{"class":5791},"    await",[5639,12814,8887],{"class":5727},[5639,12816,5504],{"class":5660},[5639,12818,12819],{"class":5798},"delete",[5639,12821,5983],{"class":5660},[5639,12823,12824],{"class":5664},"`http:\u002F\u002Flocalhost:3001\u002Fbooks\u002F",[5639,12826,9171],{"class":5652},[5639,12828,8312],{"class":5727},[5639,12830,7611],{"class":5652},[5639,12832,12833],{"class":5664},"`",[5639,12835,6830],{"class":5660},[5639,12837,12838,12840,12843,12845],{"class":5641,"line":8508},[5639,12839,9955],{"class":5791},[5639,12841,12842],{"class":5727}," id",[5639,12844,5769],{"class":5660},[5639,12846,12847],{"class":5645},"\u002F\u002F Повертаємо ID для видалення з масиву\n",[5639,12849,12850],{"class":5641,"line":8520},[5639,12851,6166],{"class":5660},[5639,12853,12854],{"class":5641,"line":8560},[5639,12855,6830],{"class":5660},[5639,12857,12858],{"class":5641,"line":8565},[5639,12859,5705],{"emptyLinePlaceholder":5704},[5639,12861,12862,12864,12867,12869,12871],{"class":5641,"line":8570},[5639,12863,5653],{"class":5652},[5639,12865,12866],{"class":5656}," booksSlice",[5639,12868,5661],{"class":5660},[5639,12870,5496],{"class":5798},[5639,12872,6252],{"class":5660},[5639,12874,12875,12877,12880],{"class":5641,"line":8575},[5639,12876,6257],{"class":5727},[5639,12878,12879],{"class":5664}," \"books\"",[5639,12881,5884],{"class":5660},[5639,12883,12884,12886],{"class":5641,"line":8580},[5639,12885,6761],{"class":5727},[5639,12887,5884],{"class":5660},[5639,12889,12890],{"class":5641,"line":8623},[5639,12891,5705],{"emptyLinePlaceholder":5704},[5639,12893,12894,12896],{"class":5641,"line":9451},[5639,12895,6287],{"class":5727},[5639,12897,5918],{"class":5660},[5639,12899,12900,12902,12904,12906,12908,12910,12912,12914,12916,12918],{"class":5641,"line":9469},[5639,12901,8454],{"class":5798},[5639,12903,5983],{"class":5660},[5639,12905,5986],{"class":5727},[5639,12907,5994],{"class":5660},[5639,12909,5997],{"class":5727},[5639,12911,5730],{"class":5660},[5639,12913,6197],{"class":5714},[5639,12915,6374],{"class":5660},[5639,12917,8001],{"class":5714},[5639,12919,6379],{"class":5660},[5639,12921,12922,12924,12926,12928,12930,12932,12934,12936],{"class":5641,"line":9484},[5639,12923,6305],{"class":5727},[5639,12925,5504],{"class":5660},[5639,12927,8416],{"class":5727},[5639,12929,5661],{"class":5660},[5639,12931,5997],{"class":5727},[5639,12933,5504],{"class":5660},[5639,12935,5772],{"class":5727},[5639,12937,5668],{"class":5660},[5639,12939,12940],{"class":5641,"line":9490},[5639,12941,6324],{"class":5660},[5639,12943,12944],{"class":5641,"line":9528},[5639,12945,6406],{"class":5660},[5639,12947,12948],{"class":5641,"line":9544},[5639,12949,5705],{"emptyLinePlaceholder":5704},[5639,12951,12952,12954,12956,12958,12960,12962,12964],{"class":5641,"line":9563},[5639,12953,9402],{"class":5798},[5639,12955,8846],{"class":5727},[5639,12957,5583],{"class":5660},[5639,12959,9409],{"class":5727},[5639,12961,7530],{"class":5660},[5639,12963,7389],{"class":5652},[5639,12965,5918],{"class":5660},[5639,12967,12968],{"class":5641,"line":9568},[5639,12969,12970],{"class":5645},"    \u002F\u002F Fetch books\n",[5639,12972,12973],{"class":5641,"line":9597},[5639,12974,9420],{"class":5727},[5639,12976,12977,12979,12981,12983,12986,12988,12990,12992,12994,12996,12998],{"class":5641,"line":9612},[5639,12978,9425],{"class":5660},[5639,12980,9428],{"class":5798},[5639,12982,5983],{"class":5660},[5639,12984,12985],{"class":5727},"fetchBooks",[5639,12987,5504],{"class":5660},[5639,12989,5554],{"class":5727},[5639,12991,9440],{"class":5660},[5639,12993,5986],{"class":5727},[5639,12995,7530],{"class":5660},[5639,12997,7389],{"class":5652},[5639,12999,5918],{"class":5660},[5639,13001,13002,13004,13006,13008,13010,13012],{"class":5641,"line":9637},[5639,13003,9454],{"class":5727},[5639,13005,5504],{"class":5660},[5639,13007,9459],{"class":5727},[5639,13009,5661],{"class":5660},[5639,13011,9464],{"class":5652},[5639,13013,5668],{"class":5660},[5639,13015,13016,13018,13020,13022,13024,13026],{"class":5641,"line":9642},[5639,13017,9454],{"class":5727},[5639,13019,5504],{"class":5660},[5639,13021,9208],{"class":5727},[5639,13023,5661],{"class":5660},[5639,13025,8982],{"class":5652},[5639,13027,5668],{"class":5660},[5639,13029,13030],{"class":5641,"line":9647},[5639,13031,9487],{"class":5660},[5639,13033,13034,13036,13038,13040,13042,13044,13046,13048,13050,13052,13054,13056,13058],{"class":5641,"line":9652},[5639,13035,9425],{"class":5660},[5639,13037,9428],{"class":5798},[5639,13039,5983],{"class":5660},[5639,13041,12985],{"class":5727},[5639,13043,5504],{"class":5660},[5639,13045,5558],{"class":5727},[5639,13047,9440],{"class":5660},[5639,13049,5986],{"class":5727},[5639,13051,5994],{"class":5660},[5639,13053,5997],{"class":5727},[5639,13055,7530],{"class":5660},[5639,13057,7389],{"class":5652},[5639,13059,5918],{"class":5660},[5639,13061,13062,13064,13066,13068,13070,13072],{"class":5641,"line":9657},[5639,13063,9454],{"class":5727},[5639,13065,5504],{"class":5660},[5639,13067,9459],{"class":5727},[5639,13069,5661],{"class":5660},[5639,13071,9539],{"class":5652},[5639,13073,5668],{"class":5660},[5639,13075,13076,13078,13080,13083,13085,13087,13089,13091],{"class":5641,"line":9680},[5639,13077,9454],{"class":5727},[5639,13079,5504],{"class":5660},[5639,13081,13082],{"class":5727},"items",[5639,13084,5661],{"class":5660},[5639,13086,5997],{"class":5727},[5639,13088,5504],{"class":5660},[5639,13090,5772],{"class":5727},[5639,13092,5668],{"class":5660},[5639,13094,13096],{"class":5641,"line":13095},73,[5639,13097,9487],{"class":5660},[5639,13099,13101,13103,13105,13107,13109,13111,13113,13115,13117,13119,13121,13123,13125],{"class":5641,"line":13100},74,[5639,13102,9425],{"class":5660},[5639,13104,9428],{"class":5798},[5639,13106,5983],{"class":5660},[5639,13108,12985],{"class":5727},[5639,13110,5504],{"class":5660},[5639,13112,5561],{"class":5727},[5639,13114,9440],{"class":5660},[5639,13116,5986],{"class":5727},[5639,13118,5994],{"class":5660},[5639,13120,5997],{"class":5727},[5639,13122,7530],{"class":5660},[5639,13124,7389],{"class":5652},[5639,13126,5918],{"class":5660},[5639,13128,13130,13132,13134,13136,13138,13140],{"class":5641,"line":13129},75,[5639,13131,9454],{"class":5727},[5639,13133,5504],{"class":5660},[5639,13135,9459],{"class":5727},[5639,13137,5661],{"class":5660},[5639,13139,9539],{"class":5652},[5639,13141,5668],{"class":5660},[5639,13143,13145,13147,13149,13151,13153,13155,13157,13159,13161,13163,13165,13168],{"class":5641,"line":13144},76,[5639,13146,9454],{"class":5727},[5639,13148,5504],{"class":5660},[5639,13150,9208],{"class":5727},[5639,13152,5661],{"class":5660},[5639,13154,5997],{"class":5727},[5639,13156,5504],{"class":5660},[5639,13158,9208],{"class":5727},[5639,13160,5504],{"class":5660},[5639,13162,9258],{"class":5727},[5639,13164,9261],{"class":5660},[5639,13166,13167],{"class":5664},"\"Помилка завантаження\"",[5639,13169,5668],{"class":5660},[5639,13171,13173],{"class":5641,"line":13172},77,[5639,13174,8243],{"class":5660},[5639,13176,13178],{"class":5641,"line":13177},78,[5639,13179,5705],{"emptyLinePlaceholder":5704},[5639,13181,13183],{"class":5641,"line":13182},79,[5639,13184,13185],{"class":5645},"    \u002F\u002F Add book\n",[5639,13187,13189],{"class":5641,"line":13188},80,[5639,13190,9420],{"class":5727},[5639,13192,13194,13196,13198,13200,13203,13205,13207,13209,13211,13213,13215,13217,13219],{"class":5641,"line":13193},81,[5639,13195,9425],{"class":5660},[5639,13197,9428],{"class":5798},[5639,13199,5983],{"class":5660},[5639,13201,13202],{"class":5727},"addBook",[5639,13204,5504],{"class":5660},[5639,13206,5558],{"class":5727},[5639,13208,9440],{"class":5660},[5639,13210,5986],{"class":5727},[5639,13212,5994],{"class":5660},[5639,13214,5997],{"class":5727},[5639,13216,7530],{"class":5660},[5639,13218,7389],{"class":5652},[5639,13220,5918],{"class":5660},[5639,13222,13224,13226,13228,13230,13232,13234,13236,13238,13240,13242],{"class":5641,"line":13223},82,[5639,13225,9454],{"class":5727},[5639,13227,5504],{"class":5660},[5639,13229,13082],{"class":5727},[5639,13231,5504],{"class":5660},[5639,13233,6819],{"class":5798},[5639,13235,5983],{"class":5660},[5639,13237,5997],{"class":5727},[5639,13239,5504],{"class":5660},[5639,13241,5772],{"class":5727},[5639,13243,6830],{"class":5660},[5639,13245,13247],{"class":5641,"line":13246},83,[5639,13248,9487],{"class":5660},[5639,13250,13252,13254,13256,13258,13260,13262,13264,13266,13268,13270,13272,13274,13276],{"class":5641,"line":13251},84,[5639,13253,9425],{"class":5660},[5639,13255,9428],{"class":5798},[5639,13257,5983],{"class":5660},[5639,13259,13202],{"class":5727},[5639,13261,5504],{"class":5660},[5639,13263,5561],{"class":5727},[5639,13265,9440],{"class":5660},[5639,13267,5986],{"class":5727},[5639,13269,5994],{"class":5660},[5639,13271,5997],{"class":5727},[5639,13273,7530],{"class":5660},[5639,13275,7389],{"class":5652},[5639,13277,5918],{"class":5660},[5639,13279,13281,13283,13285,13287,13289,13291,13293,13295,13297,13299,13301,13304],{"class":5641,"line":13280},85,[5639,13282,9454],{"class":5727},[5639,13284,5504],{"class":5660},[5639,13286,9208],{"class":5727},[5639,13288,5661],{"class":5660},[5639,13290,5997],{"class":5727},[5639,13292,5504],{"class":5660},[5639,13294,9208],{"class":5727},[5639,13296,5504],{"class":5660},[5639,13298,9258],{"class":5727},[5639,13300,9261],{"class":5660},[5639,13302,13303],{"class":5664},"\"Помилка додавання\"",[5639,13305,5668],{"class":5660},[5639,13307,13309],{"class":5641,"line":13308},86,[5639,13310,8243],{"class":5660},[5639,13312,13314],{"class":5641,"line":13313},87,[5639,13315,5705],{"emptyLinePlaceholder":5704},[5639,13317,13319],{"class":5641,"line":13318},88,[5639,13320,13321],{"class":5645},"    \u002F\u002F Delete book\n",[5639,13323,13325],{"class":5641,"line":13324},89,[5639,13326,9420],{"class":5727},[5639,13328,13330,13332,13334,13336,13339,13341,13343,13345,13347,13349,13351,13353,13355],{"class":5641,"line":13329},90,[5639,13331,9425],{"class":5660},[5639,13333,9428],{"class":5798},[5639,13335,5983],{"class":5660},[5639,13337,13338],{"class":5727},"deleteBook",[5639,13340,5504],{"class":5660},[5639,13342,5558],{"class":5727},[5639,13344,9440],{"class":5660},[5639,13346,5986],{"class":5727},[5639,13348,5994],{"class":5660},[5639,13350,5997],{"class":5727},[5639,13352,7530],{"class":5660},[5639,13354,7389],{"class":5652},[5639,13356,5918],{"class":5660},[5639,13358,13360,13362,13364,13366,13368,13370,13372,13374,13376,13378,13380,13383,13385,13387,13390,13392,13394,13396,13398,13400,13402],{"class":5641,"line":13359},91,[5639,13361,9454],{"class":5727},[5639,13363,5504],{"class":5660},[5639,13365,13082],{"class":5727},[5639,13367,5661],{"class":5660},[5639,13369,5986],{"class":5727},[5639,13371,5504],{"class":5660},[5639,13373,13082],{"class":5727},[5639,13375,5504],{"class":5660},[5639,13377,8416],{"class":5798},[5639,13379,7525],{"class":5660},[5639,13381,13382],{"class":5727},"book",[5639,13384,7530],{"class":5660},[5639,13386,7389],{"class":5652},[5639,13388,13389],{"class":5727}," book",[5639,13391,5504],{"class":5660},[5639,13393,8312],{"class":5727},[5639,13395,8433],{"class":5660},[5639,13397,5997],{"class":5727},[5639,13399,5504],{"class":5660},[5639,13401,5772],{"class":5727},[5639,13403,6830],{"class":5660},[5639,13405,13407],{"class":5641,"line":13406},92,[5639,13408,9487],{"class":5660},[5639,13410,13412,13414,13416,13418,13420,13422,13424,13426,13428,13430,13432,13434,13436],{"class":5641,"line":13411},93,[5639,13413,9425],{"class":5660},[5639,13415,9428],{"class":5798},[5639,13417,5983],{"class":5660},[5639,13419,13338],{"class":5727},[5639,13421,5504],{"class":5660},[5639,13423,5561],{"class":5727},[5639,13425,9440],{"class":5660},[5639,13427,5986],{"class":5727},[5639,13429,5994],{"class":5660},[5639,13431,5997],{"class":5727},[5639,13433,7530],{"class":5660},[5639,13435,7389],{"class":5652},[5639,13437,5918],{"class":5660},[5639,13439,13441,13443,13445,13447,13449,13451,13453,13455,13457,13459,13461,13464],{"class":5641,"line":13440},94,[5639,13442,9454],{"class":5727},[5639,13444,5504],{"class":5660},[5639,13446,9208],{"class":5727},[5639,13448,5661],{"class":5660},[5639,13450,5997],{"class":5727},[5639,13452,5504],{"class":5660},[5639,13454,9208],{"class":5727},[5639,13456,5504],{"class":5660},[5639,13458,9258],{"class":5727},[5639,13460,9261],{"class":5660},[5639,13462,13463],{"class":5664},"\"Помилка видалення\"",[5639,13465,5668],{"class":5660},[5639,13467,13469],{"class":5641,"line":13468},95,[5639,13470,8243],{"class":5660},[5639,13472,13474],{"class":5641,"line":13473},96,[5639,13475,6406],{"class":5660},[5639,13477,13479],{"class":5641,"line":13478},97,[5639,13480,5901],{"class":5660},[5639,13482,13484],{"class":5641,"line":13483},98,[5639,13485,5705],{"emptyLinePlaceholder":5704},[5639,13487,13489,13491,13493,13495,13497,13499,13502,13504,13506],{"class":5641,"line":13488},99,[5639,13490,5792],{"class":5791},[5639,13492,5795],{"class":5652},[5639,13494,6190],{"class":5660},[5639,13496,8604],{"class":5656},[5639,13498,6443],{"class":5660},[5639,13500,13501],{"class":5727},"booksSlice",[5639,13503,5504],{"class":5660},[5639,13505,6451],{"class":5727},[5639,13507,5668],{"class":5660},[5639,13509,13511,13513,13515,13517,13519,13521],{"class":5641,"line":13510},100,[5639,13512,5792],{"class":5791},[5639,13514,6460],{"class":5791},[5639,13516,12866],{"class":5727},[5639,13518,5504],{"class":5660},[5639,13520,6467],{"class":5727},[5639,13522,5668],{"class":5660},[5629,13524,13526],{"className":5631,"code":13525,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FstatsSlice.ts — селектори для статистики\nimport { createSelector } from \"@reduxjs\u002Ftoolkit\";\nimport type { RootState } from \"..\u002Findex\";\n\nconst selectBooks = (state: RootState) => state.books.items;\n\nexport const selectBookStats = createSelector([selectBooks], (books) => {\n  if (books.length === 0) {\n    return { total: 0, avgPrice: 0, genres: [] };\n  }\n\n  const total = books.length;\n  const avgPrice = books.reduce((sum, b) => sum + b.price, 0) \u002F total;\n  const genres = [...new Set(books.map((b) => b.genre))];\n\n  return { total, avgPrice: Math.round(avgPrice), genres };\n});\n\nexport const selectFilteredBooks = createSelector(\n  [selectBooks, (state: RootState) => state.books.filter],\n  (books, filter) => {\n    if (filter === \"all\") return books;\n    return books.filter((b) => b.genre === filter);\n  }\n);\n",[5494,13527,13528,13533,13549,13567,13571,13603,13607,13635,13653,13679,13683,13687,13703,13756,13799,13803,13836,13840,13844,13859,13889,13905,13927,13957,13961],{"__ignoreMap":5635},[5639,13529,13530],{"class":5641,"line":5642},[5639,13531,13532],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FstatsSlice.ts — селектори для статистики\n",[5639,13534,13535,13537,13539,13541,13543,13545,13547],{"class":5641,"line":5649},[5639,13536,6187],{"class":5791},[5639,13538,6190],{"class":5660},[5639,13540,11301],{"class":5727},[5639,13542,6200],{"class":5660},[5639,13544,6203],{"class":5791},[5639,13546,6206],{"class":5664},[5639,13548,5668],{"class":5660},[5639,13550,13551,13553,13555,13557,13559,13561,13563,13565],{"class":5641,"line":5671},[5639,13552,6187],{"class":5791},[5639,13554,7206],{"class":5791},[5639,13556,6190],{"class":5660},[5639,13558,7295],{"class":5727},[5639,13560,6200],{"class":5660},[5639,13562,6203],{"class":5791},[5639,13564,11326],{"class":5664},[5639,13566,5668],{"class":5660},[5639,13568,13569],{"class":5641,"line":5686},[5639,13570,5705],{"emptyLinePlaceholder":5704},[5639,13572,13573,13575,13578,13580,13582,13584,13586,13588,13590,13592,13594,13597,13599,13601],{"class":5641,"line":5701},[5639,13574,5653],{"class":5652},[5639,13576,13577],{"class":5798}," selectBooks",[5639,13579,5856],{"class":5660},[5639,13581,5986],{"class":5727},[5639,13583,5730],{"class":5660},[5639,13585,7295],{"class":5714},[5639,13587,7530],{"class":5660},[5639,13589,7389],{"class":5652},[5639,13591,6053],{"class":5727},[5639,13593,5504],{"class":5660},[5639,13595,13596],{"class":5727},"books",[5639,13598,5504],{"class":5660},[5639,13600,13082],{"class":5727},[5639,13602,5668],{"class":5660},[5639,13604,13605],{"class":5641,"line":5708},[5639,13606,5705],{"emptyLinePlaceholder":5704},[5639,13608,13609,13611,13613,13616,13618,13620,13622,13625,13627,13629,13631,13633],{"class":5641,"line":5721},[5639,13610,5792],{"class":5791},[5639,13612,5795],{"class":5652},[5639,13614,13615],{"class":5656}," selectBookStats",[5639,13617,5661],{"class":5660},[5639,13619,11301],{"class":5798},[5639,13621,11620],{"class":5660},[5639,13623,13624],{"class":5727},"selectBooks",[5639,13626,11625],{"class":5660},[5639,13628,13596],{"class":5727},[5639,13630,7530],{"class":5660},[5639,13632,7389],{"class":5652},[5639,13634,5918],{"class":5660},[5639,13636,13637,13639,13641,13643,13645,13647,13649,13651],{"class":5641,"line":5741},[5639,13638,10005],{"class":5791},[5639,13640,5583],{"class":5660},[5639,13642,13596],{"class":5727},[5639,13644,5504],{"class":5660},[5639,13646,11649],{"class":5727},[5639,13648,8315],{"class":5660},[5639,13650,8126],{"class":5963},[5639,13652,6024],{"class":5660},[5639,13654,13655,13657,13659,13662,13664,13666,13669,13671,13673,13676],{"class":5641,"line":5756},[5639,13656,9955],{"class":5791},[5639,13658,6190],{"class":5660},[5639,13660,13661],{"class":5727},"total:",[5639,13663,5964],{"class":5963},[5639,13665,5994],{"class":5660},[5639,13667,13668],{"class":5727},"avgPrice:",[5639,13670,5964],{"class":5963},[5639,13672,5994],{"class":5660},[5639,13674,13675],{"class":5727},"genres:",[5639,13677,13678],{"class":5660}," [] };\n",[5639,13680,13681],{"class":5641,"line":5783},[5639,13682,6166],{"class":5660},[5639,13684,13685],{"class":5641,"line":5788},[5639,13686,5705],{"emptyLinePlaceholder":5704},[5639,13688,13689,13691,13693,13695,13697,13699,13701],{"class":5641,"line":5822},[5639,13690,7510],{"class":5652},[5639,13692,11640],{"class":5656},[5639,13694,5661],{"class":5660},[5639,13696,13596],{"class":5727},[5639,13698,5504],{"class":5660},[5639,13700,11649],{"class":5727},[5639,13702,5668],{"class":5660},[5639,13704,13705,13707,13710,13712,13714,13716,13719,13721,13724,13726,13729,13731,13733,13736,13738,13740,13742,13745,13747,13749,13752,13754],{"class":5641,"line":5846},[5639,13706,7510],{"class":5652},[5639,13708,13709],{"class":5656}," avgPrice",[5639,13711,5661],{"class":5660},[5639,13713,13596],{"class":5727},[5639,13715,5504],{"class":5660},[5639,13717,13718],{"class":5798},"reduce",[5639,13720,7525],{"class":5660},[5639,13722,13723],{"class":5727},"sum",[5639,13725,5994],{"class":5660},[5639,13727,13728],{"class":5727},"b",[5639,13730,7530],{"class":5660},[5639,13732,7389],{"class":5652},[5639,13734,13735],{"class":5727}," sum",[5639,13737,6061],{"class":5660},[5639,13739,13728],{"class":5727},[5639,13741,5504],{"class":5660},[5639,13743,13744],{"class":5727},"price",[5639,13746,5994],{"class":5660},[5639,13748,8126],{"class":5963},[5639,13750,13751],{"class":5660},") \u002F ",[5639,13753,11698],{"class":5727},[5639,13755,5668],{"class":5660},[5639,13757,13758,13760,13763,13766,13769,13772,13774,13776,13778,13780,13782,13784,13786,13788,13791,13793,13796],{"class":5641,"line":5876},[5639,13759,7510],{"class":5652},[5639,13761,13762],{"class":5656}," genres",[5639,13764,13765],{"class":5660}," = [...",[5639,13767,13768],{"class":5652},"new",[5639,13770,13771],{"class":5798}," Set",[5639,13773,5983],{"class":5660},[5639,13775,13596],{"class":5727},[5639,13777,5504],{"class":5660},[5639,13779,11877],{"class":5798},[5639,13781,7525],{"class":5660},[5639,13783,13728],{"class":5727},[5639,13785,7530],{"class":5660},[5639,13787,7389],{"class":5652},[5639,13789,13790],{"class":5727}," b",[5639,13792,5504],{"class":5660},[5639,13794,13795],{"class":5727},"genre",[5639,13797,13798],{"class":5660},"))];\n",[5639,13800,13801],{"class":5641,"line":5887},[5639,13802,5705],{"emptyLinePlaceholder":5704},[5639,13804,13805,13807,13809,13811,13813,13815,13818,13820,13823,13825,13828,13831,13834],{"class":5641,"line":5898},[5639,13806,7564],{"class":5791},[5639,13808,6190],{"class":5660},[5639,13810,11698],{"class":5727},[5639,13812,5994],{"class":5660},[5639,13814,13668],{"class":5727},[5639,13816,13817],{"class":5727}," Math",[5639,13819,5504],{"class":5660},[5639,13821,13822],{"class":5798},"round",[5639,13824,5983],{"class":5660},[5639,13826,13827],{"class":5727},"avgPrice",[5639,13829,13830],{"class":5660},"), ",[5639,13832,13833],{"class":5727},"genres",[5639,13835,5780],{"class":5660},[5639,13837,13838],{"class":5641,"line":5904},[5639,13839,5901],{"class":5660},[5639,13841,13842],{"class":5641,"line":5909},[5639,13843,5705],{"emptyLinePlaceholder":5704},[5639,13845,13846,13848,13850,13853,13855,13857],{"class":5641,"line":5921},[5639,13847,5792],{"class":5791},[5639,13849,5795],{"class":5652},[5639,13851,13852],{"class":5656}," selectFilteredBooks",[5639,13854,5661],{"class":5660},[5639,13856,11301],{"class":5798},[5639,13858,11433],{"class":5660},[5639,13860,13861,13863,13865,13867,13869,13871,13873,13875,13877,13879,13881,13883,13885,13887],{"class":5641,"line":5933},[5639,13862,11438],{"class":5660},[5639,13864,13624],{"class":5727},[5639,13866,9440],{"class":5660},[5639,13868,5986],{"class":5727},[5639,13870,5730],{"class":5660},[5639,13872,7295],{"class":5714},[5639,13874,7530],{"class":5660},[5639,13876,7389],{"class":5652},[5639,13878,6053],{"class":5727},[5639,13880,5504],{"class":5660},[5639,13882,13596],{"class":5727},[5639,13884,5504],{"class":5660},[5639,13886,8416],{"class":5727},[5639,13888,10978],{"class":5660},[5639,13890,13891,13893,13895,13897,13899,13901,13903],{"class":5641,"line":5939},[5639,13892,11453],{"class":5660},[5639,13894,13596],{"class":5727},[5639,13896,5994],{"class":5660},[5639,13898,8416],{"class":5727},[5639,13900,7530],{"class":5660},[5639,13902,7389],{"class":5652},[5639,13904,5918],{"class":5660},[5639,13906,13907,13910,13912,13914,13916,13918,13920,13922,13925],{"class":5641,"line":5944},[5639,13908,13909],{"class":5791},"    if",[5639,13911,5583],{"class":5660},[5639,13913,8416],{"class":5727},[5639,13915,8315],{"class":5660},[5639,13917,8054],{"class":5664},[5639,13919,7530],{"class":5660},[5639,13921,10014],{"class":5791},[5639,13923,13924],{"class":5727}," books",[5639,13926,5668],{"class":5660},[5639,13928,13929,13931,13933,13935,13937,13939,13941,13943,13945,13947,13949,13951,13953,13955],{"class":5641,"line":5969},[5639,13930,9955],{"class":5791},[5639,13932,13924],{"class":5727},[5639,13934,5504],{"class":5660},[5639,13936,8416],{"class":5798},[5639,13938,7525],{"class":5660},[5639,13940,13728],{"class":5727},[5639,13942,7530],{"class":5660},[5639,13944,7389],{"class":5652},[5639,13946,13790],{"class":5727},[5639,13948,5504],{"class":5660},[5639,13950,13795],{"class":5727},[5639,13952,8315],{"class":5660},[5639,13954,8416],{"class":5727},[5639,13956,6830],{"class":5660},[5639,13958,13959],{"class":5641,"line":5974},[5639,13960,6166],{"class":5660},[5639,13962,13963],{"class":5641,"line":6010},[5639,13964,6830],{"class":5660},[5629,13966,13968],{"className":5631,"code":13967,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fcomponents\u002FBookList.tsx\nimport { useEffect } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"..\u002Fstore\u002Fhooks\";\nimport { fetchBooks, deleteBook, setFilter } from \"..\u002Fstore\u002Fslices\u002FbooksSlice\";\nimport { selectFilteredBooks, selectBookStats } from \"..\u002Fstore\u002Fslices\u002FstatsSlice\";\n\nfunction BookList() {\n  const dispatch = useAppDispatch();\n  const books = useAppSelector(selectFilteredBooks);\n  const stats = useAppSelector(selectBookStats);\n  const { isLoading, error, filter } = useAppSelector((state) => state.books);\n\n  useEffect(() => {\n    dispatch(fetchBooks());\n  }, [dispatch]);\n\n  if (isLoading) return \u003Cp>Завантаження...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"bookstore\">\n      \u003Cheader>\n        \u003Ch1>Книгарня\u003C\u002Fh1>\n        \u003Cdiv className=\"stats\">\n          \u003Cp>📚 Всього книг: {stats.total}\u003C\u002Fp>\n          \u003Cp>💰 Середня ціна: {stats.avgPrice} ₴\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fheader>\n\n      \u003Cdiv className=\"filters\">\n        \u003Cbutton onClick={() => dispatch(setFilter(\"all\"))}>Всі\u003C\u002Fbutton>\n        {stats.genres.map((genre) => (\n          \u003Cbutton key={genre} onClick={() => dispatch(setFilter(genre))}>\n            {genre}\n          \u003C\u002Fbutton>\n        ))}\n      \u003C\u002Fdiv>\n\n      \u003Cul className=\"books-list\">\n        {books.map((book) => (\n          \u003Cli key={book.id}>\n            \u003Ch3>{book.title}\u003C\u002Fh3>\n            \u003Cp>Автор: {book.author}\u003C\u002Fp>\n            \u003Cp>Жанр: {book.genre}\u003C\u002Fp>\n            \u003Cp>Ціна: {book.price} ₴\u003C\u002Fp>\n            \u003Cbutton onClick={() => dispatch(deleteBook(book.id))}>Видалити\u003C\u002Fbutton>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default BookList;\n",[5494,13969,13970,13975,13991,14011,14036,14059,14063,14072,14084,14100,14116,14152,14156,14166,14176,14184,14188,14217,14257,14261,14267,14282,14291,14308,14323,14350,14380,14389,14397,14401,14416,14457,14481,14523,14532,14541,14547,14555,14559,14574,14594,14616,14642,14670,14697,14726,14771,14779,14785,14793,14801,14805,14809,14813],{"__ignoreMap":5635},[5639,13971,13972],{"class":5641,"line":5642},[5639,13973,13974],{"class":5645},"\u002F\u002F src\u002Fcomponents\u002FBookList.tsx\n",[5639,13976,13977,13979,13981,13983,13985,13987,13989],{"class":5641,"line":5649},[5639,13978,6187],{"class":5791},[5639,13980,6190],{"class":5660},[5639,13982,9756],{"class":5727},[5639,13984,6200],{"class":5660},[5639,13986,6203],{"class":5791},[5639,13988,9763],{"class":5664},[5639,13990,5668],{"class":5660},[5639,13992,13993,13995,13997,13999,14001,14003,14005,14007,14009],{"class":5641,"line":5671},[5639,13994,6187],{"class":5791},[5639,13996,6190],{"class":5660},[5639,13998,5517],{"class":5727},[5639,14000,5994],{"class":5660},[5639,14002,5513],{"class":5727},[5639,14004,6200],{"class":5660},[5639,14006,6203],{"class":5791},[5639,14008,7455],{"class":5664},[5639,14010,5668],{"class":5660},[5639,14012,14013,14015,14017,14019,14021,14023,14025,14027,14029,14031,14034],{"class":5641,"line":5686},[5639,14014,6187],{"class":5791},[5639,14016,6190],{"class":5660},[5639,14018,12985],{"class":5727},[5639,14020,5994],{"class":5660},[5639,14022,13338],{"class":5727},[5639,14024,5994],{"class":5660},[5639,14026,8604],{"class":5727},[5639,14028,6200],{"class":5660},[5639,14030,6203],{"class":5791},[5639,14032,14033],{"class":5664}," \"..\u002Fstore\u002Fslices\u002FbooksSlice\"",[5639,14035,5668],{"class":5660},[5639,14037,14038,14040,14042,14045,14047,14050,14052,14054,14057],{"class":5641,"line":5701},[5639,14039,6187],{"class":5791},[5639,14041,6190],{"class":5660},[5639,14043,14044],{"class":5727},"selectFilteredBooks",[5639,14046,5994],{"class":5660},[5639,14048,14049],{"class":5727},"selectBookStats",[5639,14051,6200],{"class":5660},[5639,14053,6203],{"class":5791},[5639,14055,14056],{"class":5664}," \"..\u002Fstore\u002Fslices\u002FstatsSlice\"",[5639,14058,5668],{"class":5660},[5639,14060,14061],{"class":5641,"line":5708},[5639,14062,5705],{"emptyLinePlaceholder":5704},[5639,14064,14065,14067,14070],{"class":5641,"line":5721},[5639,14066,5977],{"class":5652},[5639,14068,14069],{"class":5798}," BookList",[5639,14071,7500],{"class":5660},[5639,14073,14074,14076,14078,14080,14082],{"class":5641,"line":5741},[5639,14075,7510],{"class":5652},[5639,14077,7548],{"class":5656},[5639,14079,5661],{"class":5660},[5639,14081,5517],{"class":5798},[5639,14083,7555],{"class":5660},[5639,14085,14086,14088,14090,14092,14094,14096,14098],{"class":5641,"line":5756},[5639,14087,7510],{"class":5652},[5639,14089,13924],{"class":5656},[5639,14091,5661],{"class":5660},[5639,14093,5513],{"class":5798},[5639,14095,5983],{"class":5660},[5639,14097,14044],{"class":5727},[5639,14099,6830],{"class":5660},[5639,14101,14102,14104,14106,14108,14110,14112,14114],{"class":5641,"line":5783},[5639,14103,7510],{"class":5652},[5639,14105,11773],{"class":5656},[5639,14107,5661],{"class":5660},[5639,14109,5513],{"class":5798},[5639,14111,5983],{"class":5660},[5639,14113,14049],{"class":5727},[5639,14115,6830],{"class":5660},[5639,14117,14118,14120,14122,14124,14126,14128,14130,14132,14134,14136,14138,14140,14142,14144,14146,14148,14150],{"class":5641,"line":5788},[5639,14119,7510],{"class":5652},[5639,14121,6190],{"class":5660},[5639,14123,9459],{"class":5656},[5639,14125,5994],{"class":5660},[5639,14127,9208],{"class":5656},[5639,14129,5994],{"class":5660},[5639,14131,8416],{"class":5656},[5639,14133,6443],{"class":5660},[5639,14135,5513],{"class":5798},[5639,14137,7525],{"class":5660},[5639,14139,5986],{"class":5727},[5639,14141,7530],{"class":5660},[5639,14143,7389],{"class":5652},[5639,14145,6053],{"class":5727},[5639,14147,5504],{"class":5660},[5639,14149,13596],{"class":5727},[5639,14151,6830],{"class":5660},[5639,14153,14154],{"class":5641,"line":5822},[5639,14155,5705],{"emptyLinePlaceholder":5704},[5639,14157,14158,14160,14162,14164],{"class":5641,"line":5846},[5639,14159,9920],{"class":5798},[5639,14161,9923],{"class":5660},[5639,14163,7389],{"class":5652},[5639,14165,5918],{"class":5660},[5639,14167,14168,14170,14172,14174],{"class":5641,"line":5876},[5639,14169,9932],{"class":5798},[5639,14171,5983],{"class":5660},[5639,14173,12985],{"class":5798},[5639,14175,12101],{"class":5660},[5639,14177,14178,14180,14182],{"class":5641,"line":5887},[5639,14179,9987],{"class":5660},[5639,14181,7248],{"class":5727},[5639,14183,9996],{"class":5660},[5639,14185,14186],{"class":5641,"line":5898},[5639,14187,5705],{"emptyLinePlaceholder":5704},[5639,14189,14190,14192,14194,14196,14198,14200,14202,14204,14206,14209,14211,14213,14215],{"class":5641,"line":5904},[5639,14191,10005],{"class":5791},[5639,14193,5583],{"class":5660},[5639,14195,9459],{"class":5727},[5639,14197,7530],{"class":5660},[5639,14199,10014],{"class":5791},[5639,14201,10017],{"class":7572},[5639,14203,5572],{"class":7576},[5639,14205,7600],{"class":7572},[5639,14207,14208],{"class":5660},"Завантаження...",[5639,14210,7614],{"class":7572},[5639,14212,5572],{"class":7576},[5639,14214,7600],{"class":7572},[5639,14216,5668],{"class":5660},[5639,14218,14219,14221,14223,14225,14227,14229,14231,14233,14235,14237,14239,14241,14243,14245,14247,14249,14251,14253,14255],{"class":5641,"line":5909},[5639,14220,10005],{"class":5791},[5639,14222,5583],{"class":5660},[5639,14224,9208],{"class":5727},[5639,14226,7530],{"class":5660},[5639,14228,10014],{"class":5791},[5639,14230,10017],{"class":7572},[5639,14232,5572],{"class":7576},[5639,14234,7581],{"class":7580},[5639,14236,7584],{"class":5660},[5639,14238,10055],{"class":5664},[5639,14240,7600],{"class":7572},[5639,14242,10060],{"class":5660},[5639,14244,7606],{"class":5652},[5639,14246,9208],{"class":5727},[5639,14248,7611],{"class":5652},[5639,14250,7614],{"class":7572},[5639,14252,5572],{"class":7576},[5639,14254,7600],{"class":7572},[5639,14256,5668],{"class":5660},[5639,14258,14259],{"class":5641,"line":5921},[5639,14260,5705],{"emptyLinePlaceholder":5704},[5639,14262,14263,14265],{"class":5641,"line":5933},[5639,14264,7564],{"class":5791},[5639,14266,7567],{"class":5660},[5639,14268,14269,14271,14273,14275,14277,14280],{"class":5641,"line":5939},[5639,14270,7573],{"class":7572},[5639,14272,7577],{"class":7576},[5639,14274,7581],{"class":7580},[5639,14276,7584],{"class":5660},[5639,14278,14279],{"class":5664},"\"bookstore\"",[5639,14281,7590],{"class":7572},[5639,14283,14284,14286,14289],{"class":5641,"line":5944},[5639,14285,7595],{"class":7572},[5639,14287,14288],{"class":7576},"header",[5639,14290,7590],{"class":7572},[5639,14292,14293,14295,14297,14299,14302,14304,14306],{"class":5641,"line":5969},[5639,14294,7642],{"class":7572},[5639,14296,5472],{"class":7576},[5639,14298,7600],{"class":7572},[5639,14300,14301],{"class":5660},"Книгарня",[5639,14303,7614],{"class":7572},[5639,14305,5472],{"class":7576},[5639,14307,7590],{"class":7572},[5639,14309,14310,14312,14314,14316,14318,14321],{"class":5641,"line":5974},[5639,14311,7642],{"class":7572},[5639,14313,7577],{"class":7576},[5639,14315,7581],{"class":7580},[5639,14317,7584],{"class":5660},[5639,14319,14320],{"class":5664},"\"stats\"",[5639,14322,7590],{"class":7572},[5639,14324,14325,14327,14329,14331,14334,14336,14338,14340,14342,14344,14346,14348],{"class":5641,"line":6010},[5639,14326,11892],{"class":7572},[5639,14328,5572],{"class":7576},[5639,14330,7600],{"class":7572},[5639,14332,14333],{"class":5660},"📚 Всього книг: ",[5639,14335,7606],{"class":5652},[5639,14337,11818],{"class":5727},[5639,14339,5504],{"class":7655},[5639,14341,11698],{"class":5727},[5639,14343,7611],{"class":5652},[5639,14345,7614],{"class":7572},[5639,14347,5572],{"class":7576},[5639,14349,7590],{"class":7572},[5639,14351,14352,14354,14356,14358,14361,14363,14365,14367,14369,14371,14374,14376,14378],{"class":5641,"line":6027},[5639,14353,11892],{"class":7572},[5639,14355,5572],{"class":7576},[5639,14357,7600],{"class":7572},[5639,14359,14360],{"class":5660},"💰 Середня ціна: ",[5639,14362,7606],{"class":5652},[5639,14364,11818],{"class":5727},[5639,14366,5504],{"class":7655},[5639,14368,13827],{"class":5727},[5639,14370,7611],{"class":5652},[5639,14372,14373],{"class":5660}," ₴",[5639,14375,7614],{"class":7572},[5639,14377,5572],{"class":7576},[5639,14379,7590],{"class":7572},[5639,14381,14382,14385,14387],{"class":5641,"line":6038},[5639,14383,14384],{"class":7572},"        \u003C\u002F",[5639,14386,7577],{"class":7576},[5639,14388,7590],{"class":7572},[5639,14390,14391,14393,14395],{"class":5641,"line":6073},[5639,14392,7802],{"class":7572},[5639,14394,14288],{"class":7576},[5639,14396,7590],{"class":7572},[5639,14398,14399],{"class":5641,"line":6082},[5639,14400,5705],{"emptyLinePlaceholder":5704},[5639,14402,14403,14405,14407,14409,14411,14414],{"class":5641,"line":6108},[5639,14404,7595],{"class":7572},[5639,14406,7577],{"class":7576},[5639,14408,7581],{"class":7580},[5639,14410,7584],{"class":5660},[5639,14412,14413],{"class":5664},"\"filters\"",[5639,14415,7590],{"class":7572},[5639,14417,14418,14420,14422,14424,14426,14428,14430,14432,14434,14436,14438,14440,14442,14444,14446,14448,14451,14453,14455],{"class":5641,"line":6117},[5639,14419,7642],{"class":7572},[5639,14421,7645],{"class":7576},[5639,14423,7648],{"class":7580},[5639,14425,7584],{"class":5660},[5639,14427,7606],{"class":5652},[5639,14429,7656],{"class":7655},[5639,14431,7389],{"class":5652},[5639,14433,7548],{"class":5798},[5639,14435,5983],{"class":7655},[5639,14437,8604],{"class":5798},[5639,14439,5983],{"class":7655},[5639,14441,8054],{"class":5664},[5639,14443,7747],{"class":7655},[5639,14445,7611],{"class":5652},[5639,14447,7600],{"class":7572},[5639,14449,14450],{"class":5660},"Всі",[5639,14452,7614],{"class":7572},[5639,14454,7645],{"class":7576},[5639,14456,7590],{"class":7572},[5639,14458,14459,14461,14463,14465,14467,14469,14471,14473,14475,14477,14479],{"class":5641,"line":6146},[5639,14460,11869],{"class":5652},[5639,14462,11818],{"class":5727},[5639,14464,5504],{"class":7655},[5639,14466,13833],{"class":5727},[5639,14468,5504],{"class":7655},[5639,14470,11877],{"class":5798},[5639,14472,7525],{"class":7655},[5639,14474,13795],{"class":5727},[5639,14476,7530],{"class":7655},[5639,14478,7389],{"class":5652},[5639,14480,7567],{"class":7655},[5639,14482,14483,14485,14487,14489,14491,14493,14495,14497,14499,14501,14503,14505,14507,14509,14511,14513,14515,14517,14519,14521],{"class":5641,"line":6154},[5639,14484,11892],{"class":7572},[5639,14486,7645],{"class":7576},[5639,14488,11897],{"class":7580},[5639,14490,7584],{"class":5660},[5639,14492,7606],{"class":5652},[5639,14494,13795],{"class":5727},[5639,14496,7611],{"class":5652},[5639,14498,7648],{"class":7580},[5639,14500,7584],{"class":5660},[5639,14502,7606],{"class":5652},[5639,14504,7656],{"class":7655},[5639,14506,7389],{"class":5652},[5639,14508,7548],{"class":5798},[5639,14510,5983],{"class":7655},[5639,14512,8604],{"class":5798},[5639,14514,5983],{"class":7655},[5639,14516,13795],{"class":5727},[5639,14518,7747],{"class":7655},[5639,14520,7611],{"class":5652},[5639,14522,7590],{"class":7572},[5639,14524,14525,14528,14530],{"class":5641,"line":6163},[5639,14526,14527],{"class":5652},"            {",[5639,14529,13795],{"class":5727},[5639,14531,5936],{"class":5652},[5639,14533,14534,14537,14539],{"class":5641,"line":6169},[5639,14535,14536],{"class":7572},"          \u003C\u002F",[5639,14538,7645],{"class":7576},[5639,14540,7590],{"class":7572},[5639,14542,14543,14545],{"class":5641,"line":6966},[5639,14544,11933],{"class":7655},[5639,14546,5936],{"class":5652},[5639,14548,14549,14551,14553],{"class":5641,"line":6971},[5639,14550,7802],{"class":7572},[5639,14552,7577],{"class":7576},[5639,14554,7590],{"class":7572},[5639,14556,14557],{"class":5641,"line":6983},[5639,14558,5705],{"emptyLinePlaceholder":5704},[5639,14560,14561,14563,14565,14567,14569,14572],{"class":5641,"line":6989},[5639,14562,7595],{"class":7572},[5639,14564,5484],{"class":7576},[5639,14566,7581],{"class":7580},[5639,14568,7584],{"class":5660},[5639,14570,14571],{"class":5664},"\"books-list\"",[5639,14573,7590],{"class":7572},[5639,14575,14576,14578,14580,14582,14584,14586,14588,14590,14592],{"class":5641,"line":6998},[5639,14577,11869],{"class":5652},[5639,14579,13596],{"class":5727},[5639,14581,5504],{"class":7655},[5639,14583,11877],{"class":5798},[5639,14585,7525],{"class":7655},[5639,14587,13382],{"class":5727},[5639,14589,7530],{"class":7655},[5639,14591,7389],{"class":5652},[5639,14593,7567],{"class":7655},[5639,14595,14596,14598,14600,14602,14604,14606,14608,14610,14612,14614],{"class":5641,"line":7003},[5639,14597,11892],{"class":7572},[5639,14599,5487],{"class":7576},[5639,14601,11897],{"class":7580},[5639,14603,7584],{"class":5660},[5639,14605,7606],{"class":5652},[5639,14607,13382],{"class":5727},[5639,14609,5504],{"class":7655},[5639,14611,8312],{"class":5727},[5639,14613,7611],{"class":5652},[5639,14615,7590],{"class":7572},[5639,14617,14618,14621,14623,14625,14627,14629,14631,14634,14636,14638,14640],{"class":5641,"line":7008},[5639,14619,14620],{"class":7572},"            \u003C",[5639,14622,6615],{"class":7576},[5639,14624,7600],{"class":7572},[5639,14626,7606],{"class":5652},[5639,14628,13382],{"class":5727},[5639,14630,5504],{"class":7655},[5639,14632,14633],{"class":5727},"title",[5639,14635,7611],{"class":5652},[5639,14637,7614],{"class":7572},[5639,14639,6615],{"class":7576},[5639,14641,7590],{"class":7572},[5639,14643,14644,14646,14648,14650,14653,14655,14657,14659,14662,14664,14666,14668],{"class":5641,"line":7013},[5639,14645,14620],{"class":7572},[5639,14647,5572],{"class":7576},[5639,14649,7600],{"class":7572},[5639,14651,14652],{"class":7655},"Автор: ",[5639,14654,7606],{"class":5652},[5639,14656,13382],{"class":5727},[5639,14658,5504],{"class":7655},[5639,14660,14661],{"class":5727},"author",[5639,14663,7611],{"class":5652},[5639,14665,7614],{"class":7572},[5639,14667,5572],{"class":7576},[5639,14669,7590],{"class":7572},[5639,14671,14672,14674,14676,14678,14681,14683,14685,14687,14689,14691,14693,14695],{"class":5641,"line":7018},[5639,14673,14620],{"class":7572},[5639,14675,5572],{"class":7576},[5639,14677,7600],{"class":7572},[5639,14679,14680],{"class":7655},"Жанр: ",[5639,14682,7606],{"class":5652},[5639,14684,13382],{"class":5727},[5639,14686,5504],{"class":7655},[5639,14688,13795],{"class":5727},[5639,14690,7611],{"class":5652},[5639,14692,7614],{"class":7572},[5639,14694,5572],{"class":7576},[5639,14696,7590],{"class":7572},[5639,14698,14699,14701,14703,14705,14708,14710,14712,14714,14716,14718,14720,14722,14724],{"class":5641,"line":7024},[5639,14700,14620],{"class":7572},[5639,14702,5572],{"class":7576},[5639,14704,7600],{"class":7572},[5639,14706,14707],{"class":7655},"Ціна: ",[5639,14709,7606],{"class":5652},[5639,14711,13382],{"class":5727},[5639,14713,5504],{"class":7655},[5639,14715,13744],{"class":5727},[5639,14717,7611],{"class":5652},[5639,14719,14373],{"class":7655},[5639,14721,7614],{"class":7572},[5639,14723,5572],{"class":7576},[5639,14725,7590],{"class":7572},[5639,14727,14728,14730,14732,14734,14736,14738,14740,14742,14744,14746,14748,14750,14752,14754,14756,14758,14760,14762,14765,14767,14769],{"class":5641,"line":7058},[5639,14729,14620],{"class":7572},[5639,14731,7645],{"class":7576},[5639,14733,7648],{"class":7580},[5639,14735,7584],{"class":5660},[5639,14737,7606],{"class":5652},[5639,14739,7656],{"class":7655},[5639,14741,7389],{"class":5652},[5639,14743,7548],{"class":5798},[5639,14745,5983],{"class":7655},[5639,14747,13338],{"class":5798},[5639,14749,5983],{"class":7655},[5639,14751,13382],{"class":5727},[5639,14753,5504],{"class":7655},[5639,14755,8312],{"class":5727},[5639,14757,7747],{"class":7655},[5639,14759,7611],{"class":5652},[5639,14761,7600],{"class":7572},[5639,14763,14764],{"class":7655},"Видалити",[5639,14766,7614],{"class":7572},[5639,14768,7645],{"class":7576},[5639,14770,7590],{"class":7572},[5639,14772,14773,14775,14777],{"class":5641,"line":7063},[5639,14774,14536],{"class":7572},[5639,14776,5487],{"class":7576},[5639,14778,7590],{"class":7572},[5639,14780,14781,14783],{"class":5641,"line":7069},[5639,14782,11933],{"class":7655},[5639,14784,5936],{"class":5652},[5639,14786,14787,14789,14791],{"class":5641,"line":8508},[5639,14788,7802],{"class":7572},[5639,14790,5484],{"class":7576},[5639,14792,7590],{"class":7572},[5639,14794,14795,14797,14799],{"class":5641,"line":8520},[5639,14796,7887],{"class":7572},[5639,14798,7577],{"class":7576},[5639,14800,7590],{"class":7572},[5639,14802,14803],{"class":5641,"line":8560},[5639,14804,7896],{"class":5660},[5639,14806,14807],{"class":5641,"line":8565},[5639,14808,5936],{"class":5660},[5639,14810,14811],{"class":5641,"line":8570},[5639,14812,5705],{"emptyLinePlaceholder":5704},[5639,14814,14815,14817,14819,14821],{"class":5641,"line":8575},[5639,14816,5792],{"class":5791},[5639,14818,6460],{"class":5791},[5639,14820,14069],{"class":5727},[5639,14822,5668],{"class":5660},[5564,14824],{},[5567,14826,14828],{"id":14827},"redux-toolkit-vs-класичний-redux-детальне-порівняння","Redux Toolkit vs Класичний Redux: детальне порівняння",[14830,14831,14832,14847],"table",{},[14833,14834,14835],"thead",{},[14836,14837,14838,14842,14845],"tr",{},[14839,14840,14841],"th",{},"Критерій",[14839,14843,14844],{},"Класичний Redux",[14839,14846,2485],{},[14848,14849,14850,14864,14878,14894,14909,14928,14941,14955,14971,14987,15005,15018],"tbody",{},[14836,14851,14852,14858,14861],{},[14853,14854,14855],"td",{},[5526,14856,14857],{},"Обсяг boilerplate",[14853,14859,14860],{},"~70–100 рядків на reducer",[14853,14862,14863],{},"~15–20 рядків на slice",[14836,14865,14866,14870,14873],{},[14853,14867,14868],{},[5526,14869,5592],{},[14853,14871,14872],{},"Ручне написання функцій",[14853,14874,14875,14876],{},"Генеруються автоматично ",[5494,14877,5496],{},[14836,14879,14880,14885,14891],{},[14853,14881,14882],{},[5526,14883,14884],{},"Immutable updates",[14853,14886,14887,14888,5587],{},"Ручний spread-синтаксис (",[5494,14889,14890],{},"{ ...state }",[14853,14892,14893],{},"«Мутабельний» синтаксис через Immer",[14836,14895,14896,14901,14904],{},[14853,14897,14898],{},[5526,14899,14900],{},"Async logic",[14853,14902,14903],{},"redux-thunk + ручні thunk-функції",[14853,14905,14906,14908],{},[5494,14907,5503],{}," із автоматичними pending\u002Ffulfilled",[14836,14910,14911,14916,14923],{},[14853,14912,14913],{},[5526,14914,14915],{},"Store configuration",[14853,14917,14918,6061,14920,14922],{},[5494,14919,5544],{},[5494,14921,5624],{}," + DevTools",[14853,14924,14925,14927],{},[5494,14926,7125],{}," — все автоматично",[14836,14929,14930,14935,14938],{},[14853,14931,14932],{},[5526,14933,14934],{},"Типізація TypeScript",[14853,14936,14937],{},"Ручна для actions, reducers, state",[14853,14939,14940],{},"Автоматична у 90% випадків",[14836,14942,14943,14947,14950],{},[14853,14944,14945],{},[5526,14946,8816],{},[14853,14948,14949],{},"Ручний виклик",[14853,14951,14952,14953],{},"Автоматично у ",[5494,14954,7125],{},[14836,14956,14957,14962,14968],{},[14853,14958,14959],{},[5526,14960,14961],{},"DevTools",[14853,14963,14964,14965],{},"Ручне підключення ",[5494,14966,14967],{},"composeEnhancers",[14853,14969,14970],{},"Автоматично",[14836,14972,14973,14977,14982],{},[14853,14974,14975],{},[5526,14976,5620],{},[14853,14978,14979,14980],{},"Ручне додавання ",[5494,14981,5624],{},[14853,14983,14984],{},[5494,14985,14986],{},"getDefaultMiddleware().concat(...)",[14836,14988,14989,14994,15000],{},[14853,14990,14991],{},[5526,14992,14993],{},"Мемоїзовані селектори",[14853,14995,14996,14997],{},"Потрібен окремий ",[5494,14998,14999],{},"npm install reselect",[14853,15001,15002,15003],{},"Вбудований ",[5494,15004,11301],{},[14836,15006,15007,15012,15015],{},[14853,15008,15009],{},[5526,15010,15011],{},"Перевірки immutability у dev",[14853,15013,15014],{},"Немає",[14853,15016,15017],{},"Автоматично увімкнені",[14836,15019,15020,15025,15028],{},[14853,15021,15022],{},[5526,15023,15024],{},"Кількість залежностей",[14853,15026,15027],{},"redux + react-redux + redux-thunk + reselect",[14853,15029,15030],{},"@reduxjs\u002Ftoolkit + react-redux",[6471,15032,15033,15036,15037,15040],{},[5526,15034,15035],{},"Міграція з класичного Redux на RTK:","\nRTK ",[5526,15038,15039],{},"повністю сумісний"," із класичним Redux. Можна міґрувати поступово — замінювати окремі reducers на slices, зберігаючи старі reducers у тому самому store. Це дозволяє оновлювати великі проєкти без повного переписування.",[5564,15042],{},[5567,15044,15046],{"id":15045},"best-practices-redux-toolkit","Best Practices Redux Toolkit",[5476,15048,15049,15054,15065,15077,15090,15106],{},[5479,15050,15053],{"icon":15051,"title":15052},"i-lucide-check-circle","✅ Один slice = одна логічна сутність","Не створюйте «божественні slices» на сотні рядків. Кожен slice має відповідати за одну сутність (users, posts, cart) та не перевищувати 100–150 рядків reducers.",[5479,15055,15057,15058,15060,15061,15064],{"icon":15051,"title":15056},"✅ Селектори поза slice","Складні селектори з ",[5494,15059,11301],{}," виносьте у окремий файл (",[5494,15062,15063],{},"selectors\u002F",") або принаймні поза межі slice. Це спрощує тестування та повторне використання.",[5479,15066,15068,15069,15072,15073,15076],{"icon":15051,"title":15067},"✅ Нормалізація стану","Для великих колекцій використовуйте нормалізовану структуру: ",[5494,15070,15071],{},"{ byId: { 1: {...}, 2: {...} }, allIds: [1, 2] }",". RTK надає утиліту ",[5494,15074,15075],{},"createEntityAdapter"," для автоматичної нормалізації.",[5479,15078,15080,15081,15084,15085,5514,15087,15089],{"icon":15051,"title":15079},"✅ Типізовані хуки у окремому файлі","Створіть ",[5494,15082,15083],{},"store\u002Fhooks.ts"," з ",[5494,15086,5517],{},[5494,15088,5513],{}," один раз для всього проєкту. Імпортуйте їх замість оригінальних хуків react-redux.",[5479,15091,15094,15095,15098,15099,15102,15103,5504],{"icon":15092,"title":15093},"i-lucide-alert-triangle","⚠️ Не мутуйте первинні типи","Immer працює лише з об'єктами та масивами. Для стану-числа (",[5494,15096,15097],{},"initialState: 0",") використовуйте ",[5494,15100,15101],{},"return newValue",", а не ",[5494,15104,15105],{},"state += 1",[5479,15107,15109,15110,15113,15114,15116],{"icon":15092,"title":15108},"⚠️ Не комбінуйте мутації та return","У reducer ",[5526,15111,15112],{},"або"," мутуйте стан через Immer, ",[5526,15115,15112],{}," повертайте новий стан. Змішування призводить до непередбачуваної поведінки.",[5564,15118],{},[5567,15120,15122],{"id":15121},"питання-для-самоконтролю","Питання для самоконтролю",[15124,15125,15126,15191,15464],"accordion",{},[15127,15128,15131,15141,15166,15176],"accordion-item",{"icon":15129,"label":15130},"i-lucide-help-circle","❓ Чому Immer не порушує pure function у reducers?",[5572,15132,15133,15134,15136,15137,15140],{},"Хоча синтаксис виглядає як мутація (",[5494,15135,7091],{},"), Immer ",[5526,15138,15139],{},"не модифікує оригінальний об'єкт",". Замість цього він:",[5576,15142,15143,15150,15156,15163],{},[5487,15144,15145,15146,15149],{},"Створює ",[5526,15147,15148],{},"proxy"," (проксі-обгортку) над оригінальним станом.",[5487,15151,15152,15153,7270],{},"Записує всі спроби зміни як «рецепт» (",[6604,15154,15155],{},"recipe",[5487,15157,15158,15159,15162],{},"Після завершення reducer-функції застосовує рецепт до ",[5526,15160,15161],{},"копії"," стану, створюючи новий immutable об'єкт.",[5487,15164,15165],{},"Повертає цю копію як новий стан.",[5572,15167,15168,15169,15171,15172,15175],{},"Оригінальний ",[5494,15170,5986],{}," залишається незмінним, тому reducer залишається ",[5526,15173,15174],{},"чистою функцією"," з точки зору Redux. Це еквівалентно ручному spread-синтаксису, але з простішим кодом.",[5572,15177,15178,15181,15182,5994,15184,5994,15187,15190],{},[5526,15179,15180],{},"Технічна деталь:"," Immer використовує ES6 Proxy API для перехоплення операцій (",[5494,15183,9157],{},[5494,15185,15186],{},"set",[5494,15188,15189],{},"deleteProperty",") та Structural Sharing для оптимізації пам'яті — незмінені частини стану розділяються між старою та новою версіями.",[15127,15192,15194,15204,15215,15225,15239,15244],{"icon":15129,"label":15193},"❓ Коли використовувати reducers, а коли extraReducers?",[5572,15195,15196,15200,15201,8846],{},[5526,15197,15198],{},[5494,15199,10392],{}," — для actions, які ",[5526,15202,15203],{},"належать цьому slice",[5484,15205,15206,15209],{},[5487,15207,15208],{},"Синхронні операції зміни стану (додати задачу, перемкнути прапорець, змінити фільтр).",[5487,15210,15211,15212,5504],{},"Actions генеруються автоматично: ",[5494,15213,15214],{},"sliceName.actions.actionName()",[5572,15216,15217,15221,15222,8846],{},[5526,15218,15219],{},[5494,15220,10398],{}," — для actions з ",[5526,15223,15224],{},"інших джерел",[5484,15226,15227,15233,15236],{},[5487,15228,15229,15230,15232],{},"Async thunks (",[5494,15231,5503],{},") — pending\u002Ffulfilled\u002Frejected actions.",[5487,15234,15235],{},"Actions з інших slices (один slice реагує на action іншого).",[5487,15237,15238],{},"Actions зі сторонніх бібліотек або middleware.",[5572,15240,15241],{},[5526,15242,15243],{},"Приклад:",[5629,15245,15247],{"className":5631,"code":15246,"language":5634,"meta":5635,"style":5635},"const todoSlice = createSlice({\n  name: \"todos\",\n  initialState,\n\n  \u002F\u002F reducers — дії цього slice\n  reducers: {\n    addTodo(state, action) { \u002F* ... *\u002F },\n    toggleTodo(state, action) { \u002F* ... *\u002F },\n  },\n\n  \u002F\u002F extraReducers — реакція на зовнішні дії\n  extraReducers: (builder) => {\n    builder.addCase(fetchTodos.fulfilled, (state, action) => {\n      state.items = action.payload; \u002F\u002F Обробка async thunk\n    });\n\n    builder.addCase(userLoggedOut, (state) => {\n      return initialState; \u002F\u002F Реакція на action з userSlice\n    });\n  },\n});\n",[5494,15248,15249,15261,15269,15275,15279,15284,15290,15311,15329,15333,15337,15342,15358,15389,15410,15414,15418,15441,15452,15456,15460],{"__ignoreMap":5635},[5639,15250,15251,15253,15255,15257,15259],{"class":5641,"line":5642},[5639,15252,5653],{"class":5652},[5639,15254,8139],{"class":5656},[5639,15256,5661],{"class":5660},[5639,15258,5496],{"class":5798},[5639,15260,6252],{"class":5660},[5639,15262,15263,15265,15267],{"class":5641,"line":5649},[5639,15264,6257],{"class":5727},[5639,15266,8152],{"class":5664},[5639,15268,5884],{"class":5660},[5639,15270,15271,15273],{"class":5641,"line":5671},[5639,15272,6761],{"class":5727},[5639,15274,5884],{"class":5660},[5639,15276,15277],{"class":5641,"line":5686},[5639,15278,5705],{"emptyLinePlaceholder":5704},[5639,15280,15281],{"class":5641,"line":5701},[5639,15282,15283],{"class":5645},"  \u002F\u002F reducers — дії цього slice\n",[5639,15285,15286,15288],{"class":5641,"line":5708},[5639,15287,6287],{"class":5727},[5639,15289,5918],{"class":5660},[5639,15291,15292,15294,15296,15298,15300,15302,15305,15308],{"class":5641,"line":5721},[5639,15293,8171],{"class":5798},[5639,15295,5983],{"class":5660},[5639,15297,5986],{"class":5727},[5639,15299,5994],{"class":5660},[5639,15301,5997],{"class":5727},[5639,15303,15304],{"class":5660},") { ",[5639,15306,15307],{"class":5645},"\u002F* ... *\u002F",[5639,15309,15310],{"class":5660}," },\n",[5639,15312,15313,15315,15317,15319,15321,15323,15325,15327],{"class":5641,"line":5741},[5639,15314,8256],{"class":5798},[5639,15316,5983],{"class":5660},[5639,15318,5986],{"class":5727},[5639,15320,5994],{"class":5660},[5639,15322,5997],{"class":5727},[5639,15324,15304],{"class":5660},[5639,15326,15307],{"class":5645},[5639,15328,15310],{"class":5660},[5639,15330,15331],{"class":5641,"line":5756},[5639,15332,6406],{"class":5660},[5639,15334,15335],{"class":5641,"line":5783},[5639,15336,5705],{"emptyLinePlaceholder":5704},[5639,15338,15339],{"class":5641,"line":5788},[5639,15340,15341],{"class":5645},"  \u002F\u002F extraReducers — реакція на зовнішні дії\n",[5639,15343,15344,15346,15348,15350,15352,15354,15356],{"class":5641,"line":5822},[5639,15345,9402],{"class":5798},[5639,15347,8846],{"class":5727},[5639,15349,5583],{"class":5660},[5639,15351,9409],{"class":5727},[5639,15353,7530],{"class":5660},[5639,15355,7389],{"class":5652},[5639,15357,5918],{"class":5660},[5639,15359,15360,15362,15364,15366,15368,15371,15373,15375,15377,15379,15381,15383,15385,15387],{"class":5641,"line":5846},[5639,15361,10648],{"class":5727},[5639,15363,5504],{"class":5660},[5639,15365,9428],{"class":5798},[5639,15367,5983],{"class":5660},[5639,15369,15370],{"class":5727},"fetchTodos",[5639,15372,5504],{"class":5660},[5639,15374,5558],{"class":5727},[5639,15376,9440],{"class":5660},[5639,15378,5986],{"class":5727},[5639,15380,5994],{"class":5660},[5639,15382,5997],{"class":5727},[5639,15384,7530],{"class":5660},[5639,15386,7389],{"class":5652},[5639,15388,5918],{"class":5660},[5639,15390,15391,15393,15395,15397,15399,15401,15403,15405,15407],{"class":5641,"line":5876},[5639,15392,6305],{"class":5727},[5639,15394,5504],{"class":5660},[5639,15396,13082],{"class":5727},[5639,15398,5661],{"class":5660},[5639,15400,5997],{"class":5727},[5639,15402,5504],{"class":5660},[5639,15404,5772],{"class":5727},[5639,15406,5769],{"class":5660},[5639,15408,15409],{"class":5645},"\u002F\u002F Обробка async thunk\n",[5639,15411,15412],{"class":5641,"line":5887},[5639,15413,10711],{"class":5660},[5639,15415,15416],{"class":5641,"line":5898},[5639,15417,5705],{"emptyLinePlaceholder":5704},[5639,15419,15420,15422,15424,15426,15428,15431,15433,15435,15437,15439],{"class":5641,"line":5904},[5639,15421,10648],{"class":5727},[5639,15423,5504],{"class":5660},[5639,15425,9428],{"class":5798},[5639,15427,5983],{"class":5660},[5639,15429,15430],{"class":5727},"userLoggedOut",[5639,15432,9440],{"class":5660},[5639,15434,5986],{"class":5727},[5639,15436,7530],{"class":5660},[5639,15438,7389],{"class":5652},[5639,15440,5918],{"class":5660},[5639,15442,15443,15445,15447,15449],{"class":5641,"line":5909},[5639,15444,6041],{"class":5791},[5639,15446,5949],{"class":5727},[5639,15448,5769],{"class":5660},[5639,15450,15451],{"class":5645},"\u002F\u002F Реакція на action з userSlice\n",[5639,15453,15454],{"class":5641,"line":5921},[5639,15455,10711],{"class":5660},[5639,15457,15458],{"class":5641,"line":5933},[5639,15459,6406],{"class":5660},[5639,15461,15462],{"class":5641,"line":5939},[5639,15463,5901],{"class":5660},[15127,15465,15467,15473,15640,15645,15667,15674],{"icon":15129,"label":15466},"❓ Навіщо createAsyncThunk, якщо можна dispatch у useEffect?",[5572,15468,15469,15470,15472],{},"Теоретично можна викликати API напряму у ",[5494,15471,9756],{}," та dispatch синхронних actions:",[5629,15474,15476],{"className":5631,"code":15475,"language":5634,"meta":5635,"style":5635},"\u002F\u002F ❌ Не рекомендується — логіка розкидана по компонентах\nuseEffect(() => {\n  async function load() {\n    dispatch(setLoading(true));\n    try {\n      const { data } = await axios.get(\"\u002Fusers\");\n      dispatch(setUsers(data));\n    } catch (err) {\n      dispatch(setError(err.message));\n    } finally {\n      dispatch(setLoading(false));\n    }\n  }\n  load();\n}, []);\n",[5494,15477,15478,15483,15493,15505,15520,15526,15551,15566,15578,15597,15606,15620,15624,15628,15635],{"__ignoreMap":5635},[5639,15479,15480],{"class":5641,"line":5642},[5639,15481,15482],{"class":5645},"\u002F\u002F ❌ Не рекомендується — логіка розкидана по компонентах\n",[5639,15484,15485,15487,15489,15491],{"class":5641,"line":5649},[5639,15486,9756],{"class":5798},[5639,15488,9923],{"class":5660},[5639,15490,7389],{"class":5652},[5639,15492,5918],{"class":5660},[5639,15494,15495,15497,15500,15503],{"class":5641,"line":5671},[5639,15496,9111],{"class":5652},[5639,15498,15499],{"class":5652}," function",[5639,15501,15502],{"class":5798}," load",[5639,15504,7500],{"class":5660},[5639,15506,15507,15509,15511,15514,15516,15518],{"class":5641,"line":5686},[5639,15508,9932],{"class":5798},[5639,15510,5983],{"class":5660},[5639,15512,15513],{"class":5798},"setLoading",[5639,15515,5983],{"class":5660},[5639,15517,9464],{"class":5652},[5639,15519,10287],{"class":5660},[5639,15521,15522,15524],{"class":5641,"line":5701},[5639,15523,9134],{"class":5791},[5639,15525,5918],{"class":5660},[5639,15527,15528,15530,15532,15534,15536,15538,15540,15542,15544,15546,15549],{"class":5641,"line":5708},[5639,15529,8279],{"class":5652},[5639,15531,6190],{"class":5660},[5639,15533,9145],{"class":5656},[5639,15535,6443],{"class":5660},[5639,15537,9150],{"class":5791},[5639,15539,8887],{"class":5727},[5639,15541,5504],{"class":5660},[5639,15543,9157],{"class":5798},[5639,15545,5983],{"class":5660},[5639,15547,15548],{"class":5664},"\"\u002Fusers\"",[5639,15550,6830],{"class":5660},[5639,15552,15553,15555,15557,15560,15562,15564],{"class":5641,"line":5721},[5639,15554,9967],{"class":5798},[5639,15556,5983],{"class":5660},[5639,15558,15559],{"class":5798},"setUsers",[5639,15561,5983],{"class":5660},[5639,15563,9145],{"class":5727},[5639,15565,10287],{"class":5660},[5639,15567,15568,15570,15572,15574,15576],{"class":5641,"line":5741},[5639,15569,9200],{"class":5660},[5639,15571,9203],{"class":5791},[5639,15573,5583],{"class":5660},[5639,15575,10352],{"class":5727},[5639,15577,6024],{"class":5660},[5639,15579,15580,15582,15584,15587,15589,15591,15593,15595],{"class":5641,"line":5756},[5639,15581,9967],{"class":5798},[5639,15583,5983],{"class":5660},[5639,15585,15586],{"class":5798},"setError",[5639,15588,5983],{"class":5660},[5639,15590,10352],{"class":5727},[5639,15592,5504],{"class":5660},[5639,15594,9258],{"class":5727},[5639,15596,10287],{"class":5660},[5639,15598,15599,15601,15604],{"class":5641,"line":5783},[5639,15600,9200],{"class":5660},[5639,15602,15603],{"class":5791},"finally",[5639,15605,5918],{"class":5660},[5639,15607,15608,15610,15612,15614,15616,15618],{"class":5641,"line":5788},[5639,15609,9967],{"class":5798},[5639,15611,5983],{"class":5660},[5639,15613,15513],{"class":5798},[5639,15615,5983],{"class":5660},[5639,15617,9539],{"class":5652},[5639,15619,10287],{"class":5660},[5639,15621,15622],{"class":5641,"line":5822},[5639,15623,9291],{"class":5660},[5639,15625,15626],{"class":5641,"line":5846},[5639,15627,6166],{"class":5660},[5639,15629,15630,15633],{"class":5641,"line":5876},[5639,15631,15632],{"class":5798},"  load",[5639,15634,7555],{"class":5660},[5639,15636,15637],{"class":5641,"line":5887},[5639,15638,15639],{"class":5660},"}, []);\n",[5572,15641,15642],{},[5526,15643,15644],{},"Проблеми цього підходу:",[5576,15646,15647,15654,15657,15660],{},[5487,15648,15649,15650,15653],{},"Логіка завантаження ",[5526,15651,15652],{},"дублюється"," у кожному компоненті, що викликає API.",[5487,15655,15656],{},"Неможливо тестувати логіку завантаження ізольовано від компонента.",[5487,15658,15659],{},"Redux DevTools не показує проміжні стани (pending, fulfilled, rejected) — лише фінальні actions.",[5487,15661,15662,15663,15666],{},"Складно скасувати запити при розмонтуванні (потрібен ",[5494,15664,15665],{},"AbortController"," у кожному useEffect).",[5572,15668,15669],{},[5526,15670,15671,15672,8846],{},"Переваги ",[5494,15673,5503],{},[5484,15675,15676,15679,15682,15690],{},[5487,15677,15678],{},"Логіка централізована у slice — тестується окремо.",[5487,15680,15681],{},"Автоматична генерація pending\u002Ffulfilled\u002Frejected actions для Redux DevTools.",[5487,15683,15684,15685,5621,15687,5504],{},"Підтримка ",[5494,15686,15665],{},[5494,15688,15689],{},"thunkAPI.signal",[5487,15691,15692],{},"Типізація аргументів та повернутого значення.",[5564,15694],{},[5567,15696,15698],{"id":15697},"практичне-завдання","Практичне завдання",[15124,15700,15701,16017],{},[15127,15702,15705,15708,15713,15782,15787,15819,15824,15852,15857,15882,15887],{"icon":15703,"label":15704},"i-lucide-clipboard-list","📋 Завдання: Менеджер контактів із async операціями",[5572,15706,15707],{},"Створіть RTK-застосунок для управління контактами з наступними вимогами:",[5572,15709,15710],{},[5526,15711,15712],{},"Моделі даних:",[5629,15714,15716],{"className":5631,"code":15715,"language":5634,"meta":5635,"style":5635},"interface Contact {\n  id: number;\n  name: string;\n  phone: string;\n  email: string;\n  isFavorite: boolean;\n}\n",[5494,15717,15718,15727,15737,15747,15757,15767,15778],{"__ignoreMap":5635},[5639,15719,15720,15722,15725],{"class":5641,"line":5642},[5639,15721,5912],{"class":5652},[5639,15723,15724],{"class":5714}," Contact",[5639,15726,5918],{"class":5660},[5639,15728,15729,15731,15733,15735],{"class":5641,"line":5649},[5639,15730,7985],{"class":5727},[5639,15732,5730],{"class":5660},[5639,15734,5777],{"class":5714},[5639,15736,5668],{"class":5660},[5639,15738,15739,15741,15743,15745],{"class":5641,"line":5671},[5639,15740,8922],{"class":5727},[5639,15742,5730],{"class":5660},[5639,15744,8001],{"class":5714},[5639,15746,5668],{"class":5660},[5639,15748,15749,15751,15753,15755],{"class":5641,"line":5686},[5639,15750,8944],{"class":5727},[5639,15752,5730],{"class":5660},[5639,15754,8001],{"class":5714},[5639,15756,5668],{"class":5660},[5639,15758,15759,15761,15763,15765],{"class":5641,"line":5701},[5639,15760,8933],{"class":5727},[5639,15762,5730],{"class":5660},[5639,15764,8001],{"class":5714},[5639,15766,5668],{"class":5660},[5639,15768,15769,15772,15774,15776],{"class":5641,"line":5708},[5639,15770,15771],{"class":5727},"  isFavorite",[5639,15773,5730],{"class":5660},[5639,15775,8013],{"class":5714},[5639,15777,5668],{"class":5660},[5639,15779,15780],{"class":5641,"line":5721},[5639,15781,5936],{"class":5660},[5572,15783,15784],{},[5526,15785,15786],{},"Функціональність:",[5576,15788,15789,15795,15801,15807,15810,15813,15816],{},[5487,15790,15791,15792,5587],{},"Завантаження контактів із JSON Server (",[5494,15793,15794],{},"GET \u002Fcontacts",[5487,15796,15797,15798,5587],{},"Додавання нового контакту (",[5494,15799,15800],{},"POST \u002Fcontacts",[5487,15802,15803,15804,5587],{},"Видалення контакту (",[5494,15805,15806],{},"DELETE \u002Fcontacts\u002F:id",[5487,15808,15809],{},"Позначення контакту як улюбленого (локально, без API)",[5487,15811,15812],{},"Фільтрація: всі \u002F лише улюблені",[5487,15814,15815],{},"Пошук за ім'ям (локально)",[5487,15817,15818],{},"Статистика: загальна кількість, кількість улюблених",[5572,15820,15821],{},[5526,15822,15823],{},"Вимоги до реалізації:",[5484,15825,15826,15833,15838,15845],{},[5487,15827,15828,15829,5514,15831],{},"Використати ",[5494,15830,5496],{},[5494,15832,5503],{},[5487,15834,15835,15836],{},"Селектори для фільтрації через ",[5494,15837,11301],{},[5487,15839,15840,15841,5514,15843],{},"Типізовані хуки ",[5494,15842,5517],{},[5494,15844,5513],{},[5487,15846,15847,15848,5514,15850],{},"Обробка станів ",[5494,15849,9459],{},[5494,15851,9208],{},[5572,15853,15854],{},[5526,15855,15856],{},"JSON Server (для тестування):",[5629,15858,15860],{"className":6508,"code":15859,"language":6510,"meta":5635,"style":5635},"npx json-server --watch db.json --port 3001\n",[5494,15861,15862],{"__ignoreMap":5635},[5639,15863,15864,15867,15870,15873,15876,15879],{"class":5641,"line":5642},[5639,15865,15866],{"class":5798},"npx",[5639,15868,15869],{"class":5664}," json-server",[5639,15871,15872],{"class":5652}," --watch",[5639,15874,15875],{"class":5664}," db.json",[5639,15877,15878],{"class":5652}," --port",[5639,15880,15881],{"class":5963}," 3001\n",[5572,15883,15884,8846],{},[5494,15885,15886],{},"db.json",[5629,15888,15892],{"className":15889,"code":15890,"language":15891,"meta":5635,"style":5635},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"contacts\": [\n    { \"id\": 1, \"name\": \"Олена Коваленко\", \"phone\": \"+380501234567\", \"email\": \"olena@example.com\", \"isFavorite\": true },\n    { \"id\": 2, \"name\": \"Андрій Мельник\", \"phone\": \"+380672345678\", \"email\": \"andriy@example.com\", \"isFavorite\": false }\n  ]\n}\n","json",[5494,15893,15894,15899,15908,15960,16008,16013],{"__ignoreMap":5635},[5639,15895,15896],{"class":5641,"line":5642},[5639,15897,15898],{"class":5660},"{\n",[5639,15900,15901,15905],{"class":5641,"line":5649},[5639,15902,15904],{"class":15903},"sLwNe","  \"contacts\"",[5639,15906,15907],{"class":5660},": [\n",[5639,15909,15910,15913,15915,15917,15919,15921,15924,15926,15929,15931,15934,15936,15939,15941,15944,15946,15949,15951,15954,15956,15958],{"class":5641,"line":5671},[5639,15911,15912],{"class":5660},"    { ",[5639,15914,12684],{"class":15903},[5639,15916,5730],{"class":5660},[5639,15918,6064],{"class":5963},[5639,15920,5994],{"class":5660},[5639,15922,15923],{"class":15903},"\"name\"",[5639,15925,5730],{"class":5660},[5639,15927,15928],{"class":5664},"\"Олена Коваленко\"",[5639,15930,5994],{"class":5660},[5639,15932,15933],{"class":15903},"\"phone\"",[5639,15935,5730],{"class":5660},[5639,15937,15938],{"class":5664},"\"+380501234567\"",[5639,15940,5994],{"class":5660},[5639,15942,15943],{"class":15903},"\"email\"",[5639,15945,5730],{"class":5660},[5639,15947,15948],{"class":5664},"\"olena@example.com\"",[5639,15950,5994],{"class":5660},[5639,15952,15953],{"class":15903},"\"isFavorite\"",[5639,15955,5730],{"class":5660},[5639,15957,9464],{"class":5652},[5639,15959,15310],{"class":5660},[5639,15961,15962,15964,15966,15968,15971,15973,15975,15977,15980,15982,15984,15986,15989,15991,15993,15995,15998,16000,16002,16004,16006],{"class":5641,"line":5686},[5639,15963,15912],{"class":5660},[5639,15965,12684],{"class":15903},[5639,15967,5730],{"class":5660},[5639,15969,15970],{"class":5963},"2",[5639,15972,5994],{"class":5660},[5639,15974,15923],{"class":15903},[5639,15976,5730],{"class":5660},[5639,15978,15979],{"class":5664},"\"Андрій Мельник\"",[5639,15981,5994],{"class":5660},[5639,15983,15933],{"class":15903},[5639,15985,5730],{"class":5660},[5639,15987,15988],{"class":5664},"\"+380672345678\"",[5639,15990,5994],{"class":5660},[5639,15992,15943],{"class":15903},[5639,15994,5730],{"class":5660},[5639,15996,15997],{"class":5664},"\"andriy@example.com\"",[5639,15999,5994],{"class":5660},[5639,16001,15953],{"class":15903},[5639,16003,5730],{"class":5660},[5639,16005,9539],{"class":5652},[5639,16007,5738],{"class":5660},[5639,16009,16010],{"class":5641,"line":5701},[5639,16011,16012],{"class":5660},"  ]\n",[5639,16014,16015],{"class":5641,"line":5708},[5639,16016,5936],{"class":5660},[15127,16018,16020,17677,18710,18715],{"icon":15051,"label":16019},"✅ Розв'язок та покроковий аналіз",[5629,16021,16023],{"className":5631,"code":16022,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fstore\u002Fslices\u002FcontactsSlice.ts\nimport { createSlice, createAsyncThunk, createSelector, PayloadAction } from \"@reduxjs\u002Ftoolkit\";\nimport axios from \"axios\";\nimport type { RootState } from \"..\u002Findex\";\n\ninterface Contact {\n  id: number;\n  name: string;\n  phone: string;\n  email: string;\n  isFavorite: boolean;\n}\n\ninterface ContactsState {\n  items: Contact[];\n  isLoading: boolean;\n  error: string | null;\n  filter: \"all\" | \"favorites\";\n  searchQuery: string;\n}\n\nconst initialState: ContactsState = {\n  items: [],\n  isLoading: false,\n  error: null,\n  filter: \"all\",\n  searchQuery: \"\",\n};\n\n\u002F\u002F Async thunks\nexport const fetchContacts = createAsyncThunk\u003CContact[]>(\n  \"contacts\u002FfetchAll\",\n  async () => {\n    const { data } = await axios.get\u003CContact[]>(\"http:\u002F\u002Flocalhost:3001\u002Fcontacts\");\n    return data;\n  }\n);\n\nexport const addContact = createAsyncThunk\u003CContact, Omit\u003CContact, \"id\">>(\n  \"contacts\u002Fadd\",\n  async (contactData) => {\n    const { data } = await axios.post\u003CContact>(\"http:\u002F\u002Flocalhost:3001\u002Fcontacts\", contactData);\n    return data;\n  }\n);\n\nexport const deleteContact = createAsyncThunk\u003Cnumber, number>(\n  \"contacts\u002Fdelete\",\n  async (id) => {\n    await axios.delete(`http:\u002F\u002Flocalhost:3001\u002Fcontacts\u002F${id}`);\n    return id;\n  }\n);\n\nconst contactsSlice = createSlice({\n  name: \"contacts\",\n  initialState,\n\n  reducers: {\n    toggleFavorite(state, action: PayloadAction\u003Cnumber>) {\n      const contact = state.items.find((c) => c.id === action.payload);\n      if (contact) {\n        contact.isFavorite = !contact.isFavorite;\n      }\n    },\n\n    setFilter(state, action: PayloadAction\u003CContactsState[\"filter\"]>) {\n      state.filter = action.payload;\n    },\n\n    setSearchQuery(state, action: PayloadAction\u003Cstring>) {\n      state.searchQuery = action.payload;\n    },\n  },\n\n  extraReducers: (builder) => {\n    builder\n      .addCase(fetchContacts.pending, (state) => {\n        state.isLoading = true;\n        state.error = null;\n      })\n      .addCase(fetchContacts.fulfilled, (state, action) => {\n        state.isLoading = false;\n        state.items = action.payload;\n      })\n      .addCase(fetchContacts.rejected, (state, action) => {\n        state.isLoading = false;\n        state.error = action.error.message ?? \"Помилка завантаження\";\n      })\n      .addCase(addContact.fulfilled, (state, action) => {\n        state.items.push(action.payload);\n      })\n      .addCase(deleteContact.fulfilled, (state, action) => {\n        state.items = state.items.filter((c) => c.id !== action.payload);\n      });\n  },\n});\n\nexport const { toggleFavorite, setFilter, setSearchQuery } = contactsSlice.actions;\n\n\u002F\u002F Селектори\nconst selectContacts = (state: RootState) => state.contacts.items;\nconst selectFilter = (state: RootState) => state.contacts.filter;\nconst selectSearchQuery = (state: RootState) => state.contacts.searchQuery;\n\nexport const selectVisibleContacts = createSelector(\n  [selectContacts, selectFilter, selectSearchQuery],\n  (contacts, filter, query) => {\n    let filtered = contacts;\n\n    if (filter === \"favorites\") {\n      filtered = filtered.filter((c) => c.isFavorite);\n    }\n\n    if (query.trim()) {\n      filtered = filtered.filter((c) =>\n        c.name.toLowerCase().includes(query.toLowerCase())\n      );\n    }\n\n    return filtered;\n  }\n);\n\nexport const selectContactStats = createSelector([selectContacts], (contacts) => ({\n  total: contacts.length,\n  favorites: contacts.filter((c) => c.isFavorite).length,\n}));\n\nexport default contactsSlice.reducer;\n",[5494,16024,16025,16030,16058,16070,16088,16092,16100,16110,16120,16130,16140,16150,16154,16158,16167,16178,16188,16202,16217,16228,16232,16236,16249,16255,16263,16271,16279,16289,16293,16297,16302,16321,16328,16338,16367,16375,16379,16383,16387,16418,16425,16440,16472,16480,16484,16488,16492,16515,16522,16536,16561,16569,16573,16577,16581,16594,16603,16609,16613,16619,16642,16687,16698,16718,16722,16726,16730,16756,16774,16778,16782,16805,16824,16828,16832,16836,16852,16856,16881,16895,16909,16913,16941,16955,16973,16977,17005,17019,17045,17049,17078,17100,17104,17133,17177,17181,17185,17189,17193,17224,17228,17234,17267,17298,17330,17335,17351,17370,17392,17407,17412,17427,17458,17463,17468,17485,17506,17537,17542,17547,17552,17561,17566,17571,17576,17604,17619,17651,17657,17662],{"__ignoreMap":5635},[5639,16026,16027],{"class":5641,"line":5642},[5639,16028,16029],{"class":5645},"\u002F\u002F src\u002Fstore\u002Fslices\u002FcontactsSlice.ts\n",[5639,16031,16032,16034,16036,16038,16040,16042,16044,16046,16048,16050,16052,16054,16056],{"class":5641,"line":5649},[5639,16033,6187],{"class":5791},[5639,16035,6190],{"class":5660},[5639,16037,5496],{"class":5727},[5639,16039,5994],{"class":5660},[5639,16041,5503],{"class":5727},[5639,16043,5994],{"class":5660},[5639,16045,11301],{"class":5727},[5639,16047,5994],{"class":5660},[5639,16049,6197],{"class":5727},[5639,16051,6200],{"class":5660},[5639,16053,6203],{"class":5791},[5639,16055,6206],{"class":5664},[5639,16057,5668],{"class":5660},[5639,16059,16060,16062,16064,16066,16068],{"class":5641,"line":5671},[5639,16061,6187],{"class":5791},[5639,16063,8887],{"class":5727},[5639,16065,7142],{"class":5791},[5639,16067,8892],{"class":5664},[5639,16069,5668],{"class":5660},[5639,16071,16072,16074,16076,16078,16080,16082,16084,16086],{"class":5641,"line":5686},[5639,16073,6187],{"class":5791},[5639,16075,7206],{"class":5791},[5639,16077,6190],{"class":5660},[5639,16079,7295],{"class":5727},[5639,16081,6200],{"class":5660},[5639,16083,6203],{"class":5791},[5639,16085,11326],{"class":5664},[5639,16087,5668],{"class":5660},[5639,16089,16090],{"class":5641,"line":5701},[5639,16091,5705],{"emptyLinePlaceholder":5704},[5639,16093,16094,16096,16098],{"class":5641,"line":5708},[5639,16095,5912],{"class":5652},[5639,16097,15724],{"class":5714},[5639,16099,5918],{"class":5660},[5639,16101,16102,16104,16106,16108],{"class":5641,"line":5721},[5639,16103,7985],{"class":5727},[5639,16105,5730],{"class":5660},[5639,16107,5777],{"class":5714},[5639,16109,5668],{"class":5660},[5639,16111,16112,16114,16116,16118],{"class":5641,"line":5741},[5639,16113,8922],{"class":5727},[5639,16115,5730],{"class":5660},[5639,16117,8001],{"class":5714},[5639,16119,5668],{"class":5660},[5639,16121,16122,16124,16126,16128],{"class":5641,"line":5756},[5639,16123,8944],{"class":5727},[5639,16125,5730],{"class":5660},[5639,16127,8001],{"class":5714},[5639,16129,5668],{"class":5660},[5639,16131,16132,16134,16136,16138],{"class":5641,"line":5783},[5639,16133,8933],{"class":5727},[5639,16135,5730],{"class":5660},[5639,16137,8001],{"class":5714},[5639,16139,5668],{"class":5660},[5639,16141,16142,16144,16146,16148],{"class":5641,"line":5788},[5639,16143,15771],{"class":5727},[5639,16145,5730],{"class":5660},[5639,16147,8013],{"class":5714},[5639,16149,5668],{"class":5660},[5639,16151,16152],{"class":5641,"line":5822},[5639,16153,5936],{"class":5660},[5639,16155,16156],{"class":5641,"line":5846},[5639,16157,5705],{"emptyLinePlaceholder":5704},[5639,16159,16160,16162,16165],{"class":5641,"line":5876},[5639,16161,5912],{"class":5652},[5639,16163,16164],{"class":5714}," ContactsState",[5639,16166,5918],{"class":5660},[5639,16168,16169,16171,16173,16176],{"class":5641,"line":5887},[5639,16170,12459],{"class":5727},[5639,16172,5730],{"class":5660},[5639,16174,16175],{"class":5714},"Contact",[5639,16177,6682],{"class":5660},[5639,16179,16180,16182,16184,16186],{"class":5641,"line":5898},[5639,16181,8989],{"class":5727},[5639,16183,5730],{"class":5660},[5639,16185,8013],{"class":5714},[5639,16187,5668],{"class":5660},[5639,16189,16190,16192,16194,16196,16198,16200],{"class":5641,"line":5904},[5639,16191,9000],{"class":5727},[5639,16193,5730],{"class":5660},[5639,16195,8001],{"class":5714},[5639,16197,8057],{"class":5660},[5639,16199,8982],{"class":5714},[5639,16201,5668],{"class":5660},[5639,16203,16204,16206,16208,16210,16212,16215],{"class":5641,"line":5909},[5639,16205,8049],{"class":5727},[5639,16207,5730],{"class":5660},[5639,16209,8054],{"class":5664},[5639,16211,8057],{"class":5660},[5639,16213,16214],{"class":5664},"\"favorites\"",[5639,16216,5668],{"class":5660},[5639,16218,16219,16222,16224,16226],{"class":5641,"line":5921},[5639,16220,16221],{"class":5727},"  searchQuery",[5639,16223,5730],{"class":5660},[5639,16225,8001],{"class":5714},[5639,16227,5668],{"class":5660},[5639,16229,16230],{"class":5641,"line":5933},[5639,16231,5936],{"class":5660},[5639,16233,16234],{"class":5641,"line":5939},[5639,16235,5705],{"emptyLinePlaceholder":5704},[5639,16237,16238,16240,16242,16244,16247],{"class":5641,"line":5944},[5639,16239,5653],{"class":5652},[5639,16241,5949],{"class":5656},[5639,16243,5730],{"class":5660},[5639,16245,16246],{"class":5714},"ContactsState",[5639,16248,6703],{"class":5660},[5639,16250,16251,16253],{"class":5641,"line":5969},[5639,16252,12526],{"class":5727},[5639,16254,6720],{"class":5660},[5639,16256,16257,16259,16261],{"class":5641,"line":5974},[5639,16258,9046],{"class":5727},[5639,16260,8236],{"class":5652},[5639,16262,5884],{"class":5660},[5639,16264,16265,16267,16269],{"class":5641,"line":6010},[5639,16266,9055],{"class":5727},[5639,16268,9039],{"class":5652},[5639,16270,5884],{"class":5660},[5639,16272,16273,16275,16277],{"class":5641,"line":6027},[5639,16274,8100],{"class":5727},[5639,16276,8103],{"class":5664},[5639,16278,5884],{"class":5660},[5639,16280,16281,16284,16287],{"class":5641,"line":6038},[5639,16282,16283],{"class":5727},"  searchQuery:",[5639,16285,16286],{"class":5664}," \"\"",[5639,16288,5884],{"class":5660},[5639,16290,16291],{"class":5641,"line":6073},[5639,16292,6725],{"class":5660},[5639,16294,16295],{"class":5641,"line":6082},[5639,16296,5705],{"emptyLinePlaceholder":5704},[5639,16298,16299],{"class":5641,"line":6108},[5639,16300,16301],{"class":5645},"\u002F\u002F Async thunks\n",[5639,16303,16304,16306,16308,16311,16313,16315,16317,16319],{"class":5641,"line":6117},[5639,16305,5792],{"class":5791},[5639,16307,5795],{"class":5652},[5639,16309,16310],{"class":5656}," fetchContacts",[5639,16312,5661],{"class":5660},[5639,16314,5503],{"class":5798},[5639,16316,6374],{"class":5660},[5639,16318,16175],{"class":5714},[5639,16320,12585],{"class":5660},[5639,16322,16323,16326],{"class":5641,"line":6146},[5639,16324,16325],{"class":5664},"  \"contacts\u002FfetchAll\"",[5639,16327,5884],{"class":5660},[5639,16329,16330,16332,16334,16336],{"class":5641,"line":6154},[5639,16331,9111],{"class":5652},[5639,16333,9958],{"class":5660},[5639,16335,7389],{"class":5652},[5639,16337,5918],{"class":5660},[5639,16339,16340,16342,16344,16346,16348,16350,16352,16354,16356,16358,16360,16362,16365],{"class":5641,"line":6163},[5639,16341,12607],{"class":5652},[5639,16343,6190],{"class":5660},[5639,16345,9145],{"class":5656},[5639,16347,6443],{"class":5660},[5639,16349,9150],{"class":5791},[5639,16351,8887],{"class":5727},[5639,16353,5504],{"class":5660},[5639,16355,9157],{"class":5798},[5639,16357,6374],{"class":5660},[5639,16359,16175],{"class":5714},[5639,16361,12628],{"class":5660},[5639,16363,16364],{"class":5664},"\"http:\u002F\u002Flocalhost:3001\u002Fcontacts\"",[5639,16366,6830],{"class":5660},[5639,16368,16369,16371,16373],{"class":5641,"line":6169},[5639,16370,9955],{"class":5791},[5639,16372,9190],{"class":5727},[5639,16374,5668],{"class":5660},[5639,16376,16377],{"class":5641,"line":6966},[5639,16378,6166],{"class":5660},[5639,16380,16381],{"class":5641,"line":6971},[5639,16382,6830],{"class":5660},[5639,16384,16385],{"class":5641,"line":6983},[5639,16386,5705],{"emptyLinePlaceholder":5704},[5639,16388,16389,16391,16393,16396,16398,16400,16402,16404,16406,16408,16410,16412,16414,16416],{"class":5641,"line":6989},[5639,16390,5792],{"class":5791},[5639,16392,5795],{"class":5652},[5639,16394,16395],{"class":5656}," addContact",[5639,16397,5661],{"class":5660},[5639,16399,5503],{"class":5798},[5639,16401,6374],{"class":5660},[5639,16403,16175],{"class":5714},[5639,16405,5994],{"class":5660},[5639,16407,12675],{"class":5714},[5639,16409,6374],{"class":5660},[5639,16411,16175],{"class":5714},[5639,16413,5994],{"class":5660},[5639,16415,12684],{"class":5664},[5639,16417,12687],{"class":5660},[5639,16419,16420,16423],{"class":5641,"line":6998},[5639,16421,16422],{"class":5664},"  \"contacts\u002Fadd\"",[5639,16424,5884],{"class":5660},[5639,16426,16427,16429,16431,16434,16436,16438],{"class":5641,"line":7003},[5639,16428,9111],{"class":5652},[5639,16430,5583],{"class":5660},[5639,16432,16433],{"class":5727},"contactData",[5639,16435,7530],{"class":5660},[5639,16437,7389],{"class":5652},[5639,16439,5918],{"class":5660},[5639,16441,16442,16444,16446,16448,16450,16452,16454,16456,16458,16460,16462,16464,16466,16468,16470],{"class":5641,"line":7008},[5639,16443,12607],{"class":5652},[5639,16445,6190],{"class":5660},[5639,16447,9145],{"class":5656},[5639,16449,6443],{"class":5660},[5639,16451,9150],{"class":5791},[5639,16453,8887],{"class":5727},[5639,16455,5504],{"class":5660},[5639,16457,12728],{"class":5798},[5639,16459,6374],{"class":5660},[5639,16461,16175],{"class":5714},[5639,16463,12735],{"class":5660},[5639,16465,16364],{"class":5664},[5639,16467,5994],{"class":5660},[5639,16469,16433],{"class":5727},[5639,16471,6830],{"class":5660},[5639,16473,16474,16476,16478],{"class":5641,"line":7013},[5639,16475,9955],{"class":5791},[5639,16477,9190],{"class":5727},[5639,16479,5668],{"class":5660},[5639,16481,16482],{"class":5641,"line":7018},[5639,16483,6166],{"class":5660},[5639,16485,16486],{"class":5641,"line":7024},[5639,16487,6830],{"class":5660},[5639,16489,16490],{"class":5641,"line":7058},[5639,16491,5705],{"emptyLinePlaceholder":5704},[5639,16493,16494,16496,16498,16501,16503,16505,16507,16509,16511,16513],{"class":5641,"line":7063},[5639,16495,5792],{"class":5791},[5639,16497,5795],{"class":5652},[5639,16499,16500],{"class":5656}," deleteContact",[5639,16502,5661],{"class":5660},[5639,16504,5503],{"class":5798},[5639,16506,6374],{"class":5660},[5639,16508,5777],{"class":5714},[5639,16510,5994],{"class":5660},[5639,16512,5777],{"class":5714},[5639,16514,9096],{"class":5660},[5639,16516,16517,16520],{"class":5641,"line":7069},[5639,16518,16519],{"class":5664},"  \"contacts\u002Fdelete\"",[5639,16521,5884],{"class":5660},[5639,16523,16524,16526,16528,16530,16532,16534],{"class":5641,"line":8508},[5639,16525,9111],{"class":5652},[5639,16527,5583],{"class":5660},[5639,16529,8312],{"class":5727},[5639,16531,7530],{"class":5660},[5639,16533,7389],{"class":5652},[5639,16535,5918],{"class":5660},[5639,16537,16538,16540,16542,16544,16546,16548,16551,16553,16555,16557,16559],{"class":5641,"line":8520},[5639,16539,12812],{"class":5791},[5639,16541,8887],{"class":5727},[5639,16543,5504],{"class":5660},[5639,16545,12819],{"class":5798},[5639,16547,5983],{"class":5660},[5639,16549,16550],{"class":5664},"`http:\u002F\u002Flocalhost:3001\u002Fcontacts\u002F",[5639,16552,9171],{"class":5652},[5639,16554,8312],{"class":5727},[5639,16556,7611],{"class":5652},[5639,16558,12833],{"class":5664},[5639,16560,6830],{"class":5660},[5639,16562,16563,16565,16567],{"class":5641,"line":8560},[5639,16564,9955],{"class":5791},[5639,16566,12842],{"class":5727},[5639,16568,5668],{"class":5660},[5639,16570,16571],{"class":5641,"line":8565},[5639,16572,6166],{"class":5660},[5639,16574,16575],{"class":5641,"line":8570},[5639,16576,6830],{"class":5660},[5639,16578,16579],{"class":5641,"line":8575},[5639,16580,5705],{"emptyLinePlaceholder":5704},[5639,16582,16583,16585,16588,16590,16592],{"class":5641,"line":8580},[5639,16584,5653],{"class":5652},[5639,16586,16587],{"class":5656}," contactsSlice",[5639,16589,5661],{"class":5660},[5639,16591,5496],{"class":5798},[5639,16593,6252],{"class":5660},[5639,16595,16596,16598,16601],{"class":5641,"line":8623},[5639,16597,6257],{"class":5727},[5639,16599,16600],{"class":5664}," \"contacts\"",[5639,16602,5884],{"class":5660},[5639,16604,16605,16607],{"class":5641,"line":9451},[5639,16606,6761],{"class":5727},[5639,16608,5884],{"class":5660},[5639,16610,16611],{"class":5641,"line":9469},[5639,16612,5705],{"emptyLinePlaceholder":5704},[5639,16614,16615,16617],{"class":5641,"line":9484},[5639,16616,6287],{"class":5727},[5639,16618,5918],{"class":5660},[5639,16620,16621,16624,16626,16628,16630,16632,16634,16636,16638,16640],{"class":5641,"line":9490},[5639,16622,16623],{"class":5798},"    toggleFavorite",[5639,16625,5983],{"class":5660},[5639,16627,5986],{"class":5727},[5639,16629,5994],{"class":5660},[5639,16631,5997],{"class":5727},[5639,16633,5730],{"class":5660},[5639,16635,6197],{"class":5714},[5639,16637,6374],{"class":5660},[5639,16639,5777],{"class":5714},[5639,16641,6379],{"class":5660},[5639,16643,16644,16646,16649,16651,16653,16655,16657,16659,16661,16663,16666,16668,16670,16673,16675,16677,16679,16681,16683,16685],{"class":5641,"line":9528},[5639,16645,8279],{"class":5652},[5639,16647,16648],{"class":5656}," contact",[5639,16650,5661],{"class":5660},[5639,16652,5986],{"class":5727},[5639,16654,5504],{"class":5660},[5639,16656,13082],{"class":5727},[5639,16658,5504],{"class":5660},[5639,16660,8295],{"class":5798},[5639,16662,7525],{"class":5660},[5639,16664,16665],{"class":5727},"c",[5639,16667,7530],{"class":5660},[5639,16669,7389],{"class":5652},[5639,16671,16672],{"class":5727}," c",[5639,16674,5504],{"class":5660},[5639,16676,8312],{"class":5727},[5639,16678,8315],{"class":5660},[5639,16680,5997],{"class":5727},[5639,16682,5504],{"class":5660},[5639,16684,5772],{"class":5727},[5639,16686,6830],{"class":5660},[5639,16688,16689,16691,16693,16696],{"class":5641,"line":9544},[5639,16690,8328],{"class":5791},[5639,16692,5583],{"class":5660},[5639,16694,16695],{"class":5727},"contact",[5639,16697,6024],{"class":5660},[5639,16699,16700,16703,16705,16708,16710,16712,16714,16716],{"class":5641,"line":9563},[5639,16701,16702],{"class":5727},"        contact",[5639,16704,5504],{"class":5660},[5639,16706,16707],{"class":5727},"isFavorite",[5639,16709,8348],{"class":5660},[5639,16711,16695],{"class":5727},[5639,16713,5504],{"class":5660},[5639,16715,16707],{"class":5727},[5639,16717,5668],{"class":5660},[5639,16719,16720],{"class":5641,"line":9568},[5639,16721,8364],{"class":5660},[5639,16723,16724],{"class":5641,"line":9597},[5639,16725,6324],{"class":5660},[5639,16727,16728],{"class":5641,"line":9612},[5639,16729,5705],{"emptyLinePlaceholder":5704},[5639,16731,16732,16734,16736,16738,16740,16742,16744,16746,16748,16750,16752,16754],{"class":5641,"line":9637},[5639,16733,8454],{"class":5798},[5639,16735,5983],{"class":5660},[5639,16737,5986],{"class":5727},[5639,16739,5994],{"class":5660},[5639,16741,5997],{"class":5727},[5639,16743,5730],{"class":5660},[5639,16745,6197],{"class":5714},[5639,16747,6374],{"class":5660},[5639,16749,16246],{"class":5714},[5639,16751,8473],{"class":5660},[5639,16753,8476],{"class":5664},[5639,16755,8479],{"class":5660},[5639,16757,16758,16760,16762,16764,16766,16768,16770,16772],{"class":5641,"line":9642},[5639,16759,6305],{"class":5727},[5639,16761,5504],{"class":5660},[5639,16763,8416],{"class":5727},[5639,16765,5661],{"class":5660},[5639,16767,5997],{"class":5727},[5639,16769,5504],{"class":5660},[5639,16771,5772],{"class":5727},[5639,16773,5668],{"class":5660},[5639,16775,16776],{"class":5641,"line":9647},[5639,16777,6324],{"class":5660},[5639,16779,16780],{"class":5641,"line":9652},[5639,16781,5705],{"emptyLinePlaceholder":5704},[5639,16783,16784,16787,16789,16791,16793,16795,16797,16799,16801,16803],{"class":5641,"line":9657},[5639,16785,16786],{"class":5798},"    setSearchQuery",[5639,16788,5983],{"class":5660},[5639,16790,5986],{"class":5727},[5639,16792,5994],{"class":5660},[5639,16794,5997],{"class":5727},[5639,16796,5730],{"class":5660},[5639,16798,6197],{"class":5714},[5639,16800,6374],{"class":5660},[5639,16802,8001],{"class":5714},[5639,16804,6379],{"class":5660},[5639,16806,16807,16809,16811,16814,16816,16818,16820,16822],{"class":5641,"line":9680},[5639,16808,6305],{"class":5727},[5639,16810,5504],{"class":5660},[5639,16812,16813],{"class":5727},"searchQuery",[5639,16815,5661],{"class":5660},[5639,16817,5997],{"class":5727},[5639,16819,5504],{"class":5660},[5639,16821,5772],{"class":5727},[5639,16823,5668],{"class":5660},[5639,16825,16826],{"class":5641,"line":13095},[5639,16827,6324],{"class":5660},[5639,16829,16830],{"class":5641,"line":13100},[5639,16831,6406],{"class":5660},[5639,16833,16834],{"class":5641,"line":13129},[5639,16835,5705],{"emptyLinePlaceholder":5704},[5639,16837,16838,16840,16842,16844,16846,16848,16850],{"class":5641,"line":13144},[5639,16839,9402],{"class":5798},[5639,16841,8846],{"class":5727},[5639,16843,5583],{"class":5660},[5639,16845,9409],{"class":5727},[5639,16847,7530],{"class":5660},[5639,16849,7389],{"class":5652},[5639,16851,5918],{"class":5660},[5639,16853,16854],{"class":5641,"line":13172},[5639,16855,9420],{"class":5727},[5639,16857,16858,16860,16862,16864,16867,16869,16871,16873,16875,16877,16879],{"class":5641,"line":13177},[5639,16859,9425],{"class":5660},[5639,16861,9428],{"class":5798},[5639,16863,5983],{"class":5660},[5639,16865,16866],{"class":5727},"fetchContacts",[5639,16868,5504],{"class":5660},[5639,16870,5554],{"class":5727},[5639,16872,9440],{"class":5660},[5639,16874,5986],{"class":5727},[5639,16876,7530],{"class":5660},[5639,16878,7389],{"class":5652},[5639,16880,5918],{"class":5660},[5639,16882,16883,16885,16887,16889,16891,16893],{"class":5641,"line":13182},[5639,16884,9454],{"class":5727},[5639,16886,5504],{"class":5660},[5639,16888,9459],{"class":5727},[5639,16890,5661],{"class":5660},[5639,16892,9464],{"class":5652},[5639,16894,5668],{"class":5660},[5639,16896,16897,16899,16901,16903,16905,16907],{"class":5641,"line":13188},[5639,16898,9454],{"class":5727},[5639,16900,5504],{"class":5660},[5639,16902,9208],{"class":5727},[5639,16904,5661],{"class":5660},[5639,16906,8982],{"class":5652},[5639,16908,5668],{"class":5660},[5639,16910,16911],{"class":5641,"line":13193},[5639,16912,9487],{"class":5660},[5639,16914,16915,16917,16919,16921,16923,16925,16927,16929,16931,16933,16935,16937,16939],{"class":5641,"line":13223},[5639,16916,9425],{"class":5660},[5639,16918,9428],{"class":5798},[5639,16920,5983],{"class":5660},[5639,16922,16866],{"class":5727},[5639,16924,5504],{"class":5660},[5639,16926,5558],{"class":5727},[5639,16928,9440],{"class":5660},[5639,16930,5986],{"class":5727},[5639,16932,5994],{"class":5660},[5639,16934,5997],{"class":5727},[5639,16936,7530],{"class":5660},[5639,16938,7389],{"class":5652},[5639,16940,5918],{"class":5660},[5639,16942,16943,16945,16947,16949,16951,16953],{"class":5641,"line":13246},[5639,16944,9454],{"class":5727},[5639,16946,5504],{"class":5660},[5639,16948,9459],{"class":5727},[5639,16950,5661],{"class":5660},[5639,16952,9539],{"class":5652},[5639,16954,5668],{"class":5660},[5639,16956,16957,16959,16961,16963,16965,16967,16969,16971],{"class":5641,"line":13251},[5639,16958,9454],{"class":5727},[5639,16960,5504],{"class":5660},[5639,16962,13082],{"class":5727},[5639,16964,5661],{"class":5660},[5639,16966,5997],{"class":5727},[5639,16968,5504],{"class":5660},[5639,16970,5772],{"class":5727},[5639,16972,5668],{"class":5660},[5639,16974,16975],{"class":5641,"line":13280},[5639,16976,9487],{"class":5660},[5639,16978,16979,16981,16983,16985,16987,16989,16991,16993,16995,16997,16999,17001,17003],{"class":5641,"line":13308},[5639,16980,9425],{"class":5660},[5639,16982,9428],{"class":5798},[5639,16984,5983],{"class":5660},[5639,16986,16866],{"class":5727},[5639,16988,5504],{"class":5660},[5639,16990,5561],{"class":5727},[5639,16992,9440],{"class":5660},[5639,16994,5986],{"class":5727},[5639,16996,5994],{"class":5660},[5639,16998,5997],{"class":5727},[5639,17000,7530],{"class":5660},[5639,17002,7389],{"class":5652},[5639,17004,5918],{"class":5660},[5639,17006,17007,17009,17011,17013,17015,17017],{"class":5641,"line":13313},[5639,17008,9454],{"class":5727},[5639,17010,5504],{"class":5660},[5639,17012,9459],{"class":5727},[5639,17014,5661],{"class":5660},[5639,17016,9539],{"class":5652},[5639,17018,5668],{"class":5660},[5639,17020,17021,17023,17025,17027,17029,17031,17033,17035,17037,17039,17041,17043],{"class":5641,"line":13318},[5639,17022,9454],{"class":5727},[5639,17024,5504],{"class":5660},[5639,17026,9208],{"class":5727},[5639,17028,5661],{"class":5660},[5639,17030,5997],{"class":5727},[5639,17032,5504],{"class":5660},[5639,17034,9208],{"class":5727},[5639,17036,5504],{"class":5660},[5639,17038,9258],{"class":5727},[5639,17040,9261],{"class":5660},[5639,17042,13167],{"class":5664},[5639,17044,5668],{"class":5660},[5639,17046,17047],{"class":5641,"line":13324},[5639,17048,9487],{"class":5660},[5639,17050,17051,17053,17055,17057,17060,17062,17064,17066,17068,17070,17072,17074,17076],{"class":5641,"line":13329},[5639,17052,9425],{"class":5660},[5639,17054,9428],{"class":5798},[5639,17056,5983],{"class":5660},[5639,17058,17059],{"class":5727},"addContact",[5639,17061,5504],{"class":5660},[5639,17063,5558],{"class":5727},[5639,17065,9440],{"class":5660},[5639,17067,5986],{"class":5727},[5639,17069,5994],{"class":5660},[5639,17071,5997],{"class":5727},[5639,17073,7530],{"class":5660},[5639,17075,7389],{"class":5652},[5639,17077,5918],{"class":5660},[5639,17079,17080,17082,17084,17086,17088,17090,17092,17094,17096,17098],{"class":5641,"line":13359},[5639,17081,9454],{"class":5727},[5639,17083,5504],{"class":5660},[5639,17085,13082],{"class":5727},[5639,17087,5504],{"class":5660},[5639,17089,6819],{"class":5798},[5639,17091,5983],{"class":5660},[5639,17093,5997],{"class":5727},[5639,17095,5504],{"class":5660},[5639,17097,5772],{"class":5727},[5639,17099,6830],{"class":5660},[5639,17101,17102],{"class":5641,"line":13406},[5639,17103,9487],{"class":5660},[5639,17105,17106,17108,17110,17112,17115,17117,17119,17121,17123,17125,17127,17129,17131],{"class":5641,"line":13411},[5639,17107,9425],{"class":5660},[5639,17109,9428],{"class":5798},[5639,17111,5983],{"class":5660},[5639,17113,17114],{"class":5727},"deleteContact",[5639,17116,5504],{"class":5660},[5639,17118,5558],{"class":5727},[5639,17120,9440],{"class":5660},[5639,17122,5986],{"class":5727},[5639,17124,5994],{"class":5660},[5639,17126,5997],{"class":5727},[5639,17128,7530],{"class":5660},[5639,17130,7389],{"class":5652},[5639,17132,5918],{"class":5660},[5639,17134,17135,17137,17139,17141,17143,17145,17147,17149,17151,17153,17155,17157,17159,17161,17163,17165,17167,17169,17171,17173,17175],{"class":5641,"line":13440},[5639,17136,9454],{"class":5727},[5639,17138,5504],{"class":5660},[5639,17140,13082],{"class":5727},[5639,17142,5661],{"class":5660},[5639,17144,5986],{"class":5727},[5639,17146,5504],{"class":5660},[5639,17148,13082],{"class":5727},[5639,17150,5504],{"class":5660},[5639,17152,8416],{"class":5798},[5639,17154,7525],{"class":5660},[5639,17156,16665],{"class":5727},[5639,17158,7530],{"class":5660},[5639,17160,7389],{"class":5652},[5639,17162,16672],{"class":5727},[5639,17164,5504],{"class":5660},[5639,17166,8312],{"class":5727},[5639,17168,8433],{"class":5660},[5639,17170,5997],{"class":5727},[5639,17172,5504],{"class":5660},[5639,17174,5772],{"class":5727},[5639,17176,6830],{"class":5660},[5639,17178,17179],{"class":5641,"line":13468},[5639,17180,8243],{"class":5660},[5639,17182,17183],{"class":5641,"line":13473},[5639,17184,6406],{"class":5660},[5639,17186,17187],{"class":5641,"line":13478},[5639,17188,5901],{"class":5660},[5639,17190,17191],{"class":5641,"line":13483},[5639,17192,5705],{"emptyLinePlaceholder":5704},[5639,17194,17195,17197,17199,17201,17204,17206,17208,17210,17213,17215,17218,17220,17222],{"class":5641,"line":13488},[5639,17196,5792],{"class":5791},[5639,17198,5795],{"class":5652},[5639,17200,6190],{"class":5660},[5639,17202,17203],{"class":5656},"toggleFavorite",[5639,17205,5994],{"class":5660},[5639,17207,8604],{"class":5656},[5639,17209,5994],{"class":5660},[5639,17211,17212],{"class":5656},"setSearchQuery",[5639,17214,6443],{"class":5660},[5639,17216,17217],{"class":5727},"contactsSlice",[5639,17219,5504],{"class":5660},[5639,17221,6451],{"class":5727},[5639,17223,5668],{"class":5660},[5639,17225,17226],{"class":5641,"line":13510},[5639,17227,5705],{"emptyLinePlaceholder":5704},[5639,17229,17231],{"class":5641,"line":17230},101,[5639,17232,17233],{"class":5645},"\u002F\u002F Селектори\n",[5639,17235,17237,17239,17242,17244,17246,17248,17250,17252,17254,17256,17258,17261,17263,17265],{"class":5641,"line":17236},102,[5639,17238,5653],{"class":5652},[5639,17240,17241],{"class":5798}," selectContacts",[5639,17243,5856],{"class":5660},[5639,17245,5986],{"class":5727},[5639,17247,5730],{"class":5660},[5639,17249,7295],{"class":5714},[5639,17251,7530],{"class":5660},[5639,17253,7389],{"class":5652},[5639,17255,6053],{"class":5727},[5639,17257,5504],{"class":5660},[5639,17259,17260],{"class":5727},"contacts",[5639,17262,5504],{"class":5660},[5639,17264,13082],{"class":5727},[5639,17266,5668],{"class":5660},[5639,17268,17270,17272,17274,17276,17278,17280,17282,17284,17286,17288,17290,17292,17294,17296],{"class":5641,"line":17269},103,[5639,17271,5653],{"class":5652},[5639,17273,11384],{"class":5798},[5639,17275,5856],{"class":5660},[5639,17277,5986],{"class":5727},[5639,17279,5730],{"class":5660},[5639,17281,7295],{"class":5714},[5639,17283,7530],{"class":5660},[5639,17285,7389],{"class":5652},[5639,17287,6053],{"class":5727},[5639,17289,5504],{"class":5660},[5639,17291,17260],{"class":5727},[5639,17293,5504],{"class":5660},[5639,17295,8416],{"class":5727},[5639,17297,5668],{"class":5660},[5639,17299,17301,17303,17306,17308,17310,17312,17314,17316,17318,17320,17322,17324,17326,17328],{"class":5641,"line":17300},104,[5639,17302,5653],{"class":5652},[5639,17304,17305],{"class":5798}," selectSearchQuery",[5639,17307,5856],{"class":5660},[5639,17309,5986],{"class":5727},[5639,17311,5730],{"class":5660},[5639,17313,7295],{"class":5714},[5639,17315,7530],{"class":5660},[5639,17317,7389],{"class":5652},[5639,17319,6053],{"class":5727},[5639,17321,5504],{"class":5660},[5639,17323,17260],{"class":5727},[5639,17325,5504],{"class":5660},[5639,17327,16813],{"class":5727},[5639,17329,5668],{"class":5660},[5639,17331,17333],{"class":5641,"line":17332},105,[5639,17334,5705],{"emptyLinePlaceholder":5704},[5639,17336,17338,17340,17342,17345,17347,17349],{"class":5641,"line":17337},106,[5639,17339,5792],{"class":5791},[5639,17341,5795],{"class":5652},[5639,17343,17344],{"class":5656}," selectVisibleContacts",[5639,17346,5661],{"class":5660},[5639,17348,11301],{"class":5798},[5639,17350,11433],{"class":5660},[5639,17352,17354,17356,17359,17361,17363,17365,17368],{"class":5641,"line":17353},107,[5639,17355,11438],{"class":5660},[5639,17357,17358],{"class":5727},"selectContacts",[5639,17360,5994],{"class":5660},[5639,17362,11446],{"class":5727},[5639,17364,5994],{"class":5660},[5639,17366,17367],{"class":5727},"selectSearchQuery",[5639,17369,10978],{"class":5660},[5639,17371,17373,17375,17377,17379,17381,17383,17386,17388,17390],{"class":5641,"line":17372},108,[5639,17374,11453],{"class":5660},[5639,17376,17260],{"class":5727},[5639,17378,5994],{"class":5660},[5639,17380,8416],{"class":5727},[5639,17382,5994],{"class":5660},[5639,17384,17385],{"class":5727},"query",[5639,17387,7530],{"class":5660},[5639,17389,7389],{"class":5652},[5639,17391,5918],{"class":5660},[5639,17393,17395,17398,17401,17403,17405],{"class":5641,"line":17394},109,[5639,17396,17397],{"class":5652},"    let",[5639,17399,17400],{"class":5727}," filtered",[5639,17402,5661],{"class":5660},[5639,17404,17260],{"class":5727},[5639,17406,5668],{"class":5660},[5639,17408,17410],{"class":5641,"line":17409},110,[5639,17411,5705],{"emptyLinePlaceholder":5704},[5639,17413,17415,17417,17419,17421,17423,17425],{"class":5641,"line":17414},111,[5639,17416,13909],{"class":5791},[5639,17418,5583],{"class":5660},[5639,17420,8416],{"class":5727},[5639,17422,8315],{"class":5660},[5639,17424,16214],{"class":5664},[5639,17426,6024],{"class":5660},[5639,17428,17430,17433,17435,17438,17440,17442,17444,17446,17448,17450,17452,17454,17456],{"class":5641,"line":17429},112,[5639,17431,17432],{"class":5727},"      filtered",[5639,17434,5661],{"class":5660},[5639,17436,17437],{"class":5727},"filtered",[5639,17439,5504],{"class":5660},[5639,17441,8416],{"class":5798},[5639,17443,7525],{"class":5660},[5639,17445,16665],{"class":5727},[5639,17447,7530],{"class":5660},[5639,17449,7389],{"class":5652},[5639,17451,16672],{"class":5727},[5639,17453,5504],{"class":5660},[5639,17455,16707],{"class":5727},[5639,17457,6830],{"class":5660},[5639,17459,17461],{"class":5641,"line":17460},113,[5639,17462,9291],{"class":5660},[5639,17464,17466],{"class":5641,"line":17465},114,[5639,17467,5705],{"emptyLinePlaceholder":5704},[5639,17469,17471,17473,17475,17477,17479,17482],{"class":5641,"line":17470},115,[5639,17472,13909],{"class":5791},[5639,17474,5583],{"class":5660},[5639,17476,17385],{"class":5727},[5639,17478,5504],{"class":5660},[5639,17480,17481],{"class":5798},"trim",[5639,17483,17484],{"class":5660},"()) {\n",[5639,17486,17488,17490,17492,17494,17496,17498,17500,17502,17504],{"class":5641,"line":17487},116,[5639,17489,17432],{"class":5727},[5639,17491,5661],{"class":5660},[5639,17493,17437],{"class":5727},[5639,17495,5504],{"class":5660},[5639,17497,8416],{"class":5798},[5639,17499,7525],{"class":5660},[5639,17501,16665],{"class":5727},[5639,17503,7530],{"class":5660},[5639,17505,12272],{"class":5652},[5639,17507,17509,17512,17514,17516,17518,17521,17523,17526,17528,17530,17532,17534],{"class":5641,"line":17508},117,[5639,17510,17511],{"class":5727},"        c",[5639,17513,5504],{"class":5660},[5639,17515,10146],{"class":5727},[5639,17517,5504],{"class":5660},[5639,17519,17520],{"class":5798},"toLowerCase",[5639,17522,12280],{"class":5660},[5639,17524,17525],{"class":5798},"includes",[5639,17527,5983],{"class":5660},[5639,17529,17385],{"class":5727},[5639,17531,5504],{"class":5660},[5639,17533,17520],{"class":5798},[5639,17535,17536],{"class":5660},"())\n",[5639,17538,17540],{"class":5641,"line":17539},118,[5639,17541,9183],{"class":5660},[5639,17543,17545],{"class":5641,"line":17544},119,[5639,17546,9291],{"class":5660},[5639,17548,17550],{"class":5641,"line":17549},120,[5639,17551,5705],{"emptyLinePlaceholder":5704},[5639,17553,17555,17557,17559],{"class":5641,"line":17554},121,[5639,17556,9955],{"class":5791},[5639,17558,17400],{"class":5727},[5639,17560,5668],{"class":5660},[5639,17562,17564],{"class":5641,"line":17563},122,[5639,17565,6166],{"class":5660},[5639,17567,17569],{"class":5641,"line":17568},123,[5639,17570,6830],{"class":5660},[5639,17572,17574],{"class":5641,"line":17573},124,[5639,17575,5705],{"emptyLinePlaceholder":5704},[5639,17577,17579,17581,17583,17586,17588,17590,17592,17594,17596,17598,17600,17602],{"class":5641,"line":17578},125,[5639,17580,5792],{"class":5791},[5639,17582,5795],{"class":5652},[5639,17584,17585],{"class":5656}," selectContactStats",[5639,17587,5661],{"class":5660},[5639,17589,11301],{"class":5798},[5639,17591,11620],{"class":5660},[5639,17593,17358],{"class":5727},[5639,17595,11625],{"class":5660},[5639,17597,17260],{"class":5727},[5639,17599,7530],{"class":5660},[5639,17601,7389],{"class":5652},[5639,17603,5873],{"class":5660},[5639,17605,17607,17610,17613,17615,17617],{"class":5641,"line":17606},126,[5639,17608,17609],{"class":5727},"  total:",[5639,17611,17612],{"class":5727}," contacts",[5639,17614,5504],{"class":5660},[5639,17616,11649],{"class":5727},[5639,17618,5884],{"class":5660},[5639,17620,17622,17625,17627,17629,17631,17633,17635,17637,17639,17641,17643,17645,17647,17649],{"class":5641,"line":17621},127,[5639,17623,17624],{"class":5727},"  favorites:",[5639,17626,17612],{"class":5727},[5639,17628,5504],{"class":5660},[5639,17630,8416],{"class":5798},[5639,17632,7525],{"class":5660},[5639,17634,16665],{"class":5727},[5639,17636,7530],{"class":5660},[5639,17638,7389],{"class":5652},[5639,17640,16672],{"class":5727},[5639,17642,5504],{"class":5660},[5639,17644,16707],{"class":5727},[5639,17646,7270],{"class":5660},[5639,17648,11649],{"class":5727},[5639,17650,5884],{"class":5660},[5639,17652,17654],{"class":5641,"line":17653},128,[5639,17655,17656],{"class":5660},"}));\n",[5639,17658,17660],{"class":5641,"line":17659},129,[5639,17661,5705],{"emptyLinePlaceholder":5704},[5639,17663,17665,17667,17669,17671,17673,17675],{"class":5641,"line":17664},130,[5639,17666,5792],{"class":5791},[5639,17668,6460],{"class":5791},[5639,17670,16587],{"class":5727},[5639,17672,5504],{"class":5660},[5639,17674,6467],{"class":5727},[5639,17676,5668],{"class":5660},[5629,17678,17680],{"className":5631,"code":17679,"language":5634,"meta":5635,"style":5635},"\u002F\u002F src\u002Fcomponents\u002FContactList.tsx\nimport { useEffect } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"..\u002Fstore\u002Fhooks\";\nimport {\n  fetchContacts,\n  deleteContact,\n  toggleFavorite,\n  setFilter,\n  setSearchQuery,\n  selectVisibleContacts,\n  selectContactStats,\n} from \"..\u002Fstore\u002Fslices\u002FcontactsSlice\";\n\nfunction ContactList() {\n  const dispatch = useAppDispatch();\n  const contacts = useAppSelector(selectVisibleContacts);\n  const stats = useAppSelector(selectContactStats);\n  const { isLoading, error, filter, searchQuery } = useAppSelector((state) => state.contacts);\n\n  useEffect(() => {\n    dispatch(fetchContacts());\n  }, [dispatch]);\n\n  if (isLoading) return \u003Cp>Завантаження контактів...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"contacts-app\">\n      \u003Cheader>\n        \u003Ch1>Контакти\u003C\u002Fh1>\n        \u003Cp>Всього: {stats.total} | Улюблених: {stats.favorites}\u003C\u002Fp>\n      \u003C\u002Fheader>\n\n      \u003Cdiv className=\"controls\">\n        \u003Cinput\n          type=\"text\"\n          placeholder=\"Пошук за ім'ям...\"\n          value={searchQuery}\n          onChange={(e) => dispatch(setSearchQuery(e.target.value))}\n        \u002F>\n\n        \u003Cdiv className=\"filters\">\n          \u003Cbutton onClick={() => dispatch(setFilter(\"all\"))}>Всі\u003C\u002Fbutton>\n          \u003Cbutton onClick={() => dispatch(setFilter(\"favorites\"))}>Улюблені\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003Cul className=\"contacts-list\">\n        {contacts.map((contact) => (\n          \u003Cli key={contact.id}>\n            \u003Cdiv className=\"contact-info\">\n              \u003Ch3>{contact.name}\u003C\u002Fh3>\n              \u003Cp>📞 {contact.phone}\u003C\u002Fp>\n              \u003Cp>📧 {contact.email}\u003C\u002Fp>\n            \u003C\u002Fdiv>\n            \u003Cdiv className=\"actions\">\n              \u003Cbutton onClick={() => dispatch(toggleFavorite(contact.id))}>\n                {contact.isFavorite ? \"⭐\" : \"☆\"}\n              \u003C\u002Fbutton>\n              \u003Cbutton onClick={() => dispatch(deleteContact(contact.id))}>Видалити\u003C\u002Fbutton>\n            \u003C\u002Fdiv>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n\n      {contacts.length === 0 && \u003Cp className=\"empty\">Контакти не знайдено\u003C\u002Fp>}\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default ContactList;\n",[5494,17681,17682,17687,17703,17723,17729,17736,17743,17750,17757,17764,17771,17778,17789,17793,17802,17814,17831,17848,17888,17892,17902,17912,17920,17924,17953,17993,17997,18003,18018,18026,18043,18083,18091,18095,18109,18116,18126,18136,18149,18190,18195,18199,18213,18253,18294,18302,18310,18314,18329,18349,18371,18386,18411,18438,18465,18474,18489,18525,18550,18559,18603,18611,18619,18625,18633,18637,18680,18688,18692,18696,18700],{"__ignoreMap":5635},[5639,17683,17684],{"class":5641,"line":5642},[5639,17685,17686],{"class":5645},"\u002F\u002F src\u002Fcomponents\u002FContactList.tsx\n",[5639,17688,17689,17691,17693,17695,17697,17699,17701],{"class":5641,"line":5649},[5639,17690,6187],{"class":5791},[5639,17692,6190],{"class":5660},[5639,17694,9756],{"class":5727},[5639,17696,6200],{"class":5660},[5639,17698,6203],{"class":5791},[5639,17700,9763],{"class":5664},[5639,17702,5668],{"class":5660},[5639,17704,17705,17707,17709,17711,17713,17715,17717,17719,17721],{"class":5641,"line":5671},[5639,17706,6187],{"class":5791},[5639,17708,6190],{"class":5660},[5639,17710,5517],{"class":5727},[5639,17712,5994],{"class":5660},[5639,17714,5513],{"class":5727},[5639,17716,6200],{"class":5660},[5639,17718,6203],{"class":5791},[5639,17720,7455],{"class":5664},[5639,17722,5668],{"class":5660},[5639,17724,17725,17727],{"class":5641,"line":5686},[5639,17726,6187],{"class":5791},[5639,17728,5918],{"class":5660},[5639,17730,17731,17734],{"class":5641,"line":5701},[5639,17732,17733],{"class":5727},"  fetchContacts",[5639,17735,5884],{"class":5660},[5639,17737,17738,17741],{"class":5641,"line":5708},[5639,17739,17740],{"class":5727},"  deleteContact",[5639,17742,5884],{"class":5660},[5639,17744,17745,17748],{"class":5641,"line":5721},[5639,17746,17747],{"class":5727},"  toggleFavorite",[5639,17749,5884],{"class":5660},[5639,17751,17752,17755],{"class":5641,"line":5741},[5639,17753,17754],{"class":5727},"  setFilter",[5639,17756,5884],{"class":5660},[5639,17758,17759,17762],{"class":5641,"line":5756},[5639,17760,17761],{"class":5727},"  setSearchQuery",[5639,17763,5884],{"class":5660},[5639,17765,17766,17769],{"class":5641,"line":5783},[5639,17767,17768],{"class":5727},"  selectVisibleContacts",[5639,17770,5884],{"class":5660},[5639,17772,17773,17776],{"class":5641,"line":5788},[5639,17774,17775],{"class":5727},"  selectContactStats",[5639,17777,5884],{"class":5660},[5639,17779,17780,17782,17784,17787],{"class":5641,"line":5822},[5639,17781,10345],{"class":5660},[5639,17783,6203],{"class":5791},[5639,17785,17786],{"class":5664}," \"..\u002Fstore\u002Fslices\u002FcontactsSlice\"",[5639,17788,5668],{"class":5660},[5639,17790,17791],{"class":5641,"line":5846},[5639,17792,5705],{"emptyLinePlaceholder":5704},[5639,17794,17795,17797,17800],{"class":5641,"line":5876},[5639,17796,5977],{"class":5652},[5639,17798,17799],{"class":5798}," ContactList",[5639,17801,7500],{"class":5660},[5639,17803,17804,17806,17808,17810,17812],{"class":5641,"line":5887},[5639,17805,7510],{"class":5652},[5639,17807,7548],{"class":5656},[5639,17809,5661],{"class":5660},[5639,17811,5517],{"class":5798},[5639,17813,7555],{"class":5660},[5639,17815,17816,17818,17820,17822,17824,17826,17829],{"class":5641,"line":5898},[5639,17817,7510],{"class":5652},[5639,17819,17612],{"class":5656},[5639,17821,5661],{"class":5660},[5639,17823,5513],{"class":5798},[5639,17825,5983],{"class":5660},[5639,17827,17828],{"class":5727},"selectVisibleContacts",[5639,17830,6830],{"class":5660},[5639,17832,17833,17835,17837,17839,17841,17843,17846],{"class":5641,"line":5904},[5639,17834,7510],{"class":5652},[5639,17836,11773],{"class":5656},[5639,17838,5661],{"class":5660},[5639,17840,5513],{"class":5798},[5639,17842,5983],{"class":5660},[5639,17844,17845],{"class":5727},"selectContactStats",[5639,17847,6830],{"class":5660},[5639,17849,17850,17852,17854,17856,17858,17860,17862,17864,17866,17868,17870,17872,17874,17876,17878,17880,17882,17884,17886],{"class":5641,"line":5909},[5639,17851,7510],{"class":5652},[5639,17853,6190],{"class":5660},[5639,17855,9459],{"class":5656},[5639,17857,5994],{"class":5660},[5639,17859,9208],{"class":5656},[5639,17861,5994],{"class":5660},[5639,17863,8416],{"class":5656},[5639,17865,5994],{"class":5660},[5639,17867,16813],{"class":5656},[5639,17869,6443],{"class":5660},[5639,17871,5513],{"class":5798},[5639,17873,7525],{"class":5660},[5639,17875,5986],{"class":5727},[5639,17877,7530],{"class":5660},[5639,17879,7389],{"class":5652},[5639,17881,6053],{"class":5727},[5639,17883,5504],{"class":5660},[5639,17885,17260],{"class":5727},[5639,17887,6830],{"class":5660},[5639,17889,17890],{"class":5641,"line":5921},[5639,17891,5705],{"emptyLinePlaceholder":5704},[5639,17893,17894,17896,17898,17900],{"class":5641,"line":5933},[5639,17895,9920],{"class":5798},[5639,17897,9923],{"class":5660},[5639,17899,7389],{"class":5652},[5639,17901,5918],{"class":5660},[5639,17903,17904,17906,17908,17910],{"class":5641,"line":5939},[5639,17905,9932],{"class":5798},[5639,17907,5983],{"class":5660},[5639,17909,16866],{"class":5798},[5639,17911,12101],{"class":5660},[5639,17913,17914,17916,17918],{"class":5641,"line":5944},[5639,17915,9987],{"class":5660},[5639,17917,7248],{"class":5727},[5639,17919,9996],{"class":5660},[5639,17921,17922],{"class":5641,"line":5969},[5639,17923,5705],{"emptyLinePlaceholder":5704},[5639,17925,17926,17928,17930,17932,17934,17936,17938,17940,17942,17945,17947,17949,17951],{"class":5641,"line":5974},[5639,17927,10005],{"class":5791},[5639,17929,5583],{"class":5660},[5639,17931,9459],{"class":5727},[5639,17933,7530],{"class":5660},[5639,17935,10014],{"class":5791},[5639,17937,10017],{"class":7572},[5639,17939,5572],{"class":7576},[5639,17941,7600],{"class":7572},[5639,17943,17944],{"class":5660},"Завантаження контактів...",[5639,17946,7614],{"class":7572},[5639,17948,5572],{"class":7576},[5639,17950,7600],{"class":7572},[5639,17952,5668],{"class":5660},[5639,17954,17955,17957,17959,17961,17963,17965,17967,17969,17971,17973,17975,17977,17979,17981,17983,17985,17987,17989,17991],{"class":5641,"line":6010},[5639,17956,10005],{"class":5791},[5639,17958,5583],{"class":5660},[5639,17960,9208],{"class":5727},[5639,17962,7530],{"class":5660},[5639,17964,10014],{"class":5791},[5639,17966,10017],{"class":7572},[5639,17968,5572],{"class":7576},[5639,17970,7581],{"class":7580},[5639,17972,7584],{"class":5660},[5639,17974,10055],{"class":5664},[5639,17976,7600],{"class":7572},[5639,17978,10060],{"class":5660},[5639,17980,7606],{"class":5652},[5639,17982,9208],{"class":5727},[5639,17984,7611],{"class":5652},[5639,17986,7614],{"class":7572},[5639,17988,5572],{"class":7576},[5639,17990,7600],{"class":7572},[5639,17992,5668],{"class":5660},[5639,17994,17995],{"class":5641,"line":6027},[5639,17996,5705],{"emptyLinePlaceholder":5704},[5639,17998,17999,18001],{"class":5641,"line":6038},[5639,18000,7564],{"class":5791},[5639,18002,7567],{"class":5660},[5639,18004,18005,18007,18009,18011,18013,18016],{"class":5641,"line":6073},[5639,18006,7573],{"class":7572},[5639,18008,7577],{"class":7576},[5639,18010,7581],{"class":7580},[5639,18012,7584],{"class":5660},[5639,18014,18015],{"class":5664},"\"contacts-app\"",[5639,18017,7590],{"class":7572},[5639,18019,18020,18022,18024],{"class":5641,"line":6082},[5639,18021,7595],{"class":7572},[5639,18023,14288],{"class":7576},[5639,18025,7590],{"class":7572},[5639,18027,18028,18030,18032,18034,18037,18039,18041],{"class":5641,"line":6108},[5639,18029,7642],{"class":7572},[5639,18031,5472],{"class":7576},[5639,18033,7600],{"class":7572},[5639,18035,18036],{"class":5660},"Контакти",[5639,18038,7614],{"class":7572},[5639,18040,5472],{"class":7576},[5639,18042,7590],{"class":7572},[5639,18044,18045,18047,18049,18051,18053,18055,18057,18059,18061,18063,18066,18068,18070,18072,18075,18077,18079,18081],{"class":5641,"line":6117},[5639,18046,7642],{"class":7572},[5639,18048,5572],{"class":7576},[5639,18050,7600],{"class":7572},[5639,18052,11813],{"class":5660},[5639,18054,7606],{"class":5652},[5639,18056,11818],{"class":5727},[5639,18058,5504],{"class":7655},[5639,18060,11698],{"class":5727},[5639,18062,7611],{"class":5652},[5639,18064,18065],{"class":5660}," | Улюблених: ",[5639,18067,7606],{"class":5652},[5639,18069,11818],{"class":5727},[5639,18071,5504],{"class":7655},[5639,18073,18074],{"class":5727},"favorites",[5639,18076,7611],{"class":5652},[5639,18078,7614],{"class":7572},[5639,18080,5572],{"class":7576},[5639,18082,7590],{"class":7572},[5639,18084,18085,18087,18089],{"class":5641,"line":6146},[5639,18086,7802],{"class":7572},[5639,18088,14288],{"class":7576},[5639,18090,7590],{"class":7572},[5639,18092,18093],{"class":5641,"line":6154},[5639,18094,5705],{"emptyLinePlaceholder":5704},[5639,18096,18097,18099,18101,18103,18105,18107],{"class":5641,"line":6163},[5639,18098,7595],{"class":7572},[5639,18100,7577],{"class":7576},[5639,18102,7581],{"class":7580},[5639,18104,7584],{"class":5660},[5639,18106,7635],{"class":5664},[5639,18108,7590],{"class":7572},[5639,18110,18111,18113],{"class":5641,"line":6169},[5639,18112,7642],{"class":7572},[5639,18114,18115],{"class":7576},"input\n",[5639,18117,18118,18121,18123],{"class":5641,"line":6966},[5639,18119,18120],{"class":7580},"          type",[5639,18122,7584],{"class":5660},[5639,18124,18125],{"class":5664},"\"text\"\n",[5639,18127,18128,18131,18133],{"class":5641,"line":6971},[5639,18129,18130],{"class":7580},"          placeholder",[5639,18132,7584],{"class":5660},[5639,18134,18135],{"class":5664},"\"Пошук за ім'ям...\"\n",[5639,18137,18138,18141,18143,18145,18147],{"class":5641,"line":6983},[5639,18139,18140],{"class":7580},"          value",[5639,18142,7584],{"class":5660},[5639,18144,7606],{"class":5652},[5639,18146,16813],{"class":5727},[5639,18148,5936],{"class":5652},[5639,18150,18151,18154,18156,18158,18160,18163,18165,18167,18169,18171,18173,18175,18177,18179,18182,18184,18186,18188],{"class":5641,"line":6989},[5639,18152,18153],{"class":7580},"          onChange",[5639,18155,7584],{"class":5660},[5639,18157,7606],{"class":5652},[5639,18159,5983],{"class":7655},[5639,18161,18162],{"class":5727},"e",[5639,18164,7530],{"class":7655},[5639,18166,7389],{"class":5652},[5639,18168,7548],{"class":5798},[5639,18170,5983],{"class":7655},[5639,18172,17212],{"class":5798},[5639,18174,5983],{"class":7655},[5639,18176,18162],{"class":5727},[5639,18178,5504],{"class":7655},[5639,18180,18181],{"class":5727},"target",[5639,18183,5504],{"class":7655},[5639,18185,6058],{"class":5727},[5639,18187,7747],{"class":7655},[5639,18189,5936],{"class":5652},[5639,18191,18192],{"class":5641,"line":6998},[5639,18193,18194],{"class":7572},"        \u002F>\n",[5639,18196,18197],{"class":5641,"line":7003},[5639,18198,5705],{"emptyLinePlaceholder":5704},[5639,18200,18201,18203,18205,18207,18209,18211],{"class":5641,"line":7008},[5639,18202,7642],{"class":7572},[5639,18204,7577],{"class":7576},[5639,18206,7581],{"class":7580},[5639,18208,7584],{"class":5660},[5639,18210,14413],{"class":5664},[5639,18212,7590],{"class":7572},[5639,18214,18215,18217,18219,18221,18223,18225,18227,18229,18231,18233,18235,18237,18239,18241,18243,18245,18247,18249,18251],{"class":5641,"line":7013},[5639,18216,11892],{"class":7572},[5639,18218,7645],{"class":7576},[5639,18220,7648],{"class":7580},[5639,18222,7584],{"class":5660},[5639,18224,7606],{"class":5652},[5639,18226,7656],{"class":7655},[5639,18228,7389],{"class":5652},[5639,18230,7548],{"class":5798},[5639,18232,5983],{"class":7655},[5639,18234,8604],{"class":5798},[5639,18236,5983],{"class":7655},[5639,18238,8054],{"class":5664},[5639,18240,7747],{"class":7655},[5639,18242,7611],{"class":5652},[5639,18244,7600],{"class":7572},[5639,18246,14450],{"class":5660},[5639,18248,7614],{"class":7572},[5639,18250,7645],{"class":7576},[5639,18252,7590],{"class":7572},[5639,18254,18255,18257,18259,18261,18263,18265,18267,18269,18271,18273,18275,18277,18279,18281,18283,18285,18288,18290,18292],{"class":5641,"line":7018},[5639,18256,11892],{"class":7572},[5639,18258,7645],{"class":7576},[5639,18260,7648],{"class":7580},[5639,18262,7584],{"class":5660},[5639,18264,7606],{"class":5652},[5639,18266,7656],{"class":7655},[5639,18268,7389],{"class":5652},[5639,18270,7548],{"class":5798},[5639,18272,5983],{"class":7655},[5639,18274,8604],{"class":5798},[5639,18276,5983],{"class":7655},[5639,18278,16214],{"class":5664},[5639,18280,7747],{"class":7655},[5639,18282,7611],{"class":5652},[5639,18284,7600],{"class":7572},[5639,18286,18287],{"class":5660},"Улюблені",[5639,18289,7614],{"class":7572},[5639,18291,7645],{"class":7576},[5639,18293,7590],{"class":7572},[5639,18295,18296,18298,18300],{"class":5641,"line":7024},[5639,18297,14384],{"class":7572},[5639,18299,7577],{"class":7576},[5639,18301,7590],{"class":7572},[5639,18303,18304,18306,18308],{"class":5641,"line":7058},[5639,18305,7802],{"class":7572},[5639,18307,7577],{"class":7576},[5639,18309,7590],{"class":7572},[5639,18311,18312],{"class":5641,"line":7063},[5639,18313,5705],{"emptyLinePlaceholder":5704},[5639,18315,18316,18318,18320,18322,18324,18327],{"class":5641,"line":7069},[5639,18317,7595],{"class":7572},[5639,18319,5484],{"class":7576},[5639,18321,7581],{"class":7580},[5639,18323,7584],{"class":5660},[5639,18325,18326],{"class":5664},"\"contacts-list\"",[5639,18328,7590],{"class":7572},[5639,18330,18331,18333,18335,18337,18339,18341,18343,18345,18347],{"class":5641,"line":8508},[5639,18332,11869],{"class":5652},[5639,18334,17260],{"class":5727},[5639,18336,5504],{"class":7655},[5639,18338,11877],{"class":5798},[5639,18340,7525],{"class":7655},[5639,18342,16695],{"class":5727},[5639,18344,7530],{"class":7655},[5639,18346,7389],{"class":5652},[5639,18348,7567],{"class":7655},[5639,18350,18351,18353,18355,18357,18359,18361,18363,18365,18367,18369],{"class":5641,"line":8520},[5639,18352,11892],{"class":7572},[5639,18354,5487],{"class":7576},[5639,18356,11897],{"class":7580},[5639,18358,7584],{"class":5660},[5639,18360,7606],{"class":5652},[5639,18362,16695],{"class":5727},[5639,18364,5504],{"class":7655},[5639,18366,8312],{"class":5727},[5639,18368,7611],{"class":5652},[5639,18370,7590],{"class":7572},[5639,18372,18373,18375,18377,18379,18381,18384],{"class":5641,"line":8560},[5639,18374,14620],{"class":7572},[5639,18376,7577],{"class":7576},[5639,18378,7581],{"class":7580},[5639,18380,7584],{"class":5660},[5639,18382,18383],{"class":5664},"\"contact-info\"",[5639,18385,7590],{"class":7572},[5639,18387,18388,18391,18393,18395,18397,18399,18401,18403,18405,18407,18409],{"class":5641,"line":8565},[5639,18389,18390],{"class":7572},"              \u003C",[5639,18392,6615],{"class":7576},[5639,18394,7600],{"class":7572},[5639,18396,7606],{"class":5652},[5639,18398,16695],{"class":5727},[5639,18400,5504],{"class":7655},[5639,18402,10146],{"class":5727},[5639,18404,7611],{"class":5652},[5639,18406,7614],{"class":7572},[5639,18408,6615],{"class":7576},[5639,18410,7590],{"class":7572},[5639,18412,18413,18415,18417,18419,18422,18424,18426,18428,18430,18432,18434,18436],{"class":5641,"line":8570},[5639,18414,18390],{"class":7572},[5639,18416,5572],{"class":7576},[5639,18418,7600],{"class":7572},[5639,18420,18421],{"class":7655},"📞 ",[5639,18423,7606],{"class":5652},[5639,18425,16695],{"class":5727},[5639,18427,5504],{"class":7655},[5639,18429,10202],{"class":5727},[5639,18431,7611],{"class":5652},[5639,18433,7614],{"class":7572},[5639,18435,5572],{"class":7576},[5639,18437,7590],{"class":7572},[5639,18439,18440,18442,18444,18446,18449,18451,18453,18455,18457,18459,18461,18463],{"class":5641,"line":8575},[5639,18441,18390],{"class":7572},[5639,18443,5572],{"class":7576},[5639,18445,7600],{"class":7572},[5639,18447,18448],{"class":7655},"📧 ",[5639,18450,7606],{"class":5652},[5639,18452,16695],{"class":5727},[5639,18454,5504],{"class":7655},[5639,18456,10174],{"class":5727},[5639,18458,7611],{"class":5652},[5639,18460,7614],{"class":7572},[5639,18462,5572],{"class":7576},[5639,18464,7590],{"class":7572},[5639,18466,18467,18470,18472],{"class":5641,"line":8580},[5639,18468,18469],{"class":7572},"            \u003C\u002F",[5639,18471,7577],{"class":7576},[5639,18473,7590],{"class":7572},[5639,18475,18476,18478,18480,18482,18484,18487],{"class":5641,"line":8623},[5639,18477,14620],{"class":7572},[5639,18479,7577],{"class":7576},[5639,18481,7581],{"class":7580},[5639,18483,7584],{"class":5660},[5639,18485,18486],{"class":5664},"\"actions\"",[5639,18488,7590],{"class":7572},[5639,18490,18491,18493,18495,18497,18499,18501,18503,18505,18507,18509,18511,18513,18515,18517,18519,18521,18523],{"class":5641,"line":9451},[5639,18492,18390],{"class":7572},[5639,18494,7645],{"class":7576},[5639,18496,7648],{"class":7580},[5639,18498,7584],{"class":5660},[5639,18500,7606],{"class":5652},[5639,18502,7656],{"class":7655},[5639,18504,7389],{"class":5652},[5639,18506,7548],{"class":5798},[5639,18508,5983],{"class":7655},[5639,18510,17203],{"class":5798},[5639,18512,5983],{"class":7655},[5639,18514,16695],{"class":5727},[5639,18516,5504],{"class":7655},[5639,18518,8312],{"class":5727},[5639,18520,7747],{"class":7655},[5639,18522,7611],{"class":5652},[5639,18524,7590],{"class":7572},[5639,18526,18527,18530,18532,18534,18536,18539,18542,18545,18548],{"class":5641,"line":9469},[5639,18528,18529],{"class":5652},"                {",[5639,18531,16695],{"class":5727},[5639,18533,5504],{"class":7655},[5639,18535,16707],{"class":5727},[5639,18537,18538],{"class":5660}," ?",[5639,18540,18541],{"class":5664}," \"⭐\"",[5639,18543,18544],{"class":5660}," :",[5639,18546,18547],{"class":5664}," \"☆\"",[5639,18549,5936],{"class":5652},[5639,18551,18552,18555,18557],{"class":5641,"line":9484},[5639,18553,18554],{"class":7572},"              \u003C\u002F",[5639,18556,7645],{"class":7576},[5639,18558,7590],{"class":7572},[5639,18560,18561,18563,18565,18567,18569,18571,18573,18575,18577,18579,18581,18583,18585,18587,18589,18591,18593,18595,18597,18599,18601],{"class":5641,"line":9490},[5639,18562,18390],{"class":7572},[5639,18564,7645],{"class":7576},[5639,18566,7648],{"class":7580},[5639,18568,7584],{"class":5660},[5639,18570,7606],{"class":5652},[5639,18572,7656],{"class":7655},[5639,18574,7389],{"class":5652},[5639,18576,7548],{"class":5798},[5639,18578,5983],{"class":7655},[5639,18580,17114],{"class":5798},[5639,18582,5983],{"class":7655},[5639,18584,16695],{"class":5727},[5639,18586,5504],{"class":7655},[5639,18588,8312],{"class":5727},[5639,18590,7747],{"class":7655},[5639,18592,7611],{"class":5652},[5639,18594,7600],{"class":7572},[5639,18596,14764],{"class":7655},[5639,18598,7614],{"class":7572},[5639,18600,7645],{"class":7576},[5639,18602,7590],{"class":7572},[5639,18604,18605,18607,18609],{"class":5641,"line":9528},[5639,18606,18469],{"class":7572},[5639,18608,7577],{"class":7576},[5639,18610,7590],{"class":7572},[5639,18612,18613,18615,18617],{"class":5641,"line":9544},[5639,18614,14536],{"class":7572},[5639,18616,5487],{"class":7576},[5639,18618,7590],{"class":7572},[5639,18620,18621,18623],{"class":5641,"line":9563},[5639,18622,11933],{"class":7655},[5639,18624,5936],{"class":5652},[5639,18626,18627,18629,18631],{"class":5641,"line":9568},[5639,18628,7802],{"class":7572},[5639,18630,5484],{"class":7576},[5639,18632,7590],{"class":7572},[5639,18634,18635],{"class":5641,"line":9597},[5639,18636,5705],{"emptyLinePlaceholder":5704},[5639,18638,18639,18642,18644,18646,18648,18651,18653,18656,18658,18660,18662,18664,18667,18669,18672,18674,18676,18678],{"class":5641,"line":9612},[5639,18640,18641],{"class":5652},"      {",[5639,18643,17260],{"class":5727},[5639,18645,5504],{"class":7655},[5639,18647,11649],{"class":5727},[5639,18649,18650],{"class":5660}," ===",[5639,18652,5964],{"class":5963},[5639,18654,18655],{"class":5660}," &&",[5639,18657,10017],{"class":7572},[5639,18659,5572],{"class":7576},[5639,18661,7581],{"class":7580},[5639,18663,7584],{"class":5660},[5639,18665,18666],{"class":5664},"\"empty\"",[5639,18668,7600],{"class":7572},[5639,18670,18671],{"class":7655},"Контакти не знайдено",[5639,18673,7614],{"class":7572},[5639,18675,5572],{"class":7576},[5639,18677,7600],{"class":7572},[5639,18679,5936],{"class":5652},[5639,18681,18682,18684,18686],{"class":5641,"line":9637},[5639,18683,7887],{"class":7572},[5639,18685,7577],{"class":7576},[5639,18687,7590],{"class":7572},[5639,18689,18690],{"class":5641,"line":9642},[5639,18691,7896],{"class":5660},[5639,18693,18694],{"class":5641,"line":9647},[5639,18695,5936],{"class":5660},[5639,18697,18698],{"class":5641,"line":9652},[5639,18699,5705],{"emptyLinePlaceholder":5704},[5639,18701,18702,18704,18706,18708],{"class":5641,"line":9657},[5639,18703,5792],{"class":5791},[5639,18705,6460],{"class":5791},[5639,18707,17799],{"class":5727},[5639,18709,5668],{"class":5660},[5572,18711,18712],{},[5526,18713,18714],{},"Ключові моменти реалізації:",[5576,18716,18717,18727,18742],{},[5487,18718,18719,18722,18723,18726],{},[5526,18720,18721],{},"Імутабельність через Immer:"," ",[5494,18724,18725],{},"contact.isFavorite = !contact.isFavorite"," виглядає як мутація, але Immer перетворює це на immutable update.",[5487,18728,18729,18722,18732,18734,18735,5994,18737,18739,18740,5504],{},[5526,18730,18731],{},"Мемоїзовані селектори:",[5494,18733,17828],{}," перераховує фільтрацію лише при зміні ",[5494,18736,17260],{},[5494,18738,8416],{}," або ",[5494,18741,16813],{},[5487,18743,18744,18747,18748,18750,18751,5504],{},[5526,18745,18746],{},"Автоматична типізація:"," TypeScript виводить типи ",[5494,18749,9714],{}," у всіх extraReducers завдяки generic ",[5494,18752,9702],{},[5564,18754],{},[5567,18756,18758],{"id":18757},"підсумок","Підсумок",[5476,18760,18761,18793],{},[5479,18762,18765],{"icon":18763,"title":18764},"i-lucide-graduation-cap","✅ Опановані навички",[5484,18766,18767,18773,18779,18782,18788],{},[5487,18768,18769,18770,18772],{},"Створення slices через ",[5494,18771,5496],{}," із автоматичною генерацією actions",[5487,18774,18775,18776,18778],{},"Асинхронні операції через ",[5494,18777,5503],{}," без ручних thunk-функцій",[5487,18780,18781],{},"«Мутабельний» синтаксис через Immer для простішого коду",[5487,18783,15840,18784,5514,18786],{},[5494,18785,5517],{},[5494,18787,5513],{},[5487,18789,18790,18791],{},"Мемоїзовані селектори через ",[5494,18792,11301],{},[5479,18794,18797,18798,18801],{"icon":18795,"title":18796},"i-lucide-arrow-right","🎯 Наступні кроки","Redux Toolkit спрощує управління станом, але для складних серверних операцій (кешування, інвалідація, оптимістичні оновлення) існує ",[5526,18799,18800],{},"RTK Query"," — офіційна бібліотека data fetching поверх RTK, яку розглянемо у темі 39.",[18803,18804,18805],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}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 .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":5635,"searchDepth":5649,"depth":5649,"links":18807},[18808,18809,18810,18814,18815,18816,18819,18820,18821,18822,18823,18824,18825,18826,18827,18828],{"id":5569,"depth":5649,"text":5570},{"id":6497,"depth":5649,"text":6498},{"id":6596,"depth":5649,"text":6597,"children":18811},[18812,18813],{"id":6617,"depth":5671,"text":6618},{"id":7105,"depth":5671,"text":7106},{"id":7288,"depth":5649,"text":7289},{"id":7933,"depth":5649,"text":7934},{"id":8826,"depth":5649,"text":8827,"children":18817},[18818],{"id":9736,"depth":5671,"text":9737},{"id":10386,"depth":5649,"text":10387},{"id":10829,"depth":5649,"text":10830},{"id":11272,"depth":5649,"text":11273},{"id":11974,"depth":5649,"text":11975},{"id":12309,"depth":5649,"text":12310},{"id":14827,"depth":5649,"text":14828},{"id":15045,"depth":5649,"text":15046},{"id":15121,"depth":5649,"text":15122},{"id":15697,"depth":5649,"text":15698},{"id":18757,"depth":5649,"text":18758},"Опанування Redux Toolkit (RTK): createSlice, configureStore, createAsyncThunk, RTK Query, усунення boilerplate та інтеграція Immer для безпечних мутацій стану","md",null,{},{"title":5451,"description":18829},"HjyCC9D5MTZ4cSOwyJH7KT_X4jcMNxho4cEy9YuYDoI",[18836,18838],{"title":5447,"path":5448,"stem":5449,"description":18837,"children":-1},"Опанування класичного Redux від основ до інтеграції з React: actions, reducers, store, middleware, react-redux хуки та порівняння з Context API",{"title":5455,"path":5456,"stem":5457,"description":18839,"children":-1},"Покрокове введення в RTK Query: від першого запиту до кешування, мутацій, інвалідації тегів, оптимістичних оновлень, пагінації, автентифікації та типізації",1794237377313]