[{"data":1,"prerenderedAt":24437},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-context-api":5466,"-react-typescript-context-api-surround":24432},[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":5385,"body":5468,"description":24426,"extension":24427,"links":24428,"meta":24429,"navigation":5690,"path":5386,"seo":24430,"stem":5387,"__hash__":24431},"docs\u002F22.react-typescript\u002F24.context-api.md",{"type":5469,"value":5470,"toc":24394},"minimark",[5471,5475,5494,5579,5582,5587,5598,5605,6908,6932,6965,6967,6971,6974,6981,6994,7145,7162,7188,7194,7204,7313,7323,7331,7337,7348,7499,7518,7531,7533,7537,7540,8795,9998,10002,10024,10036,10048,10050,10054,10064,10071,10469,10479,10611,10644,10646,10650,10653,11219,11222,11397,11407,11409,11413,11416,12738,12743,12772,12775,12777,12781,12788,12795,14907,17200,17204,17216,17224,17237,17240,17242,17246,17258,17261,17633,17637,17640,17992,17996,17999,18397,18409,18413,18420,18639,18658,18660,18664,18766,18792,18794,18798,20209,22548,22550,22554,24266,24268,24272,24275,24297,24301,24306,24323,24328,24339,24346,24348,24352,24390],[5472,5473,5385],"h1",{"id":5474},"context-api-передавання-даних-без-пропс-дрілінгу",[5476,5477,5478],"blockquote",{},[5479,5480,5481,5482,5486,5487],"p",{},"🔗 ",[5483,5484,5485],"strong",{},"Офіційний референс:"," ",[5488,5489,5493],"a",{"href":5490,"rel":5491},"https:\u002F\u002Fuk.react.dev\u002Flearn\u002Fpassing-data-deeply-with-context",[5492],"nofollow","Передавання даних глибоко через Context (Passing Data Deeply with Context)",[5495,5496,5497,5535],"card-group",{},[5498,5499,5502],"card",{"icon":5500,"title":5501},"i-lucide-target","🎯 Мета лекції",[5503,5504,5505,5514,5529,5532],"ul",{},[5506,5507,5508,5509,5513],"li",{},"Зрозуміти проблему «пропс-дрілінгу» (",[5510,5511,5512],"em",{},"prop drilling",") та обмеження чистого підйому стану.",[5506,5515,5516,5517,5521,5522,5521,5525,5528],{},"Опанувати анатомію Context API: ",[5518,5519,5520],"code",{},"createContext",", ",[5518,5523,5524],{},"Provider",[5518,5526,5527],{},"useContext",".",[5506,5530,5531],{},"Навчитися проєктувати контексти для різних сценаріїв: теми, аутентифікація, мова інтерфейсу.",[5506,5533,5534],{},"Застосувати TypeScript для строгої типізації контекстів та уникнення помилок при відсутності провайдера.",[5498,5536,5538],{"icon":4854,"title":5537},"🔑 Ключові терміни",[5503,5539,5540,5550,5559,5568],{},[5506,5541,5542,5549],{},[5483,5543,5544,5545,5548],{},"Пропс-дрілінг (",[5510,5546,5547],{},"Prop Drilling","):"," передавання пропсів через проміжні компоненти, які самі їх не використовують.",[5506,5551,5552,5558],{},[5483,5553,5554,5555,5548],{},"Context (",[5510,5556,5557],{},"Контекст"," механізм React для передачі даних через дерево компонентів без явного прокидання пропсів.",[5506,5560,5561,5567],{},[5483,5562,5563,5564,5548],{},"Provider (",[5510,5565,5566],{},"Провайдер"," компонент, що надає значення контексту всім нащадкам у піддереві.",[5506,5569,5570,5576,5577,5528],{},[5483,5571,5572,5573,5548],{},"Consumer (",[5510,5574,5575],{},"Споживач"," компонент, що читає значення з контексту через хук ",[5518,5578,5527],{},[5580,5581],"hr",{},[5583,5584,5586],"h2",{"id":5585},"проблема-пропс-дрілінгу-коли-підйом-стану-не-масштабується","Проблема пропс-дрілінгу: коли підйом стану не масштабується",[5479,5588,5589,5590,5593,5594,5597],{},"У попередніх лекціях ми розглянули патерн ",[5483,5591,5592],{},"підйому стану"," (",[5510,5595,5596],{},"lifting state up",") — переміщення спільного стану до найближчого спільного предка компонентів, які його потребують. Цей підхід працює чудово для невеликих піддерев, але швидко стає обтяжливим у великих застосунках.",[5479,5599,5600,5601,5604],{},"Розглянемо типовий приклад: застосунок із системою тем (світла\u002Fтемна). Стан теми зберігається у кореневому компоненті ",[5518,5602,5603],{},"App",", але потрібен глибоко вкладеним компонентам на кількох рівнях вниз:",[5606,5607,5612],"pre",{"className":5608,"code":5609,"language":5610,"meta":5611,"style":5611},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","interface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n  backgroundColor: string;\n}\n\nconst lightTheme: Theme = {\n  mode: \"light\",\n  primaryColor: \"#3b82f6\",\n  backgroundColor: \"#ffffff\",\n};\n\nconst darkTheme: Theme = {\n  mode: \"dark\",\n  primaryColor: \"#60a5fa\",\n  backgroundColor: \"#1e293b\",\n};\n\nfunction App() {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = () => {\n    setTheme((prev) => (prev.mode === \"light\" ? darkTheme : lightTheme));\n  };\n\n  return (\n    \u003Cdiv>\n      \u003CHeader theme={theme} onToggleTheme={toggleTheme} \u002F>\n      \u003CMainContent theme={theme} \u002F>\n      \u003CFooter theme={theme} \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction Header({ theme, onToggleTheme }: { theme: Theme; onToggleTheme: () => void }) {\n  return (\n    \u003Cheader style={{ backgroundColor: theme.backgroundColor }}>\n      \u003CNavigation theme={theme} \u002F>\n      \u003CThemeToggleButton theme={theme} onToggle={onToggleTheme} \u002F>\n    \u003C\u002Fheader>\n  );\n}\n\nfunction Navigation({ theme }: { theme: Theme }) {\n  return (\n    \u003Cnav>\n      \u003CNavLink theme={theme} to=\"\u002F\">Головна\u003C\u002FNavLink>\n      \u003CNavLink theme={theme} to=\"\u002Fabout\">Про нас\u003C\u002FNavLink>\n    \u003C\u002Fnav>\n  );\n}\n\nfunction NavLink({ theme, to, children }: { theme: Theme; to: string; children: React.ReactNode }) {\n  return (\n    \u003Ca href={to} style={{ color: theme.primaryColor }}>\n      {children}\n    \u003C\u002Fa>\n  );\n}\n\nfunction ThemeToggleButton({ theme, onToggle }: { theme: Theme; onToggle: () => void }) {\n  return (\n    \u003Cbutton\n      onClick={onToggle}\n      style={{\n        backgroundColor: theme.primaryColor,\n        color: theme.backgroundColor,\n      }}\n    >\n      {theme.mode === \"light\" ? \"🌙 Темна\" : \"☀️ Світла\"}\n    \u003C\u002Fbutton>\n  );\n}\n\nfunction MainContent({ theme }: { theme: Theme }) {\n  return (\n    \u003Cmain style={{ backgroundColor: theme.backgroundColor }}>\n      \u003CArticle theme={theme} \u002F>\n      \u003CSidebar theme={theme} \u002F>\n    \u003C\u002Fmain>\n  );\n}\n\nfunction Article({ theme }: { theme: Theme }) {\n  return (\n    \u003Carticle>\n      \u003CArticleHeader theme={theme} \u002F>\n      \u003CArticleBody theme={theme} \u002F>\n    \u003C\u002Farticle>\n  );\n}\n\n\u002F\u002F ... і ще десятки компонентів, кожен із яких приймає theme як проп\n","tsx","",[5518,5613,5614,5631,5654,5667,5679,5685,5692,5710,5722,5733,5744,5750,5755,5769,5779,5789,5799,5804,5809,5822,5859,5864,5880,5925,5931,5936,5946,5960,5999,6019,6039,6049,6055,6060,6065,6108,6115,6151,6171,6202,6211,6216,6221,6226,6248,6255,6265,6304,6339,6348,6353,6358,6363,6416,6423,6465,6475,6484,6489,6494,6499,6536,6543,6551,6565,6578,6592,6606,6614,6620,6650,6660,6665,6670,6675,6697,6704,6734,6754,6774,6783,6788,6793,6798,6820,6827,6837,6857,6877,6886,6891,6896,6901],{"__ignoreMap":5611},[5615,5616,5619,5623,5627],"span",{"class":5617,"line":5618},"line",1,[5615,5620,5622],{"class":5621},"su1O8","interface",[5615,5624,5626],{"class":5625},"sN1BT"," Theme",[5615,5628,5630],{"class":5629},"sHH4Y"," {\n",[5615,5632,5634,5638,5641,5645,5648,5651],{"class":5617,"line":5633},2,[5615,5635,5637],{"class":5636},"siwwj","  mode",[5615,5639,5640],{"class":5629},": ",[5615,5642,5644],{"class":5643},"sbdoH","\"light\"",[5615,5646,5647],{"class":5629}," | ",[5615,5649,5650],{"class":5643},"\"dark\"",[5615,5652,5653],{"class":5629},";\n",[5615,5655,5657,5660,5662,5665],{"class":5617,"line":5656},3,[5615,5658,5659],{"class":5636},"  primaryColor",[5615,5661,5640],{"class":5629},[5615,5663,5664],{"class":5625},"string",[5615,5666,5653],{"class":5629},[5615,5668,5670,5673,5675,5677],{"class":5617,"line":5669},4,[5615,5671,5672],{"class":5636},"  backgroundColor",[5615,5674,5640],{"class":5629},[5615,5676,5664],{"class":5625},[5615,5678,5653],{"class":5629},[5615,5680,5682],{"class":5617,"line":5681},5,[5615,5683,5684],{"class":5629},"}\n",[5615,5686,5688],{"class":5617,"line":5687},6,[5615,5689,5691],{"emptyLinePlaceholder":5690},true,"\n",[5615,5693,5695,5698,5702,5704,5707],{"class":5617,"line":5694},7,[5615,5696,5697],{"class":5621},"const",[5615,5699,5701],{"class":5700},"s-QsJ"," lightTheme",[5615,5703,5640],{"class":5629},[5615,5705,5706],{"class":5625},"Theme",[5615,5708,5709],{"class":5629}," = {\n",[5615,5711,5713,5716,5719],{"class":5617,"line":5712},8,[5615,5714,5715],{"class":5636},"  mode:",[5615,5717,5718],{"class":5643}," \"light\"",[5615,5720,5721],{"class":5629},",\n",[5615,5723,5725,5728,5731],{"class":5617,"line":5724},9,[5615,5726,5727],{"class":5636},"  primaryColor:",[5615,5729,5730],{"class":5643}," \"#3b82f6\"",[5615,5732,5721],{"class":5629},[5615,5734,5736,5739,5742],{"class":5617,"line":5735},10,[5615,5737,5738],{"class":5636},"  backgroundColor:",[5615,5740,5741],{"class":5643}," \"#ffffff\"",[5615,5743,5721],{"class":5629},[5615,5745,5747],{"class":5617,"line":5746},11,[5615,5748,5749],{"class":5629},"};\n",[5615,5751,5753],{"class":5617,"line":5752},12,[5615,5754,5691],{"emptyLinePlaceholder":5690},[5615,5756,5758,5760,5763,5765,5767],{"class":5617,"line":5757},13,[5615,5759,5697],{"class":5621},[5615,5761,5762],{"class":5700}," darkTheme",[5615,5764,5640],{"class":5629},[5615,5766,5706],{"class":5625},[5615,5768,5709],{"class":5629},[5615,5770,5772,5774,5777],{"class":5617,"line":5771},14,[5615,5773,5715],{"class":5636},[5615,5775,5776],{"class":5643}," \"dark\"",[5615,5778,5721],{"class":5629},[5615,5780,5782,5784,5787],{"class":5617,"line":5781},15,[5615,5783,5727],{"class":5636},[5615,5785,5786],{"class":5643}," \"#60a5fa\"",[5615,5788,5721],{"class":5629},[5615,5790,5792,5794,5797],{"class":5617,"line":5791},16,[5615,5793,5738],{"class":5636},[5615,5795,5796],{"class":5643}," \"#1e293b\"",[5615,5798,5721],{"class":5629},[5615,5800,5802],{"class":5617,"line":5801},17,[5615,5803,5749],{"class":5629},[5615,5805,5807],{"class":5617,"line":5806},18,[5615,5808,5691],{"emptyLinePlaceholder":5690},[5615,5810,5812,5815,5819],{"class":5617,"line":5811},19,[5615,5813,5814],{"class":5621},"function",[5615,5816,5818],{"class":5817},"s8Opu"," App",[5615,5820,5821],{"class":5629},"() {\n",[5615,5823,5825,5828,5831,5834,5836,5839,5842,5845,5848,5850,5853,5856],{"class":5617,"line":5824},20,[5615,5826,5827],{"class":5621},"  const",[5615,5829,5830],{"class":5629}," [",[5615,5832,5833],{"class":5700},"theme",[5615,5835,5521],{"class":5629},[5615,5837,5838],{"class":5700},"setTheme",[5615,5840,5841],{"class":5629},"] = ",[5615,5843,5844],{"class":5817},"useState",[5615,5846,5847],{"class":5629},"\u003C",[5615,5849,5706],{"class":5625},[5615,5851,5852],{"class":5629},">(",[5615,5854,5855],{"class":5636},"lightTheme",[5615,5857,5858],{"class":5629},");\n",[5615,5860,5862],{"class":5617,"line":5861},21,[5615,5863,5691],{"emptyLinePlaceholder":5690},[5615,5865,5867,5869,5872,5875,5878],{"class":5617,"line":5866},22,[5615,5868,5827],{"class":5621},[5615,5870,5871],{"class":5817}," toggleTheme",[5615,5873,5874],{"class":5629}," = () ",[5615,5876,5877],{"class":5621},"=>",[5615,5879,5630],{"class":5629},[5615,5881,5883,5886,5889,5892,5895,5897,5899,5901,5903,5906,5909,5911,5914,5917,5920,5922],{"class":5617,"line":5882},23,[5615,5884,5885],{"class":5817},"    setTheme",[5615,5887,5888],{"class":5629},"((",[5615,5890,5891],{"class":5636},"prev",[5615,5893,5894],{"class":5629},") ",[5615,5896,5877],{"class":5621},[5615,5898,5593],{"class":5629},[5615,5900,5891],{"class":5636},[5615,5902,5528],{"class":5629},[5615,5904,5905],{"class":5636},"mode",[5615,5907,5908],{"class":5629}," === ",[5615,5910,5644],{"class":5643},[5615,5912,5913],{"class":5629}," ? ",[5615,5915,5916],{"class":5636},"darkTheme",[5615,5918,5919],{"class":5629}," : ",[5615,5921,5855],{"class":5636},[5615,5923,5924],{"class":5629},"));\n",[5615,5926,5928],{"class":5617,"line":5927},24,[5615,5929,5930],{"class":5629},"  };\n",[5615,5932,5934],{"class":5617,"line":5933},25,[5615,5935,5691],{"emptyLinePlaceholder":5690},[5615,5937,5939,5943],{"class":5617,"line":5938},26,[5615,5940,5942],{"class":5941},"s8xlr","  return",[5615,5944,5945],{"class":5629}," (\n",[5615,5947,5949,5953,5957],{"class":5617,"line":5948},27,[5615,5950,5952],{"class":5951},"s0P7L","    \u003C",[5615,5954,5956],{"class":5955},"sKtos","div",[5615,5958,5959],{"class":5951},">\n",[5615,5961,5963,5966,5969,5973,5976,5979,5981,5984,5987,5989,5991,5994,5996],{"class":5617,"line":5962},28,[5615,5964,5965],{"class":5951},"      \u003C",[5615,5967,5968],{"class":5625},"Header",[5615,5970,5972],{"class":5971},"sa4r_"," theme",[5615,5974,5975],{"class":5629},"=",[5615,5977,5978],{"class":5621},"{",[5615,5980,5833],{"class":5636},[5615,5982,5983],{"class":5621},"}",[5615,5985,5986],{"class":5971}," onToggleTheme",[5615,5988,5975],{"class":5629},[5615,5990,5978],{"class":5621},[5615,5992,5993],{"class":5636},"toggleTheme",[5615,5995,5983],{"class":5621},[5615,5997,5998],{"class":5951}," \u002F>\n",[5615,6000,6002,6004,6007,6009,6011,6013,6015,6017],{"class":5617,"line":6001},29,[5615,6003,5965],{"class":5951},[5615,6005,6006],{"class":5625},"MainContent",[5615,6008,5972],{"class":5971},[5615,6010,5975],{"class":5629},[5615,6012,5978],{"class":5621},[5615,6014,5833],{"class":5636},[5615,6016,5983],{"class":5621},[5615,6018,5998],{"class":5951},[5615,6020,6022,6024,6027,6029,6031,6033,6035,6037],{"class":5617,"line":6021},30,[5615,6023,5965],{"class":5951},[5615,6025,6026],{"class":5625},"Footer",[5615,6028,5972],{"class":5971},[5615,6030,5975],{"class":5629},[5615,6032,5978],{"class":5621},[5615,6034,5833],{"class":5636},[5615,6036,5983],{"class":5621},[5615,6038,5998],{"class":5951},[5615,6040,6042,6045,6047],{"class":5617,"line":6041},31,[5615,6043,6044],{"class":5951},"    \u003C\u002F",[5615,6046,5956],{"class":5955},[5615,6048,5959],{"class":5951},[5615,6050,6052],{"class":5617,"line":6051},32,[5615,6053,6054],{"class":5629},"  );\n",[5615,6056,6058],{"class":5617,"line":6057},33,[5615,6059,5684],{"class":5629},[5615,6061,6063],{"class":5617,"line":6062},34,[5615,6064,5691],{"emptyLinePlaceholder":5690},[5615,6066,6068,6070,6073,6076,6078,6080,6083,6086,6088,6090,6092,6095,6097,6100,6102,6105],{"class":5617,"line":6067},35,[5615,6069,5814],{"class":5621},[5615,6071,6072],{"class":5817}," Header",[5615,6074,6075],{"class":5629},"({ ",[5615,6077,5833],{"class":5636},[5615,6079,5521],{"class":5629},[5615,6081,6082],{"class":5636},"onToggleTheme",[5615,6084,6085],{"class":5629}," }: { ",[5615,6087,5833],{"class":5636},[5615,6089,5640],{"class":5629},[5615,6091,5706],{"class":5625},[5615,6093,6094],{"class":5629},"; ",[5615,6096,6082],{"class":5817},[5615,6098,6099],{"class":5629},": () ",[5615,6101,5877],{"class":5621},[5615,6103,6104],{"class":5625}," void",[5615,6106,6107],{"class":5629}," }) {\n",[5615,6109,6111,6113],{"class":5617,"line":6110},36,[5615,6112,5942],{"class":5941},[5615,6114,5945],{"class":5629},[5615,6116,6118,6120,6123,6126,6128,6130,6134,6137,6139,6141,6144,6147,6149],{"class":5617,"line":6117},37,[5615,6119,5952],{"class":5951},[5615,6121,6122],{"class":5955},"header",[5615,6124,6125],{"class":5971}," style",[5615,6127,5975],{"class":5629},[5615,6129,5978],{"class":5621},[5615,6131,6133],{"class":6132},"sD7JJ","{ ",[5615,6135,6136],{"class":5636},"backgroundColor:",[5615,6138,5972],{"class":5636},[5615,6140,5528],{"class":6132},[5615,6142,6143],{"class":5636},"backgroundColor",[5615,6145,6146],{"class":6132}," }",[5615,6148,5983],{"class":5621},[5615,6150,5959],{"class":5951},[5615,6152,6154,6156,6159,6161,6163,6165,6167,6169],{"class":5617,"line":6153},38,[5615,6155,5965],{"class":5951},[5615,6157,6158],{"class":5625},"Navigation",[5615,6160,5972],{"class":5971},[5615,6162,5975],{"class":5629},[5615,6164,5978],{"class":5621},[5615,6166,5833],{"class":5636},[5615,6168,5983],{"class":5621},[5615,6170,5998],{"class":5951},[5615,6172,6174,6176,6179,6181,6183,6185,6187,6189,6192,6194,6196,6198,6200],{"class":5617,"line":6173},39,[5615,6175,5965],{"class":5951},[5615,6177,6178],{"class":5625},"ThemeToggleButton",[5615,6180,5972],{"class":5971},[5615,6182,5975],{"class":5629},[5615,6184,5978],{"class":5621},[5615,6186,5833],{"class":5636},[5615,6188,5983],{"class":5621},[5615,6190,6191],{"class":5971}," onToggle",[5615,6193,5975],{"class":5629},[5615,6195,5978],{"class":5621},[5615,6197,6082],{"class":5636},[5615,6199,5983],{"class":5621},[5615,6201,5998],{"class":5951},[5615,6203,6205,6207,6209],{"class":5617,"line":6204},40,[5615,6206,6044],{"class":5951},[5615,6208,6122],{"class":5955},[5615,6210,5959],{"class":5951},[5615,6212,6214],{"class":5617,"line":6213},41,[5615,6215,6054],{"class":5629},[5615,6217,6219],{"class":5617,"line":6218},42,[5615,6220,5684],{"class":5629},[5615,6222,6224],{"class":5617,"line":6223},43,[5615,6225,5691],{"emptyLinePlaceholder":5690},[5615,6227,6229,6231,6234,6236,6238,6240,6242,6244,6246],{"class":5617,"line":6228},44,[5615,6230,5814],{"class":5621},[5615,6232,6233],{"class":5817}," Navigation",[5615,6235,6075],{"class":5629},[5615,6237,5833],{"class":5636},[5615,6239,6085],{"class":5629},[5615,6241,5833],{"class":5636},[5615,6243,5640],{"class":5629},[5615,6245,5706],{"class":5625},[5615,6247,6107],{"class":5629},[5615,6249,6251,6253],{"class":5617,"line":6250},45,[5615,6252,5942],{"class":5941},[5615,6254,5945],{"class":5629},[5615,6256,6258,6260,6263],{"class":5617,"line":6257},46,[5615,6259,5952],{"class":5951},[5615,6261,6262],{"class":5955},"nav",[5615,6264,5959],{"class":5951},[5615,6266,6268,6270,6273,6275,6277,6279,6281,6283,6286,6288,6291,6294,6297,6300,6302],{"class":5617,"line":6267},47,[5615,6269,5965],{"class":5951},[5615,6271,6272],{"class":5625},"NavLink",[5615,6274,5972],{"class":5971},[5615,6276,5975],{"class":5629},[5615,6278,5978],{"class":5621},[5615,6280,5833],{"class":5636},[5615,6282,5983],{"class":5621},[5615,6284,6285],{"class":5971}," to",[5615,6287,5975],{"class":5629},[5615,6289,6290],{"class":5643},"\"\u002F\"",[5615,6292,6293],{"class":5951},">",[5615,6295,6296],{"class":5629},"Головна",[5615,6298,6299],{"class":5951},"\u003C\u002F",[5615,6301,6272],{"class":5625},[5615,6303,5959],{"class":5951},[5615,6305,6307,6309,6311,6313,6315,6317,6319,6321,6323,6325,6328,6330,6333,6335,6337],{"class":5617,"line":6306},48,[5615,6308,5965],{"class":5951},[5615,6310,6272],{"class":5625},[5615,6312,5972],{"class":5971},[5615,6314,5975],{"class":5629},[5615,6316,5978],{"class":5621},[5615,6318,5833],{"class":5636},[5615,6320,5983],{"class":5621},[5615,6322,6285],{"class":5971},[5615,6324,5975],{"class":5629},[5615,6326,6327],{"class":5643},"\"\u002Fabout\"",[5615,6329,6293],{"class":5951},[5615,6331,6332],{"class":5629},"Про нас",[5615,6334,6299],{"class":5951},[5615,6336,6272],{"class":5625},[5615,6338,5959],{"class":5951},[5615,6340,6342,6344,6346],{"class":5617,"line":6341},49,[5615,6343,6044],{"class":5951},[5615,6345,6262],{"class":5955},[5615,6347,5959],{"class":5951},[5615,6349,6351],{"class":5617,"line":6350},50,[5615,6352,6054],{"class":5629},[5615,6354,6356],{"class":5617,"line":6355},51,[5615,6357,5684],{"class":5629},[5615,6359,6361],{"class":5617,"line":6360},52,[5615,6362,5691],{"emptyLinePlaceholder":5690},[5615,6364,6366,6368,6371,6373,6375,6377,6380,6382,6385,6387,6389,6391,6393,6395,6397,6399,6401,6403,6405,6407,6409,6411,6414],{"class":5617,"line":6365},53,[5615,6367,5814],{"class":5621},[5615,6369,6370],{"class":5817}," NavLink",[5615,6372,6075],{"class":5629},[5615,6374,5833],{"class":5636},[5615,6376,5521],{"class":5629},[5615,6378,6379],{"class":5636},"to",[5615,6381,5521],{"class":5629},[5615,6383,6384],{"class":5636},"children",[5615,6386,6085],{"class":5629},[5615,6388,5833],{"class":5636},[5615,6390,5640],{"class":5629},[5615,6392,5706],{"class":5625},[5615,6394,6094],{"class":5629},[5615,6396,6379],{"class":5636},[5615,6398,5640],{"class":5629},[5615,6400,5664],{"class":5625},[5615,6402,6094],{"class":5629},[5615,6404,6384],{"class":5636},[5615,6406,5640],{"class":5629},[5615,6408,2303],{"class":5625},[5615,6410,5528],{"class":5629},[5615,6412,6413],{"class":5625},"ReactNode",[5615,6415,6107],{"class":5629},[5615,6417,6419,6421],{"class":5617,"line":6418},54,[5615,6420,5942],{"class":5941},[5615,6422,5945],{"class":5629},[5615,6424,6426,6428,6430,6433,6435,6437,6439,6441,6443,6445,6447,6449,6452,6454,6456,6459,6461,6463],{"class":5617,"line":6425},55,[5615,6427,5952],{"class":5951},[5615,6429,5488],{"class":5955},[5615,6431,6432],{"class":5971}," href",[5615,6434,5975],{"class":5629},[5615,6436,5978],{"class":5621},[5615,6438,6379],{"class":5636},[5615,6440,5983],{"class":5621},[5615,6442,6125],{"class":5971},[5615,6444,5975],{"class":5629},[5615,6446,5978],{"class":5621},[5615,6448,6133],{"class":6132},[5615,6450,6451],{"class":5636},"color:",[5615,6453,5972],{"class":5636},[5615,6455,5528],{"class":6132},[5615,6457,6458],{"class":5636},"primaryColor",[5615,6460,6146],{"class":6132},[5615,6462,5983],{"class":5621},[5615,6464,5959],{"class":5951},[5615,6466,6468,6471,6473],{"class":5617,"line":6467},56,[5615,6469,6470],{"class":5621},"      {",[5615,6472,6384],{"class":5636},[5615,6474,5684],{"class":5621},[5615,6476,6478,6480,6482],{"class":5617,"line":6477},57,[5615,6479,6044],{"class":5951},[5615,6481,5488],{"class":5955},[5615,6483,5959],{"class":5951},[5615,6485,6487],{"class":5617,"line":6486},58,[5615,6488,6054],{"class":5629},[5615,6490,6492],{"class":5617,"line":6491},59,[5615,6493,5684],{"class":5629},[5615,6495,6497],{"class":5617,"line":6496},60,[5615,6498,5691],{"emptyLinePlaceholder":5690},[5615,6500,6502,6504,6507,6509,6511,6513,6516,6518,6520,6522,6524,6526,6528,6530,6532,6534],{"class":5617,"line":6501},61,[5615,6503,5814],{"class":5621},[5615,6505,6506],{"class":5817}," ThemeToggleButton",[5615,6508,6075],{"class":5629},[5615,6510,5833],{"class":5636},[5615,6512,5521],{"class":5629},[5615,6514,6515],{"class":5636},"onToggle",[5615,6517,6085],{"class":5629},[5615,6519,5833],{"class":5636},[5615,6521,5640],{"class":5629},[5615,6523,5706],{"class":5625},[5615,6525,6094],{"class":5629},[5615,6527,6515],{"class":5817},[5615,6529,6099],{"class":5629},[5615,6531,5877],{"class":5621},[5615,6533,6104],{"class":5625},[5615,6535,6107],{"class":5629},[5615,6537,6539,6541],{"class":5617,"line":6538},62,[5615,6540,5942],{"class":5941},[5615,6542,5945],{"class":5629},[5615,6544,6546,6548],{"class":5617,"line":6545},63,[5615,6547,5952],{"class":5951},[5615,6549,6550],{"class":5955},"button\n",[5615,6552,6554,6557,6559,6561,6563],{"class":5617,"line":6553},64,[5615,6555,6556],{"class":5971},"      onClick",[5615,6558,5975],{"class":5629},[5615,6560,5978],{"class":5621},[5615,6562,6515],{"class":5636},[5615,6564,5684],{"class":5621},[5615,6566,6568,6571,6573,6575],{"class":5617,"line":6567},65,[5615,6569,6570],{"class":5971},"      style",[5615,6572,5975],{"class":5629},[5615,6574,5978],{"class":5621},[5615,6576,6577],{"class":6132},"{\n",[5615,6579,6581,6584,6586,6588,6590],{"class":5617,"line":6580},66,[5615,6582,6583],{"class":5636},"        backgroundColor:",[5615,6585,5972],{"class":5636},[5615,6587,5528],{"class":6132},[5615,6589,6458],{"class":5636},[5615,6591,5721],{"class":6132},[5615,6593,6595,6598,6600,6602,6604],{"class":5617,"line":6594},67,[5615,6596,6597],{"class":5636},"        color:",[5615,6599,5972],{"class":5636},[5615,6601,5528],{"class":6132},[5615,6603,6143],{"class":5636},[5615,6605,5721],{"class":6132},[5615,6607,6609,6612],{"class":5617,"line":6608},68,[5615,6610,6611],{"class":6132},"      }",[5615,6613,5684],{"class":5621},[5615,6615,6617],{"class":5617,"line":6616},69,[5615,6618,6619],{"class":5951},"    >\n",[5615,6621,6623,6625,6627,6629,6631,6634,6636,6639,6642,6645,6648],{"class":5617,"line":6622},70,[5615,6624,6470],{"class":5621},[5615,6626,5833],{"class":5636},[5615,6628,5528],{"class":6132},[5615,6630,5905],{"class":5636},[5615,6632,6633],{"class":5629}," ===",[5615,6635,5718],{"class":5643},[5615,6637,6638],{"class":5629}," ?",[5615,6640,6641],{"class":5643}," \"🌙 Темна\"",[5615,6643,6644],{"class":5629}," :",[5615,6646,6647],{"class":5643}," \"☀️ Світла\"",[5615,6649,5684],{"class":5621},[5615,6651,6653,6655,6658],{"class":5617,"line":6652},71,[5615,6654,6044],{"class":5951},[5615,6656,6657],{"class":5955},"button",[5615,6659,5959],{"class":5951},[5615,6661,6663],{"class":5617,"line":6662},72,[5615,6664,6054],{"class":5629},[5615,6666,6668],{"class":5617,"line":6667},73,[5615,6669,5684],{"class":5629},[5615,6671,6673],{"class":5617,"line":6672},74,[5615,6674,5691],{"emptyLinePlaceholder":5690},[5615,6676,6678,6680,6683,6685,6687,6689,6691,6693,6695],{"class":5617,"line":6677},75,[5615,6679,5814],{"class":5621},[5615,6681,6682],{"class":5817}," MainContent",[5615,6684,6075],{"class":5629},[5615,6686,5833],{"class":5636},[5615,6688,6085],{"class":5629},[5615,6690,5833],{"class":5636},[5615,6692,5640],{"class":5629},[5615,6694,5706],{"class":5625},[5615,6696,6107],{"class":5629},[5615,6698,6700,6702],{"class":5617,"line":6699},76,[5615,6701,5942],{"class":5941},[5615,6703,5945],{"class":5629},[5615,6705,6707,6709,6712,6714,6716,6718,6720,6722,6724,6726,6728,6730,6732],{"class":5617,"line":6706},77,[5615,6708,5952],{"class":5951},[5615,6710,6711],{"class":5955},"main",[5615,6713,6125],{"class":5971},[5615,6715,5975],{"class":5629},[5615,6717,5978],{"class":5621},[5615,6719,6133],{"class":6132},[5615,6721,6136],{"class":5636},[5615,6723,5972],{"class":5636},[5615,6725,5528],{"class":6132},[5615,6727,6143],{"class":5636},[5615,6729,6146],{"class":6132},[5615,6731,5983],{"class":5621},[5615,6733,5959],{"class":5951},[5615,6735,6737,6739,6742,6744,6746,6748,6750,6752],{"class":5617,"line":6736},78,[5615,6738,5965],{"class":5951},[5615,6740,6741],{"class":5625},"Article",[5615,6743,5972],{"class":5971},[5615,6745,5975],{"class":5629},[5615,6747,5978],{"class":5621},[5615,6749,5833],{"class":5636},[5615,6751,5983],{"class":5621},[5615,6753,5998],{"class":5951},[5615,6755,6757,6759,6762,6764,6766,6768,6770,6772],{"class":5617,"line":6756},79,[5615,6758,5965],{"class":5951},[5615,6760,6761],{"class":5625},"Sidebar",[5615,6763,5972],{"class":5971},[5615,6765,5975],{"class":5629},[5615,6767,5978],{"class":5621},[5615,6769,5833],{"class":5636},[5615,6771,5983],{"class":5621},[5615,6773,5998],{"class":5951},[5615,6775,6777,6779,6781],{"class":5617,"line":6776},80,[5615,6778,6044],{"class":5951},[5615,6780,6711],{"class":5955},[5615,6782,5959],{"class":5951},[5615,6784,6786],{"class":5617,"line":6785},81,[5615,6787,6054],{"class":5629},[5615,6789,6791],{"class":5617,"line":6790},82,[5615,6792,5684],{"class":5629},[5615,6794,6796],{"class":5617,"line":6795},83,[5615,6797,5691],{"emptyLinePlaceholder":5690},[5615,6799,6801,6803,6806,6808,6810,6812,6814,6816,6818],{"class":5617,"line":6800},84,[5615,6802,5814],{"class":5621},[5615,6804,6805],{"class":5817}," Article",[5615,6807,6075],{"class":5629},[5615,6809,5833],{"class":5636},[5615,6811,6085],{"class":5629},[5615,6813,5833],{"class":5636},[5615,6815,5640],{"class":5629},[5615,6817,5706],{"class":5625},[5615,6819,6107],{"class":5629},[5615,6821,6823,6825],{"class":5617,"line":6822},85,[5615,6824,5942],{"class":5941},[5615,6826,5945],{"class":5629},[5615,6828,6830,6832,6835],{"class":5617,"line":6829},86,[5615,6831,5952],{"class":5951},[5615,6833,6834],{"class":5955},"article",[5615,6836,5959],{"class":5951},[5615,6838,6840,6842,6845,6847,6849,6851,6853,6855],{"class":5617,"line":6839},87,[5615,6841,5965],{"class":5951},[5615,6843,6844],{"class":5625},"ArticleHeader",[5615,6846,5972],{"class":5971},[5615,6848,5975],{"class":5629},[5615,6850,5978],{"class":5621},[5615,6852,5833],{"class":5636},[5615,6854,5983],{"class":5621},[5615,6856,5998],{"class":5951},[5615,6858,6860,6862,6865,6867,6869,6871,6873,6875],{"class":5617,"line":6859},88,[5615,6861,5965],{"class":5951},[5615,6863,6864],{"class":5625},"ArticleBody",[5615,6866,5972],{"class":5971},[5615,6868,5975],{"class":5629},[5615,6870,5978],{"class":5621},[5615,6872,5833],{"class":5636},[5615,6874,5983],{"class":5621},[5615,6876,5998],{"class":5951},[5615,6878,6880,6882,6884],{"class":5617,"line":6879},89,[5615,6881,6044],{"class":5951},[5615,6883,6834],{"class":5955},[5615,6885,5959],{"class":5951},[5615,6887,6889],{"class":5617,"line":6888},90,[5615,6890,6054],{"class":5629},[5615,6892,6894],{"class":5617,"line":6893},91,[5615,6895,5684],{"class":5629},[5615,6897,6899],{"class":5617,"line":6898},92,[5615,6900,5691],{"emptyLinePlaceholder":5690},[5615,6902,6904],{"class":5617,"line":6903},93,[5615,6905,6907],{"class":6906},"spJ8K","\u002F\u002F ... і ще десятки компонентів, кожен із яких приймає theme як проп\n",[5479,6909,6910,6911,5521,6913,5521,6915,5521,6917,5486,6919,6922,6923,6925,6926,5593,6929,6931],{},"Звернемо увагу на ключову проблему: компоненти ",[5518,6912,5968],{},[5518,6914,6158],{},[5518,6916,6006],{},[5518,6918,6741],{},[5483,6920,6921],{},"не використовують"," проп ",[5518,6924,5833],{}," безпосередньо — вони лише передають його вниз до дочірніх компонентів. Це явище називається ",[5483,6927,6928],{},"пропс-дрілінгом",[5510,6930,5512],{},") — прокидання пропсів через проміжні шари, які самі їх не потребують.",[6933,6934,6935,6938],"warning",{},[5479,6936,6937],{},"Пропс-дрілінг створює кілька системних проблем:",[6939,6940,6941,6947,6953,6959],"ol",{},[5506,6942,6943,6946],{},[5483,6944,6945],{},"Крихкість коду:"," Додавання нового рівня вкладеності вимагає правки всіх проміжних компонентів.",[5506,6948,6949,6952],{},[5483,6950,6951],{},"Складність рефакторингу:"," Зміна сигнатури пропса поширюється на десятки файлів.",[5506,6954,6955,6958],{},[5483,6956,6957],{},"Зниження читабельності:"," Кожен компонент має пропси, які він не використовує, що засмічує інтерфейс.",[5506,6960,6961,6964],{},[5483,6962,6963],{},"Імплементаційна залежність:"," Проміжні компоненти стають залежними від імплементаційних деталей своїх нащадків.",[5580,6966],{},[5583,6968,6970],{"id":6969},"анатомія-context-api-три-фундаментальні-елементи","Анатомія Context API: три фундаментальні елементи",[5479,6972,6973],{},"Context API вирішує проблему пропс-дрілінгу, дозволяючи «телепортувати» дані безпосередньо до компонентів, які їх потребують, обходячи всі проміжні рівні. Context складається з трьох базових блоків:",[6975,6976,6978,6979],"h3",{"id":6977},"_1-створення-контексту-createcontext","1. Створення контексту: ",[5518,6980,5520],{},[5479,6982,6983,6984,6987,6988,5593,6991,5548],{},"Контекст створюється викликом функції ",[5518,6985,6986],{},"React.createContext()",", яка приймає ",[5483,6989,6990],{},"значення за замовчуванням",[5510,6992,6993],{},"default value",[5606,6995,6997],{"className":5608,"code":6996,"language":5610,"meta":5611,"style":5611},"import { createContext } from \"react\";\n\ninterface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n  backgroundColor: string;\n}\n\nconst lightTheme: Theme = {\n  mode: \"light\",\n  primaryColor: \"#3b82f6\",\n  backgroundColor: \"#ffffff\",\n};\n\n\u002F\u002F Створення контексту з дефолтним значенням\nconst ThemeContext = createContext\u003CTheme>(lightTheme);\n",[5518,6998,6999,7020,7024,7032,7046,7056,7066,7070,7074,7086,7094,7102,7110,7114,7118,7123],{"__ignoreMap":5611},[5615,7000,7001,7004,7007,7009,7012,7015,7018],{"class":5617,"line":5618},[5615,7002,7003],{"class":5941},"import",[5615,7005,7006],{"class":5629}," { ",[5615,7008,5520],{"class":5636},[5615,7010,7011],{"class":5629}," } ",[5615,7013,7014],{"class":5941},"from",[5615,7016,7017],{"class":5643}," \"react\"",[5615,7019,5653],{"class":5629},[5615,7021,7022],{"class":5617,"line":5633},[5615,7023,5691],{"emptyLinePlaceholder":5690},[5615,7025,7026,7028,7030],{"class":5617,"line":5656},[5615,7027,5622],{"class":5621},[5615,7029,5626],{"class":5625},[5615,7031,5630],{"class":5629},[5615,7033,7034,7036,7038,7040,7042,7044],{"class":5617,"line":5669},[5615,7035,5637],{"class":5636},[5615,7037,5640],{"class":5629},[5615,7039,5644],{"class":5643},[5615,7041,5647],{"class":5629},[5615,7043,5650],{"class":5643},[5615,7045,5653],{"class":5629},[5615,7047,7048,7050,7052,7054],{"class":5617,"line":5681},[5615,7049,5659],{"class":5636},[5615,7051,5640],{"class":5629},[5615,7053,5664],{"class":5625},[5615,7055,5653],{"class":5629},[5615,7057,7058,7060,7062,7064],{"class":5617,"line":5687},[5615,7059,5672],{"class":5636},[5615,7061,5640],{"class":5629},[5615,7063,5664],{"class":5625},[5615,7065,5653],{"class":5629},[5615,7067,7068],{"class":5617,"line":5694},[5615,7069,5684],{"class":5629},[5615,7071,7072],{"class":5617,"line":5712},[5615,7073,5691],{"emptyLinePlaceholder":5690},[5615,7075,7076,7078,7080,7082,7084],{"class":5617,"line":5724},[5615,7077,5697],{"class":5621},[5615,7079,5701],{"class":5700},[5615,7081,5640],{"class":5629},[5615,7083,5706],{"class":5625},[5615,7085,5709],{"class":5629},[5615,7087,7088,7090,7092],{"class":5617,"line":5735},[5615,7089,5715],{"class":5636},[5615,7091,5718],{"class":5643},[5615,7093,5721],{"class":5629},[5615,7095,7096,7098,7100],{"class":5617,"line":5746},[5615,7097,5727],{"class":5636},[5615,7099,5730],{"class":5643},[5615,7101,5721],{"class":5629},[5615,7103,7104,7106,7108],{"class":5617,"line":5752},[5615,7105,5738],{"class":5636},[5615,7107,5741],{"class":5643},[5615,7109,5721],{"class":5629},[5615,7111,7112],{"class":5617,"line":5757},[5615,7113,5749],{"class":5629},[5615,7115,7116],{"class":5617,"line":5771},[5615,7117,5691],{"emptyLinePlaceholder":5690},[5615,7119,7120],{"class":5617,"line":5781},[5615,7121,7122],{"class":6906},"\u002F\u002F Створення контексту з дефолтним значенням\n",[5615,7124,7125,7127,7130,7133,7135,7137,7139,7141,7143],{"class":5617,"line":5791},[5615,7126,5697],{"class":5621},[5615,7128,7129],{"class":5700}," ThemeContext",[5615,7131,7132],{"class":5629}," = ",[5615,7134,5520],{"class":5817},[5615,7136,5847],{"class":5629},[5615,7138,5706],{"class":5625},[5615,7140,5852],{"class":5629},[5615,7142,5855],{"class":5636},[5615,7144,5858],{"class":5629},[5479,7146,7147,7150,7151,7154,7155,7157,7158,7161],{},[5483,7148,7149],{},"Важливо:"," Значення за замовчуванням використовується ",[5483,7152,7153],{},"лише"," тоді, коли компонент намагається прочитати контекст, але не знаходить відповідного ",[5518,7156,5524],{}," у дереві предків. У реальних застосунках це зазвичай є помилкою конфігурації, тому часто використовують ",[5518,7159,7160],{},"createContext\u003CTheme | undefined>(undefined)"," і перевіряють наявність значення явно.",[7163,7164,7165,7171],"note",{},[5479,7166,7167,7168,7170],{},"Функція ",[5518,7169,5520],{}," повертає об'єкт із двома властивостями:",[5503,7172,7173,7179],{},[5506,7174,7175,7178],{},[5518,7176,7177],{},"Context.Provider"," — компонент-провайдер.",[5506,7180,7181,7184,7185,7187],{},[5518,7182,7183],{},"Context.Consumer"," — застарілий компонент-споживач (замінений хуком ",[5518,7186,5527],{},").",[6975,7189,7191,7192],{"id":7190},"_2-надання-значення-contextprovider","2. Надання значення: ",[5518,7193,7177],{},[5479,7195,7196,7197,7199,7200,7203],{},"Компонент ",[5518,7198,5524],{}," обгортає піддерево React-компонентів і надає їм доступ до значення контексту через проп ",[5518,7201,7202],{},"value",":",[5606,7205,7207],{"className":5608,"code":7206,"language":5610,"meta":5611,"style":5611},"function App() {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  return (\n    \u003CThemeContext.Provider value={theme}>\n      \u003CHeader \u002F>\n      \u003CMainContent \u002F>\n      \u003CFooter \u002F>\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n",[5518,7208,7209,7217,7243,7247,7253,7273,7281,7289,7297,7305,7309],{"__ignoreMap":5611},[5615,7210,7211,7213,7215],{"class":5617,"line":5618},[5615,7212,5814],{"class":5621},[5615,7214,5818],{"class":5817},[5615,7216,5821],{"class":5629},[5615,7218,7219,7221,7223,7225,7227,7229,7231,7233,7235,7237,7239,7241],{"class":5617,"line":5633},[5615,7220,5827],{"class":5621},[5615,7222,5830],{"class":5629},[5615,7224,5833],{"class":5700},[5615,7226,5521],{"class":5629},[5615,7228,5838],{"class":5700},[5615,7230,5841],{"class":5629},[5615,7232,5844],{"class":5817},[5615,7234,5847],{"class":5629},[5615,7236,5706],{"class":5625},[5615,7238,5852],{"class":5629},[5615,7240,5855],{"class":5636},[5615,7242,5858],{"class":5629},[5615,7244,7245],{"class":5617,"line":5656},[5615,7246,5691],{"emptyLinePlaceholder":5690},[5615,7248,7249,7251],{"class":5617,"line":5669},[5615,7250,5942],{"class":5941},[5615,7252,5945],{"class":5629},[5615,7254,7255,7257,7260,7263,7265,7267,7269,7271],{"class":5617,"line":5681},[5615,7256,5952],{"class":5951},[5615,7258,7259],{"class":5625},"ThemeContext.Provider",[5615,7261,7262],{"class":5971}," value",[5615,7264,5975],{"class":5629},[5615,7266,5978],{"class":5621},[5615,7268,5833],{"class":5636},[5615,7270,5983],{"class":5621},[5615,7272,5959],{"class":5951},[5615,7274,7275,7277,7279],{"class":5617,"line":5687},[5615,7276,5965],{"class":5951},[5615,7278,5968],{"class":5625},[5615,7280,5998],{"class":5951},[5615,7282,7283,7285,7287],{"class":5617,"line":5694},[5615,7284,5965],{"class":5951},[5615,7286,6006],{"class":5625},[5615,7288,5998],{"class":5951},[5615,7290,7291,7293,7295],{"class":5617,"line":5712},[5615,7292,5965],{"class":5951},[5615,7294,6026],{"class":5625},[5615,7296,5998],{"class":5951},[5615,7298,7299,7301,7303],{"class":5617,"line":5724},[5615,7300,6044],{"class":5951},[5615,7302,7259],{"class":5625},[5615,7304,5959],{"class":5951},[5615,7306,7307],{"class":5617,"line":5735},[5615,7308,6054],{"class":5629},[5615,7310,7311],{"class":5617,"line":5746},[5615,7312,5684],{"class":5629},[5479,7314,7315,7316,7319,7320,7322],{},"Усі компоненти всередині ",[5518,7317,7318],{},"\u003CThemeContext.Provider>"," — незалежно від рівня вкладеності — тепер можуть читати значення ",[5518,7321,5833],{}," без явного прокидання пропсів.",[7324,7325,7326,7327,7330],"tip",{},"Провайдери можна вкладати один в одного. Компонент завжди читає значення з ",[5483,7328,7329],{},"найближчого"," провайдера вгору по дереву. Це дозволяє перевизначати контекст для окремих піддерев.",[6975,7332,7334,7335],{"id":7333},"_3-читання-значення-usecontext","3. Читання значення: ",[5518,7336,5527],{},[5479,7338,7339,7340,7342,7343,7345,7346,7203],{},"Хук ",[5518,7341,5527],{}," приймає об'єкт контексту (результат виклику ",[5518,7344,5520],{},") і повертає поточне значення з найближчого ",[5518,7347,5524],{},[5606,7349,7351],{"className":5608,"code":7350,"language":5610,"meta":5611,"style":5611},"import { useContext } from \"react\";\n\nfunction NavLink({ to, children }: { to: string; children: React.ReactNode }) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Ca href={to} style={{ color: theme.primaryColor }}>\n      {children}\n    \u003C\u002Fa>\n  );\n}\n",[5518,7352,7353,7369,7373,7409,7427,7431,7437,7475,7483,7491,7495],{"__ignoreMap":5611},[5615,7354,7355,7357,7359,7361,7363,7365,7367],{"class":5617,"line":5618},[5615,7356,7003],{"class":5941},[5615,7358,7006],{"class":5629},[5615,7360,5527],{"class":5636},[5615,7362,7011],{"class":5629},[5615,7364,7014],{"class":5941},[5615,7366,7017],{"class":5643},[5615,7368,5653],{"class":5629},[5615,7370,7371],{"class":5617,"line":5633},[5615,7372,5691],{"emptyLinePlaceholder":5690},[5615,7374,7375,7377,7379,7381,7383,7385,7387,7389,7391,7393,7395,7397,7399,7401,7403,7405,7407],{"class":5617,"line":5656},[5615,7376,5814],{"class":5621},[5615,7378,6370],{"class":5817},[5615,7380,6075],{"class":5629},[5615,7382,6379],{"class":5636},[5615,7384,5521],{"class":5629},[5615,7386,6384],{"class":5636},[5615,7388,6085],{"class":5629},[5615,7390,6379],{"class":5636},[5615,7392,5640],{"class":5629},[5615,7394,5664],{"class":5625},[5615,7396,6094],{"class":5629},[5615,7398,6384],{"class":5636},[5615,7400,5640],{"class":5629},[5615,7402,2303],{"class":5625},[5615,7404,5528],{"class":5629},[5615,7406,6413],{"class":5625},[5615,7408,6107],{"class":5629},[5615,7410,7411,7413,7415,7417,7419,7422,7425],{"class":5617,"line":5669},[5615,7412,5827],{"class":5621},[5615,7414,5972],{"class":5700},[5615,7416,7132],{"class":5629},[5615,7418,5527],{"class":5817},[5615,7420,7421],{"class":5629},"(",[5615,7423,7424],{"class":5636},"ThemeContext",[5615,7426,5858],{"class":5629},[5615,7428,7429],{"class":5617,"line":5681},[5615,7430,5691],{"emptyLinePlaceholder":5690},[5615,7432,7433,7435],{"class":5617,"line":5687},[5615,7434,5942],{"class":5941},[5615,7436,5945],{"class":5629},[5615,7438,7439,7441,7443,7445,7447,7449,7451,7453,7455,7457,7459,7461,7463,7465,7467,7469,7471,7473],{"class":5617,"line":5694},[5615,7440,5952],{"class":5951},[5615,7442,5488],{"class":5955},[5615,7444,6432],{"class":5971},[5615,7446,5975],{"class":5629},[5615,7448,5978],{"class":5621},[5615,7450,6379],{"class":5636},[5615,7452,5983],{"class":5621},[5615,7454,6125],{"class":5971},[5615,7456,5975],{"class":5629},[5615,7458,5978],{"class":5621},[5615,7460,6133],{"class":6132},[5615,7462,6451],{"class":5636},[5615,7464,5972],{"class":5636},[5615,7466,5528],{"class":6132},[5615,7468,6458],{"class":5636},[5615,7470,6146],{"class":6132},[5615,7472,5983],{"class":5621},[5615,7474,5959],{"class":5951},[5615,7476,7477,7479,7481],{"class":5617,"line":5712},[5615,7478,6470],{"class":5621},[5615,7480,6384],{"class":5636},[5615,7482,5684],{"class":5621},[5615,7484,7485,7487,7489],{"class":5617,"line":5724},[5615,7486,6044],{"class":5951},[5615,7488,5488],{"class":5955},[5615,7490,5959],{"class":5951},[5615,7492,7493],{"class":5617,"line":5735},[5615,7494,6054],{"class":5629},[5615,7496,7497],{"class":5617,"line":5746},[5615,7498,5684],{"class":5629},[5479,7500,7501,7502,7504,7505,7507,7508,7507,7510,5894,7512,7515,7516,5528],{},"Тепер компонент ",[5518,7503,6272],{}," читає тему безпосередньо з контексту, і проміжні компоненти (",[5518,7506,5603],{}," → ",[5518,7509,5968],{},[5518,7511,6158],{},[5483,7513,7514],{},"не потребують"," прокидання пропса ",[5518,7517,5833],{},[6933,7519,7520,7521,7524,7525,7527,7528,7530],{},"Якщо компонент викликає ",[5518,7522,7523],{},"useContext(ThemeContext)",", але не знаходить відповідного ",[5518,7526,7318],{}," у дереві предків, React поверне значення за замовчуванням, передане у ",[5518,7529,5520],{},". Це може призвести до непередбачуваної поведінки, тому краще явно перевіряти наявність провайдера (див. розділ про типізацію).",[5580,7532],{},[5583,7534,7536],{"id":7535},"перший-повний-приклад-перемикач-теми","Перший повний приклад: перемикач теми",[5479,7538,7539],{},"Тепер об'єднаємо всі три елементи у повноцінний робочий приклад із перемикачем теми:",[5606,7541,7543],{"className":5608,"code":7542,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from \"react\";\n\n\u002F\u002F 1. Визначення типів\ninterface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n  backgroundColor: string;\n  textColor: string;\n}\n\nconst lightTheme: Theme = {\n  mode: \"light\",\n  primaryColor: \"#3b82f6\",\n  backgroundColor: \"#ffffff\",\n  textColor: \"#1e293b\",\n};\n\nconst darkTheme: Theme = {\n  mode: \"dark\",\n  primaryColor: \"#60a5fa\",\n  backgroundColor: \"#1e293b\",\n  textColor: \"#f1f5f9\",\n};\n\n\u002F\u002F 2. Створення контексту\nconst ThemeContext = createContext\u003CTheme>(lightTheme);\n\n\u002F\u002F 3. Провайдер із логікою перемикання\nfunction App() {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = () => {\n    setTheme((prev) => (prev.mode === \"light\" ? darkTheme : lightTheme));\n  };\n\n  return (\n    \u003CThemeContext.Provider value={theme}>\n      \u003Cdiv\n        style={{\n          minHeight: \"100vh\",\n          backgroundColor: theme.backgroundColor,\n          color: theme.textColor,\n          padding: \"2rem\",\n        }}\n      >\n        \u003CHeader onToggleTheme={toggleTheme} \u002F>\n        \u003CMainContent \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n\n\u002F\u002F 4. Компоненти, які читають контекст\nfunction Header({ onToggleTheme }: { onToggleTheme: () => void }) {\n  return (\n    \u003Cheader>\n      \u003CNavigation \u002F>\n      \u003CThemeToggleButton onToggle={onToggleTheme} \u002F>\n    \u003C\u002Fheader>\n  );\n}\n\nfunction Navigation() {\n  return (\n    \u003Cnav style={{ display: \"flex\", gap: \"1rem\", marginBottom: \"2rem\" }}>\n      \u003CNavLink to=\"\u002F\">Головна\u003C\u002FNavLink>\n      \u003CNavLink to=\"\u002Fabout\">Про нас\u003C\u002FNavLink>\n      \u003CNavLink to=\"\u002Fcontact\">Контакти\u003C\u002FNavLink>\n    \u003C\u002Fnav>\n  );\n}\n\nfunction NavLink({ to, children }: { to: string; children: React.ReactNode }) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Ca\n      href={to}\n      style={{\n        color: theme.primaryColor,\n        textDecoration: \"none\",\n        fontWeight: 600,\n      }}\n    >\n      {children}\n    \u003C\u002Fa>\n  );\n}\n\nfunction ThemeToggleButton({ onToggle }: { onToggle: () => void }) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Cbutton\n      onClick={onToggle}\n      style={{\n        padding: \"0.5rem 1rem\",\n        backgroundColor: theme.primaryColor,\n        color: theme.backgroundColor,\n        border: \"none\",\n        borderRadius: \"0.5rem\",\n        fontWeight: 600,\n        cursor: \"pointer\",\n      }}\n    >\n      {theme.mode === \"light\" ? \"🌙 Темна тема\" : \"☀️ Світла тема\"}\n    \u003C\u002Fbutton>\n  );\n}\n\nfunction MainContent() {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Cmain>\n      \u003Ch1 style={{ marginBottom: \"1rem\" }}>Вітаємо у застосунку з темами!\u003C\u002Fh1>\n      \u003Cp style={{ lineHeight: \"1.6\" }}>\n        Цей текст автоматично адаптується до обраної теми завдяки Context API.\n        Жоден проміжний компонент не прокидає пропси — всі компоненти читають\n        тему безпосередньо з контексту.\n      \u003C\u002Fp>\n    \u003C\u002Fmain>\n  );\n}\n",[5518,7544,7545,7569,7573,7578,7586,7600,7610,7620,7631,7635,7639,7651,7659,7667,7675,7684,7688,7692,7704,7712,7720,7728,7737,7741,7745,7750,7770,7774,7779,7787,7813,7817,7829,7863,7867,7871,7877,7895,7902,7913,7923,7936,7950,7960,7967,7972,7991,7999,8008,8016,8020,8024,8028,8033,8055,8061,8069,8077,8095,8103,8107,8111,8115,8123,8129,8170,8192,8214,8238,8246,8250,8254,8258,8294,8310,8314,8320,8327,8340,8350,8362,8372,8383,8389,8393,8401,8409,8413,8417,8421,8443,8459,8463,8469,8476,8489,8500,8511,8524,8537,8547,8558,8567,8578,8585,8590,8617,8626,8631,8636,8641,8650,8667,8672,8679,8688,8722,8749,8755,8761,8767,8776,8785,8790],{"__ignoreMap":5611},[5615,7546,7547,7549,7551,7553,7555,7557,7559,7561,7563,7565,7567],{"class":5617,"line":5618},[5615,7548,7003],{"class":5941},[5615,7550,7006],{"class":5629},[5615,7552,5520],{"class":5636},[5615,7554,5521],{"class":5629},[5615,7556,5527],{"class":5636},[5615,7558,5521],{"class":5629},[5615,7560,5844],{"class":5636},[5615,7562,7011],{"class":5629},[5615,7564,7014],{"class":5941},[5615,7566,7017],{"class":5643},[5615,7568,5653],{"class":5629},[5615,7570,7571],{"class":5617,"line":5633},[5615,7572,5691],{"emptyLinePlaceholder":5690},[5615,7574,7575],{"class":5617,"line":5656},[5615,7576,7577],{"class":6906},"\u002F\u002F 1. Визначення типів\n",[5615,7579,7580,7582,7584],{"class":5617,"line":5669},[5615,7581,5622],{"class":5621},[5615,7583,5626],{"class":5625},[5615,7585,5630],{"class":5629},[5615,7587,7588,7590,7592,7594,7596,7598],{"class":5617,"line":5681},[5615,7589,5637],{"class":5636},[5615,7591,5640],{"class":5629},[5615,7593,5644],{"class":5643},[5615,7595,5647],{"class":5629},[5615,7597,5650],{"class":5643},[5615,7599,5653],{"class":5629},[5615,7601,7602,7604,7606,7608],{"class":5617,"line":5687},[5615,7603,5659],{"class":5636},[5615,7605,5640],{"class":5629},[5615,7607,5664],{"class":5625},[5615,7609,5653],{"class":5629},[5615,7611,7612,7614,7616,7618],{"class":5617,"line":5694},[5615,7613,5672],{"class":5636},[5615,7615,5640],{"class":5629},[5615,7617,5664],{"class":5625},[5615,7619,5653],{"class":5629},[5615,7621,7622,7625,7627,7629],{"class":5617,"line":5712},[5615,7623,7624],{"class":5636},"  textColor",[5615,7626,5640],{"class":5629},[5615,7628,5664],{"class":5625},[5615,7630,5653],{"class":5629},[5615,7632,7633],{"class":5617,"line":5724},[5615,7634,5684],{"class":5629},[5615,7636,7637],{"class":5617,"line":5735},[5615,7638,5691],{"emptyLinePlaceholder":5690},[5615,7640,7641,7643,7645,7647,7649],{"class":5617,"line":5746},[5615,7642,5697],{"class":5621},[5615,7644,5701],{"class":5700},[5615,7646,5640],{"class":5629},[5615,7648,5706],{"class":5625},[5615,7650,5709],{"class":5629},[5615,7652,7653,7655,7657],{"class":5617,"line":5752},[5615,7654,5715],{"class":5636},[5615,7656,5718],{"class":5643},[5615,7658,5721],{"class":5629},[5615,7660,7661,7663,7665],{"class":5617,"line":5757},[5615,7662,5727],{"class":5636},[5615,7664,5730],{"class":5643},[5615,7666,5721],{"class":5629},[5615,7668,7669,7671,7673],{"class":5617,"line":5771},[5615,7670,5738],{"class":5636},[5615,7672,5741],{"class":5643},[5615,7674,5721],{"class":5629},[5615,7676,7677,7680,7682],{"class":5617,"line":5781},[5615,7678,7679],{"class":5636},"  textColor:",[5615,7681,5796],{"class":5643},[5615,7683,5721],{"class":5629},[5615,7685,7686],{"class":5617,"line":5791},[5615,7687,5749],{"class":5629},[5615,7689,7690],{"class":5617,"line":5801},[5615,7691,5691],{"emptyLinePlaceholder":5690},[5615,7693,7694,7696,7698,7700,7702],{"class":5617,"line":5806},[5615,7695,5697],{"class":5621},[5615,7697,5762],{"class":5700},[5615,7699,5640],{"class":5629},[5615,7701,5706],{"class":5625},[5615,7703,5709],{"class":5629},[5615,7705,7706,7708,7710],{"class":5617,"line":5811},[5615,7707,5715],{"class":5636},[5615,7709,5776],{"class":5643},[5615,7711,5721],{"class":5629},[5615,7713,7714,7716,7718],{"class":5617,"line":5824},[5615,7715,5727],{"class":5636},[5615,7717,5786],{"class":5643},[5615,7719,5721],{"class":5629},[5615,7721,7722,7724,7726],{"class":5617,"line":5861},[5615,7723,5738],{"class":5636},[5615,7725,5796],{"class":5643},[5615,7727,5721],{"class":5629},[5615,7729,7730,7732,7735],{"class":5617,"line":5866},[5615,7731,7679],{"class":5636},[5615,7733,7734],{"class":5643}," \"#f1f5f9\"",[5615,7736,5721],{"class":5629},[5615,7738,7739],{"class":5617,"line":5882},[5615,7740,5749],{"class":5629},[5615,7742,7743],{"class":5617,"line":5927},[5615,7744,5691],{"emptyLinePlaceholder":5690},[5615,7746,7747],{"class":5617,"line":5933},[5615,7748,7749],{"class":6906},"\u002F\u002F 2. Створення контексту\n",[5615,7751,7752,7754,7756,7758,7760,7762,7764,7766,7768],{"class":5617,"line":5938},[5615,7753,5697],{"class":5621},[5615,7755,7129],{"class":5700},[5615,7757,7132],{"class":5629},[5615,7759,5520],{"class":5817},[5615,7761,5847],{"class":5629},[5615,7763,5706],{"class":5625},[5615,7765,5852],{"class":5629},[5615,7767,5855],{"class":5636},[5615,7769,5858],{"class":5629},[5615,7771,7772],{"class":5617,"line":5948},[5615,7773,5691],{"emptyLinePlaceholder":5690},[5615,7775,7776],{"class":5617,"line":5962},[5615,7777,7778],{"class":6906},"\u002F\u002F 3. Провайдер із логікою перемикання\n",[5615,7780,7781,7783,7785],{"class":5617,"line":6001},[5615,7782,5814],{"class":5621},[5615,7784,5818],{"class":5817},[5615,7786,5821],{"class":5629},[5615,7788,7789,7791,7793,7795,7797,7799,7801,7803,7805,7807,7809,7811],{"class":5617,"line":6021},[5615,7790,5827],{"class":5621},[5615,7792,5830],{"class":5629},[5615,7794,5833],{"class":5700},[5615,7796,5521],{"class":5629},[5615,7798,5838],{"class":5700},[5615,7800,5841],{"class":5629},[5615,7802,5844],{"class":5817},[5615,7804,5847],{"class":5629},[5615,7806,5706],{"class":5625},[5615,7808,5852],{"class":5629},[5615,7810,5855],{"class":5636},[5615,7812,5858],{"class":5629},[5615,7814,7815],{"class":5617,"line":6041},[5615,7816,5691],{"emptyLinePlaceholder":5690},[5615,7818,7819,7821,7823,7825,7827],{"class":5617,"line":6051},[5615,7820,5827],{"class":5621},[5615,7822,5871],{"class":5817},[5615,7824,5874],{"class":5629},[5615,7826,5877],{"class":5621},[5615,7828,5630],{"class":5629},[5615,7830,7831,7833,7835,7837,7839,7841,7843,7845,7847,7849,7851,7853,7855,7857,7859,7861],{"class":5617,"line":6057},[5615,7832,5885],{"class":5817},[5615,7834,5888],{"class":5629},[5615,7836,5891],{"class":5636},[5615,7838,5894],{"class":5629},[5615,7840,5877],{"class":5621},[5615,7842,5593],{"class":5629},[5615,7844,5891],{"class":5636},[5615,7846,5528],{"class":5629},[5615,7848,5905],{"class":5636},[5615,7850,5908],{"class":5629},[5615,7852,5644],{"class":5643},[5615,7854,5913],{"class":5629},[5615,7856,5916],{"class":5636},[5615,7858,5919],{"class":5629},[5615,7860,5855],{"class":5636},[5615,7862,5924],{"class":5629},[5615,7864,7865],{"class":5617,"line":6062},[5615,7866,5930],{"class":5629},[5615,7868,7869],{"class":5617,"line":6067},[5615,7870,5691],{"emptyLinePlaceholder":5690},[5615,7872,7873,7875],{"class":5617,"line":6110},[5615,7874,5942],{"class":5941},[5615,7876,5945],{"class":5629},[5615,7878,7879,7881,7883,7885,7887,7889,7891,7893],{"class":5617,"line":6117},[5615,7880,5952],{"class":5951},[5615,7882,7259],{"class":5625},[5615,7884,7262],{"class":5971},[5615,7886,5975],{"class":5629},[5615,7888,5978],{"class":5621},[5615,7890,5833],{"class":5636},[5615,7892,5983],{"class":5621},[5615,7894,5959],{"class":5951},[5615,7896,7897,7899],{"class":5617,"line":6153},[5615,7898,5965],{"class":5951},[5615,7900,7901],{"class":5955},"div\n",[5615,7903,7904,7907,7909,7911],{"class":5617,"line":6173},[5615,7905,7906],{"class":5971},"        style",[5615,7908,5975],{"class":5629},[5615,7910,5978],{"class":5621},[5615,7912,6577],{"class":6132},[5615,7914,7915,7918,7921],{"class":5617,"line":6204},[5615,7916,7917],{"class":5636},"          minHeight:",[5615,7919,7920],{"class":5643}," \"100vh\"",[5615,7922,5721],{"class":6132},[5615,7924,7925,7928,7930,7932,7934],{"class":5617,"line":6213},[5615,7926,7927],{"class":5636},"          backgroundColor:",[5615,7929,5972],{"class":5636},[5615,7931,5528],{"class":6132},[5615,7933,6143],{"class":5636},[5615,7935,5721],{"class":6132},[5615,7937,7938,7941,7943,7945,7948],{"class":5617,"line":6218},[5615,7939,7940],{"class":5636},"          color:",[5615,7942,5972],{"class":5636},[5615,7944,5528],{"class":6132},[5615,7946,7947],{"class":5636},"textColor",[5615,7949,5721],{"class":6132},[5615,7951,7952,7955,7958],{"class":5617,"line":6223},[5615,7953,7954],{"class":5636},"          padding:",[5615,7956,7957],{"class":5643}," \"2rem\"",[5615,7959,5721],{"class":6132},[5615,7961,7962,7965],{"class":5617,"line":6228},[5615,7963,7964],{"class":6132},"        }",[5615,7966,5684],{"class":5621},[5615,7968,7969],{"class":5617,"line":6250},[5615,7970,7971],{"class":5951},"      >\n",[5615,7973,7974,7977,7979,7981,7983,7985,7987,7989],{"class":5617,"line":6257},[5615,7975,7976],{"class":5951},"        \u003C",[5615,7978,5968],{"class":5625},[5615,7980,5986],{"class":5971},[5615,7982,5975],{"class":5629},[5615,7984,5978],{"class":5621},[5615,7986,5993],{"class":5636},[5615,7988,5983],{"class":5621},[5615,7990,5998],{"class":5951},[5615,7992,7993,7995,7997],{"class":5617,"line":6267},[5615,7994,7976],{"class":5951},[5615,7996,6006],{"class":5625},[5615,7998,5998],{"class":5951},[5615,8000,8001,8004,8006],{"class":5617,"line":6306},[5615,8002,8003],{"class":5951},"      \u003C\u002F",[5615,8005,5956],{"class":5955},[5615,8007,5959],{"class":5951},[5615,8009,8010,8012,8014],{"class":5617,"line":6341},[5615,8011,6044],{"class":5951},[5615,8013,7259],{"class":5625},[5615,8015,5959],{"class":5951},[5615,8017,8018],{"class":5617,"line":6350},[5615,8019,6054],{"class":5629},[5615,8021,8022],{"class":5617,"line":6355},[5615,8023,5684],{"class":5629},[5615,8025,8026],{"class":5617,"line":6360},[5615,8027,5691],{"emptyLinePlaceholder":5690},[5615,8029,8030],{"class":5617,"line":6365},[5615,8031,8032],{"class":6906},"\u002F\u002F 4. Компоненти, які читають контекст\n",[5615,8034,8035,8037,8039,8041,8043,8045,8047,8049,8051,8053],{"class":5617,"line":6418},[5615,8036,5814],{"class":5621},[5615,8038,6072],{"class":5817},[5615,8040,6075],{"class":5629},[5615,8042,6082],{"class":5636},[5615,8044,6085],{"class":5629},[5615,8046,6082],{"class":5817},[5615,8048,6099],{"class":5629},[5615,8050,5877],{"class":5621},[5615,8052,6104],{"class":5625},[5615,8054,6107],{"class":5629},[5615,8056,8057,8059],{"class":5617,"line":6425},[5615,8058,5942],{"class":5941},[5615,8060,5945],{"class":5629},[5615,8062,8063,8065,8067],{"class":5617,"line":6467},[5615,8064,5952],{"class":5951},[5615,8066,6122],{"class":5955},[5615,8068,5959],{"class":5951},[5615,8070,8071,8073,8075],{"class":5617,"line":6477},[5615,8072,5965],{"class":5951},[5615,8074,6158],{"class":5625},[5615,8076,5998],{"class":5951},[5615,8078,8079,8081,8083,8085,8087,8089,8091,8093],{"class":5617,"line":6486},[5615,8080,5965],{"class":5951},[5615,8082,6178],{"class":5625},[5615,8084,6191],{"class":5971},[5615,8086,5975],{"class":5629},[5615,8088,5978],{"class":5621},[5615,8090,6082],{"class":5636},[5615,8092,5983],{"class":5621},[5615,8094,5998],{"class":5951},[5615,8096,8097,8099,8101],{"class":5617,"line":6491},[5615,8098,6044],{"class":5951},[5615,8100,6122],{"class":5955},[5615,8102,5959],{"class":5951},[5615,8104,8105],{"class":5617,"line":6496},[5615,8106,6054],{"class":5629},[5615,8108,8109],{"class":5617,"line":6501},[5615,8110,5684],{"class":5629},[5615,8112,8113],{"class":5617,"line":6538},[5615,8114,5691],{"emptyLinePlaceholder":5690},[5615,8116,8117,8119,8121],{"class":5617,"line":6545},[5615,8118,5814],{"class":5621},[5615,8120,6233],{"class":5817},[5615,8122,5821],{"class":5629},[5615,8124,8125,8127],{"class":5617,"line":6553},[5615,8126,5942],{"class":5941},[5615,8128,5945],{"class":5629},[5615,8130,8131,8133,8135,8137,8139,8141,8143,8146,8149,8151,8154,8157,8159,8162,8164,8166,8168],{"class":5617,"line":6567},[5615,8132,5952],{"class":5951},[5615,8134,6262],{"class":5955},[5615,8136,6125],{"class":5971},[5615,8138,5975],{"class":5629},[5615,8140,5978],{"class":5621},[5615,8142,6133],{"class":6132},[5615,8144,8145],{"class":5636},"display:",[5615,8147,8148],{"class":5643}," \"flex\"",[5615,8150,5521],{"class":6132},[5615,8152,8153],{"class":5636},"gap:",[5615,8155,8156],{"class":5643}," \"1rem\"",[5615,8158,5521],{"class":6132},[5615,8160,8161],{"class":5636},"marginBottom:",[5615,8163,7957],{"class":5643},[5615,8165,6146],{"class":6132},[5615,8167,5983],{"class":5621},[5615,8169,5959],{"class":5951},[5615,8171,8172,8174,8176,8178,8180,8182,8184,8186,8188,8190],{"class":5617,"line":6580},[5615,8173,5965],{"class":5951},[5615,8175,6272],{"class":5625},[5615,8177,6285],{"class":5971},[5615,8179,5975],{"class":5629},[5615,8181,6290],{"class":5643},[5615,8183,6293],{"class":5951},[5615,8185,6296],{"class":5629},[5615,8187,6299],{"class":5951},[5615,8189,6272],{"class":5625},[5615,8191,5959],{"class":5951},[5615,8193,8194,8196,8198,8200,8202,8204,8206,8208,8210,8212],{"class":5617,"line":6594},[5615,8195,5965],{"class":5951},[5615,8197,6272],{"class":5625},[5615,8199,6285],{"class":5971},[5615,8201,5975],{"class":5629},[5615,8203,6327],{"class":5643},[5615,8205,6293],{"class":5951},[5615,8207,6332],{"class":5629},[5615,8209,6299],{"class":5951},[5615,8211,6272],{"class":5625},[5615,8213,5959],{"class":5951},[5615,8215,8216,8218,8220,8222,8224,8227,8229,8232,8234,8236],{"class":5617,"line":6608},[5615,8217,5965],{"class":5951},[5615,8219,6272],{"class":5625},[5615,8221,6285],{"class":5971},[5615,8223,5975],{"class":5629},[5615,8225,8226],{"class":5643},"\"\u002Fcontact\"",[5615,8228,6293],{"class":5951},[5615,8230,8231],{"class":5629},"Контакти",[5615,8233,6299],{"class":5951},[5615,8235,6272],{"class":5625},[5615,8237,5959],{"class":5951},[5615,8239,8240,8242,8244],{"class":5617,"line":6616},[5615,8241,6044],{"class":5951},[5615,8243,6262],{"class":5955},[5615,8245,5959],{"class":5951},[5615,8247,8248],{"class":5617,"line":6622},[5615,8249,6054],{"class":5629},[5615,8251,8252],{"class":5617,"line":6652},[5615,8253,5684],{"class":5629},[5615,8255,8256],{"class":5617,"line":6662},[5615,8257,5691],{"emptyLinePlaceholder":5690},[5615,8259,8260,8262,8264,8266,8268,8270,8272,8274,8276,8278,8280,8282,8284,8286,8288,8290,8292],{"class":5617,"line":6667},[5615,8261,5814],{"class":5621},[5615,8263,6370],{"class":5817},[5615,8265,6075],{"class":5629},[5615,8267,6379],{"class":5636},[5615,8269,5521],{"class":5629},[5615,8271,6384],{"class":5636},[5615,8273,6085],{"class":5629},[5615,8275,6379],{"class":5636},[5615,8277,5640],{"class":5629},[5615,8279,5664],{"class":5625},[5615,8281,6094],{"class":5629},[5615,8283,6384],{"class":5636},[5615,8285,5640],{"class":5629},[5615,8287,2303],{"class":5625},[5615,8289,5528],{"class":5629},[5615,8291,6413],{"class":5625},[5615,8293,6107],{"class":5629},[5615,8295,8296,8298,8300,8302,8304,8306,8308],{"class":5617,"line":6672},[5615,8297,5827],{"class":5621},[5615,8299,5972],{"class":5700},[5615,8301,7132],{"class":5629},[5615,8303,5527],{"class":5817},[5615,8305,7421],{"class":5629},[5615,8307,7424],{"class":5636},[5615,8309,5858],{"class":5629},[5615,8311,8312],{"class":5617,"line":6677},[5615,8313,5691],{"emptyLinePlaceholder":5690},[5615,8315,8316,8318],{"class":5617,"line":6699},[5615,8317,5942],{"class":5941},[5615,8319,5945],{"class":5629},[5615,8321,8322,8324],{"class":5617,"line":6706},[5615,8323,5952],{"class":5951},[5615,8325,8326],{"class":5955},"a\n",[5615,8328,8329,8332,8334,8336,8338],{"class":5617,"line":6736},[5615,8330,8331],{"class":5971},"      href",[5615,8333,5975],{"class":5629},[5615,8335,5978],{"class":5621},[5615,8337,6379],{"class":5636},[5615,8339,5684],{"class":5621},[5615,8341,8342,8344,8346,8348],{"class":5617,"line":6756},[5615,8343,6570],{"class":5971},[5615,8345,5975],{"class":5629},[5615,8347,5978],{"class":5621},[5615,8349,6577],{"class":6132},[5615,8351,8352,8354,8356,8358,8360],{"class":5617,"line":6776},[5615,8353,6597],{"class":5636},[5615,8355,5972],{"class":5636},[5615,8357,5528],{"class":6132},[5615,8359,6458],{"class":5636},[5615,8361,5721],{"class":6132},[5615,8363,8364,8367,8370],{"class":5617,"line":6785},[5615,8365,8366],{"class":5636},"        textDecoration:",[5615,8368,8369],{"class":5643}," \"none\"",[5615,8371,5721],{"class":6132},[5615,8373,8374,8377,8381],{"class":5617,"line":6790},[5615,8375,8376],{"class":5636},"        fontWeight:",[5615,8378,8380],{"class":8379},"sJj4R"," 600",[5615,8382,5721],{"class":6132},[5615,8384,8385,8387],{"class":5617,"line":6795},[5615,8386,6611],{"class":6132},[5615,8388,5684],{"class":5621},[5615,8390,8391],{"class":5617,"line":6800},[5615,8392,6619],{"class":5951},[5615,8394,8395,8397,8399],{"class":5617,"line":6822},[5615,8396,6470],{"class":5621},[5615,8398,6384],{"class":5636},[5615,8400,5684],{"class":5621},[5615,8402,8403,8405,8407],{"class":5617,"line":6829},[5615,8404,6044],{"class":5951},[5615,8406,5488],{"class":5955},[5615,8408,5959],{"class":5951},[5615,8410,8411],{"class":5617,"line":6839},[5615,8412,6054],{"class":5629},[5615,8414,8415],{"class":5617,"line":6859},[5615,8416,5684],{"class":5629},[5615,8418,8419],{"class":5617,"line":6879},[5615,8420,5691],{"emptyLinePlaceholder":5690},[5615,8422,8423,8425,8427,8429,8431,8433,8435,8437,8439,8441],{"class":5617,"line":6888},[5615,8424,5814],{"class":5621},[5615,8426,6506],{"class":5817},[5615,8428,6075],{"class":5629},[5615,8430,6515],{"class":5636},[5615,8432,6085],{"class":5629},[5615,8434,6515],{"class":5817},[5615,8436,6099],{"class":5629},[5615,8438,5877],{"class":5621},[5615,8440,6104],{"class":5625},[5615,8442,6107],{"class":5629},[5615,8444,8445,8447,8449,8451,8453,8455,8457],{"class":5617,"line":6893},[5615,8446,5827],{"class":5621},[5615,8448,5972],{"class":5700},[5615,8450,7132],{"class":5629},[5615,8452,5527],{"class":5817},[5615,8454,7421],{"class":5629},[5615,8456,7424],{"class":5636},[5615,8458,5858],{"class":5629},[5615,8460,8461],{"class":5617,"line":6898},[5615,8462,5691],{"emptyLinePlaceholder":5690},[5615,8464,8465,8467],{"class":5617,"line":6903},[5615,8466,5942],{"class":5941},[5615,8468,5945],{"class":5629},[5615,8470,8472,8474],{"class":5617,"line":8471},94,[5615,8473,5952],{"class":5951},[5615,8475,6550],{"class":5955},[5615,8477,8479,8481,8483,8485,8487],{"class":5617,"line":8478},95,[5615,8480,6556],{"class":5971},[5615,8482,5975],{"class":5629},[5615,8484,5978],{"class":5621},[5615,8486,6515],{"class":5636},[5615,8488,5684],{"class":5621},[5615,8490,8492,8494,8496,8498],{"class":5617,"line":8491},96,[5615,8493,6570],{"class":5971},[5615,8495,5975],{"class":5629},[5615,8497,5978],{"class":5621},[5615,8499,6577],{"class":6132},[5615,8501,8503,8506,8509],{"class":5617,"line":8502},97,[5615,8504,8505],{"class":5636},"        padding:",[5615,8507,8508],{"class":5643}," \"0.5rem 1rem\"",[5615,8510,5721],{"class":6132},[5615,8512,8514,8516,8518,8520,8522],{"class":5617,"line":8513},98,[5615,8515,6583],{"class":5636},[5615,8517,5972],{"class":5636},[5615,8519,5528],{"class":6132},[5615,8521,6458],{"class":5636},[5615,8523,5721],{"class":6132},[5615,8525,8527,8529,8531,8533,8535],{"class":5617,"line":8526},99,[5615,8528,6597],{"class":5636},[5615,8530,5972],{"class":5636},[5615,8532,5528],{"class":6132},[5615,8534,6143],{"class":5636},[5615,8536,5721],{"class":6132},[5615,8538,8540,8543,8545],{"class":5617,"line":8539},100,[5615,8541,8542],{"class":5636},"        border:",[5615,8544,8369],{"class":5643},[5615,8546,5721],{"class":6132},[5615,8548,8550,8553,8556],{"class":5617,"line":8549},101,[5615,8551,8552],{"class":5636},"        borderRadius:",[5615,8554,8555],{"class":5643}," \"0.5rem\"",[5615,8557,5721],{"class":6132},[5615,8559,8561,8563,8565],{"class":5617,"line":8560},102,[5615,8562,8376],{"class":5636},[5615,8564,8380],{"class":8379},[5615,8566,5721],{"class":6132},[5615,8568,8570,8573,8576],{"class":5617,"line":8569},103,[5615,8571,8572],{"class":5636},"        cursor:",[5615,8574,8575],{"class":5643}," \"pointer\"",[5615,8577,5721],{"class":6132},[5615,8579,8581,8583],{"class":5617,"line":8580},104,[5615,8582,6611],{"class":6132},[5615,8584,5684],{"class":5621},[5615,8586,8588],{"class":5617,"line":8587},105,[5615,8589,6619],{"class":5951},[5615,8591,8593,8595,8597,8599,8601,8603,8605,8607,8610,8612,8615],{"class":5617,"line":8592},106,[5615,8594,6470],{"class":5621},[5615,8596,5833],{"class":5636},[5615,8598,5528],{"class":6132},[5615,8600,5905],{"class":5636},[5615,8602,6633],{"class":5629},[5615,8604,5718],{"class":5643},[5615,8606,6638],{"class":5629},[5615,8608,8609],{"class":5643}," \"🌙 Темна тема\"",[5615,8611,6644],{"class":5629},[5615,8613,8614],{"class":5643}," \"☀️ Світла тема\"",[5615,8616,5684],{"class":5621},[5615,8618,8620,8622,8624],{"class":5617,"line":8619},107,[5615,8621,6044],{"class":5951},[5615,8623,6657],{"class":5955},[5615,8625,5959],{"class":5951},[5615,8627,8629],{"class":5617,"line":8628},108,[5615,8630,6054],{"class":5629},[5615,8632,8634],{"class":5617,"line":8633},109,[5615,8635,5684],{"class":5629},[5615,8637,8639],{"class":5617,"line":8638},110,[5615,8640,5691],{"emptyLinePlaceholder":5690},[5615,8642,8644,8646,8648],{"class":5617,"line":8643},111,[5615,8645,5814],{"class":5621},[5615,8647,6682],{"class":5817},[5615,8649,5821],{"class":5629},[5615,8651,8653,8655,8657,8659,8661,8663,8665],{"class":5617,"line":8652},112,[5615,8654,5827],{"class":5621},[5615,8656,5972],{"class":5700},[5615,8658,7132],{"class":5629},[5615,8660,5527],{"class":5817},[5615,8662,7421],{"class":5629},[5615,8664,7424],{"class":5636},[5615,8666,5858],{"class":5629},[5615,8668,8670],{"class":5617,"line":8669},113,[5615,8671,5691],{"emptyLinePlaceholder":5690},[5615,8673,8675,8677],{"class":5617,"line":8674},114,[5615,8676,5942],{"class":5941},[5615,8678,5945],{"class":5629},[5615,8680,8682,8684,8686],{"class":5617,"line":8681},115,[5615,8683,5952],{"class":5951},[5615,8685,6711],{"class":5955},[5615,8687,5959],{"class":5951},[5615,8689,8691,8693,8695,8697,8699,8701,8703,8705,8707,8709,8711,8713,8716,8718,8720],{"class":5617,"line":8690},116,[5615,8692,5965],{"class":5951},[5615,8694,5472],{"class":5955},[5615,8696,6125],{"class":5971},[5615,8698,5975],{"class":5629},[5615,8700,5978],{"class":5621},[5615,8702,6133],{"class":6132},[5615,8704,8161],{"class":5636},[5615,8706,8156],{"class":5643},[5615,8708,6146],{"class":6132},[5615,8710,5983],{"class":5621},[5615,8712,6293],{"class":5951},[5615,8714,8715],{"class":5629},"Вітаємо у застосунку з темами!",[5615,8717,6299],{"class":5951},[5615,8719,5472],{"class":5955},[5615,8721,5959],{"class":5951},[5615,8723,8725,8727,8729,8731,8733,8735,8737,8740,8743,8745,8747],{"class":5617,"line":8724},117,[5615,8726,5965],{"class":5951},[5615,8728,5479],{"class":5955},[5615,8730,6125],{"class":5971},[5615,8732,5975],{"class":5629},[5615,8734,5978],{"class":5621},[5615,8736,6133],{"class":6132},[5615,8738,8739],{"class":5636},"lineHeight:",[5615,8741,8742],{"class":5643}," \"1.6\"",[5615,8744,6146],{"class":6132},[5615,8746,5983],{"class":5621},[5615,8748,5959],{"class":5951},[5615,8750,8752],{"class":5617,"line":8751},118,[5615,8753,8754],{"class":5629},"        Цей текст автоматично адаптується до обраної теми завдяки Context API.\n",[5615,8756,8758],{"class":5617,"line":8757},119,[5615,8759,8760],{"class":5629},"        Жоден проміжний компонент не прокидає пропси — всі компоненти читають\n",[5615,8762,8764],{"class":5617,"line":8763},120,[5615,8765,8766],{"class":5629},"        тему безпосередньо з контексту.\n",[5615,8768,8770,8772,8774],{"class":5617,"line":8769},121,[5615,8771,8003],{"class":5951},[5615,8773,5479],{"class":5955},[5615,8775,5959],{"class":5951},[5615,8777,8779,8781,8783],{"class":5617,"line":8778},122,[5615,8780,6044],{"class":5951},[5615,8782,6711],{"class":5955},[5615,8784,5959],{"class":5951},[5615,8786,8788],{"class":5617,"line":8787},123,[5615,8789,6054],{"class":5629},[5615,8791,8793],{"class":5617,"line":8792},124,[5615,8794,5684],{"class":5629},[8796,8797,8801],"react-project-preview",{":height":8798,"entry":8799,"title":8800},"580","src\u002FApp.tsx","Перемикач теми через Context API",[5606,8802,8804],{"className":5608,"code":8803,"filename":8799,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from 'react';\n\ninterface Theme {\n  mode: 'light' | 'dark';\n  primaryColor: string;\n  backgroundColor: string;\n  textColor: string;\n}\n\nconst lightTheme: Theme = {\n  mode: 'light',\n  primaryColor: '#3b82f6',\n  backgroundColor: '#ffffff',\n  textColor: '#1e293b',\n};\n\nconst darkTheme: Theme = {\n  mode: 'dark',\n  primaryColor: '#60a5fa',\n  backgroundColor: '#1e293b',\n  textColor: '#f1f5f9',\n};\n\nconst ThemeContext = createContext\u003CTheme>(lightTheme);\n\nfunction NavLink({ to, children }: { to: string; children: React.ReactNode }) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Ca\n      href={to}\n      style={{\n        color: theme.primaryColor,\n        textDecoration: 'none',\n        fontWeight: 600,\n      }}\n    >\n      {children}\n    \u003C\u002Fa>\n  );\n}\n\nfunction Navigation() {\n  return (\n    \u003Cnav style={{ display: 'flex', gap: '1rem', marginBottom: '2rem' }}>\n      \u003CNavLink to=\"\u002F\">Головна\u003C\u002FNavLink>\n      \u003CNavLink to=\"\u002Fabout\">Про нас\u003C\u002FNavLink>\n      \u003CNavLink to=\"\u002Fcontact\">Контакти\u003C\u002FNavLink>\n    \u003C\u002Fnav>\n  );\n}\n\nfunction ThemeToggleButton({ onToggle }: { onToggle: () => void }) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Cbutton\n      onClick={onToggle}\n      style={{\n        padding: '0.5rem 1rem',\n        backgroundColor: theme.primaryColor,\n        color: theme.backgroundColor,\n        border: 'none',\n        borderRadius: '0.5rem',\n        fontWeight: 600,\n        cursor: 'pointer',\n      }}\n    >\n      {theme.mode === 'light' ? '🌙 Темна тема' : '☀️ Світла тема'}\n    \u003C\u002Fbutton>\n  );\n}\n\nfunction Header({ onToggleTheme }: { onToggleTheme: () => void }) {\n  return (\n    \u003Cheader>\n      \u003CNavigation \u002F>\n      \u003CThemeToggleButton onToggle={onToggleTheme} \u002F>\n    \u003C\u002Fheader>\n  );\n}\n\nfunction MainContent() {\n  const theme = useContext(ThemeContext);\n\n  return (\n    \u003Cmain>\n      \u003Ch1 style={{ marginBottom: '1rem' }}>Вітаємо у застосунку з темами!\u003C\u002Fh1>\n      \u003Cp style={{ lineHeight: '1.6' }}>\n        Цей текст автоматично адаптується до обраної теми завдяки Context API.\n        Жоден проміжний компонент не прокидає пропси — всі компоненти читають\n        тему безпосередньо з контексту.\n      \u003C\u002Fp>\n    \u003C\u002Fmain>\n  );\n}\n\nexport default function App() {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = () => {\n    setTheme((prev) => (prev.mode === 'light' ? darkTheme : lightTheme));\n  };\n\n  return (\n    \u003CThemeContext.Provider value={theme}>\n      \u003Cdiv\n        style={{\n          minHeight: '100vh',\n          backgroundColor: theme.backgroundColor,\n          color: theme.textColor,\n          padding: '2rem',\n          fontFamily: 'system-ui, sans-serif',\n        }}\n      >\n        \u003CHeader onToggleTheme={toggleTheme} \u002F>\n        \u003CMainContent \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n",[5518,8805,8806,8831,8835,8843,8859,8869,8879,8889,8893,8897,8909,8918,8927,8936,8945,8949,8953,8965,8974,8983,8991,9000,9004,9008,9028,9032,9068,9084,9088,9094,9100,9112,9122,9134,9143,9151,9157,9161,9169,9177,9181,9185,9189,9197,9203,9242,9264,9286,9308,9316,9320,9324,9328,9350,9366,9370,9376,9382,9394,9404,9413,9425,9437,9445,9454,9462,9471,9477,9481,9507,9515,9519,9523,9527,9549,9555,9563,9571,9589,9597,9601,9605,9609,9617,9633,9637,9643,9651,9683,9708,9712,9716,9720,9728,9736,9740,9744,9748,9763,9789,9793,9805,9839,9843,9847,9853,9871,9877,9887,9896,9908,9920,9928,9938,9944,9948,9966,9974,9982,9990,9994],{"__ignoreMap":5611},[5615,8807,8808,8810,8812,8814,8816,8818,8820,8822,8824,8826,8829],{"class":5617,"line":5618},[5615,8809,7003],{"class":5941},[5615,8811,7006],{"class":5629},[5615,8813,5520],{"class":5636},[5615,8815,5521],{"class":5629},[5615,8817,5527],{"class":5636},[5615,8819,5521],{"class":5629},[5615,8821,5844],{"class":5636},[5615,8823,7011],{"class":5629},[5615,8825,7014],{"class":5941},[5615,8827,8828],{"class":5643}," 'react'",[5615,8830,5653],{"class":5629},[5615,8832,8833],{"class":5617,"line":5633},[5615,8834,5691],{"emptyLinePlaceholder":5690},[5615,8836,8837,8839,8841],{"class":5617,"line":5656},[5615,8838,5622],{"class":5621},[5615,8840,5626],{"class":5625},[5615,8842,5630],{"class":5629},[5615,8844,8845,8847,8849,8852,8854,8857],{"class":5617,"line":5669},[5615,8846,5637],{"class":5636},[5615,8848,5640],{"class":5629},[5615,8850,8851],{"class":5643},"'light'",[5615,8853,5647],{"class":5629},[5615,8855,8856],{"class":5643},"'dark'",[5615,8858,5653],{"class":5629},[5615,8860,8861,8863,8865,8867],{"class":5617,"line":5681},[5615,8862,5659],{"class":5636},[5615,8864,5640],{"class":5629},[5615,8866,5664],{"class":5625},[5615,8868,5653],{"class":5629},[5615,8870,8871,8873,8875,8877],{"class":5617,"line":5687},[5615,8872,5672],{"class":5636},[5615,8874,5640],{"class":5629},[5615,8876,5664],{"class":5625},[5615,8878,5653],{"class":5629},[5615,8880,8881,8883,8885,8887],{"class":5617,"line":5694},[5615,8882,7624],{"class":5636},[5615,8884,5640],{"class":5629},[5615,8886,5664],{"class":5625},[5615,8888,5653],{"class":5629},[5615,8890,8891],{"class":5617,"line":5712},[5615,8892,5684],{"class":5629},[5615,8894,8895],{"class":5617,"line":5724},[5615,8896,5691],{"emptyLinePlaceholder":5690},[5615,8898,8899,8901,8903,8905,8907],{"class":5617,"line":5735},[5615,8900,5697],{"class":5621},[5615,8902,5701],{"class":5700},[5615,8904,5640],{"class":5629},[5615,8906,5706],{"class":5625},[5615,8908,5709],{"class":5629},[5615,8910,8911,8913,8916],{"class":5617,"line":5746},[5615,8912,5715],{"class":5636},[5615,8914,8915],{"class":5643}," 'light'",[5615,8917,5721],{"class":5629},[5615,8919,8920,8922,8925],{"class":5617,"line":5752},[5615,8921,5727],{"class":5636},[5615,8923,8924],{"class":5643}," '#3b82f6'",[5615,8926,5721],{"class":5629},[5615,8928,8929,8931,8934],{"class":5617,"line":5757},[5615,8930,5738],{"class":5636},[5615,8932,8933],{"class":5643}," '#ffffff'",[5615,8935,5721],{"class":5629},[5615,8937,8938,8940,8943],{"class":5617,"line":5771},[5615,8939,7679],{"class":5636},[5615,8941,8942],{"class":5643}," '#1e293b'",[5615,8944,5721],{"class":5629},[5615,8946,8947],{"class":5617,"line":5781},[5615,8948,5749],{"class":5629},[5615,8950,8951],{"class":5617,"line":5791},[5615,8952,5691],{"emptyLinePlaceholder":5690},[5615,8954,8955,8957,8959,8961,8963],{"class":5617,"line":5801},[5615,8956,5697],{"class":5621},[5615,8958,5762],{"class":5700},[5615,8960,5640],{"class":5629},[5615,8962,5706],{"class":5625},[5615,8964,5709],{"class":5629},[5615,8966,8967,8969,8972],{"class":5617,"line":5806},[5615,8968,5715],{"class":5636},[5615,8970,8971],{"class":5643}," 'dark'",[5615,8973,5721],{"class":5629},[5615,8975,8976,8978,8981],{"class":5617,"line":5811},[5615,8977,5727],{"class":5636},[5615,8979,8980],{"class":5643}," '#60a5fa'",[5615,8982,5721],{"class":5629},[5615,8984,8985,8987,8989],{"class":5617,"line":5824},[5615,8986,5738],{"class":5636},[5615,8988,8942],{"class":5643},[5615,8990,5721],{"class":5629},[5615,8992,8993,8995,8998],{"class":5617,"line":5861},[5615,8994,7679],{"class":5636},[5615,8996,8997],{"class":5643}," '#f1f5f9'",[5615,8999,5721],{"class":5629},[5615,9001,9002],{"class":5617,"line":5866},[5615,9003,5749],{"class":5629},[5615,9005,9006],{"class":5617,"line":5882},[5615,9007,5691],{"emptyLinePlaceholder":5690},[5615,9009,9010,9012,9014,9016,9018,9020,9022,9024,9026],{"class":5617,"line":5927},[5615,9011,5697],{"class":5621},[5615,9013,7129],{"class":5700},[5615,9015,7132],{"class":5629},[5615,9017,5520],{"class":5817},[5615,9019,5847],{"class":5629},[5615,9021,5706],{"class":5625},[5615,9023,5852],{"class":5629},[5615,9025,5855],{"class":5636},[5615,9027,5858],{"class":5629},[5615,9029,9030],{"class":5617,"line":5933},[5615,9031,5691],{"emptyLinePlaceholder":5690},[5615,9033,9034,9036,9038,9040,9042,9044,9046,9048,9050,9052,9054,9056,9058,9060,9062,9064,9066],{"class":5617,"line":5938},[5615,9035,5814],{"class":5621},[5615,9037,6370],{"class":5817},[5615,9039,6075],{"class":5629},[5615,9041,6379],{"class":5636},[5615,9043,5521],{"class":5629},[5615,9045,6384],{"class":5636},[5615,9047,6085],{"class":5629},[5615,9049,6379],{"class":5636},[5615,9051,5640],{"class":5629},[5615,9053,5664],{"class":5625},[5615,9055,6094],{"class":5629},[5615,9057,6384],{"class":5636},[5615,9059,5640],{"class":5629},[5615,9061,2303],{"class":5625},[5615,9063,5528],{"class":5629},[5615,9065,6413],{"class":5625},[5615,9067,6107],{"class":5629},[5615,9069,9070,9072,9074,9076,9078,9080,9082],{"class":5617,"line":5948},[5615,9071,5827],{"class":5621},[5615,9073,5972],{"class":5700},[5615,9075,7132],{"class":5629},[5615,9077,5527],{"class":5817},[5615,9079,7421],{"class":5629},[5615,9081,7424],{"class":5636},[5615,9083,5858],{"class":5629},[5615,9085,9086],{"class":5617,"line":5962},[5615,9087,5691],{"emptyLinePlaceholder":5690},[5615,9089,9090,9092],{"class":5617,"line":6001},[5615,9091,5942],{"class":5941},[5615,9093,5945],{"class":5629},[5615,9095,9096,9098],{"class":5617,"line":6021},[5615,9097,5952],{"class":5951},[5615,9099,8326],{"class":5955},[5615,9101,9102,9104,9106,9108,9110],{"class":5617,"line":6041},[5615,9103,8331],{"class":5971},[5615,9105,5975],{"class":5629},[5615,9107,5978],{"class":5621},[5615,9109,6379],{"class":5636},[5615,9111,5684],{"class":5621},[5615,9113,9114,9116,9118,9120],{"class":5617,"line":6051},[5615,9115,6570],{"class":5971},[5615,9117,5975],{"class":5629},[5615,9119,5978],{"class":5621},[5615,9121,6577],{"class":6132},[5615,9123,9124,9126,9128,9130,9132],{"class":5617,"line":6057},[5615,9125,6597],{"class":5636},[5615,9127,5972],{"class":5636},[5615,9129,5528],{"class":6132},[5615,9131,6458],{"class":5636},[5615,9133,5721],{"class":6132},[5615,9135,9136,9138,9141],{"class":5617,"line":6062},[5615,9137,8366],{"class":5636},[5615,9139,9140],{"class":5643}," 'none'",[5615,9142,5721],{"class":6132},[5615,9144,9145,9147,9149],{"class":5617,"line":6067},[5615,9146,8376],{"class":5636},[5615,9148,8380],{"class":8379},[5615,9150,5721],{"class":6132},[5615,9152,9153,9155],{"class":5617,"line":6110},[5615,9154,6611],{"class":6132},[5615,9156,5684],{"class":5621},[5615,9158,9159],{"class":5617,"line":6117},[5615,9160,6619],{"class":5951},[5615,9162,9163,9165,9167],{"class":5617,"line":6153},[5615,9164,6470],{"class":5621},[5615,9166,6384],{"class":5636},[5615,9168,5684],{"class":5621},[5615,9170,9171,9173,9175],{"class":5617,"line":6173},[5615,9172,6044],{"class":5951},[5615,9174,5488],{"class":5955},[5615,9176,5959],{"class":5951},[5615,9178,9179],{"class":5617,"line":6204},[5615,9180,6054],{"class":5629},[5615,9182,9183],{"class":5617,"line":6213},[5615,9184,5684],{"class":5629},[5615,9186,9187],{"class":5617,"line":6218},[5615,9188,5691],{"emptyLinePlaceholder":5690},[5615,9190,9191,9193,9195],{"class":5617,"line":6223},[5615,9192,5814],{"class":5621},[5615,9194,6233],{"class":5817},[5615,9196,5821],{"class":5629},[5615,9198,9199,9201],{"class":5617,"line":6228},[5615,9200,5942],{"class":5941},[5615,9202,5945],{"class":5629},[5615,9204,9205,9207,9209,9211,9213,9215,9217,9219,9222,9224,9226,9229,9231,9233,9236,9238,9240],{"class":5617,"line":6250},[5615,9206,5952],{"class":5951},[5615,9208,6262],{"class":5955},[5615,9210,6125],{"class":5971},[5615,9212,5975],{"class":5629},[5615,9214,5978],{"class":5621},[5615,9216,6133],{"class":6132},[5615,9218,8145],{"class":5636},[5615,9220,9221],{"class":5643}," 'flex'",[5615,9223,5521],{"class":6132},[5615,9225,8153],{"class":5636},[5615,9227,9228],{"class":5643}," '1rem'",[5615,9230,5521],{"class":6132},[5615,9232,8161],{"class":5636},[5615,9234,9235],{"class":5643}," '2rem'",[5615,9237,6146],{"class":6132},[5615,9239,5983],{"class":5621},[5615,9241,5959],{"class":5951},[5615,9243,9244,9246,9248,9250,9252,9254,9256,9258,9260,9262],{"class":5617,"line":6257},[5615,9245,5965],{"class":5951},[5615,9247,6272],{"class":5625},[5615,9249,6285],{"class":5971},[5615,9251,5975],{"class":5629},[5615,9253,6290],{"class":5643},[5615,9255,6293],{"class":5951},[5615,9257,6296],{"class":5629},[5615,9259,6299],{"class":5951},[5615,9261,6272],{"class":5625},[5615,9263,5959],{"class":5951},[5615,9265,9266,9268,9270,9272,9274,9276,9278,9280,9282,9284],{"class":5617,"line":6267},[5615,9267,5965],{"class":5951},[5615,9269,6272],{"class":5625},[5615,9271,6285],{"class":5971},[5615,9273,5975],{"class":5629},[5615,9275,6327],{"class":5643},[5615,9277,6293],{"class":5951},[5615,9279,6332],{"class":5629},[5615,9281,6299],{"class":5951},[5615,9283,6272],{"class":5625},[5615,9285,5959],{"class":5951},[5615,9287,9288,9290,9292,9294,9296,9298,9300,9302,9304,9306],{"class":5617,"line":6306},[5615,9289,5965],{"class":5951},[5615,9291,6272],{"class":5625},[5615,9293,6285],{"class":5971},[5615,9295,5975],{"class":5629},[5615,9297,8226],{"class":5643},[5615,9299,6293],{"class":5951},[5615,9301,8231],{"class":5629},[5615,9303,6299],{"class":5951},[5615,9305,6272],{"class":5625},[5615,9307,5959],{"class":5951},[5615,9309,9310,9312,9314],{"class":5617,"line":6341},[5615,9311,6044],{"class":5951},[5615,9313,6262],{"class":5955},[5615,9315,5959],{"class":5951},[5615,9317,9318],{"class":5617,"line":6350},[5615,9319,6054],{"class":5629},[5615,9321,9322],{"class":5617,"line":6355},[5615,9323,5684],{"class":5629},[5615,9325,9326],{"class":5617,"line":6360},[5615,9327,5691],{"emptyLinePlaceholder":5690},[5615,9329,9330,9332,9334,9336,9338,9340,9342,9344,9346,9348],{"class":5617,"line":6365},[5615,9331,5814],{"class":5621},[5615,9333,6506],{"class":5817},[5615,9335,6075],{"class":5629},[5615,9337,6515],{"class":5636},[5615,9339,6085],{"class":5629},[5615,9341,6515],{"class":5817},[5615,9343,6099],{"class":5629},[5615,9345,5877],{"class":5621},[5615,9347,6104],{"class":5625},[5615,9349,6107],{"class":5629},[5615,9351,9352,9354,9356,9358,9360,9362,9364],{"class":5617,"line":6418},[5615,9353,5827],{"class":5621},[5615,9355,5972],{"class":5700},[5615,9357,7132],{"class":5629},[5615,9359,5527],{"class":5817},[5615,9361,7421],{"class":5629},[5615,9363,7424],{"class":5636},[5615,9365,5858],{"class":5629},[5615,9367,9368],{"class":5617,"line":6425},[5615,9369,5691],{"emptyLinePlaceholder":5690},[5615,9371,9372,9374],{"class":5617,"line":6467},[5615,9373,5942],{"class":5941},[5615,9375,5945],{"class":5629},[5615,9377,9378,9380],{"class":5617,"line":6477},[5615,9379,5952],{"class":5951},[5615,9381,6550],{"class":5955},[5615,9383,9384,9386,9388,9390,9392],{"class":5617,"line":6486},[5615,9385,6556],{"class":5971},[5615,9387,5975],{"class":5629},[5615,9389,5978],{"class":5621},[5615,9391,6515],{"class":5636},[5615,9393,5684],{"class":5621},[5615,9395,9396,9398,9400,9402],{"class":5617,"line":6491},[5615,9397,6570],{"class":5971},[5615,9399,5975],{"class":5629},[5615,9401,5978],{"class":5621},[5615,9403,6577],{"class":6132},[5615,9405,9406,9408,9411],{"class":5617,"line":6496},[5615,9407,8505],{"class":5636},[5615,9409,9410],{"class":5643}," '0.5rem 1rem'",[5615,9412,5721],{"class":6132},[5615,9414,9415,9417,9419,9421,9423],{"class":5617,"line":6501},[5615,9416,6583],{"class":5636},[5615,9418,5972],{"class":5636},[5615,9420,5528],{"class":6132},[5615,9422,6458],{"class":5636},[5615,9424,5721],{"class":6132},[5615,9426,9427,9429,9431,9433,9435],{"class":5617,"line":6538},[5615,9428,6597],{"class":5636},[5615,9430,5972],{"class":5636},[5615,9432,5528],{"class":6132},[5615,9434,6143],{"class":5636},[5615,9436,5721],{"class":6132},[5615,9438,9439,9441,9443],{"class":5617,"line":6545},[5615,9440,8542],{"class":5636},[5615,9442,9140],{"class":5643},[5615,9444,5721],{"class":6132},[5615,9446,9447,9449,9452],{"class":5617,"line":6553},[5615,9448,8552],{"class":5636},[5615,9450,9451],{"class":5643}," '0.5rem'",[5615,9453,5721],{"class":6132},[5615,9455,9456,9458,9460],{"class":5617,"line":6567},[5615,9457,8376],{"class":5636},[5615,9459,8380],{"class":8379},[5615,9461,5721],{"class":6132},[5615,9463,9464,9466,9469],{"class":5617,"line":6580},[5615,9465,8572],{"class":5636},[5615,9467,9468],{"class":5643}," 'pointer'",[5615,9470,5721],{"class":6132},[5615,9472,9473,9475],{"class":5617,"line":6594},[5615,9474,6611],{"class":6132},[5615,9476,5684],{"class":5621},[5615,9478,9479],{"class":5617,"line":6608},[5615,9480,6619],{"class":5951},[5615,9482,9483,9485,9487,9489,9491,9493,9495,9497,9500,9502,9505],{"class":5617,"line":6616},[5615,9484,6470],{"class":5621},[5615,9486,5833],{"class":5636},[5615,9488,5528],{"class":6132},[5615,9490,5905],{"class":5636},[5615,9492,6633],{"class":5629},[5615,9494,8915],{"class":5643},[5615,9496,6638],{"class":5629},[5615,9498,9499],{"class":5643}," '🌙 Темна тема'",[5615,9501,6644],{"class":5629},[5615,9503,9504],{"class":5643}," '☀️ Світла тема'",[5615,9506,5684],{"class":5621},[5615,9508,9509,9511,9513],{"class":5617,"line":6622},[5615,9510,6044],{"class":5951},[5615,9512,6657],{"class":5955},[5615,9514,5959],{"class":5951},[5615,9516,9517],{"class":5617,"line":6652},[5615,9518,6054],{"class":5629},[5615,9520,9521],{"class":5617,"line":6662},[5615,9522,5684],{"class":5629},[5615,9524,9525],{"class":5617,"line":6667},[5615,9526,5691],{"emptyLinePlaceholder":5690},[5615,9528,9529,9531,9533,9535,9537,9539,9541,9543,9545,9547],{"class":5617,"line":6672},[5615,9530,5814],{"class":5621},[5615,9532,6072],{"class":5817},[5615,9534,6075],{"class":5629},[5615,9536,6082],{"class":5636},[5615,9538,6085],{"class":5629},[5615,9540,6082],{"class":5817},[5615,9542,6099],{"class":5629},[5615,9544,5877],{"class":5621},[5615,9546,6104],{"class":5625},[5615,9548,6107],{"class":5629},[5615,9550,9551,9553],{"class":5617,"line":6677},[5615,9552,5942],{"class":5941},[5615,9554,5945],{"class":5629},[5615,9556,9557,9559,9561],{"class":5617,"line":6699},[5615,9558,5952],{"class":5951},[5615,9560,6122],{"class":5955},[5615,9562,5959],{"class":5951},[5615,9564,9565,9567,9569],{"class":5617,"line":6706},[5615,9566,5965],{"class":5951},[5615,9568,6158],{"class":5625},[5615,9570,5998],{"class":5951},[5615,9572,9573,9575,9577,9579,9581,9583,9585,9587],{"class":5617,"line":6736},[5615,9574,5965],{"class":5951},[5615,9576,6178],{"class":5625},[5615,9578,6191],{"class":5971},[5615,9580,5975],{"class":5629},[5615,9582,5978],{"class":5621},[5615,9584,6082],{"class":5636},[5615,9586,5983],{"class":5621},[5615,9588,5998],{"class":5951},[5615,9590,9591,9593,9595],{"class":5617,"line":6756},[5615,9592,6044],{"class":5951},[5615,9594,6122],{"class":5955},[5615,9596,5959],{"class":5951},[5615,9598,9599],{"class":5617,"line":6776},[5615,9600,6054],{"class":5629},[5615,9602,9603],{"class":5617,"line":6785},[5615,9604,5684],{"class":5629},[5615,9606,9607],{"class":5617,"line":6790},[5615,9608,5691],{"emptyLinePlaceholder":5690},[5615,9610,9611,9613,9615],{"class":5617,"line":6795},[5615,9612,5814],{"class":5621},[5615,9614,6682],{"class":5817},[5615,9616,5821],{"class":5629},[5615,9618,9619,9621,9623,9625,9627,9629,9631],{"class":5617,"line":6800},[5615,9620,5827],{"class":5621},[5615,9622,5972],{"class":5700},[5615,9624,7132],{"class":5629},[5615,9626,5527],{"class":5817},[5615,9628,7421],{"class":5629},[5615,9630,7424],{"class":5636},[5615,9632,5858],{"class":5629},[5615,9634,9635],{"class":5617,"line":6822},[5615,9636,5691],{"emptyLinePlaceholder":5690},[5615,9638,9639,9641],{"class":5617,"line":6829},[5615,9640,5942],{"class":5941},[5615,9642,5945],{"class":5629},[5615,9644,9645,9647,9649],{"class":5617,"line":6839},[5615,9646,5952],{"class":5951},[5615,9648,6711],{"class":5955},[5615,9650,5959],{"class":5951},[5615,9652,9653,9655,9657,9659,9661,9663,9665,9667,9669,9671,9673,9675,9677,9679,9681],{"class":5617,"line":6859},[5615,9654,5965],{"class":5951},[5615,9656,5472],{"class":5955},[5615,9658,6125],{"class":5971},[5615,9660,5975],{"class":5629},[5615,9662,5978],{"class":5621},[5615,9664,6133],{"class":6132},[5615,9666,8161],{"class":5636},[5615,9668,9228],{"class":5643},[5615,9670,6146],{"class":6132},[5615,9672,5983],{"class":5621},[5615,9674,6293],{"class":5951},[5615,9676,8715],{"class":5629},[5615,9678,6299],{"class":5951},[5615,9680,5472],{"class":5955},[5615,9682,5959],{"class":5951},[5615,9684,9685,9687,9689,9691,9693,9695,9697,9699,9702,9704,9706],{"class":5617,"line":6879},[5615,9686,5965],{"class":5951},[5615,9688,5479],{"class":5955},[5615,9690,6125],{"class":5971},[5615,9692,5975],{"class":5629},[5615,9694,5978],{"class":5621},[5615,9696,6133],{"class":6132},[5615,9698,8739],{"class":5636},[5615,9700,9701],{"class":5643}," '1.6'",[5615,9703,6146],{"class":6132},[5615,9705,5983],{"class":5621},[5615,9707,5959],{"class":5951},[5615,9709,9710],{"class":5617,"line":6888},[5615,9711,8754],{"class":5629},[5615,9713,9714],{"class":5617,"line":6893},[5615,9715,8760],{"class":5629},[5615,9717,9718],{"class":5617,"line":6898},[5615,9719,8766],{"class":5629},[5615,9721,9722,9724,9726],{"class":5617,"line":6903},[5615,9723,8003],{"class":5951},[5615,9725,5479],{"class":5955},[5615,9727,5959],{"class":5951},[5615,9729,9730,9732,9734],{"class":5617,"line":8471},[5615,9731,6044],{"class":5951},[5615,9733,6711],{"class":5955},[5615,9735,5959],{"class":5951},[5615,9737,9738],{"class":5617,"line":8478},[5615,9739,6054],{"class":5629},[5615,9741,9742],{"class":5617,"line":8491},[5615,9743,5684],{"class":5629},[5615,9745,9746],{"class":5617,"line":8502},[5615,9747,5691],{"emptyLinePlaceholder":5690},[5615,9749,9750,9753,9756,9759,9761],{"class":5617,"line":8513},[5615,9751,9752],{"class":5941},"export",[5615,9754,9755],{"class":5941}," default",[5615,9757,9758],{"class":5621}," function",[5615,9760,5818],{"class":5817},[5615,9762,5821],{"class":5629},[5615,9764,9765,9767,9769,9771,9773,9775,9777,9779,9781,9783,9785,9787],{"class":5617,"line":8526},[5615,9766,5827],{"class":5621},[5615,9768,5830],{"class":5629},[5615,9770,5833],{"class":5700},[5615,9772,5521],{"class":5629},[5615,9774,5838],{"class":5700},[5615,9776,5841],{"class":5629},[5615,9778,5844],{"class":5817},[5615,9780,5847],{"class":5629},[5615,9782,5706],{"class":5625},[5615,9784,5852],{"class":5629},[5615,9786,5855],{"class":5636},[5615,9788,5858],{"class":5629},[5615,9790,9791],{"class":5617,"line":8539},[5615,9792,5691],{"emptyLinePlaceholder":5690},[5615,9794,9795,9797,9799,9801,9803],{"class":5617,"line":8549},[5615,9796,5827],{"class":5621},[5615,9798,5871],{"class":5817},[5615,9800,5874],{"class":5629},[5615,9802,5877],{"class":5621},[5615,9804,5630],{"class":5629},[5615,9806,9807,9809,9811,9813,9815,9817,9819,9821,9823,9825,9827,9829,9831,9833,9835,9837],{"class":5617,"line":8560},[5615,9808,5885],{"class":5817},[5615,9810,5888],{"class":5629},[5615,9812,5891],{"class":5636},[5615,9814,5894],{"class":5629},[5615,9816,5877],{"class":5621},[5615,9818,5593],{"class":5629},[5615,9820,5891],{"class":5636},[5615,9822,5528],{"class":5629},[5615,9824,5905],{"class":5636},[5615,9826,5908],{"class":5629},[5615,9828,8851],{"class":5643},[5615,9830,5913],{"class":5629},[5615,9832,5916],{"class":5636},[5615,9834,5919],{"class":5629},[5615,9836,5855],{"class":5636},[5615,9838,5924],{"class":5629},[5615,9840,9841],{"class":5617,"line":8569},[5615,9842,5930],{"class":5629},[5615,9844,9845],{"class":5617,"line":8580},[5615,9846,5691],{"emptyLinePlaceholder":5690},[5615,9848,9849,9851],{"class":5617,"line":8587},[5615,9850,5942],{"class":5941},[5615,9852,5945],{"class":5629},[5615,9854,9855,9857,9859,9861,9863,9865,9867,9869],{"class":5617,"line":8592},[5615,9856,5952],{"class":5951},[5615,9858,7259],{"class":5625},[5615,9860,7262],{"class":5971},[5615,9862,5975],{"class":5629},[5615,9864,5978],{"class":5621},[5615,9866,5833],{"class":5636},[5615,9868,5983],{"class":5621},[5615,9870,5959],{"class":5951},[5615,9872,9873,9875],{"class":5617,"line":8619},[5615,9874,5965],{"class":5951},[5615,9876,7901],{"class":5955},[5615,9878,9879,9881,9883,9885],{"class":5617,"line":8628},[5615,9880,7906],{"class":5971},[5615,9882,5975],{"class":5629},[5615,9884,5978],{"class":5621},[5615,9886,6577],{"class":6132},[5615,9888,9889,9891,9894],{"class":5617,"line":8633},[5615,9890,7917],{"class":5636},[5615,9892,9893],{"class":5643}," '100vh'",[5615,9895,5721],{"class":6132},[5615,9897,9898,9900,9902,9904,9906],{"class":5617,"line":8638},[5615,9899,7927],{"class":5636},[5615,9901,5972],{"class":5636},[5615,9903,5528],{"class":6132},[5615,9905,6143],{"class":5636},[5615,9907,5721],{"class":6132},[5615,9909,9910,9912,9914,9916,9918],{"class":5617,"line":8643},[5615,9911,7940],{"class":5636},[5615,9913,5972],{"class":5636},[5615,9915,5528],{"class":6132},[5615,9917,7947],{"class":5636},[5615,9919,5721],{"class":6132},[5615,9921,9922,9924,9926],{"class":5617,"line":8652},[5615,9923,7954],{"class":5636},[5615,9925,9235],{"class":5643},[5615,9927,5721],{"class":6132},[5615,9929,9930,9933,9936],{"class":5617,"line":8669},[5615,9931,9932],{"class":5636},"          fontFamily:",[5615,9934,9935],{"class":5643}," 'system-ui, sans-serif'",[5615,9937,5721],{"class":6132},[5615,9939,9940,9942],{"class":5617,"line":8674},[5615,9941,7964],{"class":6132},[5615,9943,5684],{"class":5621},[5615,9945,9946],{"class":5617,"line":8681},[5615,9947,7971],{"class":5951},[5615,9949,9950,9952,9954,9956,9958,9960,9962,9964],{"class":5617,"line":8690},[5615,9951,7976],{"class":5951},[5615,9953,5968],{"class":5625},[5615,9955,5986],{"class":5971},[5615,9957,5975],{"class":5629},[5615,9959,5978],{"class":5621},[5615,9961,5993],{"class":5636},[5615,9963,5983],{"class":5621},[5615,9965,5998],{"class":5951},[5615,9967,9968,9970,9972],{"class":5617,"line":8724},[5615,9969,7976],{"class":5951},[5615,9971,6006],{"class":5625},[5615,9973,5998],{"class":5951},[5615,9975,9976,9978,9980],{"class":5617,"line":8751},[5615,9977,8003],{"class":5951},[5615,9979,5956],{"class":5955},[5615,9981,5959],{"class":5951},[5615,9983,9984,9986,9988],{"class":5617,"line":8757},[5615,9985,6044],{"class":5951},[5615,9987,7259],{"class":5625},[5615,9989,5959],{"class":5951},[5615,9991,9992],{"class":5617,"line":8763},[5615,9993,6054],{"class":5629},[5615,9995,9996],{"class":5617,"line":8769},[5615,9997,5684],{"class":5629},[6975,9999,10001],{"id":10000},"ключові-спостереження","Ключові спостереження",[5479,10003,10004,10007,10008,10010,10011,10013,10014,10016,10017,5521,10019,5521,10021,10023],{},[5483,10005,10006],{},"Відсутність пропс-дрілінгу."," Зверніть увагу: компоненти ",[5518,10009,5968],{}," та ",[5518,10012,6158],{}," більше не приймають проп ",[5518,10015,5833],{},". Вони виступають лише як структурні обгортки, а всі листові компоненти (",[5518,10018,6272],{},[5518,10020,6178],{},[5518,10022,6006],{},") читають тему безпосередньо з контексту.",[5479,10025,10026,10029,10030,10032,10033,5528],{},[5483,10027,10028],{},"Логіка перемикання залишається у App."," Функція ",[5518,10031,5993],{}," все ще розміщена у кореневому компоненті, оскільки саме тут зберігається стан. Context API не замінює управління станом — він лише вирішує проблему його ",[5483,10034,10035],{},"розповсюдження",[5479,10037,10038,10041,10042,10044,10045,10047],{},[5483,10039,10040],{},"Проста типізація."," TypeScript автоматично виводить тип повернення ",[5518,10043,7523],{}," як ",[5518,10046,5706],{},", забезпечуючи автодоповнення та перевірку типів.",[5580,10049],{},[5583,10051,10053],{"id":10052},"типізація-контексту-захист-від-помилок-відсутності-провайдера","Типізація контексту: захист від помилок відсутності провайдера",[5479,10055,10056,10057,10060,10061,10063],{},"У попередньому прикладі ми передали значення за замовчуванням у ",[5518,10058,10059],{},"createContext(lightTheme)",". Проте це створює проблему: якщо розробник забуде обгорнути компонент у ",[5518,10062,7318],{},", застосунок не впаде з помилкою, а просто використає дефолтне значення. Це приховує баги та ускладнює налагодження.",[5479,10065,10066,10067,10070],{},"Професійний підхід — використовувати ",[5518,10068,10069],{},"undefined"," як значення за замовчуванням і явно перевіряти наявність провайдера:",[5606,10072,10074],{"className":5608,"code":10073,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from \"react\";\n\ninterface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n  backgroundColor: string;\n  textColor: string;\n}\n\n\u002F\u002F Контекст може бути undefined, якщо немає провайдера\nconst ThemeContext = createContext\u003CTheme | undefined>(undefined);\n\n\u002F\u002F Кастомний хук із перевіркою наявності провайдера\nfunction useTheme(): Theme {\n  const context = useContext(ThemeContext);\n\n  if (context === undefined) {\n    throw new Error(\"useTheme має використовуватись всередині ThemeProvider\");\n  }\n\n  return context;\n}\n\n\u002F\u002F Компонент-провайдер із логікою\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n}\n\nfunction ThemeProvider({ children }: ThemeProviderProps) {\n  const [theme, setTheme] = useState\u003CTheme>({\n    mode: \"light\",\n    primaryColor: \"#3b82f6\",\n    backgroundColor: \"#ffffff\",\n    textColor: \"#1e293b\",\n  });\n\n  return (\n    \u003CThemeContext.Provider value={theme}>\n      {children}\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n",[5518,10075,10076,10100,10104,10112,10126,10136,10146,10156,10160,10164,10169,10193,10197,10202,10216,10233,10237,10254,10272,10277,10281,10289,10293,10297,10302,10311,10326,10330,10334,10353,10376,10385,10394,10403,10412,10417,10421,10427,10445,10453,10461,10465],{"__ignoreMap":5611},[5615,10077,10078,10080,10082,10084,10086,10088,10090,10092,10094,10096,10098],{"class":5617,"line":5618},[5615,10079,7003],{"class":5941},[5615,10081,7006],{"class":5629},[5615,10083,5520],{"class":5636},[5615,10085,5521],{"class":5629},[5615,10087,5527],{"class":5636},[5615,10089,5521],{"class":5629},[5615,10091,5844],{"class":5636},[5615,10093,7011],{"class":5629},[5615,10095,7014],{"class":5941},[5615,10097,7017],{"class":5643},[5615,10099,5653],{"class":5629},[5615,10101,10102],{"class":5617,"line":5633},[5615,10103,5691],{"emptyLinePlaceholder":5690},[5615,10105,10106,10108,10110],{"class":5617,"line":5656},[5615,10107,5622],{"class":5621},[5615,10109,5626],{"class":5625},[5615,10111,5630],{"class":5629},[5615,10113,10114,10116,10118,10120,10122,10124],{"class":5617,"line":5669},[5615,10115,5637],{"class":5636},[5615,10117,5640],{"class":5629},[5615,10119,5644],{"class":5643},[5615,10121,5647],{"class":5629},[5615,10123,5650],{"class":5643},[5615,10125,5653],{"class":5629},[5615,10127,10128,10130,10132,10134],{"class":5617,"line":5681},[5615,10129,5659],{"class":5636},[5615,10131,5640],{"class":5629},[5615,10133,5664],{"class":5625},[5615,10135,5653],{"class":5629},[5615,10137,10138,10140,10142,10144],{"class":5617,"line":5687},[5615,10139,5672],{"class":5636},[5615,10141,5640],{"class":5629},[5615,10143,5664],{"class":5625},[5615,10145,5653],{"class":5629},[5615,10147,10148,10150,10152,10154],{"class":5617,"line":5694},[5615,10149,7624],{"class":5636},[5615,10151,5640],{"class":5629},[5615,10153,5664],{"class":5625},[5615,10155,5653],{"class":5629},[5615,10157,10158],{"class":5617,"line":5712},[5615,10159,5684],{"class":5629},[5615,10161,10162],{"class":5617,"line":5724},[5615,10163,5691],{"emptyLinePlaceholder":5690},[5615,10165,10166],{"class":5617,"line":5735},[5615,10167,10168],{"class":6906},"\u002F\u002F Контекст може бути undefined, якщо немає провайдера\n",[5615,10170,10171,10173,10175,10177,10179,10181,10183,10185,10187,10189,10191],{"class":5617,"line":5746},[5615,10172,5697],{"class":5621},[5615,10174,7129],{"class":5700},[5615,10176,7132],{"class":5629},[5615,10178,5520],{"class":5817},[5615,10180,5847],{"class":5629},[5615,10182,5706],{"class":5625},[5615,10184,5647],{"class":5629},[5615,10186,10069],{"class":5625},[5615,10188,5852],{"class":5629},[5615,10190,10069],{"class":5621},[5615,10192,5858],{"class":5629},[5615,10194,10195],{"class":5617,"line":5752},[5615,10196,5691],{"emptyLinePlaceholder":5690},[5615,10198,10199],{"class":5617,"line":5757},[5615,10200,10201],{"class":6906},"\u002F\u002F Кастомний хук із перевіркою наявності провайдера\n",[5615,10203,10204,10206,10209,10212,10214],{"class":5617,"line":5771},[5615,10205,5814],{"class":5621},[5615,10207,10208],{"class":5817}," useTheme",[5615,10210,10211],{"class":5629},"(): ",[5615,10213,5706],{"class":5625},[5615,10215,5630],{"class":5629},[5615,10217,10218,10220,10223,10225,10227,10229,10231],{"class":5617,"line":5781},[5615,10219,5827],{"class":5621},[5615,10221,10222],{"class":5700}," context",[5615,10224,7132],{"class":5629},[5615,10226,5527],{"class":5817},[5615,10228,7421],{"class":5629},[5615,10230,7424],{"class":5636},[5615,10232,5858],{"class":5629},[5615,10234,10235],{"class":5617,"line":5791},[5615,10236,5691],{"emptyLinePlaceholder":5690},[5615,10238,10239,10242,10244,10247,10249,10251],{"class":5617,"line":5801},[5615,10240,10241],{"class":5941},"  if",[5615,10243,5593],{"class":5629},[5615,10245,10246],{"class":5636},"context",[5615,10248,5908],{"class":5629},[5615,10250,10069],{"class":5621},[5615,10252,10253],{"class":5629},") {\n",[5615,10255,10256,10259,10262,10265,10267,10270],{"class":5617,"line":5806},[5615,10257,10258],{"class":5941},"    throw",[5615,10260,10261],{"class":5621}," new",[5615,10263,10264],{"class":5817}," Error",[5615,10266,7421],{"class":5629},[5615,10268,10269],{"class":5643},"\"useTheme має використовуватись всередині ThemeProvider\"",[5615,10271,5858],{"class":5629},[5615,10273,10274],{"class":5617,"line":5811},[5615,10275,10276],{"class":5629},"  }\n",[5615,10278,10279],{"class":5617,"line":5824},[5615,10280,5691],{"emptyLinePlaceholder":5690},[5615,10282,10283,10285,10287],{"class":5617,"line":5861},[5615,10284,5942],{"class":5941},[5615,10286,10222],{"class":5636},[5615,10288,5653],{"class":5629},[5615,10290,10291],{"class":5617,"line":5866},[5615,10292,5684],{"class":5629},[5615,10294,10295],{"class":5617,"line":5882},[5615,10296,5691],{"emptyLinePlaceholder":5690},[5615,10298,10299],{"class":5617,"line":5927},[5615,10300,10301],{"class":6906},"\u002F\u002F Компонент-провайдер із логікою\n",[5615,10303,10304,10306,10309],{"class":5617,"line":5933},[5615,10305,5622],{"class":5621},[5615,10307,10308],{"class":5625}," ThemeProviderProps",[5615,10310,5630],{"class":5629},[5615,10312,10313,10316,10318,10320,10322,10324],{"class":5617,"line":5938},[5615,10314,10315],{"class":5636},"  children",[5615,10317,5640],{"class":5629},[5615,10319,2303],{"class":5625},[5615,10321,5528],{"class":5629},[5615,10323,6413],{"class":5625},[5615,10325,5653],{"class":5629},[5615,10327,10328],{"class":5617,"line":5948},[5615,10329,5684],{"class":5629},[5615,10331,10332],{"class":5617,"line":5962},[5615,10333,5691],{"emptyLinePlaceholder":5690},[5615,10335,10336,10338,10341,10343,10345,10348,10351],{"class":5617,"line":6001},[5615,10337,5814],{"class":5621},[5615,10339,10340],{"class":5817}," ThemeProvider",[5615,10342,6075],{"class":5629},[5615,10344,6384],{"class":5636},[5615,10346,10347],{"class":5629}," }: ",[5615,10349,10350],{"class":5625},"ThemeProviderProps",[5615,10352,10253],{"class":5629},[5615,10354,10355,10357,10359,10361,10363,10365,10367,10369,10371,10373],{"class":5617,"line":6021},[5615,10356,5827],{"class":5621},[5615,10358,5830],{"class":5629},[5615,10360,5833],{"class":5700},[5615,10362,5521],{"class":5629},[5615,10364,5838],{"class":5700},[5615,10366,5841],{"class":5629},[5615,10368,5844],{"class":5817},[5615,10370,5847],{"class":5629},[5615,10372,5706],{"class":5625},[5615,10374,10375],{"class":5629},">({\n",[5615,10377,10378,10381,10383],{"class":5617,"line":6041},[5615,10379,10380],{"class":5636},"    mode:",[5615,10382,5718],{"class":5643},[5615,10384,5721],{"class":5629},[5615,10386,10387,10390,10392],{"class":5617,"line":6051},[5615,10388,10389],{"class":5636},"    primaryColor:",[5615,10391,5730],{"class":5643},[5615,10393,5721],{"class":5629},[5615,10395,10396,10399,10401],{"class":5617,"line":6057},[5615,10397,10398],{"class":5636},"    backgroundColor:",[5615,10400,5741],{"class":5643},[5615,10402,5721],{"class":5629},[5615,10404,10405,10408,10410],{"class":5617,"line":6062},[5615,10406,10407],{"class":5636},"    textColor:",[5615,10409,5796],{"class":5643},[5615,10411,5721],{"class":5629},[5615,10413,10414],{"class":5617,"line":6067},[5615,10415,10416],{"class":5629},"  });\n",[5615,10418,10419],{"class":5617,"line":6110},[5615,10420,5691],{"emptyLinePlaceholder":5690},[5615,10422,10423,10425],{"class":5617,"line":6117},[5615,10424,5942],{"class":5941},[5615,10426,5945],{"class":5629},[5615,10428,10429,10431,10433,10435,10437,10439,10441,10443],{"class":5617,"line":6153},[5615,10430,5952],{"class":5951},[5615,10432,7259],{"class":5625},[5615,10434,7262],{"class":5971},[5615,10436,5975],{"class":5629},[5615,10438,5978],{"class":5621},[5615,10440,5833],{"class":5636},[5615,10442,5983],{"class":5621},[5615,10444,5959],{"class":5951},[5615,10446,10447,10449,10451],{"class":5617,"line":6173},[5615,10448,6470],{"class":5621},[5615,10450,6384],{"class":5636},[5615,10452,5684],{"class":5621},[5615,10454,10455,10457,10459],{"class":5617,"line":6204},[5615,10456,6044],{"class":5951},[5615,10458,7259],{"class":5625},[5615,10460,5959],{"class":5951},[5615,10462,10463],{"class":5617,"line":6213},[5615,10464,6054],{"class":5629},[5615,10466,10467],{"class":5617,"line":6218},[5615,10468,5684],{"class":5629},[5479,10470,10471,10472,10474,10475,10478],{},"Тепер замість прямого виклику ",[5518,10473,7523],{}," компоненти використовують кастомний хук ",[5518,10476,10477],{},"useTheme()",", який гарантує наявність провайдера:",[5606,10480,10482],{"className":5608,"code":10481,"language":5610,"meta":5611,"style":5611},"function NavLink({ to, children }: { to: string; children: React.ReactNode }) {\n  \u002F\u002F Якщо провайдера немає, виникне чітка помилка\n  const theme = useTheme();\n\n  return (\n    \u003Ca href={to} style={{ color: theme.primaryColor }}>\n      {children}\n    \u003C\u002Fa>\n  );\n}\n",[5518,10483,10484,10520,10525,10539,10543,10549,10587,10595,10603,10607],{"__ignoreMap":5611},[5615,10485,10486,10488,10490,10492,10494,10496,10498,10500,10502,10504,10506,10508,10510,10512,10514,10516,10518],{"class":5617,"line":5618},[5615,10487,5814],{"class":5621},[5615,10489,6370],{"class":5817},[5615,10491,6075],{"class":5629},[5615,10493,6379],{"class":5636},[5615,10495,5521],{"class":5629},[5615,10497,6384],{"class":5636},[5615,10499,6085],{"class":5629},[5615,10501,6379],{"class":5636},[5615,10503,5640],{"class":5629},[5615,10505,5664],{"class":5625},[5615,10507,6094],{"class":5629},[5615,10509,6384],{"class":5636},[5615,10511,5640],{"class":5629},[5615,10513,2303],{"class":5625},[5615,10515,5528],{"class":5629},[5615,10517,6413],{"class":5625},[5615,10519,6107],{"class":5629},[5615,10521,10522],{"class":5617,"line":5633},[5615,10523,10524],{"class":6906},"  \u002F\u002F Якщо провайдера немає, виникне чітка помилка\n",[5615,10526,10527,10529,10531,10533,10536],{"class":5617,"line":5656},[5615,10528,5827],{"class":5621},[5615,10530,5972],{"class":5700},[5615,10532,7132],{"class":5629},[5615,10534,10535],{"class":5817},"useTheme",[5615,10537,10538],{"class":5629},"();\n",[5615,10540,10541],{"class":5617,"line":5669},[5615,10542,5691],{"emptyLinePlaceholder":5690},[5615,10544,10545,10547],{"class":5617,"line":5681},[5615,10546,5942],{"class":5941},[5615,10548,5945],{"class":5629},[5615,10550,10551,10553,10555,10557,10559,10561,10563,10565,10567,10569,10571,10573,10575,10577,10579,10581,10583,10585],{"class":5617,"line":5687},[5615,10552,5952],{"class":5951},[5615,10554,5488],{"class":5955},[5615,10556,6432],{"class":5971},[5615,10558,5975],{"class":5629},[5615,10560,5978],{"class":5621},[5615,10562,6379],{"class":5636},[5615,10564,5983],{"class":5621},[5615,10566,6125],{"class":5971},[5615,10568,5975],{"class":5629},[5615,10570,5978],{"class":5621},[5615,10572,6133],{"class":6132},[5615,10574,6451],{"class":5636},[5615,10576,5972],{"class":5636},[5615,10578,5528],{"class":6132},[5615,10580,6458],{"class":5636},[5615,10582,6146],{"class":6132},[5615,10584,5983],{"class":5621},[5615,10586,5959],{"class":5951},[5615,10588,10589,10591,10593],{"class":5617,"line":5694},[5615,10590,6470],{"class":5621},[5615,10592,6384],{"class":5636},[5615,10594,5684],{"class":5621},[5615,10596,10597,10599,10601],{"class":5617,"line":5712},[5615,10598,6044],{"class":5951},[5615,10600,5488],{"class":5955},[5615,10602,5959],{"class":5951},[5615,10604,10605],{"class":5617,"line":5724},[5615,10606,6054],{"class":5629},[5615,10608,10609],{"class":5617,"line":5735},[5615,10610,5684],{"class":5629},[7324,10612,10613,10616,10637],{},[5479,10614,10615],{},"Цей патерн є стандартом де-факто у великих проєктах:",[6939,10617,10618,10624,10634],{},[5506,10619,10620,10621,5528],{},"Створіть контекст із типом ",[5518,10622,10623],{},"T | undefined",[5506,10625,10626,10627,10630,10631,10633],{},"Напишіть кастомний хук ",[5518,10628,10629],{},"useMyContext()",", який перевіряє ",[5518,10632,10069],{}," і кидає помилку.",[5506,10635,10636],{},"Експортуйте лише хук та провайдер — сам контекст залишається приватним.",[5479,10638,10639,10640,10643],{},"Це забезпечує ",[5483,10641,10642],{},"fail-fast"," поведінку: помилки виявляються негайно при розробці, а не приховуються дефолтними значеннями.",[5580,10645],{},[5583,10647,10649],{"id":10648},"контекст-із-функціями-передавання-логіки-оновлення","Контекст із функціями: передавання логіки оновлення",[5479,10651,10652],{},"Часто потрібно передавати не лише дані, а й функції для їхнього оновлення. Розширимо приклад теми, додавши функцію перемикання безпосередньо у контекст:",[5606,10654,10656],{"className":5608,"code":10655,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from \"react\";\n\ninterface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n  backgroundColor: string;\n  textColor: string;\n}\n\ninterface ThemeContextValue {\n  theme: Theme;\n  toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext\u003CThemeContextValue | undefined>(undefined);\n\nfunction useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n\n  if (context === undefined) {\n    throw new Error(\"useTheme має використовуватись всередині ThemeProvider\");\n  }\n\n  return context;\n}\n\nconst lightTheme: Theme = {\n  mode: \"light\",\n  primaryColor: \"#3b82f6\",\n  backgroundColor: \"#ffffff\",\n  textColor: \"#1e293b\",\n};\n\nconst darkTheme: Theme = {\n  mode: \"dark\",\n  primaryColor: \"#60a5fa\",\n  backgroundColor: \"#1e293b\",\n  textColor: \"#f1f5f9\",\n};\n\nfunction ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = () => {\n    setTheme((prev) => (prev.mode === \"light\" ? darkTheme : lightTheme));\n  };\n\n  const value: ThemeContextValue = {\n    theme,\n    toggleTheme,\n  };\n\n  return (\n    \u003CThemeContext.Provider value={value}>\n      {children}\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n\n\u002F\u002F Експорт лише хука та провайдера\nexport { ThemeProvider, useTheme };\n",[5518,10657,10658,10682,10686,10694,10708,10718,10728,10738,10742,10746,10755,10766,10779,10783,10787,10812,10816,10828,10844,10848,10862,10876,10880,10884,10892,10896,10900,10912,10920,10928,10936,10944,10948,10952,10964,10972,10980,10988,10996,11000,11004,11028,11054,11058,11070,11104,11108,11112,11124,11131,11138,11142,11146,11152,11170,11178,11186,11190,11194,11198,11203],{"__ignoreMap":5611},[5615,10659,10660,10662,10664,10666,10668,10670,10672,10674,10676,10678,10680],{"class":5617,"line":5618},[5615,10661,7003],{"class":5941},[5615,10663,7006],{"class":5629},[5615,10665,5520],{"class":5636},[5615,10667,5521],{"class":5629},[5615,10669,5527],{"class":5636},[5615,10671,5521],{"class":5629},[5615,10673,5844],{"class":5636},[5615,10675,7011],{"class":5629},[5615,10677,7014],{"class":5941},[5615,10679,7017],{"class":5643},[5615,10681,5653],{"class":5629},[5615,10683,10684],{"class":5617,"line":5633},[5615,10685,5691],{"emptyLinePlaceholder":5690},[5615,10687,10688,10690,10692],{"class":5617,"line":5656},[5615,10689,5622],{"class":5621},[5615,10691,5626],{"class":5625},[5615,10693,5630],{"class":5629},[5615,10695,10696,10698,10700,10702,10704,10706],{"class":5617,"line":5669},[5615,10697,5637],{"class":5636},[5615,10699,5640],{"class":5629},[5615,10701,5644],{"class":5643},[5615,10703,5647],{"class":5629},[5615,10705,5650],{"class":5643},[5615,10707,5653],{"class":5629},[5615,10709,10710,10712,10714,10716],{"class":5617,"line":5681},[5615,10711,5659],{"class":5636},[5615,10713,5640],{"class":5629},[5615,10715,5664],{"class":5625},[5615,10717,5653],{"class":5629},[5615,10719,10720,10722,10724,10726],{"class":5617,"line":5687},[5615,10721,5672],{"class":5636},[5615,10723,5640],{"class":5629},[5615,10725,5664],{"class":5625},[5615,10727,5653],{"class":5629},[5615,10729,10730,10732,10734,10736],{"class":5617,"line":5694},[5615,10731,7624],{"class":5636},[5615,10733,5640],{"class":5629},[5615,10735,5664],{"class":5625},[5615,10737,5653],{"class":5629},[5615,10739,10740],{"class":5617,"line":5712},[5615,10741,5684],{"class":5629},[5615,10743,10744],{"class":5617,"line":5724},[5615,10745,5691],{"emptyLinePlaceholder":5690},[5615,10747,10748,10750,10753],{"class":5617,"line":5735},[5615,10749,5622],{"class":5621},[5615,10751,10752],{"class":5625}," ThemeContextValue",[5615,10754,5630],{"class":5629},[5615,10756,10757,10760,10762,10764],{"class":5617,"line":5746},[5615,10758,10759],{"class":5636},"  theme",[5615,10761,5640],{"class":5629},[5615,10763,5706],{"class":5625},[5615,10765,5653],{"class":5629},[5615,10767,10768,10771,10773,10775,10777],{"class":5617,"line":5752},[5615,10769,10770],{"class":5817},"  toggleTheme",[5615,10772,6099],{"class":5629},[5615,10774,5877],{"class":5621},[5615,10776,6104],{"class":5625},[5615,10778,5653],{"class":5629},[5615,10780,10781],{"class":5617,"line":5757},[5615,10782,5684],{"class":5629},[5615,10784,10785],{"class":5617,"line":5771},[5615,10786,5691],{"emptyLinePlaceholder":5690},[5615,10788,10789,10791,10793,10795,10797,10799,10802,10804,10806,10808,10810],{"class":5617,"line":5781},[5615,10790,5697],{"class":5621},[5615,10792,7129],{"class":5700},[5615,10794,7132],{"class":5629},[5615,10796,5520],{"class":5817},[5615,10798,5847],{"class":5629},[5615,10800,10801],{"class":5625},"ThemeContextValue",[5615,10803,5647],{"class":5629},[5615,10805,10069],{"class":5625},[5615,10807,5852],{"class":5629},[5615,10809,10069],{"class":5621},[5615,10811,5858],{"class":5629},[5615,10813,10814],{"class":5617,"line":5791},[5615,10815,5691],{"emptyLinePlaceholder":5690},[5615,10817,10818,10820,10822,10824,10826],{"class":5617,"line":5801},[5615,10819,5814],{"class":5621},[5615,10821,10208],{"class":5817},[5615,10823,10211],{"class":5629},[5615,10825,10801],{"class":5625},[5615,10827,5630],{"class":5629},[5615,10829,10830,10832,10834,10836,10838,10840,10842],{"class":5617,"line":5806},[5615,10831,5827],{"class":5621},[5615,10833,10222],{"class":5700},[5615,10835,7132],{"class":5629},[5615,10837,5527],{"class":5817},[5615,10839,7421],{"class":5629},[5615,10841,7424],{"class":5636},[5615,10843,5858],{"class":5629},[5615,10845,10846],{"class":5617,"line":5811},[5615,10847,5691],{"emptyLinePlaceholder":5690},[5615,10849,10850,10852,10854,10856,10858,10860],{"class":5617,"line":5824},[5615,10851,10241],{"class":5941},[5615,10853,5593],{"class":5629},[5615,10855,10246],{"class":5636},[5615,10857,5908],{"class":5629},[5615,10859,10069],{"class":5621},[5615,10861,10253],{"class":5629},[5615,10863,10864,10866,10868,10870,10872,10874],{"class":5617,"line":5861},[5615,10865,10258],{"class":5941},[5615,10867,10261],{"class":5621},[5615,10869,10264],{"class":5817},[5615,10871,7421],{"class":5629},[5615,10873,10269],{"class":5643},[5615,10875,5858],{"class":5629},[5615,10877,10878],{"class":5617,"line":5866},[5615,10879,10276],{"class":5629},[5615,10881,10882],{"class":5617,"line":5882},[5615,10883,5691],{"emptyLinePlaceholder":5690},[5615,10885,10886,10888,10890],{"class":5617,"line":5927},[5615,10887,5942],{"class":5941},[5615,10889,10222],{"class":5636},[5615,10891,5653],{"class":5629},[5615,10893,10894],{"class":5617,"line":5933},[5615,10895,5684],{"class":5629},[5615,10897,10898],{"class":5617,"line":5938},[5615,10899,5691],{"emptyLinePlaceholder":5690},[5615,10901,10902,10904,10906,10908,10910],{"class":5617,"line":5948},[5615,10903,5697],{"class":5621},[5615,10905,5701],{"class":5700},[5615,10907,5640],{"class":5629},[5615,10909,5706],{"class":5625},[5615,10911,5709],{"class":5629},[5615,10913,10914,10916,10918],{"class":5617,"line":5962},[5615,10915,5715],{"class":5636},[5615,10917,5718],{"class":5643},[5615,10919,5721],{"class":5629},[5615,10921,10922,10924,10926],{"class":5617,"line":6001},[5615,10923,5727],{"class":5636},[5615,10925,5730],{"class":5643},[5615,10927,5721],{"class":5629},[5615,10929,10930,10932,10934],{"class":5617,"line":6021},[5615,10931,5738],{"class":5636},[5615,10933,5741],{"class":5643},[5615,10935,5721],{"class":5629},[5615,10937,10938,10940,10942],{"class":5617,"line":6041},[5615,10939,7679],{"class":5636},[5615,10941,5796],{"class":5643},[5615,10943,5721],{"class":5629},[5615,10945,10946],{"class":5617,"line":6051},[5615,10947,5749],{"class":5629},[5615,10949,10950],{"class":5617,"line":6057},[5615,10951,5691],{"emptyLinePlaceholder":5690},[5615,10953,10954,10956,10958,10960,10962],{"class":5617,"line":6062},[5615,10955,5697],{"class":5621},[5615,10957,5762],{"class":5700},[5615,10959,5640],{"class":5629},[5615,10961,5706],{"class":5625},[5615,10963,5709],{"class":5629},[5615,10965,10966,10968,10970],{"class":5617,"line":6067},[5615,10967,5715],{"class":5636},[5615,10969,5776],{"class":5643},[5615,10971,5721],{"class":5629},[5615,10973,10974,10976,10978],{"class":5617,"line":6110},[5615,10975,5727],{"class":5636},[5615,10977,5786],{"class":5643},[5615,10979,5721],{"class":5629},[5615,10981,10982,10984,10986],{"class":5617,"line":6117},[5615,10983,5738],{"class":5636},[5615,10985,5796],{"class":5643},[5615,10987,5721],{"class":5629},[5615,10989,10990,10992,10994],{"class":5617,"line":6153},[5615,10991,7679],{"class":5636},[5615,10993,7734],{"class":5643},[5615,10995,5721],{"class":5629},[5615,10997,10998],{"class":5617,"line":6173},[5615,10999,5749],{"class":5629},[5615,11001,11002],{"class":5617,"line":6204},[5615,11003,5691],{"emptyLinePlaceholder":5690},[5615,11005,11006,11008,11010,11012,11014,11016,11018,11020,11022,11024,11026],{"class":5617,"line":6213},[5615,11007,5814],{"class":5621},[5615,11009,10340],{"class":5817},[5615,11011,6075],{"class":5629},[5615,11013,6384],{"class":5636},[5615,11015,6085],{"class":5629},[5615,11017,6384],{"class":5636},[5615,11019,5640],{"class":5629},[5615,11021,2303],{"class":5625},[5615,11023,5528],{"class":5629},[5615,11025,6413],{"class":5625},[5615,11027,6107],{"class":5629},[5615,11029,11030,11032,11034,11036,11038,11040,11042,11044,11046,11048,11050,11052],{"class":5617,"line":6218},[5615,11031,5827],{"class":5621},[5615,11033,5830],{"class":5629},[5615,11035,5833],{"class":5700},[5615,11037,5521],{"class":5629},[5615,11039,5838],{"class":5700},[5615,11041,5841],{"class":5629},[5615,11043,5844],{"class":5817},[5615,11045,5847],{"class":5629},[5615,11047,5706],{"class":5625},[5615,11049,5852],{"class":5629},[5615,11051,5855],{"class":5636},[5615,11053,5858],{"class":5629},[5615,11055,11056],{"class":5617,"line":6223},[5615,11057,5691],{"emptyLinePlaceholder":5690},[5615,11059,11060,11062,11064,11066,11068],{"class":5617,"line":6228},[5615,11061,5827],{"class":5621},[5615,11063,5871],{"class":5817},[5615,11065,5874],{"class":5629},[5615,11067,5877],{"class":5621},[5615,11069,5630],{"class":5629},[5615,11071,11072,11074,11076,11078,11080,11082,11084,11086,11088,11090,11092,11094,11096,11098,11100,11102],{"class":5617,"line":6250},[5615,11073,5885],{"class":5817},[5615,11075,5888],{"class":5629},[5615,11077,5891],{"class":5636},[5615,11079,5894],{"class":5629},[5615,11081,5877],{"class":5621},[5615,11083,5593],{"class":5629},[5615,11085,5891],{"class":5636},[5615,11087,5528],{"class":5629},[5615,11089,5905],{"class":5636},[5615,11091,5908],{"class":5629},[5615,11093,5644],{"class":5643},[5615,11095,5913],{"class":5629},[5615,11097,5916],{"class":5636},[5615,11099,5919],{"class":5629},[5615,11101,5855],{"class":5636},[5615,11103,5924],{"class":5629},[5615,11105,11106],{"class":5617,"line":6257},[5615,11107,5930],{"class":5629},[5615,11109,11110],{"class":5617,"line":6267},[5615,11111,5691],{"emptyLinePlaceholder":5690},[5615,11113,11114,11116,11118,11120,11122],{"class":5617,"line":6306},[5615,11115,5827],{"class":5621},[5615,11117,7262],{"class":5700},[5615,11119,5640],{"class":5629},[5615,11121,10801],{"class":5625},[5615,11123,5709],{"class":5629},[5615,11125,11126,11129],{"class":5617,"line":6341},[5615,11127,11128],{"class":5636},"    theme",[5615,11130,5721],{"class":5629},[5615,11132,11133,11136],{"class":5617,"line":6350},[5615,11134,11135],{"class":5636},"    toggleTheme",[5615,11137,5721],{"class":5629},[5615,11139,11140],{"class":5617,"line":6355},[5615,11141,5930],{"class":5629},[5615,11143,11144],{"class":5617,"line":6360},[5615,11145,5691],{"emptyLinePlaceholder":5690},[5615,11147,11148,11150],{"class":5617,"line":6365},[5615,11149,5942],{"class":5941},[5615,11151,5945],{"class":5629},[5615,11153,11154,11156,11158,11160,11162,11164,11166,11168],{"class":5617,"line":6418},[5615,11155,5952],{"class":5951},[5615,11157,7259],{"class":5625},[5615,11159,7262],{"class":5971},[5615,11161,5975],{"class":5629},[5615,11163,5978],{"class":5621},[5615,11165,7202],{"class":5636},[5615,11167,5983],{"class":5621},[5615,11169,5959],{"class":5951},[5615,11171,11172,11174,11176],{"class":5617,"line":6425},[5615,11173,6470],{"class":5621},[5615,11175,6384],{"class":5636},[5615,11177,5684],{"class":5621},[5615,11179,11180,11182,11184],{"class":5617,"line":6467},[5615,11181,6044],{"class":5951},[5615,11183,7259],{"class":5625},[5615,11185,5959],{"class":5951},[5615,11187,11188],{"class":5617,"line":6477},[5615,11189,6054],{"class":5629},[5615,11191,11192],{"class":5617,"line":6486},[5615,11193,5684],{"class":5629},[5615,11195,11196],{"class":5617,"line":6491},[5615,11197,5691],{"emptyLinePlaceholder":5690},[5615,11199,11200],{"class":5617,"line":6496},[5615,11201,11202],{"class":6906},"\u002F\u002F Експорт лише хука та провайдера\n",[5615,11204,11205,11207,11209,11212,11214,11216],{"class":5617,"line":6501},[5615,11206,9752],{"class":5941},[5615,11208,7006],{"class":5629},[5615,11210,11211],{"class":5636},"ThemeProvider",[5615,11213,5521],{"class":5629},[5615,11215,10535],{"class":5636},[5615,11217,11218],{"class":5629}," };\n",[5479,11220,11221],{},"Тепер компоненти можуть як читати тему, так і перемикати її без прокидання callback-функцій:",[5606,11223,11225],{"className":5608,"code":11224,"language":5610,"meta":5611,"style":5611},"function ThemeToggleButton() {\n  const { theme, toggleTheme } = useTheme();\n\n  return (\n    \u003Cbutton onClick={toggleTheme}>\n      {theme.mode === \"light\" ? \"🌙 Темна тема\" : \"☀️ Світла тема\"}\n    \u003C\u002Fbutton>\n  );\n}\n\nfunction App() {\n  return (\n    \u003CThemeProvider>\n      \u003Cdiv>\n        \u003CHeader \u002F>\n        \u003CMainContent \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FThemeProvider>\n  );\n}\n",[5518,11226,11227,11235,11254,11258,11264,11283,11307,11315,11319,11323,11327,11335,11341,11349,11357,11365,11373,11381,11389,11393],{"__ignoreMap":5611},[5615,11228,11229,11231,11233],{"class":5617,"line":5618},[5615,11230,5814],{"class":5621},[5615,11232,6506],{"class":5817},[5615,11234,5821],{"class":5629},[5615,11236,11237,11239,11241,11243,11245,11247,11250,11252],{"class":5617,"line":5633},[5615,11238,5827],{"class":5621},[5615,11240,7006],{"class":5629},[5615,11242,5833],{"class":5700},[5615,11244,5521],{"class":5629},[5615,11246,5993],{"class":5700},[5615,11248,11249],{"class":5629}," } = ",[5615,11251,10535],{"class":5817},[5615,11253,10538],{"class":5629},[5615,11255,11256],{"class":5617,"line":5656},[5615,11257,5691],{"emptyLinePlaceholder":5690},[5615,11259,11260,11262],{"class":5617,"line":5669},[5615,11261,5942],{"class":5941},[5615,11263,5945],{"class":5629},[5615,11265,11266,11268,11270,11273,11275,11277,11279,11281],{"class":5617,"line":5681},[5615,11267,5952],{"class":5951},[5615,11269,6657],{"class":5955},[5615,11271,11272],{"class":5971}," onClick",[5615,11274,5975],{"class":5629},[5615,11276,5978],{"class":5621},[5615,11278,5993],{"class":5636},[5615,11280,5983],{"class":5621},[5615,11282,5959],{"class":5951},[5615,11284,11285,11287,11289,11291,11293,11295,11297,11299,11301,11303,11305],{"class":5617,"line":5687},[5615,11286,6470],{"class":5621},[5615,11288,5833],{"class":5636},[5615,11290,5528],{"class":6132},[5615,11292,5905],{"class":5636},[5615,11294,6633],{"class":5629},[5615,11296,5718],{"class":5643},[5615,11298,6638],{"class":5629},[5615,11300,8609],{"class":5643},[5615,11302,6644],{"class":5629},[5615,11304,8614],{"class":5643},[5615,11306,5684],{"class":5621},[5615,11308,11309,11311,11313],{"class":5617,"line":5694},[5615,11310,6044],{"class":5951},[5615,11312,6657],{"class":5955},[5615,11314,5959],{"class":5951},[5615,11316,11317],{"class":5617,"line":5712},[5615,11318,6054],{"class":5629},[5615,11320,11321],{"class":5617,"line":5724},[5615,11322,5684],{"class":5629},[5615,11324,11325],{"class":5617,"line":5735},[5615,11326,5691],{"emptyLinePlaceholder":5690},[5615,11328,11329,11331,11333],{"class":5617,"line":5746},[5615,11330,5814],{"class":5621},[5615,11332,5818],{"class":5817},[5615,11334,5821],{"class":5629},[5615,11336,11337,11339],{"class":5617,"line":5752},[5615,11338,5942],{"class":5941},[5615,11340,5945],{"class":5629},[5615,11342,11343,11345,11347],{"class":5617,"line":5757},[5615,11344,5952],{"class":5951},[5615,11346,11211],{"class":5625},[5615,11348,5959],{"class":5951},[5615,11350,11351,11353,11355],{"class":5617,"line":5771},[5615,11352,5965],{"class":5951},[5615,11354,5956],{"class":5955},[5615,11356,5959],{"class":5951},[5615,11358,11359,11361,11363],{"class":5617,"line":5781},[5615,11360,7976],{"class":5951},[5615,11362,5968],{"class":5625},[5615,11364,5998],{"class":5951},[5615,11366,11367,11369,11371],{"class":5617,"line":5791},[5615,11368,7976],{"class":5951},[5615,11370,6006],{"class":5625},[5615,11372,5998],{"class":5951},[5615,11374,11375,11377,11379],{"class":5617,"line":5801},[5615,11376,8003],{"class":5951},[5615,11378,5956],{"class":5955},[5615,11380,5959],{"class":5951},[5615,11382,11383,11385,11387],{"class":5617,"line":5806},[5615,11384,6044],{"class":5951},[5615,11386,11211],{"class":5625},[5615,11388,5959],{"class":5951},[5615,11390,11391],{"class":5617,"line":5811},[5615,11392,6054],{"class":5629},[5615,11394,11395],{"class":5617,"line":5824},[5615,11396,5684],{"class":5629},[7163,11398,7196,11399,11401,11402,11404,11405,5528],{},[5518,11400,5603],{}," тепер взагалі не знає про існування логіки перемикання теми. Уся логіка інкапсульована у ",[5518,11403,11211],{},", а компоненти взаємодіють із нею через простий API хука ",[5518,11406,10477],{},[5580,11408],{},[5583,11410,11412],{"id":11411},"множинні-контексти-композиція-незалежних-провайдерів","Множинні контексти: композиція незалежних провайдерів",[5479,11414,11415],{},"У реальних застосунках часто потрібно кілька незалежних контекстів: тема, мова інтерфейсу, дані аутентифікованого користувача тощо. Контексти можна вкладати один в одного:",[5606,11417,11419],{"className":5608,"code":11418,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from \"react\";\n\n\u002F\u002F ─── Theme Context ────────────────────────────────────────────────────────\n\ninterface Theme {\n  mode: \"light\" | \"dark\";\n  primaryColor: string;\n}\n\nconst ThemeContext = createContext\u003C\n  { theme: Theme; toggleTheme: () => void } | undefined\n>(undefined);\n\nfunction useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) throw new Error(\"useTheme requires ThemeProvider\");\n  return context;\n}\n\nfunction ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setTheme] = useState\u003CTheme>({\n    mode: \"light\",\n    primaryColor: \"#3b82f6\",\n  });\n\n  const toggleTheme = () => {\n    setTheme((prev) => ({\n      ...prev,\n      mode: prev.mode === \"light\" ? \"dark\" : \"light\",\n    }));\n  };\n\n  return (\n    \u003CThemeContext.Provider value={{ theme, toggleTheme }}>\n      {children}\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n\n\u002F\u002F ─── Language Context ─────────────────────────────────────────────────────\n\ntype Language = \"uk\" | \"en\";\n\ninterface LanguageContextValue {\n  language: Language;\n  setLanguage: (lang: Language) => void;\n  t: (key: string) => string;\n}\n\nconst LanguageContext = createContext\u003CLanguageContextValue | undefined>(undefined);\n\nfunction useLanguage() {\n  const context = useContext(LanguageContext);\n  if (!context) throw new Error(\"useLanguage requires LanguageProvider\");\n  return context;\n}\n\nconst translations: Record\u003CLanguage, Record\u003Cstring, string>> = {\n  uk: {\n    welcome: \"Вітаємо\",\n    settings: \"Налаштування\",\n  },\n  en: {\n    welcome: \"Welcome\",\n    settings: \"Settings\",\n  },\n};\n\nfunction LanguageProvider({ children }: { children: React.ReactNode }) {\n  const [language, setLanguage] = useState\u003CLanguage>(\"uk\");\n\n  const t = (key: string): string => {\n    return translations[language][key] || key;\n  };\n\n  return (\n    \u003CLanguageContext.Provider value={{ language, setLanguage, t }}>\n      {children}\n    \u003C\u002FLanguageContext.Provider>\n  );\n}\n\n\u002F\u002F ─── App Composition ──────────────────────────────────────────────────────\n\nfunction App() {\n  return (\n    \u003CThemeProvider>\n      \u003CLanguageProvider>\n        \u003CMainApp \u002F>\n      \u003C\u002FLanguageProvider>\n    \u003C\u002FThemeProvider>\n  );\n}\n\nfunction MainApp() {\n  const { theme } = useTheme();\n  const { t } = useLanguage();\n\n  return (\n    \u003Cdiv style={{ backgroundColor: theme.mode === \"dark\" ? \"#1e293b\" : \"#fff\" }}>\n      \u003Ch1>{t(\"welcome\")}\u003C\u002Fh1>\n      \u003CSettings \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction Settings() {\n  const { toggleTheme } = useTheme();\n  const { language, setLanguage, t } = useLanguage();\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>{t(\"settings\")}\u003C\u002Fh2>\n      \u003Cbutton onClick={toggleTheme}>Toggle Theme\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => setLanguage(language === \"uk\" ? \"en\" : \"uk\")}>\n        Switch to {language === \"uk\" ? \"EN\" : \"UK\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5518,11420,11421,11445,11449,11454,11458,11466,11480,11490,11494,11498,11511,11539,11547,11551,11559,11575,11600,11608,11612,11616,11640,11662,11670,11678,11682,11686,11698,11713,11722,11748,11753,11757,11761,11767,11793,11801,11809,11813,11817,11821,11826,11830,11850,11854,11863,11875,11898,11921,11925,11929,11955,11959,11968,11985,12008,12016,12020,12024,12055,12062,12072,12082,12087,12094,12103,12112,12116,12120,12124,12149,12177,12181,12207,12231,12235,12239,12245,12277,12285,12293,12297,12301,12305,12310,12314,12322,12328,12336,12345,12354,12362,12370,12374,12378,12382,12391,12405,12420,12424,12430,12471,12499,12508,12516,12520,12524,12528,12537,12551,12573,12577,12583,12591,12618,12645,12689,12714,12722,12730,12734],{"__ignoreMap":5611},[5615,11422,11423,11425,11427,11429,11431,11433,11435,11437,11439,11441,11443],{"class":5617,"line":5618},[5615,11424,7003],{"class":5941},[5615,11426,7006],{"class":5629},[5615,11428,5520],{"class":5636},[5615,11430,5521],{"class":5629},[5615,11432,5527],{"class":5636},[5615,11434,5521],{"class":5629},[5615,11436,5844],{"class":5636},[5615,11438,7011],{"class":5629},[5615,11440,7014],{"class":5941},[5615,11442,7017],{"class":5643},[5615,11444,5653],{"class":5629},[5615,11446,11447],{"class":5617,"line":5633},[5615,11448,5691],{"emptyLinePlaceholder":5690},[5615,11450,11451],{"class":5617,"line":5656},[5615,11452,11453],{"class":6906},"\u002F\u002F ─── Theme Context ────────────────────────────────────────────────────────\n",[5615,11455,11456],{"class":5617,"line":5669},[5615,11457,5691],{"emptyLinePlaceholder":5690},[5615,11459,11460,11462,11464],{"class":5617,"line":5681},[5615,11461,5622],{"class":5621},[5615,11463,5626],{"class":5625},[5615,11465,5630],{"class":5629},[5615,11467,11468,11470,11472,11474,11476,11478],{"class":5617,"line":5687},[5615,11469,5637],{"class":5636},[5615,11471,5640],{"class":5629},[5615,11473,5644],{"class":5643},[5615,11475,5647],{"class":5629},[5615,11477,5650],{"class":5643},[5615,11479,5653],{"class":5629},[5615,11481,11482,11484,11486,11488],{"class":5617,"line":5694},[5615,11483,5659],{"class":5636},[5615,11485,5640],{"class":5629},[5615,11487,5664],{"class":5625},[5615,11489,5653],{"class":5629},[5615,11491,11492],{"class":5617,"line":5712},[5615,11493,5684],{"class":5629},[5615,11495,11496],{"class":5617,"line":5724},[5615,11497,5691],{"emptyLinePlaceholder":5690},[5615,11499,11500,11502,11504,11506,11508],{"class":5617,"line":5735},[5615,11501,5697],{"class":5621},[5615,11503,7129],{"class":5700},[5615,11505,7132],{"class":5629},[5615,11507,5520],{"class":5636},[5615,11509,11510],{"class":5629},"\u003C\n",[5615,11512,11513,11516,11519,11521,11523,11525,11527,11529,11531,11533,11536],{"class":5617,"line":5746},[5615,11514,11515],{"class":5629},"  { ",[5615,11517,5833],{"class":11518},"s5IvJ",[5615,11520,5640],{"class":5629},[5615,11522,5706],{"class":5636},[5615,11524,6094],{"class":5629},[5615,11526,5993],{"class":11518},[5615,11528,6099],{"class":5629},[5615,11530,5877],{"class":5621},[5615,11532,6104],{"class":5621},[5615,11534,11535],{"class":5629}," } | ",[5615,11537,11538],{"class":5621},"undefined\n",[5615,11540,11541,11543,11545],{"class":5617,"line":5752},[5615,11542,5852],{"class":5629},[5615,11544,10069],{"class":5621},[5615,11546,5858],{"class":5629},[5615,11548,11549],{"class":5617,"line":5757},[5615,11550,5691],{"emptyLinePlaceholder":5690},[5615,11552,11553,11555,11557],{"class":5617,"line":5771},[5615,11554,5814],{"class":5621},[5615,11556,10208],{"class":5817},[5615,11558,5821],{"class":5629},[5615,11560,11561,11563,11565,11567,11569,11571,11573],{"class":5617,"line":5781},[5615,11562,5827],{"class":5621},[5615,11564,10222],{"class":5700},[5615,11566,7132],{"class":5629},[5615,11568,5527],{"class":5817},[5615,11570,7421],{"class":5629},[5615,11572,7424],{"class":5636},[5615,11574,5858],{"class":5629},[5615,11576,11577,11579,11582,11584,11586,11589,11591,11593,11595,11598],{"class":5617,"line":5791},[5615,11578,10241],{"class":5941},[5615,11580,11581],{"class":5629}," (!",[5615,11583,10246],{"class":5636},[5615,11585,5894],{"class":5629},[5615,11587,11588],{"class":5941},"throw",[5615,11590,10261],{"class":5621},[5615,11592,10264],{"class":5817},[5615,11594,7421],{"class":5629},[5615,11596,11597],{"class":5643},"\"useTheme requires ThemeProvider\"",[5615,11599,5858],{"class":5629},[5615,11601,11602,11604,11606],{"class":5617,"line":5801},[5615,11603,5942],{"class":5941},[5615,11605,10222],{"class":5636},[5615,11607,5653],{"class":5629},[5615,11609,11610],{"class":5617,"line":5806},[5615,11611,5684],{"class":5629},[5615,11613,11614],{"class":5617,"line":5811},[5615,11615,5691],{"emptyLinePlaceholder":5690},[5615,11617,11618,11620,11622,11624,11626,11628,11630,11632,11634,11636,11638],{"class":5617,"line":5824},[5615,11619,5814],{"class":5621},[5615,11621,10340],{"class":5817},[5615,11623,6075],{"class":5629},[5615,11625,6384],{"class":5636},[5615,11627,6085],{"class":5629},[5615,11629,6384],{"class":5636},[5615,11631,5640],{"class":5629},[5615,11633,2303],{"class":5625},[5615,11635,5528],{"class":5629},[5615,11637,6413],{"class":5625},[5615,11639,6107],{"class":5629},[5615,11641,11642,11644,11646,11648,11650,11652,11654,11656,11658,11660],{"class":5617,"line":5861},[5615,11643,5827],{"class":5621},[5615,11645,5830],{"class":5629},[5615,11647,5833],{"class":5700},[5615,11649,5521],{"class":5629},[5615,11651,5838],{"class":5700},[5615,11653,5841],{"class":5629},[5615,11655,5844],{"class":5817},[5615,11657,5847],{"class":5629},[5615,11659,5706],{"class":5625},[5615,11661,10375],{"class":5629},[5615,11663,11664,11666,11668],{"class":5617,"line":5866},[5615,11665,10380],{"class":5636},[5615,11667,5718],{"class":5643},[5615,11669,5721],{"class":5629},[5615,11671,11672,11674,11676],{"class":5617,"line":5882},[5615,11673,10389],{"class":5636},[5615,11675,5730],{"class":5643},[5615,11677,5721],{"class":5629},[5615,11679,11680],{"class":5617,"line":5927},[5615,11681,10416],{"class":5629},[5615,11683,11684],{"class":5617,"line":5933},[5615,11685,5691],{"emptyLinePlaceholder":5690},[5615,11687,11688,11690,11692,11694,11696],{"class":5617,"line":5938},[5615,11689,5827],{"class":5621},[5615,11691,5871],{"class":5817},[5615,11693,5874],{"class":5629},[5615,11695,5877],{"class":5621},[5615,11697,5630],{"class":5629},[5615,11699,11700,11702,11704,11706,11708,11710],{"class":5617,"line":5948},[5615,11701,5885],{"class":5817},[5615,11703,5888],{"class":5629},[5615,11705,5891],{"class":5636},[5615,11707,5894],{"class":5629},[5615,11709,5877],{"class":5621},[5615,11711,11712],{"class":5629}," ({\n",[5615,11714,11715,11718,11720],{"class":5617,"line":5962},[5615,11716,11717],{"class":5629},"      ...",[5615,11719,5891],{"class":5636},[5615,11721,5721],{"class":5629},[5615,11723,11724,11727,11730,11732,11734,11736,11738,11740,11742,11744,11746],{"class":5617,"line":6001},[5615,11725,11726],{"class":5636},"      mode:",[5615,11728,11729],{"class":5636}," prev",[5615,11731,5528],{"class":5629},[5615,11733,5905],{"class":5636},[5615,11735,5908],{"class":5629},[5615,11737,5644],{"class":5643},[5615,11739,5913],{"class":5629},[5615,11741,5650],{"class":5643},[5615,11743,5919],{"class":5629},[5615,11745,5644],{"class":5643},[5615,11747,5721],{"class":5629},[5615,11749,11750],{"class":5617,"line":6021},[5615,11751,11752],{"class":5629},"    }));\n",[5615,11754,11755],{"class":5617,"line":6041},[5615,11756,5930],{"class":5629},[5615,11758,11759],{"class":5617,"line":6051},[5615,11760,5691],{"emptyLinePlaceholder":5690},[5615,11762,11763,11765],{"class":5617,"line":6057},[5615,11764,5942],{"class":5941},[5615,11766,5945],{"class":5629},[5615,11768,11769,11771,11773,11775,11777,11779,11781,11783,11785,11787,11789,11791],{"class":5617,"line":6062},[5615,11770,5952],{"class":5951},[5615,11772,7259],{"class":5625},[5615,11774,7262],{"class":5971},[5615,11776,5975],{"class":5629},[5615,11778,5978],{"class":5621},[5615,11780,6133],{"class":6132},[5615,11782,5833],{"class":5636},[5615,11784,5521],{"class":6132},[5615,11786,5993],{"class":5636},[5615,11788,6146],{"class":6132},[5615,11790,5983],{"class":5621},[5615,11792,5959],{"class":5951},[5615,11794,11795,11797,11799],{"class":5617,"line":6067},[5615,11796,6470],{"class":5621},[5615,11798,6384],{"class":5636},[5615,11800,5684],{"class":5621},[5615,11802,11803,11805,11807],{"class":5617,"line":6110},[5615,11804,6044],{"class":5951},[5615,11806,7259],{"class":5625},[5615,11808,5959],{"class":5951},[5615,11810,11811],{"class":5617,"line":6117},[5615,11812,6054],{"class":5629},[5615,11814,11815],{"class":5617,"line":6153},[5615,11816,5684],{"class":5629},[5615,11818,11819],{"class":5617,"line":6173},[5615,11820,5691],{"emptyLinePlaceholder":5690},[5615,11822,11823],{"class":5617,"line":6204},[5615,11824,11825],{"class":6906},"\u002F\u002F ─── Language Context ─────────────────────────────────────────────────────\n",[5615,11827,11828],{"class":5617,"line":6213},[5615,11829,5691],{"emptyLinePlaceholder":5690},[5615,11831,11832,11835,11838,11840,11843,11845,11848],{"class":5617,"line":6218},[5615,11833,11834],{"class":5621},"type",[5615,11836,11837],{"class":5625}," Language",[5615,11839,7132],{"class":5629},[5615,11841,11842],{"class":5643},"\"uk\"",[5615,11844,5647],{"class":5629},[5615,11846,11847],{"class":5643},"\"en\"",[5615,11849,5653],{"class":5629},[5615,11851,11852],{"class":5617,"line":6223},[5615,11853,5691],{"emptyLinePlaceholder":5690},[5615,11855,11856,11858,11861],{"class":5617,"line":6228},[5615,11857,5622],{"class":5621},[5615,11859,11860],{"class":5625}," LanguageContextValue",[5615,11862,5630],{"class":5629},[5615,11864,11865,11868,11870,11873],{"class":5617,"line":6250},[5615,11866,11867],{"class":5636},"  language",[5615,11869,5640],{"class":5629},[5615,11871,11872],{"class":5625},"Language",[5615,11874,5653],{"class":5629},[5615,11876,11877,11880,11883,11886,11888,11890,11892,11894,11896],{"class":5617,"line":6257},[5615,11878,11879],{"class":5817},"  setLanguage",[5615,11881,11882],{"class":5629},": (",[5615,11884,11885],{"class":5636},"lang",[5615,11887,5640],{"class":5629},[5615,11889,11872],{"class":5625},[5615,11891,5894],{"class":5629},[5615,11893,5877],{"class":5621},[5615,11895,6104],{"class":5625},[5615,11897,5653],{"class":5629},[5615,11899,11900,11903,11905,11908,11910,11912,11914,11916,11919],{"class":5617,"line":6267},[5615,11901,11902],{"class":5817},"  t",[5615,11904,11882],{"class":5629},[5615,11906,11907],{"class":5636},"key",[5615,11909,5640],{"class":5629},[5615,11911,5664],{"class":5625},[5615,11913,5894],{"class":5629},[5615,11915,5877],{"class":5621},[5615,11917,11918],{"class":5625}," string",[5615,11920,5653],{"class":5629},[5615,11922,11923],{"class":5617,"line":6306},[5615,11924,5684],{"class":5629},[5615,11926,11927],{"class":5617,"line":6341},[5615,11928,5691],{"emptyLinePlaceholder":5690},[5615,11930,11931,11933,11936,11938,11940,11942,11945,11947,11949,11951,11953],{"class":5617,"line":6350},[5615,11932,5697],{"class":5621},[5615,11934,11935],{"class":5700}," LanguageContext",[5615,11937,7132],{"class":5629},[5615,11939,5520],{"class":5817},[5615,11941,5847],{"class":5629},[5615,11943,11944],{"class":5625},"LanguageContextValue",[5615,11946,5647],{"class":5629},[5615,11948,10069],{"class":5625},[5615,11950,5852],{"class":5629},[5615,11952,10069],{"class":5621},[5615,11954,5858],{"class":5629},[5615,11956,11957],{"class":5617,"line":6355},[5615,11958,5691],{"emptyLinePlaceholder":5690},[5615,11960,11961,11963,11966],{"class":5617,"line":6360},[5615,11962,5814],{"class":5621},[5615,11964,11965],{"class":5817}," useLanguage",[5615,11967,5821],{"class":5629},[5615,11969,11970,11972,11974,11976,11978,11980,11983],{"class":5617,"line":6365},[5615,11971,5827],{"class":5621},[5615,11973,10222],{"class":5700},[5615,11975,7132],{"class":5629},[5615,11977,5527],{"class":5817},[5615,11979,7421],{"class":5629},[5615,11981,11982],{"class":5636},"LanguageContext",[5615,11984,5858],{"class":5629},[5615,11986,11987,11989,11991,11993,11995,11997,11999,12001,12003,12006],{"class":5617,"line":6418},[5615,11988,10241],{"class":5941},[5615,11990,11581],{"class":5629},[5615,11992,10246],{"class":5636},[5615,11994,5894],{"class":5629},[5615,11996,11588],{"class":5941},[5615,11998,10261],{"class":5621},[5615,12000,10264],{"class":5817},[5615,12002,7421],{"class":5629},[5615,12004,12005],{"class":5643},"\"useLanguage requires LanguageProvider\"",[5615,12007,5858],{"class":5629},[5615,12009,12010,12012,12014],{"class":5617,"line":6425},[5615,12011,5942],{"class":5941},[5615,12013,10222],{"class":5636},[5615,12015,5653],{"class":5629},[5615,12017,12018],{"class":5617,"line":6467},[5615,12019,5684],{"class":5629},[5615,12021,12022],{"class":5617,"line":6477},[5615,12023,5691],{"emptyLinePlaceholder":5690},[5615,12025,12026,12028,12031,12033,12036,12038,12040,12042,12044,12046,12048,12050,12052],{"class":5617,"line":6486},[5615,12027,5697],{"class":5621},[5615,12029,12030],{"class":5700}," translations",[5615,12032,5640],{"class":5629},[5615,12034,12035],{"class":5625},"Record",[5615,12037,5847],{"class":5629},[5615,12039,11872],{"class":5625},[5615,12041,5521],{"class":5629},[5615,12043,12035],{"class":5625},[5615,12045,5847],{"class":5629},[5615,12047,5664],{"class":5625},[5615,12049,5521],{"class":5629},[5615,12051,5664],{"class":5625},[5615,12053,12054],{"class":5629},">> = {\n",[5615,12056,12057,12060],{"class":5617,"line":6491},[5615,12058,12059],{"class":5636},"  uk:",[5615,12061,5630],{"class":5629},[5615,12063,12064,12067,12070],{"class":5617,"line":6496},[5615,12065,12066],{"class":5636},"    welcome:",[5615,12068,12069],{"class":5643}," \"Вітаємо\"",[5615,12071,5721],{"class":5629},[5615,12073,12074,12077,12080],{"class":5617,"line":6501},[5615,12075,12076],{"class":5636},"    settings:",[5615,12078,12079],{"class":5643}," \"Налаштування\"",[5615,12081,5721],{"class":5629},[5615,12083,12084],{"class":5617,"line":6538},[5615,12085,12086],{"class":5629},"  },\n",[5615,12088,12089,12092],{"class":5617,"line":6545},[5615,12090,12091],{"class":5636},"  en:",[5615,12093,5630],{"class":5629},[5615,12095,12096,12098,12101],{"class":5617,"line":6553},[5615,12097,12066],{"class":5636},[5615,12099,12100],{"class":5643}," \"Welcome\"",[5615,12102,5721],{"class":5629},[5615,12104,12105,12107,12110],{"class":5617,"line":6567},[5615,12106,12076],{"class":5636},[5615,12108,12109],{"class":5643}," \"Settings\"",[5615,12111,5721],{"class":5629},[5615,12113,12114],{"class":5617,"line":6580},[5615,12115,12086],{"class":5629},[5615,12117,12118],{"class":5617,"line":6594},[5615,12119,5749],{"class":5629},[5615,12121,12122],{"class":5617,"line":6608},[5615,12123,5691],{"emptyLinePlaceholder":5690},[5615,12125,12126,12128,12131,12133,12135,12137,12139,12141,12143,12145,12147],{"class":5617,"line":6616},[5615,12127,5814],{"class":5621},[5615,12129,12130],{"class":5817}," LanguageProvider",[5615,12132,6075],{"class":5629},[5615,12134,6384],{"class":5636},[5615,12136,6085],{"class":5629},[5615,12138,6384],{"class":5636},[5615,12140,5640],{"class":5629},[5615,12142,2303],{"class":5625},[5615,12144,5528],{"class":5629},[5615,12146,6413],{"class":5625},[5615,12148,6107],{"class":5629},[5615,12150,12151,12153,12155,12158,12160,12163,12165,12167,12169,12171,12173,12175],{"class":5617,"line":6622},[5615,12152,5827],{"class":5621},[5615,12154,5830],{"class":5629},[5615,12156,12157],{"class":5700},"language",[5615,12159,5521],{"class":5629},[5615,12161,12162],{"class":5700},"setLanguage",[5615,12164,5841],{"class":5629},[5615,12166,5844],{"class":5817},[5615,12168,5847],{"class":5629},[5615,12170,11872],{"class":5625},[5615,12172,5852],{"class":5629},[5615,12174,11842],{"class":5643},[5615,12176,5858],{"class":5629},[5615,12178,12179],{"class":5617,"line":6652},[5615,12180,5691],{"emptyLinePlaceholder":5690},[5615,12182,12183,12185,12188,12191,12193,12195,12197,12200,12202,12205],{"class":5617,"line":6662},[5615,12184,5827],{"class":5621},[5615,12186,12187],{"class":5817}," t",[5615,12189,12190],{"class":5629}," = (",[5615,12192,11907],{"class":5636},[5615,12194,5640],{"class":5629},[5615,12196,5664],{"class":5625},[5615,12198,12199],{"class":5629},"): ",[5615,12201,5664],{"class":5625},[5615,12203,12204],{"class":5621}," =>",[5615,12206,5630],{"class":5629},[5615,12208,12209,12212,12214,12217,12219,12222,12224,12227,12229],{"class":5617,"line":6667},[5615,12210,12211],{"class":5941},"    return",[5615,12213,12030],{"class":5636},[5615,12215,12216],{"class":5629},"[",[5615,12218,12157],{"class":5636},[5615,12220,12221],{"class":5629},"][",[5615,12223,11907],{"class":5636},[5615,12225,12226],{"class":5629},"] || ",[5615,12228,11907],{"class":5636},[5615,12230,5653],{"class":5629},[5615,12232,12233],{"class":5617,"line":6672},[5615,12234,5930],{"class":5629},[5615,12236,12237],{"class":5617,"line":6677},[5615,12238,5691],{"emptyLinePlaceholder":5690},[5615,12240,12241,12243],{"class":5617,"line":6699},[5615,12242,5942],{"class":5941},[5615,12244,5945],{"class":5629},[5615,12246,12247,12249,12252,12254,12256,12258,12260,12262,12264,12266,12268,12271,12273,12275],{"class":5617,"line":6706},[5615,12248,5952],{"class":5951},[5615,12250,12251],{"class":5625},"LanguageContext.Provider",[5615,12253,7262],{"class":5971},[5615,12255,5975],{"class":5629},[5615,12257,5978],{"class":5621},[5615,12259,6133],{"class":6132},[5615,12261,12157],{"class":5636},[5615,12263,5521],{"class":6132},[5615,12265,12162],{"class":5636},[5615,12267,5521],{"class":6132},[5615,12269,12270],{"class":5636},"t",[5615,12272,6146],{"class":6132},[5615,12274,5983],{"class":5621},[5615,12276,5959],{"class":5951},[5615,12278,12279,12281,12283],{"class":5617,"line":6736},[5615,12280,6470],{"class":5621},[5615,12282,6384],{"class":5636},[5615,12284,5684],{"class":5621},[5615,12286,12287,12289,12291],{"class":5617,"line":6756},[5615,12288,6044],{"class":5951},[5615,12290,12251],{"class":5625},[5615,12292,5959],{"class":5951},[5615,12294,12295],{"class":5617,"line":6776},[5615,12296,6054],{"class":5629},[5615,12298,12299],{"class":5617,"line":6785},[5615,12300,5684],{"class":5629},[5615,12302,12303],{"class":5617,"line":6790},[5615,12304,5691],{"emptyLinePlaceholder":5690},[5615,12306,12307],{"class":5617,"line":6795},[5615,12308,12309],{"class":6906},"\u002F\u002F ─── App Composition ──────────────────────────────────────────────────────\n",[5615,12311,12312],{"class":5617,"line":6800},[5615,12313,5691],{"emptyLinePlaceholder":5690},[5615,12315,12316,12318,12320],{"class":5617,"line":6822},[5615,12317,5814],{"class":5621},[5615,12319,5818],{"class":5817},[5615,12321,5821],{"class":5629},[5615,12323,12324,12326],{"class":5617,"line":6829},[5615,12325,5942],{"class":5941},[5615,12327,5945],{"class":5629},[5615,12329,12330,12332,12334],{"class":5617,"line":6839},[5615,12331,5952],{"class":5951},[5615,12333,11211],{"class":5625},[5615,12335,5959],{"class":5951},[5615,12337,12338,12340,12343],{"class":5617,"line":6859},[5615,12339,5965],{"class":5951},[5615,12341,12342],{"class":5625},"LanguageProvider",[5615,12344,5959],{"class":5951},[5615,12346,12347,12349,12352],{"class":5617,"line":6879},[5615,12348,7976],{"class":5951},[5615,12350,12351],{"class":5625},"MainApp",[5615,12353,5998],{"class":5951},[5615,12355,12356,12358,12360],{"class":5617,"line":6888},[5615,12357,8003],{"class":5951},[5615,12359,12342],{"class":5625},[5615,12361,5959],{"class":5951},[5615,12363,12364,12366,12368],{"class":5617,"line":6893},[5615,12365,6044],{"class":5951},[5615,12367,11211],{"class":5625},[5615,12369,5959],{"class":5951},[5615,12371,12372],{"class":5617,"line":6898},[5615,12373,6054],{"class":5629},[5615,12375,12376],{"class":5617,"line":6903},[5615,12377,5684],{"class":5629},[5615,12379,12380],{"class":5617,"line":8471},[5615,12381,5691],{"emptyLinePlaceholder":5690},[5615,12383,12384,12386,12389],{"class":5617,"line":8478},[5615,12385,5814],{"class":5621},[5615,12387,12388],{"class":5817}," MainApp",[5615,12390,5821],{"class":5629},[5615,12392,12393,12395,12397,12399,12401,12403],{"class":5617,"line":8491},[5615,12394,5827],{"class":5621},[5615,12396,7006],{"class":5629},[5615,12398,5833],{"class":5700},[5615,12400,11249],{"class":5629},[5615,12402,10535],{"class":5817},[5615,12404,10538],{"class":5629},[5615,12406,12407,12409,12411,12413,12415,12418],{"class":5617,"line":8502},[5615,12408,5827],{"class":5621},[5615,12410,7006],{"class":5629},[5615,12412,12270],{"class":5700},[5615,12414,11249],{"class":5629},[5615,12416,12417],{"class":5817},"useLanguage",[5615,12419,10538],{"class":5629},[5615,12421,12422],{"class":5617,"line":8513},[5615,12423,5691],{"emptyLinePlaceholder":5690},[5615,12425,12426,12428],{"class":5617,"line":8526},[5615,12427,5942],{"class":5941},[5615,12429,5945],{"class":5629},[5615,12431,12432,12434,12436,12438,12440,12442,12444,12446,12448,12450,12452,12454,12456,12458,12460,12462,12465,12467,12469],{"class":5617,"line":8539},[5615,12433,5952],{"class":5951},[5615,12435,5956],{"class":5955},[5615,12437,6125],{"class":5971},[5615,12439,5975],{"class":5629},[5615,12441,5978],{"class":5621},[5615,12443,6133],{"class":6132},[5615,12445,6136],{"class":5636},[5615,12447,5972],{"class":5636},[5615,12449,5528],{"class":6132},[5615,12451,5905],{"class":5636},[5615,12453,6633],{"class":5629},[5615,12455,5776],{"class":5643},[5615,12457,6638],{"class":5629},[5615,12459,5796],{"class":5643},[5615,12461,6644],{"class":5629},[5615,12463,12464],{"class":5643}," \"#fff\"",[5615,12466,6146],{"class":6132},[5615,12468,5983],{"class":5621},[5615,12470,5959],{"class":5951},[5615,12472,12473,12475,12477,12479,12481,12483,12485,12488,12491,12493,12495,12497],{"class":5617,"line":8549},[5615,12474,5965],{"class":5951},[5615,12476,5472],{"class":5955},[5615,12478,6293],{"class":5951},[5615,12480,5978],{"class":5621},[5615,12482,12270],{"class":5817},[5615,12484,7421],{"class":6132},[5615,12486,12487],{"class":5643},"\"welcome\"",[5615,12489,12490],{"class":6132},")",[5615,12492,5983],{"class":5621},[5615,12494,6299],{"class":5951},[5615,12496,5472],{"class":5955},[5615,12498,5959],{"class":5951},[5615,12500,12501,12503,12506],{"class":5617,"line":8560},[5615,12502,5965],{"class":5951},[5615,12504,12505],{"class":5625},"Settings",[5615,12507,5998],{"class":5951},[5615,12509,12510,12512,12514],{"class":5617,"line":8569},[5615,12511,6044],{"class":5951},[5615,12513,5956],{"class":5955},[5615,12515,5959],{"class":5951},[5615,12517,12518],{"class":5617,"line":8580},[5615,12519,6054],{"class":5629},[5615,12521,12522],{"class":5617,"line":8587},[5615,12523,5684],{"class":5629},[5615,12525,12526],{"class":5617,"line":8592},[5615,12527,5691],{"emptyLinePlaceholder":5690},[5615,12529,12530,12532,12535],{"class":5617,"line":8619},[5615,12531,5814],{"class":5621},[5615,12533,12534],{"class":5817}," Settings",[5615,12536,5821],{"class":5629},[5615,12538,12539,12541,12543,12545,12547,12549],{"class":5617,"line":8628},[5615,12540,5827],{"class":5621},[5615,12542,7006],{"class":5629},[5615,12544,5993],{"class":5700},[5615,12546,11249],{"class":5629},[5615,12548,10535],{"class":5817},[5615,12550,10538],{"class":5629},[5615,12552,12553,12555,12557,12559,12561,12563,12565,12567,12569,12571],{"class":5617,"line":8633},[5615,12554,5827],{"class":5621},[5615,12556,7006],{"class":5629},[5615,12558,12157],{"class":5700},[5615,12560,5521],{"class":5629},[5615,12562,12162],{"class":5700},[5615,12564,5521],{"class":5629},[5615,12566,12270],{"class":5700},[5615,12568,11249],{"class":5629},[5615,12570,12417],{"class":5817},[5615,12572,10538],{"class":5629},[5615,12574,12575],{"class":5617,"line":8638},[5615,12576,5691],{"emptyLinePlaceholder":5690},[5615,12578,12579,12581],{"class":5617,"line":8643},[5615,12580,5942],{"class":5941},[5615,12582,5945],{"class":5629},[5615,12584,12585,12587,12589],{"class":5617,"line":8652},[5615,12586,5952],{"class":5951},[5615,12588,5956],{"class":5955},[5615,12590,5959],{"class":5951},[5615,12592,12593,12595,12597,12599,12601,12603,12605,12608,12610,12612,12614,12616],{"class":5617,"line":8669},[5615,12594,5965],{"class":5951},[5615,12596,5583],{"class":5955},[5615,12598,6293],{"class":5951},[5615,12600,5978],{"class":5621},[5615,12602,12270],{"class":5817},[5615,12604,7421],{"class":6132},[5615,12606,12607],{"class":5643},"\"settings\"",[5615,12609,12490],{"class":6132},[5615,12611,5983],{"class":5621},[5615,12613,6299],{"class":5951},[5615,12615,5583],{"class":5955},[5615,12617,5959],{"class":5951},[5615,12619,12620,12622,12624,12626,12628,12630,12632,12634,12636,12639,12641,12643],{"class":5617,"line":8674},[5615,12621,5965],{"class":5951},[5615,12623,6657],{"class":5955},[5615,12625,11272],{"class":5971},[5615,12627,5975],{"class":5629},[5615,12629,5978],{"class":5621},[5615,12631,5993],{"class":5636},[5615,12633,5983],{"class":5621},[5615,12635,6293],{"class":5951},[5615,12637,12638],{"class":5629},"Toggle Theme",[5615,12640,6299],{"class":5951},[5615,12642,6657],{"class":5955},[5615,12644,5959],{"class":5951},[5615,12646,12647,12649,12651,12653,12655,12657,12660,12662,12665,12667,12669,12671,12674,12676,12679,12681,12683,12685,12687],{"class":5617,"line":8681},[5615,12648,5965],{"class":5951},[5615,12650,6657],{"class":5955},[5615,12652,11272],{"class":5971},[5615,12654,5975],{"class":5629},[5615,12656,5978],{"class":5621},[5615,12658,12659],{"class":6132},"() ",[5615,12661,5877],{"class":5621},[5615,12663,12664],{"class":5817}," setLanguage",[5615,12666,7421],{"class":6132},[5615,12668,12157],{"class":5636},[5615,12670,6633],{"class":5629},[5615,12672,12673],{"class":5643}," \"uk\"",[5615,12675,6638],{"class":5629},[5615,12677,12678],{"class":5643}," \"en\"",[5615,12680,6644],{"class":5629},[5615,12682,12673],{"class":5643},[5615,12684,12490],{"class":6132},[5615,12686,5983],{"class":5621},[5615,12688,5959],{"class":5951},[5615,12690,12691,12694,12696,12698,12700,12702,12704,12707,12709,12712],{"class":5617,"line":8690},[5615,12692,12693],{"class":5629},"        Switch to ",[5615,12695,5978],{"class":5621},[5615,12697,12157],{"class":5636},[5615,12699,6633],{"class":5629},[5615,12701,12673],{"class":5643},[5615,12703,6638],{"class":5629},[5615,12705,12706],{"class":5643}," \"EN\"",[5615,12708,6644],{"class":5629},[5615,12710,12711],{"class":5643}," \"UK\"",[5615,12713,5684],{"class":5621},[5615,12715,12716,12718,12720],{"class":5617,"line":8724},[5615,12717,8003],{"class":5951},[5615,12719,6657],{"class":5955},[5615,12721,5959],{"class":5951},[5615,12723,12724,12726,12728],{"class":5617,"line":8751},[5615,12725,6044],{"class":5951},[5615,12727,5956],{"class":5955},[5615,12729,5959],{"class":5951},[5615,12731,12732],{"class":5617,"line":8757},[5615,12733,6054],{"class":5629},[5615,12735,12736],{"class":5617,"line":8763},[5615,12737,5684],{"class":5629},[5479,12739,12740],{},[5483,12741,12742],{},"Ключові спостереження:",[6939,12744,12745,12751,12761],{},[5506,12746,12747,12750],{},[5483,12748,12749],{},"Незалежність контекстів."," Кожен провайдер управляє власним станом. Зміна теми не викликає повторного рендеру компонентів, які читають лише мову, і навпаки.",[5506,12752,12753,12756,12757,12760],{},[5483,12754,12755],{},"Композиція провайдерів."," Вкладання ",[5518,12758,12759],{},"\u003CThemeProvider>\u003CLanguageProvider>...\u003C\u002FLanguageProvider>\u003C\u002FThemeProvider>"," створює окремі контексти, доступні на різних рівнях дерева.",[5506,12762,12763,12766,12767,5521,12769,12771],{},[5483,12764,12765],{},"Чіткий API."," Кожен контекст експортує лише хук (",[5518,12768,10535],{},[5518,12770,12417],{},") та провайдер. Внутрішні деталі прихован.",[6933,12773,12774],{},"Уникайте надмірної вкладеності провайдерів у кореневому компоненті. Якщо їх більше 5-7, розгляньте можливість створення одного агрегованого провайдера або використання бібліотек управління станом (Redux, Zustand).",[5580,12776],{},[5583,12778,12780],{"id":12779},"context-usereducer-глобальне-управління-складним-станом","Context + useReducer: глобальне управління складним станом",[5479,12782,12783,12784,12787],{},"Для складних станів із множинними переходами Context API природно поєднується з хуком ",[5518,12785,12786],{},"useReducer",". Цей патерн дозволяє централізувати як логіку стану, так і його доступність.",[5479,12789,12790,12791,12794],{},"Розглянемо систему сповіщень (",[5510,12792,12793],{},"notifications","), де будь-який компонент може додавати, видаляти або очищати сповіщення:",[5606,12796,12798],{"className":5608,"code":12797,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useReducer } from \"react\";\n\n\u002F\u002F ─── Types ────────────────────────────────────────────────────────────────\n\ninterface Notification {\n  id: string;\n  message: string;\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n}\n\ntype NotificationAction =\n  | { type: \"ADD_NOTIFICATION\"; notification: Notification }\n  | { type: \"REMOVE_NOTIFICATION\"; id: string }\n  | { type: \"CLEAR_ALL\" };\n\ninterface NotificationContextValue {\n  notifications: Notification[];\n  addNotification: (message: string, type: Notification[\"type\"]) => void;\n  removeNotification: (id: string) => void;\n  clearAll: () => void;\n}\n\n\u002F\u002F ─── Reducer ──────────────────────────────────────────────────────────────\n\nfunction notificationReducer(\n  state: Notification[],\n  action: NotificationAction\n): Notification[] {\n  switch (action.type) {\n    case \"ADD_NOTIFICATION\":\n      return [...state, action.notification];\n\n    case \"REMOVE_NOTIFICATION\":\n      return state.filter((n) => n.id !== action.id);\n\n    case \"CLEAR_ALL\":\n      return [];\n\n    default:\n      return state;\n  }\n}\n\n\u002F\u002F ─── Context ──────────────────────────────────────────────────────────────\n\nconst NotificationContext = createContext\u003CNotificationContextValue | undefined>(\n  undefined\n);\n\nfunction useNotifications(): NotificationContextValue {\n  const context = useContext(NotificationContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useNotifications має використовуватись всередині NotificationProvider\"\n    );\n  }\n\n  return context;\n}\n\n\u002F\u002F ─── Provider ─────────────────────────────────────────────────────────────\n\nfunction NotificationProvider({ children }: { children: React.ReactNode }) {\n  const [notifications, dispatch] = useReducer(notificationReducer, []);\n\n  const addNotification = (message: string, type: Notification[\"type\"]) => {\n    const id = Date.now().toString() + Math.random().toString(36);\n    dispatch({\n      type: \"ADD_NOTIFICATION\",\n      notification: { id, message, type },\n    });\n\n    \u002F\u002F Автоматичне видалення через 5 секунд\n    setTimeout(() => {\n      dispatch({ type: \"REMOVE_NOTIFICATION\", id });\n    }, 5000);\n  };\n\n  const removeNotification = (id: string) => {\n    dispatch({ type: \"REMOVE_NOTIFICATION\", id });\n  };\n\n  const clearAll = () => {\n    dispatch({ type: \"CLEAR_ALL\" });\n  };\n\n  const value: NotificationContextValue = {\n    notifications,\n    addNotification,\n    removeNotification,\n    clearAll,\n  };\n\n  return (\n    \u003CNotificationContext.Provider value={value}>\n      {children}\n    \u003C\u002FNotificationContext.Provider>\n  );\n}\n\n\u002F\u002F ─── UI Components ────────────────────────────────────────────────────────\n\nfunction NotificationList() {\n  const { notifications, removeNotification } = useNotifications();\n\n  if (notifications.length === 0) return null;\n\n  return (\n    \u003Cdiv\n      style={{\n        position: \"fixed\",\n        top: \"1rem\",\n        right: \"1rem\",\n        zIndex: 1000,\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"0.5rem\",\n      }}\n    >\n      {notifications.map((notification) => (\n        \u003Cdiv\n          key={notification.id}\n          style={{\n            padding: \"1rem\",\n            borderRadius: \"0.5rem\",\n            backgroundColor:\n              notification.type === \"error\"\n                ? \"#ef4444\"\n                : notification.type === \"success\"\n                ? \"#22c55e\"\n                : notification.type === \"warning\"\n                ? \"#f59e0b\"\n                : \"#3b82f6\",\n            color: \"white\",\n            minWidth: \"300px\",\n            boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n          }}\n        >\n          \u003Cdiv style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            \u003Cspan>{notification.message}\u003C\u002Fspan>\n            \u003Cbutton\n              onClick={() => removeNotification(notification.id)}\n              style={{\n                background: \"none\",\n                border: \"none\",\n                color: \"white\",\n                cursor: \"pointer\",\n                fontSize: \"1.2rem\",\n              }}\n            >\n              ✕\n            \u003C\u002Fbutton>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      ))}\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction DemoButtons() {\n  const { addNotification, clearAll } = useNotifications();\n\n  return (\n    \u003Cdiv style={{ display: \"flex\", gap: \"1rem\", flexWrap: \"wrap\" }}>\n      \u003Cbutton onClick={() => addNotification(\"Операція успішна\", \"success\")}>\n        Success\n      \u003C\u002Fbutton>\n      \u003Cbutton onClick={() => addNotification(\"Це інформація\", \"info\")}>\n        Info\n      \u003C\u002Fbutton>\n      \u003Cbutton onClick={() => addNotification(\"Увага!\", \"warning\")}>\n        Warning\n      \u003C\u002Fbutton>\n      \u003Cbutton onClick={() => addNotification(\"Помилка виконання\", \"error\")}>\n        Error\n      \u003C\u002Fbutton>\n      \u003Cbutton onClick={clearAll}>Очистити всі\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction App() {\n  return (\n    \u003CNotificationProvider>\n      \u003Cdiv style={{ padding: \"2rem\" }}>\n        \u003Ch1>Система сповіщень\u003C\u002Fh1>\n        \u003CDemoButtons \u002F>\n        \u003CNotificationList \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FNotificationProvider>\n  );\n}\n",[5518,12799,12800,12824,12828,12833,12837,12846,12857,12868,12895,12899,12903,12913,12938,12960,12973,12977,12986,12998,13034,13055,13068,13072,13076,13081,13085,13095,13107,13117,13126,13142,13153,13175,13179,13188,13227,13231,13240,13247,13251,13258,13266,13270,13274,13278,13283,13287,13310,13315,13319,13323,13336,13353,13357,13371,13381,13386,13391,13395,13399,13407,13411,13415,13420,13424,13449,13474,13478,13511,13557,13565,13574,13594,13599,13603,13608,13620,13639,13649,13653,13657,13678,13694,13698,13702,13715,13727,13731,13735,13747,13754,13761,13768,13775,13779,13783,13789,13808,13816,13824,13828,13832,13836,13841,13845,13854,13874,13878,13906,13910,13916,13922,13932,13942,13951,13960,13970,13979,13989,13998,14004,14008,14029,14035,14052,14063,14073,14083,14089,14104,14113,14131,14139,14155,14163,14172,14183,14194,14205,14213,14219,14253,14279,14286,14314,14326,14336,14346,14356,14366,14377,14385,14391,14397,14407,14417,14427,14435,14444,14449,14454,14459,14469,14490,14495,14502,14541,14575,14581,14590,14624,14630,14639,14673,14679,14688,14722,14728,14737,14765,14774,14779,14784,14789,14798,14805,14815,14841,14859,14869,14879,14888,14897,14902],{"__ignoreMap":5611},[5615,12801,12802,12804,12806,12808,12810,12812,12814,12816,12818,12820,12822],{"class":5617,"line":5618},[5615,12803,7003],{"class":5941},[5615,12805,7006],{"class":5629},[5615,12807,5520],{"class":5636},[5615,12809,5521],{"class":5629},[5615,12811,5527],{"class":5636},[5615,12813,5521],{"class":5629},[5615,12815,12786],{"class":5636},[5615,12817,7011],{"class":5629},[5615,12819,7014],{"class":5941},[5615,12821,7017],{"class":5643},[5615,12823,5653],{"class":5629},[5615,12825,12826],{"class":5617,"line":5633},[5615,12827,5691],{"emptyLinePlaceholder":5690},[5615,12829,12830],{"class":5617,"line":5656},[5615,12831,12832],{"class":6906},"\u002F\u002F ─── Types ────────────────────────────────────────────────────────────────\n",[5615,12834,12835],{"class":5617,"line":5669},[5615,12836,5691],{"emptyLinePlaceholder":5690},[5615,12838,12839,12841,12844],{"class":5617,"line":5681},[5615,12840,5622],{"class":5621},[5615,12842,12843],{"class":5625}," Notification",[5615,12845,5630],{"class":5629},[5615,12847,12848,12851,12853,12855],{"class":5617,"line":5687},[5615,12849,12850],{"class":5636},"  id",[5615,12852,5640],{"class":5629},[5615,12854,5664],{"class":5625},[5615,12856,5653],{"class":5629},[5615,12858,12859,12862,12864,12866],{"class":5617,"line":5694},[5615,12860,12861],{"class":5636},"  message",[5615,12863,5640],{"class":5629},[5615,12865,5664],{"class":5625},[5615,12867,5653],{"class":5629},[5615,12869,12870,12873,12875,12878,12880,12883,12885,12888,12890,12893],{"class":5617,"line":5712},[5615,12871,12872],{"class":5636},"  type",[5615,12874,5640],{"class":5629},[5615,12876,12877],{"class":5643},"\"info\"",[5615,12879,5647],{"class":5629},[5615,12881,12882],{"class":5643},"\"success\"",[5615,12884,5647],{"class":5629},[5615,12886,12887],{"class":5643},"\"warning\"",[5615,12889,5647],{"class":5629},[5615,12891,12892],{"class":5643},"\"error\"",[5615,12894,5653],{"class":5629},[5615,12896,12897],{"class":5617,"line":5724},[5615,12898,5684],{"class":5629},[5615,12900,12901],{"class":5617,"line":5735},[5615,12902,5691],{"emptyLinePlaceholder":5690},[5615,12904,12905,12907,12910],{"class":5617,"line":5746},[5615,12906,11834],{"class":5621},[5615,12908,12909],{"class":5625}," NotificationAction",[5615,12911,12912],{"class":5629}," =\n",[5615,12914,12915,12918,12920,12922,12925,12927,12930,12932,12935],{"class":5617,"line":5752},[5615,12916,12917],{"class":5629},"  | { ",[5615,12919,11834],{"class":5636},[5615,12921,5640],{"class":5629},[5615,12923,12924],{"class":5643},"\"ADD_NOTIFICATION\"",[5615,12926,6094],{"class":5629},[5615,12928,12929],{"class":5636},"notification",[5615,12931,5640],{"class":5629},[5615,12933,12934],{"class":5625},"Notification",[5615,12936,12937],{"class":5629}," }\n",[5615,12939,12940,12942,12944,12946,12949,12951,12954,12956,12958],{"class":5617,"line":5757},[5615,12941,12917],{"class":5629},[5615,12943,11834],{"class":5636},[5615,12945,5640],{"class":5629},[5615,12947,12948],{"class":5643},"\"REMOVE_NOTIFICATION\"",[5615,12950,6094],{"class":5629},[5615,12952,12953],{"class":5636},"id",[5615,12955,5640],{"class":5629},[5615,12957,5664],{"class":5625},[5615,12959,12937],{"class":5629},[5615,12961,12962,12964,12966,12968,12971],{"class":5617,"line":5771},[5615,12963,12917],{"class":5629},[5615,12965,11834],{"class":5636},[5615,12967,5640],{"class":5629},[5615,12969,12970],{"class":5643},"\"CLEAR_ALL\"",[5615,12972,11218],{"class":5629},[5615,12974,12975],{"class":5617,"line":5781},[5615,12976,5691],{"emptyLinePlaceholder":5690},[5615,12978,12979,12981,12984],{"class":5617,"line":5791},[5615,12980,5622],{"class":5621},[5615,12982,12983],{"class":5625}," NotificationContextValue",[5615,12985,5630],{"class":5629},[5615,12987,12988,12991,12993,12995],{"class":5617,"line":5801},[5615,12989,12990],{"class":5636},"  notifications",[5615,12992,5640],{"class":5629},[5615,12994,12934],{"class":5625},[5615,12996,12997],{"class":5629},"[];\n",[5615,12999,13000,13003,13005,13008,13010,13012,13014,13016,13018,13020,13022,13025,13028,13030,13032],{"class":5617,"line":5806},[5615,13001,13002],{"class":5817},"  addNotification",[5615,13004,11882],{"class":5629},[5615,13006,13007],{"class":5636},"message",[5615,13009,5640],{"class":5629},[5615,13011,5664],{"class":5625},[5615,13013,5521],{"class":5629},[5615,13015,11834],{"class":5636},[5615,13017,5640],{"class":5629},[5615,13019,12934],{"class":5625},[5615,13021,12216],{"class":5629},[5615,13023,13024],{"class":5643},"\"type\"",[5615,13026,13027],{"class":5629},"]) ",[5615,13029,5877],{"class":5621},[5615,13031,6104],{"class":5625},[5615,13033,5653],{"class":5629},[5615,13035,13036,13039,13041,13043,13045,13047,13049,13051,13053],{"class":5617,"line":5811},[5615,13037,13038],{"class":5817},"  removeNotification",[5615,13040,11882],{"class":5629},[5615,13042,12953],{"class":5636},[5615,13044,5640],{"class":5629},[5615,13046,5664],{"class":5625},[5615,13048,5894],{"class":5629},[5615,13050,5877],{"class":5621},[5615,13052,6104],{"class":5625},[5615,13054,5653],{"class":5629},[5615,13056,13057,13060,13062,13064,13066],{"class":5617,"line":5824},[5615,13058,13059],{"class":5817},"  clearAll",[5615,13061,6099],{"class":5629},[5615,13063,5877],{"class":5621},[5615,13065,6104],{"class":5625},[5615,13067,5653],{"class":5629},[5615,13069,13070],{"class":5617,"line":5861},[5615,13071,5684],{"class":5629},[5615,13073,13074],{"class":5617,"line":5866},[5615,13075,5691],{"emptyLinePlaceholder":5690},[5615,13077,13078],{"class":5617,"line":5882},[5615,13079,13080],{"class":6906},"\u002F\u002F ─── Reducer ──────────────────────────────────────────────────────────────\n",[5615,13082,13083],{"class":5617,"line":5927},[5615,13084,5691],{"emptyLinePlaceholder":5690},[5615,13086,13087,13089,13092],{"class":5617,"line":5933},[5615,13088,5814],{"class":5621},[5615,13090,13091],{"class":5817}," notificationReducer",[5615,13093,13094],{"class":5629},"(\n",[5615,13096,13097,13100,13102,13104],{"class":5617,"line":5938},[5615,13098,13099],{"class":5636},"  state",[5615,13101,5640],{"class":5629},[5615,13103,12934],{"class":5625},[5615,13105,13106],{"class":5629},"[],\n",[5615,13108,13109,13112,13114],{"class":5617,"line":5948},[5615,13110,13111],{"class":5636},"  action",[5615,13113,5640],{"class":5629},[5615,13115,13116],{"class":5625},"NotificationAction\n",[5615,13118,13119,13121,13123],{"class":5617,"line":5962},[5615,13120,12199],{"class":5629},[5615,13122,12934],{"class":5625},[5615,13124,13125],{"class":5629},"[] {\n",[5615,13127,13128,13131,13133,13136,13138,13140],{"class":5617,"line":6001},[5615,13129,13130],{"class":5941},"  switch",[5615,13132,5593],{"class":5629},[5615,13134,13135],{"class":5636},"action",[5615,13137,5528],{"class":5629},[5615,13139,11834],{"class":5636},[5615,13141,10253],{"class":5629},[5615,13143,13144,13147,13150],{"class":5617,"line":6021},[5615,13145,13146],{"class":5941},"    case",[5615,13148,13149],{"class":5643}," \"ADD_NOTIFICATION\"",[5615,13151,13152],{"class":5629},":\n",[5615,13154,13155,13158,13161,13164,13166,13168,13170,13172],{"class":5617,"line":6041},[5615,13156,13157],{"class":5941},"      return",[5615,13159,13160],{"class":5629}," [...",[5615,13162,13163],{"class":5636},"state",[5615,13165,5521],{"class":5629},[5615,13167,13135],{"class":5636},[5615,13169,5528],{"class":5629},[5615,13171,12929],{"class":5636},[5615,13173,13174],{"class":5629},"];\n",[5615,13176,13177],{"class":5617,"line":6051},[5615,13178,5691],{"emptyLinePlaceholder":5690},[5615,13180,13181,13183,13186],{"class":5617,"line":6057},[5615,13182,13146],{"class":5941},[5615,13184,13185],{"class":5643}," \"REMOVE_NOTIFICATION\"",[5615,13187,13152],{"class":5629},[5615,13189,13190,13192,13195,13197,13200,13202,13205,13207,13209,13212,13214,13216,13219,13221,13223,13225],{"class":5617,"line":6062},[5615,13191,13157],{"class":5941},[5615,13193,13194],{"class":5636}," state",[5615,13196,5528],{"class":5629},[5615,13198,13199],{"class":5817},"filter",[5615,13201,5888],{"class":5629},[5615,13203,13204],{"class":5636},"n",[5615,13206,5894],{"class":5629},[5615,13208,5877],{"class":5621},[5615,13210,13211],{"class":5636}," n",[5615,13213,5528],{"class":5629},[5615,13215,12953],{"class":5636},[5615,13217,13218],{"class":5629}," !== ",[5615,13220,13135],{"class":5636},[5615,13222,5528],{"class":5629},[5615,13224,12953],{"class":5636},[5615,13226,5858],{"class":5629},[5615,13228,13229],{"class":5617,"line":6067},[5615,13230,5691],{"emptyLinePlaceholder":5690},[5615,13232,13233,13235,13238],{"class":5617,"line":6110},[5615,13234,13146],{"class":5941},[5615,13236,13237],{"class":5643}," \"CLEAR_ALL\"",[5615,13239,13152],{"class":5629},[5615,13241,13242,13244],{"class":5617,"line":6117},[5615,13243,13157],{"class":5941},[5615,13245,13246],{"class":5629}," [];\n",[5615,13248,13249],{"class":5617,"line":6153},[5615,13250,5691],{"emptyLinePlaceholder":5690},[5615,13252,13253,13256],{"class":5617,"line":6173},[5615,13254,13255],{"class":5941},"    default",[5615,13257,13152],{"class":5629},[5615,13259,13260,13262,13264],{"class":5617,"line":6204},[5615,13261,13157],{"class":5941},[5615,13263,13194],{"class":5636},[5615,13265,5653],{"class":5629},[5615,13267,13268],{"class":5617,"line":6213},[5615,13269,10276],{"class":5629},[5615,13271,13272],{"class":5617,"line":6218},[5615,13273,5684],{"class":5629},[5615,13275,13276],{"class":5617,"line":6223},[5615,13277,5691],{"emptyLinePlaceholder":5690},[5615,13279,13280],{"class":5617,"line":6228},[5615,13281,13282],{"class":6906},"\u002F\u002F ─── Context ──────────────────────────────────────────────────────────────\n",[5615,13284,13285],{"class":5617,"line":6250},[5615,13286,5691],{"emptyLinePlaceholder":5690},[5615,13288,13289,13291,13294,13296,13298,13300,13303,13305,13307],{"class":5617,"line":6257},[5615,13290,5697],{"class":5621},[5615,13292,13293],{"class":5700}," NotificationContext",[5615,13295,7132],{"class":5629},[5615,13297,5520],{"class":5817},[5615,13299,5847],{"class":5629},[5615,13301,13302],{"class":5625},"NotificationContextValue",[5615,13304,5647],{"class":5629},[5615,13306,10069],{"class":5625},[5615,13308,13309],{"class":5629},">(\n",[5615,13311,13312],{"class":5617,"line":6267},[5615,13313,13314],{"class":5621},"  undefined\n",[5615,13316,13317],{"class":5617,"line":6306},[5615,13318,5858],{"class":5629},[5615,13320,13321],{"class":5617,"line":6341},[5615,13322,5691],{"emptyLinePlaceholder":5690},[5615,13324,13325,13327,13330,13332,13334],{"class":5617,"line":6350},[5615,13326,5814],{"class":5621},[5615,13328,13329],{"class":5817}," useNotifications",[5615,13331,10211],{"class":5629},[5615,13333,13302],{"class":5625},[5615,13335,5630],{"class":5629},[5615,13337,13338,13340,13342,13344,13346,13348,13351],{"class":5617,"line":6355},[5615,13339,5827],{"class":5621},[5615,13341,10222],{"class":5700},[5615,13343,7132],{"class":5629},[5615,13345,5527],{"class":5817},[5615,13347,7421],{"class":5629},[5615,13349,13350],{"class":5636},"NotificationContext",[5615,13352,5858],{"class":5629},[5615,13354,13355],{"class":5617,"line":6360},[5615,13356,5691],{"emptyLinePlaceholder":5690},[5615,13358,13359,13361,13363,13365,13367,13369],{"class":5617,"line":6365},[5615,13360,10241],{"class":5941},[5615,13362,5593],{"class":5629},[5615,13364,10246],{"class":5636},[5615,13366,5908],{"class":5629},[5615,13368,10069],{"class":5621},[5615,13370,10253],{"class":5629},[5615,13372,13373,13375,13377,13379],{"class":5617,"line":6418},[5615,13374,10258],{"class":5941},[5615,13376,10261],{"class":5621},[5615,13378,10264],{"class":5817},[5615,13380,13094],{"class":5629},[5615,13382,13383],{"class":5617,"line":6425},[5615,13384,13385],{"class":5643},"      \"useNotifications має використовуватись всередині NotificationProvider\"\n",[5615,13387,13388],{"class":5617,"line":6467},[5615,13389,13390],{"class":5629},"    );\n",[5615,13392,13393],{"class":5617,"line":6477},[5615,13394,10276],{"class":5629},[5615,13396,13397],{"class":5617,"line":6486},[5615,13398,5691],{"emptyLinePlaceholder":5690},[5615,13400,13401,13403,13405],{"class":5617,"line":6491},[5615,13402,5942],{"class":5941},[5615,13404,10222],{"class":5636},[5615,13406,5653],{"class":5629},[5615,13408,13409],{"class":5617,"line":6496},[5615,13410,5684],{"class":5629},[5615,13412,13413],{"class":5617,"line":6501},[5615,13414,5691],{"emptyLinePlaceholder":5690},[5615,13416,13417],{"class":5617,"line":6538},[5615,13418,13419],{"class":6906},"\u002F\u002F ─── Provider ─────────────────────────────────────────────────────────────\n",[5615,13421,13422],{"class":5617,"line":6545},[5615,13423,5691],{"emptyLinePlaceholder":5690},[5615,13425,13426,13428,13431,13433,13435,13437,13439,13441,13443,13445,13447],{"class":5617,"line":6553},[5615,13427,5814],{"class":5621},[5615,13429,13430],{"class":5817}," NotificationProvider",[5615,13432,6075],{"class":5629},[5615,13434,6384],{"class":5636},[5615,13436,6085],{"class":5629},[5615,13438,6384],{"class":5636},[5615,13440,5640],{"class":5629},[5615,13442,2303],{"class":5625},[5615,13444,5528],{"class":5629},[5615,13446,6413],{"class":5625},[5615,13448,6107],{"class":5629},[5615,13450,13451,13453,13455,13457,13459,13462,13464,13466,13468,13471],{"class":5617,"line":6567},[5615,13452,5827],{"class":5621},[5615,13454,5830],{"class":5629},[5615,13456,12793],{"class":5700},[5615,13458,5521],{"class":5629},[5615,13460,13461],{"class":5700},"dispatch",[5615,13463,5841],{"class":5629},[5615,13465,12786],{"class":5817},[5615,13467,7421],{"class":5629},[5615,13469,13470],{"class":5636},"notificationReducer",[5615,13472,13473],{"class":5629},", []);\n",[5615,13475,13476],{"class":5617,"line":6580},[5615,13477,5691],{"emptyLinePlaceholder":5690},[5615,13479,13480,13482,13485,13487,13489,13491,13493,13495,13497,13499,13501,13503,13505,13507,13509],{"class":5617,"line":6594},[5615,13481,5827],{"class":5621},[5615,13483,13484],{"class":5817}," addNotification",[5615,13486,12190],{"class":5629},[5615,13488,13007],{"class":5636},[5615,13490,5640],{"class":5629},[5615,13492,5664],{"class":5625},[5615,13494,5521],{"class":5629},[5615,13496,11834],{"class":5636},[5615,13498,5640],{"class":5629},[5615,13500,12934],{"class":5625},[5615,13502,12216],{"class":5629},[5615,13504,13024],{"class":5643},[5615,13506,13027],{"class":5629},[5615,13508,5877],{"class":5621},[5615,13510,5630],{"class":5629},[5615,13512,13513,13516,13519,13521,13524,13526,13529,13532,13535,13538,13541,13543,13546,13548,13550,13552,13555],{"class":5617,"line":6608},[5615,13514,13515],{"class":5621},"    const",[5615,13517,13518],{"class":5700}," id",[5615,13520,7132],{"class":5629},[5615,13522,13523],{"class":5636},"Date",[5615,13525,5528],{"class":5629},[5615,13527,13528],{"class":5817},"now",[5615,13530,13531],{"class":5629},"().",[5615,13533,13534],{"class":5817},"toString",[5615,13536,13537],{"class":5629},"() + ",[5615,13539,13540],{"class":5636},"Math",[5615,13542,5528],{"class":5629},[5615,13544,13545],{"class":5817},"random",[5615,13547,13531],{"class":5629},[5615,13549,13534],{"class":5817},[5615,13551,7421],{"class":5629},[5615,13553,13554],{"class":8379},"36",[5615,13556,5858],{"class":5629},[5615,13558,13559,13562],{"class":5617,"line":6616},[5615,13560,13561],{"class":5817},"    dispatch",[5615,13563,13564],{"class":5629},"({\n",[5615,13566,13567,13570,13572],{"class":5617,"line":6622},[5615,13568,13569],{"class":5636},"      type:",[5615,13571,13149],{"class":5643},[5615,13573,5721],{"class":5629},[5615,13575,13576,13579,13581,13583,13585,13587,13589,13591],{"class":5617,"line":6652},[5615,13577,13578],{"class":5636},"      notification:",[5615,13580,7006],{"class":5629},[5615,13582,12953],{"class":5636},[5615,13584,5521],{"class":5629},[5615,13586,13007],{"class":5636},[5615,13588,5521],{"class":5629},[5615,13590,11834],{"class":5636},[5615,13592,13593],{"class":5629}," },\n",[5615,13595,13596],{"class":5617,"line":6662},[5615,13597,13598],{"class":5629},"    });\n",[5615,13600,13601],{"class":5617,"line":6667},[5615,13602,5691],{"emptyLinePlaceholder":5690},[5615,13604,13605],{"class":5617,"line":6672},[5615,13606,13607],{"class":6906},"    \u002F\u002F Автоматичне видалення через 5 секунд\n",[5615,13609,13610,13613,13616,13618],{"class":5617,"line":6677},[5615,13611,13612],{"class":5817},"    setTimeout",[5615,13614,13615],{"class":5629},"(() ",[5615,13617,5877],{"class":5621},[5615,13619,5630],{"class":5629},[5615,13621,13622,13625,13627,13630,13632,13634,13636],{"class":5617,"line":6699},[5615,13623,13624],{"class":5817},"      dispatch",[5615,13626,6075],{"class":5629},[5615,13628,13629],{"class":5636},"type:",[5615,13631,13185],{"class":5643},[5615,13633,5521],{"class":5629},[5615,13635,12953],{"class":5636},[5615,13637,13638],{"class":5629}," });\n",[5615,13640,13641,13644,13647],{"class":5617,"line":6706},[5615,13642,13643],{"class":5629},"    }, ",[5615,13645,13646],{"class":8379},"5000",[5615,13648,5858],{"class":5629},[5615,13650,13651],{"class":5617,"line":6736},[5615,13652,5930],{"class":5629},[5615,13654,13655],{"class":5617,"line":6756},[5615,13656,5691],{"emptyLinePlaceholder":5690},[5615,13658,13659,13661,13664,13666,13668,13670,13672,13674,13676],{"class":5617,"line":6776},[5615,13660,5827],{"class":5621},[5615,13662,13663],{"class":5817}," removeNotification",[5615,13665,12190],{"class":5629},[5615,13667,12953],{"class":5636},[5615,13669,5640],{"class":5629},[5615,13671,5664],{"class":5625},[5615,13673,5894],{"class":5629},[5615,13675,5877],{"class":5621},[5615,13677,5630],{"class":5629},[5615,13679,13680,13682,13684,13686,13688,13690,13692],{"class":5617,"line":6785},[5615,13681,13561],{"class":5817},[5615,13683,6075],{"class":5629},[5615,13685,13629],{"class":5636},[5615,13687,13185],{"class":5643},[5615,13689,5521],{"class":5629},[5615,13691,12953],{"class":5636},[5615,13693,13638],{"class":5629},[5615,13695,13696],{"class":5617,"line":6790},[5615,13697,5930],{"class":5629},[5615,13699,13700],{"class":5617,"line":6795},[5615,13701,5691],{"emptyLinePlaceholder":5690},[5615,13703,13704,13706,13709,13711,13713],{"class":5617,"line":6800},[5615,13705,5827],{"class":5621},[5615,13707,13708],{"class":5817}," clearAll",[5615,13710,5874],{"class":5629},[5615,13712,5877],{"class":5621},[5615,13714,5630],{"class":5629},[5615,13716,13717,13719,13721,13723,13725],{"class":5617,"line":6822},[5615,13718,13561],{"class":5817},[5615,13720,6075],{"class":5629},[5615,13722,13629],{"class":5636},[5615,13724,13237],{"class":5643},[5615,13726,13638],{"class":5629},[5615,13728,13729],{"class":5617,"line":6829},[5615,13730,5930],{"class":5629},[5615,13732,13733],{"class":5617,"line":6839},[5615,13734,5691],{"emptyLinePlaceholder":5690},[5615,13736,13737,13739,13741,13743,13745],{"class":5617,"line":6859},[5615,13738,5827],{"class":5621},[5615,13740,7262],{"class":5700},[5615,13742,5640],{"class":5629},[5615,13744,13302],{"class":5625},[5615,13746,5709],{"class":5629},[5615,13748,13749,13752],{"class":5617,"line":6879},[5615,13750,13751],{"class":5636},"    notifications",[5615,13753,5721],{"class":5629},[5615,13755,13756,13759],{"class":5617,"line":6888},[5615,13757,13758],{"class":5636},"    addNotification",[5615,13760,5721],{"class":5629},[5615,13762,13763,13766],{"class":5617,"line":6893},[5615,13764,13765],{"class":5636},"    removeNotification",[5615,13767,5721],{"class":5629},[5615,13769,13770,13773],{"class":5617,"line":6898},[5615,13771,13772],{"class":5636},"    clearAll",[5615,13774,5721],{"class":5629},[5615,13776,13777],{"class":5617,"line":6903},[5615,13778,5930],{"class":5629},[5615,13780,13781],{"class":5617,"line":8471},[5615,13782,5691],{"emptyLinePlaceholder":5690},[5615,13784,13785,13787],{"class":5617,"line":8478},[5615,13786,5942],{"class":5941},[5615,13788,5945],{"class":5629},[5615,13790,13791,13793,13796,13798,13800,13802,13804,13806],{"class":5617,"line":8491},[5615,13792,5952],{"class":5951},[5615,13794,13795],{"class":5625},"NotificationContext.Provider",[5615,13797,7262],{"class":5971},[5615,13799,5975],{"class":5629},[5615,13801,5978],{"class":5621},[5615,13803,7202],{"class":5636},[5615,13805,5983],{"class":5621},[5615,13807,5959],{"class":5951},[5615,13809,13810,13812,13814],{"class":5617,"line":8502},[5615,13811,6470],{"class":5621},[5615,13813,6384],{"class":5636},[5615,13815,5684],{"class":5621},[5615,13817,13818,13820,13822],{"class":5617,"line":8513},[5615,13819,6044],{"class":5951},[5615,13821,13795],{"class":5625},[5615,13823,5959],{"class":5951},[5615,13825,13826],{"class":5617,"line":8526},[5615,13827,6054],{"class":5629},[5615,13829,13830],{"class":5617,"line":8539},[5615,13831,5684],{"class":5629},[5615,13833,13834],{"class":5617,"line":8549},[5615,13835,5691],{"emptyLinePlaceholder":5690},[5615,13837,13838],{"class":5617,"line":8560},[5615,13839,13840],{"class":6906},"\u002F\u002F ─── UI Components ────────────────────────────────────────────────────────\n",[5615,13842,13843],{"class":5617,"line":8569},[5615,13844,5691],{"emptyLinePlaceholder":5690},[5615,13846,13847,13849,13852],{"class":5617,"line":8580},[5615,13848,5814],{"class":5621},[5615,13850,13851],{"class":5817}," NotificationList",[5615,13853,5821],{"class":5629},[5615,13855,13856,13858,13860,13862,13864,13867,13869,13872],{"class":5617,"line":8587},[5615,13857,5827],{"class":5621},[5615,13859,7006],{"class":5629},[5615,13861,12793],{"class":5700},[5615,13863,5521],{"class":5629},[5615,13865,13866],{"class":5700},"removeNotification",[5615,13868,11249],{"class":5629},[5615,13870,13871],{"class":5817},"useNotifications",[5615,13873,10538],{"class":5629},[5615,13875,13876],{"class":5617,"line":8592},[5615,13877,5691],{"emptyLinePlaceholder":5690},[5615,13879,13880,13882,13884,13886,13888,13891,13893,13896,13898,13901,13904],{"class":5617,"line":8619},[5615,13881,10241],{"class":5941},[5615,13883,5593],{"class":5629},[5615,13885,12793],{"class":5636},[5615,13887,5528],{"class":5629},[5615,13889,13890],{"class":5636},"length",[5615,13892,5908],{"class":5629},[5615,13894,13895],{"class":8379},"0",[5615,13897,5894],{"class":5629},[5615,13899,13900],{"class":5941},"return",[5615,13902,13903],{"class":5621}," null",[5615,13905,5653],{"class":5629},[5615,13907,13908],{"class":5617,"line":8628},[5615,13909,5691],{"emptyLinePlaceholder":5690},[5615,13911,13912,13914],{"class":5617,"line":8633},[5615,13913,5942],{"class":5941},[5615,13915,5945],{"class":5629},[5615,13917,13918,13920],{"class":5617,"line":8638},[5615,13919,5952],{"class":5951},[5615,13921,7901],{"class":5955},[5615,13923,13924,13926,13928,13930],{"class":5617,"line":8643},[5615,13925,6570],{"class":5971},[5615,13927,5975],{"class":5629},[5615,13929,5978],{"class":5621},[5615,13931,6577],{"class":6132},[5615,13933,13934,13937,13940],{"class":5617,"line":8652},[5615,13935,13936],{"class":5636},"        position:",[5615,13938,13939],{"class":5643}," \"fixed\"",[5615,13941,5721],{"class":6132},[5615,13943,13944,13947,13949],{"class":5617,"line":8669},[5615,13945,13946],{"class":5636},"        top:",[5615,13948,8156],{"class":5643},[5615,13950,5721],{"class":6132},[5615,13952,13953,13956,13958],{"class":5617,"line":8674},[5615,13954,13955],{"class":5636},"        right:",[5615,13957,8156],{"class":5643},[5615,13959,5721],{"class":6132},[5615,13961,13962,13965,13968],{"class":5617,"line":8681},[5615,13963,13964],{"class":5636},"        zIndex:",[5615,13966,13967],{"class":8379}," 1000",[5615,13969,5721],{"class":6132},[5615,13971,13972,13975,13977],{"class":5617,"line":8690},[5615,13973,13974],{"class":5636},"        display:",[5615,13976,8148],{"class":5643},[5615,13978,5721],{"class":6132},[5615,13980,13981,13984,13987],{"class":5617,"line":8724},[5615,13982,13983],{"class":5636},"        flexDirection:",[5615,13985,13986],{"class":5643}," \"column\"",[5615,13988,5721],{"class":6132},[5615,13990,13991,13994,13996],{"class":5617,"line":8751},[5615,13992,13993],{"class":5636},"        gap:",[5615,13995,8555],{"class":5643},[5615,13997,5721],{"class":6132},[5615,13999,14000,14002],{"class":5617,"line":8757},[5615,14001,6611],{"class":6132},[5615,14003,5684],{"class":5621},[5615,14005,14006],{"class":5617,"line":8763},[5615,14007,6619],{"class":5951},[5615,14009,14010,14012,14014,14016,14019,14021,14023,14025,14027],{"class":5617,"line":8769},[5615,14011,6470],{"class":5621},[5615,14013,12793],{"class":5636},[5615,14015,5528],{"class":6132},[5615,14017,14018],{"class":5817},"map",[5615,14020,5888],{"class":6132},[5615,14022,12929],{"class":5636},[5615,14024,5894],{"class":6132},[5615,14026,5877],{"class":5621},[5615,14028,5945],{"class":6132},[5615,14030,14031,14033],{"class":5617,"line":8778},[5615,14032,7976],{"class":5951},[5615,14034,7901],{"class":5955},[5615,14036,14037,14040,14042,14044,14046,14048,14050],{"class":5617,"line":8787},[5615,14038,14039],{"class":5971},"          key",[5615,14041,5975],{"class":5629},[5615,14043,5978],{"class":5621},[5615,14045,12929],{"class":5636},[5615,14047,5528],{"class":6132},[5615,14049,12953],{"class":5636},[5615,14051,5684],{"class":5621},[5615,14053,14054,14057,14059,14061],{"class":5617,"line":8792},[5615,14055,14056],{"class":5971},"          style",[5615,14058,5975],{"class":5629},[5615,14060,5978],{"class":5621},[5615,14062,6577],{"class":6132},[5615,14064,14066,14069,14071],{"class":5617,"line":14065},125,[5615,14067,14068],{"class":5636},"            padding:",[5615,14070,8156],{"class":5643},[5615,14072,5721],{"class":6132},[5615,14074,14076,14079,14081],{"class":5617,"line":14075},126,[5615,14077,14078],{"class":5636},"            borderRadius:",[5615,14080,8555],{"class":5643},[5615,14082,5721],{"class":6132},[5615,14084,14086],{"class":5617,"line":14085},127,[5615,14087,14088],{"class":5636},"            backgroundColor:\n",[5615,14090,14092,14095,14097,14099,14101],{"class":5617,"line":14091},128,[5615,14093,14094],{"class":5636},"              notification",[5615,14096,5528],{"class":6132},[5615,14098,11834],{"class":5636},[5615,14100,6633],{"class":5629},[5615,14102,14103],{"class":5643}," \"error\"\n",[5615,14105,14107,14110],{"class":5617,"line":14106},129,[5615,14108,14109],{"class":5629},"                ?",[5615,14111,14112],{"class":5643}," \"#ef4444\"\n",[5615,14114,14116,14119,14122,14124,14126,14128],{"class":5617,"line":14115},130,[5615,14117,14118],{"class":5629},"                :",[5615,14120,14121],{"class":5636}," notification",[5615,14123,5528],{"class":6132},[5615,14125,11834],{"class":5636},[5615,14127,6633],{"class":5629},[5615,14129,14130],{"class":5643}," \"success\"\n",[5615,14132,14134,14136],{"class":5617,"line":14133},131,[5615,14135,14109],{"class":5629},[5615,14137,14138],{"class":5643}," \"#22c55e\"\n",[5615,14140,14142,14144,14146,14148,14150,14152],{"class":5617,"line":14141},132,[5615,14143,14118],{"class":5629},[5615,14145,14121],{"class":5636},[5615,14147,5528],{"class":6132},[5615,14149,11834],{"class":5636},[5615,14151,6633],{"class":5629},[5615,14153,14154],{"class":5643}," \"warning\"\n",[5615,14156,14158,14160],{"class":5617,"line":14157},133,[5615,14159,14109],{"class":5629},[5615,14161,14162],{"class":5643}," \"#f59e0b\"\n",[5615,14164,14166,14168,14170],{"class":5617,"line":14165},134,[5615,14167,14118],{"class":5629},[5615,14169,5730],{"class":5643},[5615,14171,5721],{"class":6132},[5615,14173,14175,14178,14181],{"class":5617,"line":14174},135,[5615,14176,14177],{"class":5636},"            color:",[5615,14179,14180],{"class":5643}," \"white\"",[5615,14182,5721],{"class":6132},[5615,14184,14186,14189,14192],{"class":5617,"line":14185},136,[5615,14187,14188],{"class":5636},"            minWidth:",[5615,14190,14191],{"class":5643}," \"300px\"",[5615,14193,5721],{"class":6132},[5615,14195,14197,14200,14203],{"class":5617,"line":14196},137,[5615,14198,14199],{"class":5636},"            boxShadow:",[5615,14201,14202],{"class":5643}," \"0 4px 6px rgba(0,0,0,0.1)\"",[5615,14204,5721],{"class":6132},[5615,14206,14208,14211],{"class":5617,"line":14207},138,[5615,14209,14210],{"class":6132},"          }",[5615,14212,5684],{"class":5621},[5615,14214,14216],{"class":5617,"line":14215},139,[5615,14217,14218],{"class":5951},"        >\n",[5615,14220,14222,14225,14227,14229,14231,14233,14235,14237,14239,14241,14244,14247,14249,14251],{"class":5617,"line":14221},140,[5615,14223,14224],{"class":5951},"          \u003C",[5615,14226,5956],{"class":5955},[5615,14228,6125],{"class":5971},[5615,14230,5975],{"class":5629},[5615,14232,5978],{"class":5621},[5615,14234,6133],{"class":6132},[5615,14236,8145],{"class":5636},[5615,14238,8148],{"class":5643},[5615,14240,5521],{"class":6132},[5615,14242,14243],{"class":5636},"justifyContent:",[5615,14245,14246],{"class":5643}," \"space-between\"",[5615,14248,6146],{"class":6132},[5615,14250,5983],{"class":5621},[5615,14252,5959],{"class":5951},[5615,14254,14256,14259,14261,14263,14265,14267,14269,14271,14273,14275,14277],{"class":5617,"line":14255},141,[5615,14257,14258],{"class":5951},"            \u003C",[5615,14260,5615],{"class":5955},[5615,14262,6293],{"class":5951},[5615,14264,5978],{"class":5621},[5615,14266,12929],{"class":5636},[5615,14268,5528],{"class":6132},[5615,14270,13007],{"class":5636},[5615,14272,5983],{"class":5621},[5615,14274,6299],{"class":5951},[5615,14276,5615],{"class":5955},[5615,14278,5959],{"class":5951},[5615,14280,14282,14284],{"class":5617,"line":14281},142,[5615,14283,14258],{"class":5951},[5615,14285,6550],{"class":5955},[5615,14287,14289,14292,14294,14296,14298,14300,14302,14304,14306,14308,14310,14312],{"class":5617,"line":14288},143,[5615,14290,14291],{"class":5971},"              onClick",[5615,14293,5975],{"class":5629},[5615,14295,5978],{"class":5621},[5615,14297,12659],{"class":6132},[5615,14299,5877],{"class":5621},[5615,14301,13663],{"class":5817},[5615,14303,7421],{"class":6132},[5615,14305,12929],{"class":5636},[5615,14307,5528],{"class":6132},[5615,14309,12953],{"class":5636},[5615,14311,12490],{"class":6132},[5615,14313,5684],{"class":5621},[5615,14315,14317,14320,14322,14324],{"class":5617,"line":14316},144,[5615,14318,14319],{"class":5971},"              style",[5615,14321,5975],{"class":5629},[5615,14323,5978],{"class":5621},[5615,14325,6577],{"class":6132},[5615,14327,14329,14332,14334],{"class":5617,"line":14328},145,[5615,14330,14331],{"class":5636},"                background:",[5615,14333,8369],{"class":5643},[5615,14335,5721],{"class":6132},[5615,14337,14339,14342,14344],{"class":5617,"line":14338},146,[5615,14340,14341],{"class":5636},"                border:",[5615,14343,8369],{"class":5643},[5615,14345,5721],{"class":6132},[5615,14347,14349,14352,14354],{"class":5617,"line":14348},147,[5615,14350,14351],{"class":5636},"                color:",[5615,14353,14180],{"class":5643},[5615,14355,5721],{"class":6132},[5615,14357,14359,14362,14364],{"class":5617,"line":14358},148,[5615,14360,14361],{"class":5636},"                cursor:",[5615,14363,8575],{"class":5643},[5615,14365,5721],{"class":6132},[5615,14367,14369,14372,14375],{"class":5617,"line":14368},149,[5615,14370,14371],{"class":5636},"                fontSize:",[5615,14373,14374],{"class":5643}," \"1.2rem\"",[5615,14376,5721],{"class":6132},[5615,14378,14380,14383],{"class":5617,"line":14379},150,[5615,14381,14382],{"class":6132},"              }",[5615,14384,5684],{"class":5621},[5615,14386,14388],{"class":5617,"line":14387},151,[5615,14389,14390],{"class":5951},"            >\n",[5615,14392,14394],{"class":5617,"line":14393},152,[5615,14395,14396],{"class":6132},"              ✕\n",[5615,14398,14400,14403,14405],{"class":5617,"line":14399},153,[5615,14401,14402],{"class":5951},"            \u003C\u002F",[5615,14404,6657],{"class":5955},[5615,14406,5959],{"class":5951},[5615,14408,14410,14413,14415],{"class":5617,"line":14409},154,[5615,14411,14412],{"class":5951},"          \u003C\u002F",[5615,14414,5956],{"class":5955},[5615,14416,5959],{"class":5951},[5615,14418,14420,14423,14425],{"class":5617,"line":14419},155,[5615,14421,14422],{"class":5951},"        \u003C\u002F",[5615,14424,5956],{"class":5955},[5615,14426,5959],{"class":5951},[5615,14428,14430,14433],{"class":5617,"line":14429},156,[5615,14431,14432],{"class":6132},"      ))",[5615,14434,5684],{"class":5621},[5615,14436,14438,14440,14442],{"class":5617,"line":14437},157,[5615,14439,6044],{"class":5951},[5615,14441,5956],{"class":5955},[5615,14443,5959],{"class":5951},[5615,14445,14447],{"class":5617,"line":14446},158,[5615,14448,6054],{"class":5629},[5615,14450,14452],{"class":5617,"line":14451},159,[5615,14453,5684],{"class":5629},[5615,14455,14457],{"class":5617,"line":14456},160,[5615,14458,5691],{"emptyLinePlaceholder":5690},[5615,14460,14462,14464,14467],{"class":5617,"line":14461},161,[5615,14463,5814],{"class":5621},[5615,14465,14466],{"class":5817}," DemoButtons",[5615,14468,5821],{"class":5629},[5615,14470,14472,14474,14476,14479,14481,14484,14486,14488],{"class":5617,"line":14471},162,[5615,14473,5827],{"class":5621},[5615,14475,7006],{"class":5629},[5615,14477,14478],{"class":5700},"addNotification",[5615,14480,5521],{"class":5629},[5615,14482,14483],{"class":5700},"clearAll",[5615,14485,11249],{"class":5629},[5615,14487,13871],{"class":5817},[5615,14489,10538],{"class":5629},[5615,14491,14493],{"class":5617,"line":14492},163,[5615,14494,5691],{"emptyLinePlaceholder":5690},[5615,14496,14498,14500],{"class":5617,"line":14497},164,[5615,14499,5942],{"class":5941},[5615,14501,5945],{"class":5629},[5615,14503,14505,14507,14509,14511,14513,14515,14517,14519,14521,14523,14525,14527,14529,14532,14535,14537,14539],{"class":5617,"line":14504},165,[5615,14506,5952],{"class":5951},[5615,14508,5956],{"class":5955},[5615,14510,6125],{"class":5971},[5615,14512,5975],{"class":5629},[5615,14514,5978],{"class":5621},[5615,14516,6133],{"class":6132},[5615,14518,8145],{"class":5636},[5615,14520,8148],{"class":5643},[5615,14522,5521],{"class":6132},[5615,14524,8153],{"class":5636},[5615,14526,8156],{"class":5643},[5615,14528,5521],{"class":6132},[5615,14530,14531],{"class":5636},"flexWrap:",[5615,14533,14534],{"class":5643}," \"wrap\"",[5615,14536,6146],{"class":6132},[5615,14538,5983],{"class":5621},[5615,14540,5959],{"class":5951},[5615,14542,14544,14546,14548,14550,14552,14554,14556,14558,14560,14562,14565,14567,14569,14571,14573],{"class":5617,"line":14543},166,[5615,14545,5965],{"class":5951},[5615,14547,6657],{"class":5955},[5615,14549,11272],{"class":5971},[5615,14551,5975],{"class":5629},[5615,14553,5978],{"class":5621},[5615,14555,12659],{"class":6132},[5615,14557,5877],{"class":5621},[5615,14559,13484],{"class":5817},[5615,14561,7421],{"class":6132},[5615,14563,14564],{"class":5643},"\"Операція успішна\"",[5615,14566,5521],{"class":6132},[5615,14568,12882],{"class":5643},[5615,14570,12490],{"class":6132},[5615,14572,5983],{"class":5621},[5615,14574,5959],{"class":5951},[5615,14576,14578],{"class":5617,"line":14577},167,[5615,14579,14580],{"class":5629},"        Success\n",[5615,14582,14584,14586,14588],{"class":5617,"line":14583},168,[5615,14585,8003],{"class":5951},[5615,14587,6657],{"class":5955},[5615,14589,5959],{"class":5951},[5615,14591,14593,14595,14597,14599,14601,14603,14605,14607,14609,14611,14614,14616,14618,14620,14622],{"class":5617,"line":14592},169,[5615,14594,5965],{"class":5951},[5615,14596,6657],{"class":5955},[5615,14598,11272],{"class":5971},[5615,14600,5975],{"class":5629},[5615,14602,5978],{"class":5621},[5615,14604,12659],{"class":6132},[5615,14606,5877],{"class":5621},[5615,14608,13484],{"class":5817},[5615,14610,7421],{"class":6132},[5615,14612,14613],{"class":5643},"\"Це інформація\"",[5615,14615,5521],{"class":6132},[5615,14617,12877],{"class":5643},[5615,14619,12490],{"class":6132},[5615,14621,5983],{"class":5621},[5615,14623,5959],{"class":5951},[5615,14625,14627],{"class":5617,"line":14626},170,[5615,14628,14629],{"class":5629},"        Info\n",[5615,14631,14633,14635,14637],{"class":5617,"line":14632},171,[5615,14634,8003],{"class":5951},[5615,14636,6657],{"class":5955},[5615,14638,5959],{"class":5951},[5615,14640,14642,14644,14646,14648,14650,14652,14654,14656,14658,14660,14663,14665,14667,14669,14671],{"class":5617,"line":14641},172,[5615,14643,5965],{"class":5951},[5615,14645,6657],{"class":5955},[5615,14647,11272],{"class":5971},[5615,14649,5975],{"class":5629},[5615,14651,5978],{"class":5621},[5615,14653,12659],{"class":6132},[5615,14655,5877],{"class":5621},[5615,14657,13484],{"class":5817},[5615,14659,7421],{"class":6132},[5615,14661,14662],{"class":5643},"\"Увага!\"",[5615,14664,5521],{"class":6132},[5615,14666,12887],{"class":5643},[5615,14668,12490],{"class":6132},[5615,14670,5983],{"class":5621},[5615,14672,5959],{"class":5951},[5615,14674,14676],{"class":5617,"line":14675},173,[5615,14677,14678],{"class":5629},"        Warning\n",[5615,14680,14682,14684,14686],{"class":5617,"line":14681},174,[5615,14683,8003],{"class":5951},[5615,14685,6657],{"class":5955},[5615,14687,5959],{"class":5951},[5615,14689,14691,14693,14695,14697,14699,14701,14703,14705,14707,14709,14712,14714,14716,14718,14720],{"class":5617,"line":14690},175,[5615,14692,5965],{"class":5951},[5615,14694,6657],{"class":5955},[5615,14696,11272],{"class":5971},[5615,14698,5975],{"class":5629},[5615,14700,5978],{"class":5621},[5615,14702,12659],{"class":6132},[5615,14704,5877],{"class":5621},[5615,14706,13484],{"class":5817},[5615,14708,7421],{"class":6132},[5615,14710,14711],{"class":5643},"\"Помилка виконання\"",[5615,14713,5521],{"class":6132},[5615,14715,12892],{"class":5643},[5615,14717,12490],{"class":6132},[5615,14719,5983],{"class":5621},[5615,14721,5959],{"class":5951},[5615,14723,14725],{"class":5617,"line":14724},176,[5615,14726,14727],{"class":5629},"        Error\n",[5615,14729,14731,14733,14735],{"class":5617,"line":14730},177,[5615,14732,8003],{"class":5951},[5615,14734,6657],{"class":5955},[5615,14736,5959],{"class":5951},[5615,14738,14740,14742,14744,14746,14748,14750,14752,14754,14756,14759,14761,14763],{"class":5617,"line":14739},178,[5615,14741,5965],{"class":5951},[5615,14743,6657],{"class":5955},[5615,14745,11272],{"class":5971},[5615,14747,5975],{"class":5629},[5615,14749,5978],{"class":5621},[5615,14751,14483],{"class":5636},[5615,14753,5983],{"class":5621},[5615,14755,6293],{"class":5951},[5615,14757,14758],{"class":5629},"Очистити всі",[5615,14760,6299],{"class":5951},[5615,14762,6657],{"class":5955},[5615,14764,5959],{"class":5951},[5615,14766,14768,14770,14772],{"class":5617,"line":14767},179,[5615,14769,6044],{"class":5951},[5615,14771,5956],{"class":5955},[5615,14773,5959],{"class":5951},[5615,14775,14777],{"class":5617,"line":14776},180,[5615,14778,6054],{"class":5629},[5615,14780,14782],{"class":5617,"line":14781},181,[5615,14783,5684],{"class":5629},[5615,14785,14787],{"class":5617,"line":14786},182,[5615,14788,5691],{"emptyLinePlaceholder":5690},[5615,14790,14792,14794,14796],{"class":5617,"line":14791},183,[5615,14793,5814],{"class":5621},[5615,14795,5818],{"class":5817},[5615,14797,5821],{"class":5629},[5615,14799,14801,14803],{"class":5617,"line":14800},184,[5615,14802,5942],{"class":5941},[5615,14804,5945],{"class":5629},[5615,14806,14808,14810,14813],{"class":5617,"line":14807},185,[5615,14809,5952],{"class":5951},[5615,14811,14812],{"class":5625},"NotificationProvider",[5615,14814,5959],{"class":5951},[5615,14816,14818,14820,14822,14824,14826,14828,14830,14833,14835,14837,14839],{"class":5617,"line":14817},186,[5615,14819,5965],{"class":5951},[5615,14821,5956],{"class":5955},[5615,14823,6125],{"class":5971},[5615,14825,5975],{"class":5629},[5615,14827,5978],{"class":5621},[5615,14829,6133],{"class":6132},[5615,14831,14832],{"class":5636},"padding:",[5615,14834,7957],{"class":5643},[5615,14836,6146],{"class":6132},[5615,14838,5983],{"class":5621},[5615,14840,5959],{"class":5951},[5615,14842,14844,14846,14848,14850,14853,14855,14857],{"class":5617,"line":14843},187,[5615,14845,7976],{"class":5951},[5615,14847,5472],{"class":5955},[5615,14849,6293],{"class":5951},[5615,14851,14852],{"class":5629},"Система сповіщень",[5615,14854,6299],{"class":5951},[5615,14856,5472],{"class":5955},[5615,14858,5959],{"class":5951},[5615,14860,14862,14864,14867],{"class":5617,"line":14861},188,[5615,14863,7976],{"class":5951},[5615,14865,14866],{"class":5625},"DemoButtons",[5615,14868,5998],{"class":5951},[5615,14870,14872,14874,14877],{"class":5617,"line":14871},189,[5615,14873,7976],{"class":5951},[5615,14875,14876],{"class":5625},"NotificationList",[5615,14878,5998],{"class":5951},[5615,14880,14882,14884,14886],{"class":5617,"line":14881},190,[5615,14883,8003],{"class":5951},[5615,14885,5956],{"class":5955},[5615,14887,5959],{"class":5951},[5615,14889,14891,14893,14895],{"class":5617,"line":14890},191,[5615,14892,6044],{"class":5951},[5615,14894,14812],{"class":5625},[5615,14896,5959],{"class":5951},[5615,14898,14900],{"class":5617,"line":14899},192,[5615,14901,6054],{"class":5629},[5615,14903,14905],{"class":5617,"line":14904},193,[5615,14906,5684],{"class":5629},[8796,14908,14911],{":height":14909,"entry":8799,"title":14910},"640","Context API + useReducer: система сповіщень",[5606,14912,14914],{"className":5608,"code":14913,"filename":8799,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useReducer } from 'react';\n\ninterface Notification {\n  id: string;\n  message: string;\n  type: 'info' | 'success' | 'warning' | 'error';\n}\n\ntype NotificationAction =\n  | { type: 'ADD_NOTIFICATION'; notification: Notification }\n  | { type: 'REMOVE_NOTIFICATION'; id: string }\n  | { type: 'CLEAR_ALL' };\n\ninterface NotificationContextValue {\n  notifications: Notification[];\n  addNotification: (message: string, type: Notification['type']) => void;\n  removeNotification: (id: string) => void;\n  clearAll: () => void;\n}\n\nfunction notificationReducer(\n  state: Notification[],\n  action: NotificationAction\n): Notification[] {\n  switch (action.type) {\n    case 'ADD_NOTIFICATION':\n      return [...state, action.notification];\n    case 'REMOVE_NOTIFICATION':\n      return state.filter((n) => n.id !== action.id);\n    case 'CLEAR_ALL':\n      return [];\n    default:\n      return state;\n  }\n}\n\nconst NotificationContext = createContext\u003CNotificationContextValue | undefined>(\n  undefined\n);\n\nfunction useNotifications(): NotificationContextValue {\n  const context = useContext(NotificationContext);\n  if (context === undefined) {\n    throw new Error('useNotifications requires NotificationProvider');\n  }\n  return context;\n}\n\nfunction NotificationProvider({ children }: { children: React.ReactNode }) {\n  const [notifications, dispatch] = useReducer(notificationReducer, []);\n\n  const addNotification = (message: string, type: Notification['type']) => {\n    const id = Date.now().toString() + Math.random().toString(36);\n    dispatch({\n      type: 'ADD_NOTIFICATION',\n      notification: { id, message, type },\n    });\n\n    setTimeout(() => {\n      dispatch({ type: 'REMOVE_NOTIFICATION', id });\n    }, 5000);\n  };\n\n  const removeNotification = (id: string) => {\n    dispatch({ type: 'REMOVE_NOTIFICATION', id });\n  };\n\n  const clearAll = () => {\n    dispatch({ type: 'CLEAR_ALL' });\n  };\n\n  const value: NotificationContextValue = {\n    notifications,\n    addNotification,\n    removeNotification,\n    clearAll,\n  };\n\n  return (\n    \u003CNotificationContext.Provider value={value}>\n      {children}\n    \u003C\u002FNotificationContext.Provider>\n  );\n}\n\nfunction NotificationList() {\n  const { notifications, removeNotification } = useNotifications();\n\n  if (notifications.length === 0) return null;\n\n  return (\n    \u003Cdiv\n      style={{\n        position: 'fixed',\n        top: '1rem',\n        right: '1rem',\n        zIndex: 1000,\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '0.5rem',\n      }}\n    >\n      {notifications.map((notification) => (\n        \u003Cdiv\n          key={notification.id}\n          style={{\n            padding: '1rem',\n            borderRadius: '0.5rem',\n            backgroundColor:\n              notification.type === 'error'\n                ? '#ef4444'\n                : notification.type === 'success'\n                ? '#22c55e'\n                : notification.type === 'warning'\n                ? '#f59e0b'\n                : '#3b82f6',\n            color: 'white',\n            minWidth: '300px',\n            boxShadow: '0 4px 6px rgba(0,0,0,0.1)',\n          }}\n        >\n          \u003Cdiv style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n            \u003Cspan>{notification.message}\u003C\u002Fspan>\n            \u003Cbutton\n              onClick={() => removeNotification(notification.id)}\n              style={{\n                background: 'none',\n                border: 'none',\n                color: 'white',\n                cursor: 'pointer',\n                fontSize: '1.2rem',\n                padding: 0,\n              }}\n            >\n              ✕\n            \u003C\u002Fbutton>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      ))}\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction DemoButtons() {\n  const { addNotification, clearAll } = useNotifications();\n\n  return (\n    \u003Cdiv style={{ display: 'flex', gap: '1rem', flexWrap: 'wrap' }}>\n      \u003Cbutton\n        onClick={() => addNotification('Операція успішна', 'success')}\n        style={{\n          padding: '0.5rem 1rem',\n          backgroundColor: '#22c55e',\n          color: 'white',\n          border: 'none',\n          borderRadius: '0.5rem',\n          cursor: 'pointer',\n        }}\n      >\n        Success\n      \u003C\u002Fbutton>\n      \u003Cbutton\n        onClick={() => addNotification('Це інформація', 'info')}\n        style={{\n          padding: '0.5rem 1rem',\n          backgroundColor: '#3b82f6',\n          color: 'white',\n          border: 'none',\n          borderRadius: '0.5rem',\n          cursor: 'pointer',\n        }}\n      >\n        Info\n      \u003C\u002Fbutton>\n      \u003Cbutton\n        onClick={() => addNotification('Увага!', 'warning')}\n        style={{\n          padding: '0.5rem 1rem',\n          backgroundColor: '#f59e0b',\n          color: 'white',\n          border: 'none',\n          borderRadius: '0.5rem',\n          cursor: 'pointer',\n        }}\n      >\n        Warning\n      \u003C\u002Fbutton>\n      \u003Cbutton\n        onClick={() => addNotification('Помилка виконання', 'error')}\n        style={{\n          padding: '0.5rem 1rem',\n          backgroundColor: '#ef4444',\n          color: 'white',\n          border: 'none',\n          borderRadius: '0.5rem',\n          cursor: 'pointer',\n        }}\n      >\n        Error\n      \u003C\u002Fbutton>\n      \u003Cbutton\n        onClick={clearAll}\n        style={{\n          padding: '0.5rem 1rem',\n          backgroundColor: '#64748b',\n          color: 'white',\n          border: 'none',\n          borderRadius: '0.5rem',\n          cursor: 'pointer',\n        }}\n      >\n        Очистити всі\n      \u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default function App() {\n  return (\n    \u003CNotificationProvider>\n      \u003Cdiv style={{ padding: '2rem', fontFamily: 'system-ui, sans-serif' }}>\n        \u003Ch1>Система сповіщень\u003C\u002Fh1>\n        \u003Cp style={{ marginBottom: '1.5rem', color: '#64748b' }}>\n          Натисніть кнопки, щоб додати сповіщення. Вони автоматично зникнуть через 5 секунд.\n        \u003C\u002Fp>\n        \u003CDemoButtons \u002F>\n        \u003CNotificationList \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FNotificationProvider>\n  );\n}\n",[5518,14915,14916,14940,14944,14952,14962,14972,14998,15002,15006,15014,15035,15056,15069,15073,15081,15091,15124,15144,15156,15160,15164,15172,15182,15190,15198,15212,15221,15239,15248,15282,15291,15297,15303,15311,15315,15319,15323,15343,15347,15351,15355,15367,15383,15397,15412,15416,15424,15428,15432,15456,15478,15482,15514,15550,15556,15564,15582,15586,15590,15600,15616,15624,15628,15632,15652,15668,15672,15676,15688,15700,15704,15708,15720,15726,15732,15738,15744,15748,15752,15758,15776,15784,15792,15796,15800,15804,15812,15830,15834,15858,15862,15868,15874,15884,15893,15901,15909,15917,15925,15934,15942,15948,15952,15972,15978,15994,16004,16012,16020,16024,16037,16044,16059,16066,16081,16088,16096,16105,16114,16123,16129,16133,16172,16196,16202,16228,16238,16246,16254,16262,16270,16279,16289,16295,16299,16303,16311,16319,16327,16333,16341,16345,16349,16353,16361,16379,16383,16389,16426,16432,16460,16470,16478,16487,16495,16504,16513,16522,16528,16532,16536,16544,16550,16577,16587,16595,16603,16611,16619,16627,16635,16641,16645,16649,16657,16663,16690,16700,16708,16717,16725,16733,16741,16749,16755,16759,16763,16771,16777,16804,16814,16822,16831,16839,16848,16857,16866,16873,16878,16883,16892,16899,16912,16923,16932,16942,16951,16960,16969,16978,16985,16990,16996,17005,17014,17019,17024,17029,17042,17049,17058,17090,17107,17139,17145,17154,17163,17172,17181,17190,17195],{"__ignoreMap":5611},[5615,14917,14918,14920,14922,14924,14926,14928,14930,14932,14934,14936,14938],{"class":5617,"line":5618},[5615,14919,7003],{"class":5941},[5615,14921,7006],{"class":5629},[5615,14923,5520],{"class":5636},[5615,14925,5521],{"class":5629},[5615,14927,5527],{"class":5636},[5615,14929,5521],{"class":5629},[5615,14931,12786],{"class":5636},[5615,14933,7011],{"class":5629},[5615,14935,7014],{"class":5941},[5615,14937,8828],{"class":5643},[5615,14939,5653],{"class":5629},[5615,14941,14942],{"class":5617,"line":5633},[5615,14943,5691],{"emptyLinePlaceholder":5690},[5615,14945,14946,14948,14950],{"class":5617,"line":5656},[5615,14947,5622],{"class":5621},[5615,14949,12843],{"class":5625},[5615,14951,5630],{"class":5629},[5615,14953,14954,14956,14958,14960],{"class":5617,"line":5669},[5615,14955,12850],{"class":5636},[5615,14957,5640],{"class":5629},[5615,14959,5664],{"class":5625},[5615,14961,5653],{"class":5629},[5615,14963,14964,14966,14968,14970],{"class":5617,"line":5681},[5615,14965,12861],{"class":5636},[5615,14967,5640],{"class":5629},[5615,14969,5664],{"class":5625},[5615,14971,5653],{"class":5629},[5615,14973,14974,14976,14978,14981,14983,14986,14988,14991,14993,14996],{"class":5617,"line":5687},[5615,14975,12872],{"class":5636},[5615,14977,5640],{"class":5629},[5615,14979,14980],{"class":5643},"'info'",[5615,14982,5647],{"class":5629},[5615,14984,14985],{"class":5643},"'success'",[5615,14987,5647],{"class":5629},[5615,14989,14990],{"class":5643},"'warning'",[5615,14992,5647],{"class":5629},[5615,14994,14995],{"class":5643},"'error'",[5615,14997,5653],{"class":5629},[5615,14999,15000],{"class":5617,"line":5694},[5615,15001,5684],{"class":5629},[5615,15003,15004],{"class":5617,"line":5712},[5615,15005,5691],{"emptyLinePlaceholder":5690},[5615,15007,15008,15010,15012],{"class":5617,"line":5724},[5615,15009,11834],{"class":5621},[5615,15011,12909],{"class":5625},[5615,15013,12912],{"class":5629},[5615,15015,15016,15018,15020,15022,15025,15027,15029,15031,15033],{"class":5617,"line":5735},[5615,15017,12917],{"class":5629},[5615,15019,11834],{"class":5636},[5615,15021,5640],{"class":5629},[5615,15023,15024],{"class":5643},"'ADD_NOTIFICATION'",[5615,15026,6094],{"class":5629},[5615,15028,12929],{"class":5636},[5615,15030,5640],{"class":5629},[5615,15032,12934],{"class":5625},[5615,15034,12937],{"class":5629},[5615,15036,15037,15039,15041,15043,15046,15048,15050,15052,15054],{"class":5617,"line":5746},[5615,15038,12917],{"class":5629},[5615,15040,11834],{"class":5636},[5615,15042,5640],{"class":5629},[5615,15044,15045],{"class":5643},"'REMOVE_NOTIFICATION'",[5615,15047,6094],{"class":5629},[5615,15049,12953],{"class":5636},[5615,15051,5640],{"class":5629},[5615,15053,5664],{"class":5625},[5615,15055,12937],{"class":5629},[5615,15057,15058,15060,15062,15064,15067],{"class":5617,"line":5752},[5615,15059,12917],{"class":5629},[5615,15061,11834],{"class":5636},[5615,15063,5640],{"class":5629},[5615,15065,15066],{"class":5643},"'CLEAR_ALL'",[5615,15068,11218],{"class":5629},[5615,15070,15071],{"class":5617,"line":5757},[5615,15072,5691],{"emptyLinePlaceholder":5690},[5615,15074,15075,15077,15079],{"class":5617,"line":5771},[5615,15076,5622],{"class":5621},[5615,15078,12983],{"class":5625},[5615,15080,5630],{"class":5629},[5615,15082,15083,15085,15087,15089],{"class":5617,"line":5781},[5615,15084,12990],{"class":5636},[5615,15086,5640],{"class":5629},[5615,15088,12934],{"class":5625},[5615,15090,12997],{"class":5629},[5615,15092,15093,15095,15097,15099,15101,15103,15105,15107,15109,15111,15113,15116,15118,15120,15122],{"class":5617,"line":5791},[5615,15094,13002],{"class":5817},[5615,15096,11882],{"class":5629},[5615,15098,13007],{"class":5636},[5615,15100,5640],{"class":5629},[5615,15102,5664],{"class":5625},[5615,15104,5521],{"class":5629},[5615,15106,11834],{"class":5636},[5615,15108,5640],{"class":5629},[5615,15110,12934],{"class":5625},[5615,15112,12216],{"class":5629},[5615,15114,15115],{"class":5643},"'type'",[5615,15117,13027],{"class":5629},[5615,15119,5877],{"class":5621},[5615,15121,6104],{"class":5625},[5615,15123,5653],{"class":5629},[5615,15125,15126,15128,15130,15132,15134,15136,15138,15140,15142],{"class":5617,"line":5801},[5615,15127,13038],{"class":5817},[5615,15129,11882],{"class":5629},[5615,15131,12953],{"class":5636},[5615,15133,5640],{"class":5629},[5615,15135,5664],{"class":5625},[5615,15137,5894],{"class":5629},[5615,15139,5877],{"class":5621},[5615,15141,6104],{"class":5625},[5615,15143,5653],{"class":5629},[5615,15145,15146,15148,15150,15152,15154],{"class":5617,"line":5806},[5615,15147,13059],{"class":5817},[5615,15149,6099],{"class":5629},[5615,15151,5877],{"class":5621},[5615,15153,6104],{"class":5625},[5615,15155,5653],{"class":5629},[5615,15157,15158],{"class":5617,"line":5811},[5615,15159,5684],{"class":5629},[5615,15161,15162],{"class":5617,"line":5824},[5615,15163,5691],{"emptyLinePlaceholder":5690},[5615,15165,15166,15168,15170],{"class":5617,"line":5861},[5615,15167,5814],{"class":5621},[5615,15169,13091],{"class":5817},[5615,15171,13094],{"class":5629},[5615,15173,15174,15176,15178,15180],{"class":5617,"line":5866},[5615,15175,13099],{"class":5636},[5615,15177,5640],{"class":5629},[5615,15179,12934],{"class":5625},[5615,15181,13106],{"class":5629},[5615,15183,15184,15186,15188],{"class":5617,"line":5882},[5615,15185,13111],{"class":5636},[5615,15187,5640],{"class":5629},[5615,15189,13116],{"class":5625},[5615,15191,15192,15194,15196],{"class":5617,"line":5927},[5615,15193,12199],{"class":5629},[5615,15195,12934],{"class":5625},[5615,15197,13125],{"class":5629},[5615,15199,15200,15202,15204,15206,15208,15210],{"class":5617,"line":5933},[5615,15201,13130],{"class":5941},[5615,15203,5593],{"class":5629},[5615,15205,13135],{"class":5636},[5615,15207,5528],{"class":5629},[5615,15209,11834],{"class":5636},[5615,15211,10253],{"class":5629},[5615,15213,15214,15216,15219],{"class":5617,"line":5938},[5615,15215,13146],{"class":5941},[5615,15217,15218],{"class":5643}," 'ADD_NOTIFICATION'",[5615,15220,13152],{"class":5629},[5615,15222,15223,15225,15227,15229,15231,15233,15235,15237],{"class":5617,"line":5948},[5615,15224,13157],{"class":5941},[5615,15226,13160],{"class":5629},[5615,15228,13163],{"class":5636},[5615,15230,5521],{"class":5629},[5615,15232,13135],{"class":5636},[5615,15234,5528],{"class":5629},[5615,15236,12929],{"class":5636},[5615,15238,13174],{"class":5629},[5615,15240,15241,15243,15246],{"class":5617,"line":5962},[5615,15242,13146],{"class":5941},[5615,15244,15245],{"class":5643}," 'REMOVE_NOTIFICATION'",[5615,15247,13152],{"class":5629},[5615,15249,15250,15252,15254,15256,15258,15260,15262,15264,15266,15268,15270,15272,15274,15276,15278,15280],{"class":5617,"line":6001},[5615,15251,13157],{"class":5941},[5615,15253,13194],{"class":5636},[5615,15255,5528],{"class":5629},[5615,15257,13199],{"class":5817},[5615,15259,5888],{"class":5629},[5615,15261,13204],{"class":5636},[5615,15263,5894],{"class":5629},[5615,15265,5877],{"class":5621},[5615,15267,13211],{"class":5636},[5615,15269,5528],{"class":5629},[5615,15271,12953],{"class":5636},[5615,15273,13218],{"class":5629},[5615,15275,13135],{"class":5636},[5615,15277,5528],{"class":5629},[5615,15279,12953],{"class":5636},[5615,15281,5858],{"class":5629},[5615,15283,15284,15286,15289],{"class":5617,"line":6021},[5615,15285,13146],{"class":5941},[5615,15287,15288],{"class":5643}," 'CLEAR_ALL'",[5615,15290,13152],{"class":5629},[5615,15292,15293,15295],{"class":5617,"line":6041},[5615,15294,13157],{"class":5941},[5615,15296,13246],{"class":5629},[5615,15298,15299,15301],{"class":5617,"line":6051},[5615,15300,13255],{"class":5941},[5615,15302,13152],{"class":5629},[5615,15304,15305,15307,15309],{"class":5617,"line":6057},[5615,15306,13157],{"class":5941},[5615,15308,13194],{"class":5636},[5615,15310,5653],{"class":5629},[5615,15312,15313],{"class":5617,"line":6062},[5615,15314,10276],{"class":5629},[5615,15316,15317],{"class":5617,"line":6067},[5615,15318,5684],{"class":5629},[5615,15320,15321],{"class":5617,"line":6110},[5615,15322,5691],{"emptyLinePlaceholder":5690},[5615,15324,15325,15327,15329,15331,15333,15335,15337,15339,15341],{"class":5617,"line":6117},[5615,15326,5697],{"class":5621},[5615,15328,13293],{"class":5700},[5615,15330,7132],{"class":5629},[5615,15332,5520],{"class":5817},[5615,15334,5847],{"class":5629},[5615,15336,13302],{"class":5625},[5615,15338,5647],{"class":5629},[5615,15340,10069],{"class":5625},[5615,15342,13309],{"class":5629},[5615,15344,15345],{"class":5617,"line":6153},[5615,15346,13314],{"class":5621},[5615,15348,15349],{"class":5617,"line":6173},[5615,15350,5858],{"class":5629},[5615,15352,15353],{"class":5617,"line":6204},[5615,15354,5691],{"emptyLinePlaceholder":5690},[5615,15356,15357,15359,15361,15363,15365],{"class":5617,"line":6213},[5615,15358,5814],{"class":5621},[5615,15360,13329],{"class":5817},[5615,15362,10211],{"class":5629},[5615,15364,13302],{"class":5625},[5615,15366,5630],{"class":5629},[5615,15368,15369,15371,15373,15375,15377,15379,15381],{"class":5617,"line":6218},[5615,15370,5827],{"class":5621},[5615,15372,10222],{"class":5700},[5615,15374,7132],{"class":5629},[5615,15376,5527],{"class":5817},[5615,15378,7421],{"class":5629},[5615,15380,13350],{"class":5636},[5615,15382,5858],{"class":5629},[5615,15384,15385,15387,15389,15391,15393,15395],{"class":5617,"line":6223},[5615,15386,10241],{"class":5941},[5615,15388,5593],{"class":5629},[5615,15390,10246],{"class":5636},[5615,15392,5908],{"class":5629},[5615,15394,10069],{"class":5621},[5615,15396,10253],{"class":5629},[5615,15398,15399,15401,15403,15405,15407,15410],{"class":5617,"line":6228},[5615,15400,10258],{"class":5941},[5615,15402,10261],{"class":5621},[5615,15404,10264],{"class":5817},[5615,15406,7421],{"class":5629},[5615,15408,15409],{"class":5643},"'useNotifications requires NotificationProvider'",[5615,15411,5858],{"class":5629},[5615,15413,15414],{"class":5617,"line":6250},[5615,15415,10276],{"class":5629},[5615,15417,15418,15420,15422],{"class":5617,"line":6257},[5615,15419,5942],{"class":5941},[5615,15421,10222],{"class":5636},[5615,15423,5653],{"class":5629},[5615,15425,15426],{"class":5617,"line":6267},[5615,15427,5684],{"class":5629},[5615,15429,15430],{"class":5617,"line":6306},[5615,15431,5691],{"emptyLinePlaceholder":5690},[5615,15433,15434,15436,15438,15440,15442,15444,15446,15448,15450,15452,15454],{"class":5617,"line":6341},[5615,15435,5814],{"class":5621},[5615,15437,13430],{"class":5817},[5615,15439,6075],{"class":5629},[5615,15441,6384],{"class":5636},[5615,15443,6085],{"class":5629},[5615,15445,6384],{"class":5636},[5615,15447,5640],{"class":5629},[5615,15449,2303],{"class":5625},[5615,15451,5528],{"class":5629},[5615,15453,6413],{"class":5625},[5615,15455,6107],{"class":5629},[5615,15457,15458,15460,15462,15464,15466,15468,15470,15472,15474,15476],{"class":5617,"line":6350},[5615,15459,5827],{"class":5621},[5615,15461,5830],{"class":5629},[5615,15463,12793],{"class":5700},[5615,15465,5521],{"class":5629},[5615,15467,13461],{"class":5700},[5615,15469,5841],{"class":5629},[5615,15471,12786],{"class":5817},[5615,15473,7421],{"class":5629},[5615,15475,13470],{"class":5636},[5615,15477,13473],{"class":5629},[5615,15479,15480],{"class":5617,"line":6355},[5615,15481,5691],{"emptyLinePlaceholder":5690},[5615,15483,15484,15486,15488,15490,15492,15494,15496,15498,15500,15502,15504,15506,15508,15510,15512],{"class":5617,"line":6360},[5615,15485,5827],{"class":5621},[5615,15487,13484],{"class":5817},[5615,15489,12190],{"class":5629},[5615,15491,13007],{"class":5636},[5615,15493,5640],{"class":5629},[5615,15495,5664],{"class":5625},[5615,15497,5521],{"class":5629},[5615,15499,11834],{"class":5636},[5615,15501,5640],{"class":5629},[5615,15503,12934],{"class":5625},[5615,15505,12216],{"class":5629},[5615,15507,15115],{"class":5643},[5615,15509,13027],{"class":5629},[5615,15511,5877],{"class":5621},[5615,15513,5630],{"class":5629},[5615,15515,15516,15518,15520,15522,15524,15526,15528,15530,15532,15534,15536,15538,15540,15542,15544,15546,15548],{"class":5617,"line":6365},[5615,15517,13515],{"class":5621},[5615,15519,13518],{"class":5700},[5615,15521,7132],{"class":5629},[5615,15523,13523],{"class":5636},[5615,15525,5528],{"class":5629},[5615,15527,13528],{"class":5817},[5615,15529,13531],{"class":5629},[5615,15531,13534],{"class":5817},[5615,15533,13537],{"class":5629},[5615,15535,13540],{"class":5636},[5615,15537,5528],{"class":5629},[5615,15539,13545],{"class":5817},[5615,15541,13531],{"class":5629},[5615,15543,13534],{"class":5817},[5615,15545,7421],{"class":5629},[5615,15547,13554],{"class":8379},[5615,15549,5858],{"class":5629},[5615,15551,15552,15554],{"class":5617,"line":6418},[5615,15553,13561],{"class":5817},[5615,15555,13564],{"class":5629},[5615,15557,15558,15560,15562],{"class":5617,"line":6425},[5615,15559,13569],{"class":5636},[5615,15561,15218],{"class":5643},[5615,15563,5721],{"class":5629},[5615,15565,15566,15568,15570,15572,15574,15576,15578,15580],{"class":5617,"line":6467},[5615,15567,13578],{"class":5636},[5615,15569,7006],{"class":5629},[5615,15571,12953],{"class":5636},[5615,15573,5521],{"class":5629},[5615,15575,13007],{"class":5636},[5615,15577,5521],{"class":5629},[5615,15579,11834],{"class":5636},[5615,15581,13593],{"class":5629},[5615,15583,15584],{"class":5617,"line":6477},[5615,15585,13598],{"class":5629},[5615,15587,15588],{"class":5617,"line":6486},[5615,15589,5691],{"emptyLinePlaceholder":5690},[5615,15591,15592,15594,15596,15598],{"class":5617,"line":6491},[5615,15593,13612],{"class":5817},[5615,15595,13615],{"class":5629},[5615,15597,5877],{"class":5621},[5615,15599,5630],{"class":5629},[5615,15601,15602,15604,15606,15608,15610,15612,15614],{"class":5617,"line":6496},[5615,15603,13624],{"class":5817},[5615,15605,6075],{"class":5629},[5615,15607,13629],{"class":5636},[5615,15609,15245],{"class":5643},[5615,15611,5521],{"class":5629},[5615,15613,12953],{"class":5636},[5615,15615,13638],{"class":5629},[5615,15617,15618,15620,15622],{"class":5617,"line":6501},[5615,15619,13643],{"class":5629},[5615,15621,13646],{"class":8379},[5615,15623,5858],{"class":5629},[5615,15625,15626],{"class":5617,"line":6538},[5615,15627,5930],{"class":5629},[5615,15629,15630],{"class":5617,"line":6545},[5615,15631,5691],{"emptyLinePlaceholder":5690},[5615,15633,15634,15636,15638,15640,15642,15644,15646,15648,15650],{"class":5617,"line":6553},[5615,15635,5827],{"class":5621},[5615,15637,13663],{"class":5817},[5615,15639,12190],{"class":5629},[5615,15641,12953],{"class":5636},[5615,15643,5640],{"class":5629},[5615,15645,5664],{"class":5625},[5615,15647,5894],{"class":5629},[5615,15649,5877],{"class":5621},[5615,15651,5630],{"class":5629},[5615,15653,15654,15656,15658,15660,15662,15664,15666],{"class":5617,"line":6567},[5615,15655,13561],{"class":5817},[5615,15657,6075],{"class":5629},[5615,15659,13629],{"class":5636},[5615,15661,15245],{"class":5643},[5615,15663,5521],{"class":5629},[5615,15665,12953],{"class":5636},[5615,15667,13638],{"class":5629},[5615,15669,15670],{"class":5617,"line":6580},[5615,15671,5930],{"class":5629},[5615,15673,15674],{"class":5617,"line":6594},[5615,15675,5691],{"emptyLinePlaceholder":5690},[5615,15677,15678,15680,15682,15684,15686],{"class":5617,"line":6608},[5615,15679,5827],{"class":5621},[5615,15681,13708],{"class":5817},[5615,15683,5874],{"class":5629},[5615,15685,5877],{"class":5621},[5615,15687,5630],{"class":5629},[5615,15689,15690,15692,15694,15696,15698],{"class":5617,"line":6616},[5615,15691,13561],{"class":5817},[5615,15693,6075],{"class":5629},[5615,15695,13629],{"class":5636},[5615,15697,15288],{"class":5643},[5615,15699,13638],{"class":5629},[5615,15701,15702],{"class":5617,"line":6622},[5615,15703,5930],{"class":5629},[5615,15705,15706],{"class":5617,"line":6652},[5615,15707,5691],{"emptyLinePlaceholder":5690},[5615,15709,15710,15712,15714,15716,15718],{"class":5617,"line":6662},[5615,15711,5827],{"class":5621},[5615,15713,7262],{"class":5700},[5615,15715,5640],{"class":5629},[5615,15717,13302],{"class":5625},[5615,15719,5709],{"class":5629},[5615,15721,15722,15724],{"class":5617,"line":6667},[5615,15723,13751],{"class":5636},[5615,15725,5721],{"class":5629},[5615,15727,15728,15730],{"class":5617,"line":6672},[5615,15729,13758],{"class":5636},[5615,15731,5721],{"class":5629},[5615,15733,15734,15736],{"class":5617,"line":6677},[5615,15735,13765],{"class":5636},[5615,15737,5721],{"class":5629},[5615,15739,15740,15742],{"class":5617,"line":6699},[5615,15741,13772],{"class":5636},[5615,15743,5721],{"class":5629},[5615,15745,15746],{"class":5617,"line":6706},[5615,15747,5930],{"class":5629},[5615,15749,15750],{"class":5617,"line":6736},[5615,15751,5691],{"emptyLinePlaceholder":5690},[5615,15753,15754,15756],{"class":5617,"line":6756},[5615,15755,5942],{"class":5941},[5615,15757,5945],{"class":5629},[5615,15759,15760,15762,15764,15766,15768,15770,15772,15774],{"class":5617,"line":6776},[5615,15761,5952],{"class":5951},[5615,15763,13795],{"class":5625},[5615,15765,7262],{"class":5971},[5615,15767,5975],{"class":5629},[5615,15769,5978],{"class":5621},[5615,15771,7202],{"class":5636},[5615,15773,5983],{"class":5621},[5615,15775,5959],{"class":5951},[5615,15777,15778,15780,15782],{"class":5617,"line":6785},[5615,15779,6470],{"class":5621},[5615,15781,6384],{"class":5636},[5615,15783,5684],{"class":5621},[5615,15785,15786,15788,15790],{"class":5617,"line":6790},[5615,15787,6044],{"class":5951},[5615,15789,13795],{"class":5625},[5615,15791,5959],{"class":5951},[5615,15793,15794],{"class":5617,"line":6795},[5615,15795,6054],{"class":5629},[5615,15797,15798],{"class":5617,"line":6800},[5615,15799,5684],{"class":5629},[5615,15801,15802],{"class":5617,"line":6822},[5615,15803,5691],{"emptyLinePlaceholder":5690},[5615,15805,15806,15808,15810],{"class":5617,"line":6829},[5615,15807,5814],{"class":5621},[5615,15809,13851],{"class":5817},[5615,15811,5821],{"class":5629},[5615,15813,15814,15816,15818,15820,15822,15824,15826,15828],{"class":5617,"line":6839},[5615,15815,5827],{"class":5621},[5615,15817,7006],{"class":5629},[5615,15819,12793],{"class":5700},[5615,15821,5521],{"class":5629},[5615,15823,13866],{"class":5700},[5615,15825,11249],{"class":5629},[5615,15827,13871],{"class":5817},[5615,15829,10538],{"class":5629},[5615,15831,15832],{"class":5617,"line":6859},[5615,15833,5691],{"emptyLinePlaceholder":5690},[5615,15835,15836,15838,15840,15842,15844,15846,15848,15850,15852,15854,15856],{"class":5617,"line":6879},[5615,15837,10241],{"class":5941},[5615,15839,5593],{"class":5629},[5615,15841,12793],{"class":5636},[5615,15843,5528],{"class":5629},[5615,15845,13890],{"class":5636},[5615,15847,5908],{"class":5629},[5615,15849,13895],{"class":8379},[5615,15851,5894],{"class":5629},[5615,15853,13900],{"class":5941},[5615,15855,13903],{"class":5621},[5615,15857,5653],{"class":5629},[5615,15859,15860],{"class":5617,"line":6888},[5615,15861,5691],{"emptyLinePlaceholder":5690},[5615,15863,15864,15866],{"class":5617,"line":6893},[5615,15865,5942],{"class":5941},[5615,15867,5945],{"class":5629},[5615,15869,15870,15872],{"class":5617,"line":6898},[5615,15871,5952],{"class":5951},[5615,15873,7901],{"class":5955},[5615,15875,15876,15878,15880,15882],{"class":5617,"line":6903},[5615,15877,6570],{"class":5971},[5615,15879,5975],{"class":5629},[5615,15881,5978],{"class":5621},[5615,15883,6577],{"class":6132},[5615,15885,15886,15888,15891],{"class":5617,"line":8471},[5615,15887,13936],{"class":5636},[5615,15889,15890],{"class":5643}," 'fixed'",[5615,15892,5721],{"class":6132},[5615,15894,15895,15897,15899],{"class":5617,"line":8478},[5615,15896,13946],{"class":5636},[5615,15898,9228],{"class":5643},[5615,15900,5721],{"class":6132},[5615,15902,15903,15905,15907],{"class":5617,"line":8491},[5615,15904,13955],{"class":5636},[5615,15906,9228],{"class":5643},[5615,15908,5721],{"class":6132},[5615,15910,15911,15913,15915],{"class":5617,"line":8502},[5615,15912,13964],{"class":5636},[5615,15914,13967],{"class":8379},[5615,15916,5721],{"class":6132},[5615,15918,15919,15921,15923],{"class":5617,"line":8513},[5615,15920,13974],{"class":5636},[5615,15922,9221],{"class":5643},[5615,15924,5721],{"class":6132},[5615,15926,15927,15929,15932],{"class":5617,"line":8526},[5615,15928,13983],{"class":5636},[5615,15930,15931],{"class":5643}," 'column'",[5615,15933,5721],{"class":6132},[5615,15935,15936,15938,15940],{"class":5617,"line":8539},[5615,15937,13993],{"class":5636},[5615,15939,9451],{"class":5643},[5615,15941,5721],{"class":6132},[5615,15943,15944,15946],{"class":5617,"line":8549},[5615,15945,6611],{"class":6132},[5615,15947,5684],{"class":5621},[5615,15949,15950],{"class":5617,"line":8560},[5615,15951,6619],{"class":5951},[5615,15953,15954,15956,15958,15960,15962,15964,15966,15968,15970],{"class":5617,"line":8569},[5615,15955,6470],{"class":5621},[5615,15957,12793],{"class":5636},[5615,15959,5528],{"class":6132},[5615,15961,14018],{"class":5817},[5615,15963,5888],{"class":6132},[5615,15965,12929],{"class":5636},[5615,15967,5894],{"class":6132},[5615,15969,5877],{"class":5621},[5615,15971,5945],{"class":6132},[5615,15973,15974,15976],{"class":5617,"line":8580},[5615,15975,7976],{"class":5951},[5615,15977,7901],{"class":5955},[5615,15979,15980,15982,15984,15986,15988,15990,15992],{"class":5617,"line":8587},[5615,15981,14039],{"class":5971},[5615,15983,5975],{"class":5629},[5615,15985,5978],{"class":5621},[5615,15987,12929],{"class":5636},[5615,15989,5528],{"class":6132},[5615,15991,12953],{"class":5636},[5615,15993,5684],{"class":5621},[5615,15995,15996,15998,16000,16002],{"class":5617,"line":8592},[5615,15997,14056],{"class":5971},[5615,15999,5975],{"class":5629},[5615,16001,5978],{"class":5621},[5615,16003,6577],{"class":6132},[5615,16005,16006,16008,16010],{"class":5617,"line":8619},[5615,16007,14068],{"class":5636},[5615,16009,9228],{"class":5643},[5615,16011,5721],{"class":6132},[5615,16013,16014,16016,16018],{"class":5617,"line":8628},[5615,16015,14078],{"class":5636},[5615,16017,9451],{"class":5643},[5615,16019,5721],{"class":6132},[5615,16021,16022],{"class":5617,"line":8633},[5615,16023,14088],{"class":5636},[5615,16025,16026,16028,16030,16032,16034],{"class":5617,"line":8638},[5615,16027,14094],{"class":5636},[5615,16029,5528],{"class":6132},[5615,16031,11834],{"class":5636},[5615,16033,6633],{"class":5629},[5615,16035,16036],{"class":5643}," 'error'\n",[5615,16038,16039,16041],{"class":5617,"line":8643},[5615,16040,14109],{"class":5629},[5615,16042,16043],{"class":5643}," '#ef4444'\n",[5615,16045,16046,16048,16050,16052,16054,16056],{"class":5617,"line":8652},[5615,16047,14118],{"class":5629},[5615,16049,14121],{"class":5636},[5615,16051,5528],{"class":6132},[5615,16053,11834],{"class":5636},[5615,16055,6633],{"class":5629},[5615,16057,16058],{"class":5643}," 'success'\n",[5615,16060,16061,16063],{"class":5617,"line":8669},[5615,16062,14109],{"class":5629},[5615,16064,16065],{"class":5643}," '#22c55e'\n",[5615,16067,16068,16070,16072,16074,16076,16078],{"class":5617,"line":8674},[5615,16069,14118],{"class":5629},[5615,16071,14121],{"class":5636},[5615,16073,5528],{"class":6132},[5615,16075,11834],{"class":5636},[5615,16077,6633],{"class":5629},[5615,16079,16080],{"class":5643}," 'warning'\n",[5615,16082,16083,16085],{"class":5617,"line":8681},[5615,16084,14109],{"class":5629},[5615,16086,16087],{"class":5643}," '#f59e0b'\n",[5615,16089,16090,16092,16094],{"class":5617,"line":8690},[5615,16091,14118],{"class":5629},[5615,16093,8924],{"class":5643},[5615,16095,5721],{"class":6132},[5615,16097,16098,16100,16103],{"class":5617,"line":8724},[5615,16099,14177],{"class":5636},[5615,16101,16102],{"class":5643}," 'white'",[5615,16104,5721],{"class":6132},[5615,16106,16107,16109,16112],{"class":5617,"line":8751},[5615,16108,14188],{"class":5636},[5615,16110,16111],{"class":5643}," '300px'",[5615,16113,5721],{"class":6132},[5615,16115,16116,16118,16121],{"class":5617,"line":8757},[5615,16117,14199],{"class":5636},[5615,16119,16120],{"class":5643}," '0 4px 6px rgba(0,0,0,0.1)'",[5615,16122,5721],{"class":6132},[5615,16124,16125,16127],{"class":5617,"line":8763},[5615,16126,14210],{"class":6132},[5615,16128,5684],{"class":5621},[5615,16130,16131],{"class":5617,"line":8769},[5615,16132,14218],{"class":5951},[5615,16134,16135,16137,16139,16141,16143,16145,16147,16149,16151,16153,16155,16158,16160,16163,16166,16168,16170],{"class":5617,"line":8778},[5615,16136,14224],{"class":5951},[5615,16138,5956],{"class":5955},[5615,16140,6125],{"class":5971},[5615,16142,5975],{"class":5629},[5615,16144,5978],{"class":5621},[5615,16146,6133],{"class":6132},[5615,16148,8145],{"class":5636},[5615,16150,9221],{"class":5643},[5615,16152,5521],{"class":6132},[5615,16154,14243],{"class":5636},[5615,16156,16157],{"class":5643}," 'space-between'",[5615,16159,5521],{"class":6132},[5615,16161,16162],{"class":5636},"alignItems:",[5615,16164,16165],{"class":5643}," 'center'",[5615,16167,6146],{"class":6132},[5615,16169,5983],{"class":5621},[5615,16171,5959],{"class":5951},[5615,16173,16174,16176,16178,16180,16182,16184,16186,16188,16190,16192,16194],{"class":5617,"line":8787},[5615,16175,14258],{"class":5951},[5615,16177,5615],{"class":5955},[5615,16179,6293],{"class":5951},[5615,16181,5978],{"class":5621},[5615,16183,12929],{"class":5636},[5615,16185,5528],{"class":6132},[5615,16187,13007],{"class":5636},[5615,16189,5983],{"class":5621},[5615,16191,6299],{"class":5951},[5615,16193,5615],{"class":5955},[5615,16195,5959],{"class":5951},[5615,16197,16198,16200],{"class":5617,"line":8792},[5615,16199,14258],{"class":5951},[5615,16201,6550],{"class":5955},[5615,16203,16204,16206,16208,16210,16212,16214,16216,16218,16220,16222,16224,16226],{"class":5617,"line":14065},[5615,16205,14291],{"class":5971},[5615,16207,5975],{"class":5629},[5615,16209,5978],{"class":5621},[5615,16211,12659],{"class":6132},[5615,16213,5877],{"class":5621},[5615,16215,13663],{"class":5817},[5615,16217,7421],{"class":6132},[5615,16219,12929],{"class":5636},[5615,16221,5528],{"class":6132},[5615,16223,12953],{"class":5636},[5615,16225,12490],{"class":6132},[5615,16227,5684],{"class":5621},[5615,16229,16230,16232,16234,16236],{"class":5617,"line":14075},[5615,16231,14319],{"class":5971},[5615,16233,5975],{"class":5629},[5615,16235,5978],{"class":5621},[5615,16237,6577],{"class":6132},[5615,16239,16240,16242,16244],{"class":5617,"line":14085},[5615,16241,14331],{"class":5636},[5615,16243,9140],{"class":5643},[5615,16245,5721],{"class":6132},[5615,16247,16248,16250,16252],{"class":5617,"line":14091},[5615,16249,14341],{"class":5636},[5615,16251,9140],{"class":5643},[5615,16253,5721],{"class":6132},[5615,16255,16256,16258,16260],{"class":5617,"line":14106},[5615,16257,14351],{"class":5636},[5615,16259,16102],{"class":5643},[5615,16261,5721],{"class":6132},[5615,16263,16264,16266,16268],{"class":5617,"line":14115},[5615,16265,14361],{"class":5636},[5615,16267,9468],{"class":5643},[5615,16269,5721],{"class":6132},[5615,16271,16272,16274,16277],{"class":5617,"line":14133},[5615,16273,14371],{"class":5636},[5615,16275,16276],{"class":5643}," '1.2rem'",[5615,16278,5721],{"class":6132},[5615,16280,16281,16284,16287],{"class":5617,"line":14141},[5615,16282,16283],{"class":5636},"                padding:",[5615,16285,16286],{"class":8379}," 0",[5615,16288,5721],{"class":6132},[5615,16290,16291,16293],{"class":5617,"line":14157},[5615,16292,14382],{"class":6132},[5615,16294,5684],{"class":5621},[5615,16296,16297],{"class":5617,"line":14165},[5615,16298,14390],{"class":5951},[5615,16300,16301],{"class":5617,"line":14174},[5615,16302,14396],{"class":6132},[5615,16304,16305,16307,16309],{"class":5617,"line":14185},[5615,16306,14402],{"class":5951},[5615,16308,6657],{"class":5955},[5615,16310,5959],{"class":5951},[5615,16312,16313,16315,16317],{"class":5617,"line":14196},[5615,16314,14412],{"class":5951},[5615,16316,5956],{"class":5955},[5615,16318,5959],{"class":5951},[5615,16320,16321,16323,16325],{"class":5617,"line":14207},[5615,16322,14422],{"class":5951},[5615,16324,5956],{"class":5955},[5615,16326,5959],{"class":5951},[5615,16328,16329,16331],{"class":5617,"line":14215},[5615,16330,14432],{"class":6132},[5615,16332,5684],{"class":5621},[5615,16334,16335,16337,16339],{"class":5617,"line":14221},[5615,16336,6044],{"class":5951},[5615,16338,5956],{"class":5955},[5615,16340,5959],{"class":5951},[5615,16342,16343],{"class":5617,"line":14255},[5615,16344,6054],{"class":5629},[5615,16346,16347],{"class":5617,"line":14281},[5615,16348,5684],{"class":5629},[5615,16350,16351],{"class":5617,"line":14288},[5615,16352,5691],{"emptyLinePlaceholder":5690},[5615,16354,16355,16357,16359],{"class":5617,"line":14316},[5615,16356,5814],{"class":5621},[5615,16358,14466],{"class":5817},[5615,16360,5821],{"class":5629},[5615,16362,16363,16365,16367,16369,16371,16373,16375,16377],{"class":5617,"line":14328},[5615,16364,5827],{"class":5621},[5615,16366,7006],{"class":5629},[5615,16368,14478],{"class":5700},[5615,16370,5521],{"class":5629},[5615,16372,14483],{"class":5700},[5615,16374,11249],{"class":5629},[5615,16376,13871],{"class":5817},[5615,16378,10538],{"class":5629},[5615,16380,16381],{"class":5617,"line":14338},[5615,16382,5691],{"emptyLinePlaceholder":5690},[5615,16384,16385,16387],{"class":5617,"line":14348},[5615,16386,5942],{"class":5941},[5615,16388,5945],{"class":5629},[5615,16390,16391,16393,16395,16397,16399,16401,16403,16405,16407,16409,16411,16413,16415,16417,16420,16422,16424],{"class":5617,"line":14358},[5615,16392,5952],{"class":5951},[5615,16394,5956],{"class":5955},[5615,16396,6125],{"class":5971},[5615,16398,5975],{"class":5629},[5615,16400,5978],{"class":5621},[5615,16402,6133],{"class":6132},[5615,16404,8145],{"class":5636},[5615,16406,9221],{"class":5643},[5615,16408,5521],{"class":6132},[5615,16410,8153],{"class":5636},[5615,16412,9228],{"class":5643},[5615,16414,5521],{"class":6132},[5615,16416,14531],{"class":5636},[5615,16418,16419],{"class":5643}," 'wrap'",[5615,16421,6146],{"class":6132},[5615,16423,5983],{"class":5621},[5615,16425,5959],{"class":5951},[5615,16427,16428,16430],{"class":5617,"line":14368},[5615,16429,5965],{"class":5951},[5615,16431,6550],{"class":5955},[5615,16433,16434,16437,16439,16441,16443,16445,16447,16449,16452,16454,16456,16458],{"class":5617,"line":14379},[5615,16435,16436],{"class":5971},"        onClick",[5615,16438,5975],{"class":5629},[5615,16440,5978],{"class":5621},[5615,16442,12659],{"class":6132},[5615,16444,5877],{"class":5621},[5615,16446,13484],{"class":5817},[5615,16448,7421],{"class":6132},[5615,16450,16451],{"class":5643},"'Операція успішна'",[5615,16453,5521],{"class":6132},[5615,16455,14985],{"class":5643},[5615,16457,12490],{"class":6132},[5615,16459,5684],{"class":5621},[5615,16461,16462,16464,16466,16468],{"class":5617,"line":14387},[5615,16463,7906],{"class":5971},[5615,16465,5975],{"class":5629},[5615,16467,5978],{"class":5621},[5615,16469,6577],{"class":6132},[5615,16471,16472,16474,16476],{"class":5617,"line":14393},[5615,16473,7954],{"class":5636},[5615,16475,9410],{"class":5643},[5615,16477,5721],{"class":6132},[5615,16479,16480,16482,16485],{"class":5617,"line":14399},[5615,16481,7927],{"class":5636},[5615,16483,16484],{"class":5643}," '#22c55e'",[5615,16486,5721],{"class":6132},[5615,16488,16489,16491,16493],{"class":5617,"line":14409},[5615,16490,7940],{"class":5636},[5615,16492,16102],{"class":5643},[5615,16494,5721],{"class":6132},[5615,16496,16497,16500,16502],{"class":5617,"line":14419},[5615,16498,16499],{"class":5636},"          border:",[5615,16501,9140],{"class":5643},[5615,16503,5721],{"class":6132},[5615,16505,16506,16509,16511],{"class":5617,"line":14429},[5615,16507,16508],{"class":5636},"          borderRadius:",[5615,16510,9451],{"class":5643},[5615,16512,5721],{"class":6132},[5615,16514,16515,16518,16520],{"class":5617,"line":14437},[5615,16516,16517],{"class":5636},"          cursor:",[5615,16519,9468],{"class":5643},[5615,16521,5721],{"class":6132},[5615,16523,16524,16526],{"class":5617,"line":14446},[5615,16525,7964],{"class":6132},[5615,16527,5684],{"class":5621},[5615,16529,16530],{"class":5617,"line":14451},[5615,16531,7971],{"class":5951},[5615,16533,16534],{"class":5617,"line":14456},[5615,16535,14580],{"class":5629},[5615,16537,16538,16540,16542],{"class":5617,"line":14461},[5615,16539,8003],{"class":5951},[5615,16541,6657],{"class":5955},[5615,16543,5959],{"class":5951},[5615,16545,16546,16548],{"class":5617,"line":14471},[5615,16547,5965],{"class":5951},[5615,16549,6550],{"class":5955},[5615,16551,16552,16554,16556,16558,16560,16562,16564,16566,16569,16571,16573,16575],{"class":5617,"line":14492},[5615,16553,16436],{"class":5971},[5615,16555,5975],{"class":5629},[5615,16557,5978],{"class":5621},[5615,16559,12659],{"class":6132},[5615,16561,5877],{"class":5621},[5615,16563,13484],{"class":5817},[5615,16565,7421],{"class":6132},[5615,16567,16568],{"class":5643},"'Це інформація'",[5615,16570,5521],{"class":6132},[5615,16572,14980],{"class":5643},[5615,16574,12490],{"class":6132},[5615,16576,5684],{"class":5621},[5615,16578,16579,16581,16583,16585],{"class":5617,"line":14497},[5615,16580,7906],{"class":5971},[5615,16582,5975],{"class":5629},[5615,16584,5978],{"class":5621},[5615,16586,6577],{"class":6132},[5615,16588,16589,16591,16593],{"class":5617,"line":14504},[5615,16590,7954],{"class":5636},[5615,16592,9410],{"class":5643},[5615,16594,5721],{"class":6132},[5615,16596,16597,16599,16601],{"class":5617,"line":14543},[5615,16598,7927],{"class":5636},[5615,16600,8924],{"class":5643},[5615,16602,5721],{"class":6132},[5615,16604,16605,16607,16609],{"class":5617,"line":14577},[5615,16606,7940],{"class":5636},[5615,16608,16102],{"class":5643},[5615,16610,5721],{"class":6132},[5615,16612,16613,16615,16617],{"class":5617,"line":14583},[5615,16614,16499],{"class":5636},[5615,16616,9140],{"class":5643},[5615,16618,5721],{"class":6132},[5615,16620,16621,16623,16625],{"class":5617,"line":14592},[5615,16622,16508],{"class":5636},[5615,16624,9451],{"class":5643},[5615,16626,5721],{"class":6132},[5615,16628,16629,16631,16633],{"class":5617,"line":14626},[5615,16630,16517],{"class":5636},[5615,16632,9468],{"class":5643},[5615,16634,5721],{"class":6132},[5615,16636,16637,16639],{"class":5617,"line":14632},[5615,16638,7964],{"class":6132},[5615,16640,5684],{"class":5621},[5615,16642,16643],{"class":5617,"line":14641},[5615,16644,7971],{"class":5951},[5615,16646,16647],{"class":5617,"line":14675},[5615,16648,14629],{"class":5629},[5615,16650,16651,16653,16655],{"class":5617,"line":14681},[5615,16652,8003],{"class":5951},[5615,16654,6657],{"class":5955},[5615,16656,5959],{"class":5951},[5615,16658,16659,16661],{"class":5617,"line":14690},[5615,16660,5965],{"class":5951},[5615,16662,6550],{"class":5955},[5615,16664,16665,16667,16669,16671,16673,16675,16677,16679,16682,16684,16686,16688],{"class":5617,"line":14724},[5615,16666,16436],{"class":5971},[5615,16668,5975],{"class":5629},[5615,16670,5978],{"class":5621},[5615,16672,12659],{"class":6132},[5615,16674,5877],{"class":5621},[5615,16676,13484],{"class":5817},[5615,16678,7421],{"class":6132},[5615,16680,16681],{"class":5643},"'Увага!'",[5615,16683,5521],{"class":6132},[5615,16685,14990],{"class":5643},[5615,16687,12490],{"class":6132},[5615,16689,5684],{"class":5621},[5615,16691,16692,16694,16696,16698],{"class":5617,"line":14730},[5615,16693,7906],{"class":5971},[5615,16695,5975],{"class":5629},[5615,16697,5978],{"class":5621},[5615,16699,6577],{"class":6132},[5615,16701,16702,16704,16706],{"class":5617,"line":14739},[5615,16703,7954],{"class":5636},[5615,16705,9410],{"class":5643},[5615,16707,5721],{"class":6132},[5615,16709,16710,16712,16715],{"class":5617,"line":14767},[5615,16711,7927],{"class":5636},[5615,16713,16714],{"class":5643}," '#f59e0b'",[5615,16716,5721],{"class":6132},[5615,16718,16719,16721,16723],{"class":5617,"line":14776},[5615,16720,7940],{"class":5636},[5615,16722,16102],{"class":5643},[5615,16724,5721],{"class":6132},[5615,16726,16727,16729,16731],{"class":5617,"line":14781},[5615,16728,16499],{"class":5636},[5615,16730,9140],{"class":5643},[5615,16732,5721],{"class":6132},[5615,16734,16735,16737,16739],{"class":5617,"line":14786},[5615,16736,16508],{"class":5636},[5615,16738,9451],{"class":5643},[5615,16740,5721],{"class":6132},[5615,16742,16743,16745,16747],{"class":5617,"line":14791},[5615,16744,16517],{"class":5636},[5615,16746,9468],{"class":5643},[5615,16748,5721],{"class":6132},[5615,16750,16751,16753],{"class":5617,"line":14800},[5615,16752,7964],{"class":6132},[5615,16754,5684],{"class":5621},[5615,16756,16757],{"class":5617,"line":14807},[5615,16758,7971],{"class":5951},[5615,16760,16761],{"class":5617,"line":14817},[5615,16762,14678],{"class":5629},[5615,16764,16765,16767,16769],{"class":5617,"line":14843},[5615,16766,8003],{"class":5951},[5615,16768,6657],{"class":5955},[5615,16770,5959],{"class":5951},[5615,16772,16773,16775],{"class":5617,"line":14861},[5615,16774,5965],{"class":5951},[5615,16776,6550],{"class":5955},[5615,16778,16779,16781,16783,16785,16787,16789,16791,16793,16796,16798,16800,16802],{"class":5617,"line":14871},[5615,16780,16436],{"class":5971},[5615,16782,5975],{"class":5629},[5615,16784,5978],{"class":5621},[5615,16786,12659],{"class":6132},[5615,16788,5877],{"class":5621},[5615,16790,13484],{"class":5817},[5615,16792,7421],{"class":6132},[5615,16794,16795],{"class":5643},"'Помилка виконання'",[5615,16797,5521],{"class":6132},[5615,16799,14995],{"class":5643},[5615,16801,12490],{"class":6132},[5615,16803,5684],{"class":5621},[5615,16805,16806,16808,16810,16812],{"class":5617,"line":14881},[5615,16807,7906],{"class":5971},[5615,16809,5975],{"class":5629},[5615,16811,5978],{"class":5621},[5615,16813,6577],{"class":6132},[5615,16815,16816,16818,16820],{"class":5617,"line":14890},[5615,16817,7954],{"class":5636},[5615,16819,9410],{"class":5643},[5615,16821,5721],{"class":6132},[5615,16823,16824,16826,16829],{"class":5617,"line":14899},[5615,16825,7927],{"class":5636},[5615,16827,16828],{"class":5643}," '#ef4444'",[5615,16830,5721],{"class":6132},[5615,16832,16833,16835,16837],{"class":5617,"line":14904},[5615,16834,7940],{"class":5636},[5615,16836,16102],{"class":5643},[5615,16838,5721],{"class":6132},[5615,16840,16842,16844,16846],{"class":5617,"line":16841},194,[5615,16843,16499],{"class":5636},[5615,16845,9140],{"class":5643},[5615,16847,5721],{"class":6132},[5615,16849,16851,16853,16855],{"class":5617,"line":16850},195,[5615,16852,16508],{"class":5636},[5615,16854,9451],{"class":5643},[5615,16856,5721],{"class":6132},[5615,16858,16860,16862,16864],{"class":5617,"line":16859},196,[5615,16861,16517],{"class":5636},[5615,16863,9468],{"class":5643},[5615,16865,5721],{"class":6132},[5615,16867,16869,16871],{"class":5617,"line":16868},197,[5615,16870,7964],{"class":6132},[5615,16872,5684],{"class":5621},[5615,16874,16876],{"class":5617,"line":16875},198,[5615,16877,7971],{"class":5951},[5615,16879,16881],{"class":5617,"line":16880},199,[5615,16882,14727],{"class":5629},[5615,16884,16886,16888,16890],{"class":5617,"line":16885},200,[5615,16887,8003],{"class":5951},[5615,16889,6657],{"class":5955},[5615,16891,5959],{"class":5951},[5615,16893,16895,16897],{"class":5617,"line":16894},201,[5615,16896,5965],{"class":5951},[5615,16898,6550],{"class":5955},[5615,16900,16902,16904,16906,16908,16910],{"class":5617,"line":16901},202,[5615,16903,16436],{"class":5971},[5615,16905,5975],{"class":5629},[5615,16907,5978],{"class":5621},[5615,16909,14483],{"class":5636},[5615,16911,5684],{"class":5621},[5615,16913,16915,16917,16919,16921],{"class":5617,"line":16914},203,[5615,16916,7906],{"class":5971},[5615,16918,5975],{"class":5629},[5615,16920,5978],{"class":5621},[5615,16922,6577],{"class":6132},[5615,16924,16926,16928,16930],{"class":5617,"line":16925},204,[5615,16927,7954],{"class":5636},[5615,16929,9410],{"class":5643},[5615,16931,5721],{"class":6132},[5615,16933,16935,16937,16940],{"class":5617,"line":16934},205,[5615,16936,7927],{"class":5636},[5615,16938,16939],{"class":5643}," '#64748b'",[5615,16941,5721],{"class":6132},[5615,16943,16945,16947,16949],{"class":5617,"line":16944},206,[5615,16946,7940],{"class":5636},[5615,16948,16102],{"class":5643},[5615,16950,5721],{"class":6132},[5615,16952,16954,16956,16958],{"class":5617,"line":16953},207,[5615,16955,16499],{"class":5636},[5615,16957,9140],{"class":5643},[5615,16959,5721],{"class":6132},[5615,16961,16963,16965,16967],{"class":5617,"line":16962},208,[5615,16964,16508],{"class":5636},[5615,16966,9451],{"class":5643},[5615,16968,5721],{"class":6132},[5615,16970,16972,16974,16976],{"class":5617,"line":16971},209,[5615,16973,16517],{"class":5636},[5615,16975,9468],{"class":5643},[5615,16977,5721],{"class":6132},[5615,16979,16981,16983],{"class":5617,"line":16980},210,[5615,16982,7964],{"class":6132},[5615,16984,5684],{"class":5621},[5615,16986,16988],{"class":5617,"line":16987},211,[5615,16989,7971],{"class":5951},[5615,16991,16993],{"class":5617,"line":16992},212,[5615,16994,16995],{"class":5629},"        Очистити всі\n",[5615,16997,16999,17001,17003],{"class":5617,"line":16998},213,[5615,17000,8003],{"class":5951},[5615,17002,6657],{"class":5955},[5615,17004,5959],{"class":5951},[5615,17006,17008,17010,17012],{"class":5617,"line":17007},214,[5615,17009,6044],{"class":5951},[5615,17011,5956],{"class":5955},[5615,17013,5959],{"class":5951},[5615,17015,17017],{"class":5617,"line":17016},215,[5615,17018,6054],{"class":5629},[5615,17020,17022],{"class":5617,"line":17021},216,[5615,17023,5684],{"class":5629},[5615,17025,17027],{"class":5617,"line":17026},217,[5615,17028,5691],{"emptyLinePlaceholder":5690},[5615,17030,17032,17034,17036,17038,17040],{"class":5617,"line":17031},218,[5615,17033,9752],{"class":5941},[5615,17035,9755],{"class":5941},[5615,17037,9758],{"class":5621},[5615,17039,5818],{"class":5817},[5615,17041,5821],{"class":5629},[5615,17043,17045,17047],{"class":5617,"line":17044},219,[5615,17046,5942],{"class":5941},[5615,17048,5945],{"class":5629},[5615,17050,17052,17054,17056],{"class":5617,"line":17051},220,[5615,17053,5952],{"class":5951},[5615,17055,14812],{"class":5625},[5615,17057,5959],{"class":5951},[5615,17059,17061,17063,17065,17067,17069,17071,17073,17075,17077,17079,17082,17084,17086,17088],{"class":5617,"line":17060},221,[5615,17062,5965],{"class":5951},[5615,17064,5956],{"class":5955},[5615,17066,6125],{"class":5971},[5615,17068,5975],{"class":5629},[5615,17070,5978],{"class":5621},[5615,17072,6133],{"class":6132},[5615,17074,14832],{"class":5636},[5615,17076,9235],{"class":5643},[5615,17078,5521],{"class":6132},[5615,17080,17081],{"class":5636},"fontFamily:",[5615,17083,9935],{"class":5643},[5615,17085,6146],{"class":6132},[5615,17087,5983],{"class":5621},[5615,17089,5959],{"class":5951},[5615,17091,17093,17095,17097,17099,17101,17103,17105],{"class":5617,"line":17092},222,[5615,17094,7976],{"class":5951},[5615,17096,5472],{"class":5955},[5615,17098,6293],{"class":5951},[5615,17100,14852],{"class":5629},[5615,17102,6299],{"class":5951},[5615,17104,5472],{"class":5955},[5615,17106,5959],{"class":5951},[5615,17108,17110,17112,17114,17116,17118,17120,17122,17124,17127,17129,17131,17133,17135,17137],{"class":5617,"line":17109},223,[5615,17111,7976],{"class":5951},[5615,17113,5479],{"class":5955},[5615,17115,6125],{"class":5971},[5615,17117,5975],{"class":5629},[5615,17119,5978],{"class":5621},[5615,17121,6133],{"class":6132},[5615,17123,8161],{"class":5636},[5615,17125,17126],{"class":5643}," '1.5rem'",[5615,17128,5521],{"class":6132},[5615,17130,6451],{"class":5636},[5615,17132,16939],{"class":5643},[5615,17134,6146],{"class":6132},[5615,17136,5983],{"class":5621},[5615,17138,5959],{"class":5951},[5615,17140,17142],{"class":5617,"line":17141},224,[5615,17143,17144],{"class":5629},"          Натисніть кнопки, щоб додати сповіщення. Вони автоматично зникнуть через 5 секунд.\n",[5615,17146,17148,17150,17152],{"class":5617,"line":17147},225,[5615,17149,14422],{"class":5951},[5615,17151,5479],{"class":5955},[5615,17153,5959],{"class":5951},[5615,17155,17157,17159,17161],{"class":5617,"line":17156},226,[5615,17158,7976],{"class":5951},[5615,17160,14866],{"class":5625},[5615,17162,5998],{"class":5951},[5615,17164,17166,17168,17170],{"class":5617,"line":17165},227,[5615,17167,7976],{"class":5951},[5615,17169,14876],{"class":5625},[5615,17171,5998],{"class":5951},[5615,17173,17175,17177,17179],{"class":5617,"line":17174},228,[5615,17176,8003],{"class":5951},[5615,17178,5956],{"class":5955},[5615,17180,5959],{"class":5951},[5615,17182,17184,17186,17188],{"class":5617,"line":17183},229,[5615,17185,6044],{"class":5951},[5615,17187,14812],{"class":5625},[5615,17189,5959],{"class":5951},[5615,17191,17193],{"class":5617,"line":17192},230,[5615,17194,6054],{"class":5629},[5615,17196,17198],{"class":5617,"line":17197},231,[5615,17199,5684],{"class":5629},[6975,17201,17203],{"id":17202},"розбір-архітектури","Розбір архітектури",[5479,17205,17206,17209,17210,17212,17213,5528],{},[5483,17207,17208],{},"Централізація логіки."," Весь стан сповіщень і логіка їхньої обробки інкапсульовані у ",[5518,17211,14812],{},". Компоненти не знають про редюсер — вони взаємодіють лише через простий API хука ",[5518,17214,17215],{},"useNotifications()",[5479,17217,17218,10029,17221,17223],{},[5483,17219,17220],{},"Побічні ефекти у провайдері.",[5518,17222,14478],{}," не лише диспатчить екшен, а й запускає таймер для автоматичного видалення сповіщення. Це приклад того, як провайдер може містити побічні ефекти, які не підходять для редюсера.",[5479,17225,17226,17229,17230,17233,17234,17236],{},[5483,17227,17228],{},"Глобальна доступність."," Будь-який компонент усередині ",[5518,17231,17232],{},"\u003CNotificationProvider>"," може викликати ",[5518,17235,17215],{}," і отримати доступ до всіх функцій. Це робить систему сповіщень повністю незалежною від структури дерева компонентів.",[7324,17238,17239],{},"Цей патерн (Context + useReducer + кастомний хук) є мінімалістичною альтернативою Redux для невеликих та середніх застосунків. Він забезпечує централізоване управління станом без додаткових бібліотек.",[5580,17241],{},[5583,17243,17245],{"id":17244},"оптимізація-продуктивності-уникнення-зайвих-рендерів","Оптимізація продуктивності: уникнення зайвих рендерів",[5479,17247,17248,17249,17257],{},"Context API має одну важливу особливість: ",[5483,17250,17251,17252,17254,17255],{},"будь-яка зміна значення у ",[5518,17253,5524],{}," викликає повторний рендер всіх компонентів, які читають цей контекст через ",[5518,17256,5527],{},", навіть якщо вони використовують лише частину даних.",[5479,17259,17260],{},"Розглянемо проблему та способи її вирішення:",[5606,17262,17264],{"className":5608,"code":17263,"language":5610,"meta":5611,"style":5611},"interface AppState {\n  user: { name: string; email: string };\n  theme: { mode: \"light\" | \"dark\" };\n  settings: { language: string; notifications: boolean };\n}\n\nconst AppContext = createContext\u003CAppState | undefined>(undefined);\n\nfunction AppProvider({ children }: { children: React.ReactNode }) {\n  const [state, setState] = useState\u003CAppState>({\n    user: { name: \"Олена\", email: \"olena@example.com\" },\n    theme: { mode: \"light\" },\n    settings: { language: \"uk\", notifications: true },\n  });\n\n  return \u003CAppContext.Provider value={state}>{children}\u003C\u002FAppContext.Provider>;\n}\n\n\u002F\u002F Проблема: цей компонент рендериться при зміні будь-якої частини стану\nfunction UserName() {\n  const state = useContext(AppContext);\n  console.log(\"UserName re-rendered\"); \u002F\u002F Викликається навіть при зміні theme!\n\n  return \u003Cspan>{state?.user.name}\u003C\u002Fspan>;\n}\n",[5518,17265,17266,17275,17301,17319,17343,17347,17351,17377,17381,17406,17429,17452,17466,17487,17491,17495,17531,17535,17539,17544,17553,17570,17591,17595,17629],{"__ignoreMap":5611},[5615,17267,17268,17270,17273],{"class":5617,"line":5618},[5615,17269,5622],{"class":5621},[5615,17271,17272],{"class":5625}," AppState",[5615,17274,5630],{"class":5629},[5615,17276,17277,17280,17283,17286,17288,17290,17292,17295,17297,17299],{"class":5617,"line":5633},[5615,17278,17279],{"class":5636},"  user",[5615,17281,17282],{"class":5629},": { ",[5615,17284,17285],{"class":5636},"name",[5615,17287,5640],{"class":5629},[5615,17289,5664],{"class":5625},[5615,17291,6094],{"class":5629},[5615,17293,17294],{"class":5636},"email",[5615,17296,5640],{"class":5629},[5615,17298,5664],{"class":5625},[5615,17300,11218],{"class":5629},[5615,17302,17303,17305,17307,17309,17311,17313,17315,17317],{"class":5617,"line":5656},[5615,17304,10759],{"class":5636},[5615,17306,17282],{"class":5629},[5615,17308,5905],{"class":5636},[5615,17310,5640],{"class":5629},[5615,17312,5644],{"class":5643},[5615,17314,5647],{"class":5629},[5615,17316,5650],{"class":5643},[5615,17318,11218],{"class":5629},[5615,17320,17321,17324,17326,17328,17330,17332,17334,17336,17338,17341],{"class":5617,"line":5669},[5615,17322,17323],{"class":5636},"  settings",[5615,17325,17282],{"class":5629},[5615,17327,12157],{"class":5636},[5615,17329,5640],{"class":5629},[5615,17331,5664],{"class":5625},[5615,17333,6094],{"class":5629},[5615,17335,12793],{"class":5636},[5615,17337,5640],{"class":5629},[5615,17339,17340],{"class":5625},"boolean",[5615,17342,11218],{"class":5629},[5615,17344,17345],{"class":5617,"line":5681},[5615,17346,5684],{"class":5629},[5615,17348,17349],{"class":5617,"line":5687},[5615,17350,5691],{"emptyLinePlaceholder":5690},[5615,17352,17353,17355,17358,17360,17362,17364,17367,17369,17371,17373,17375],{"class":5617,"line":5694},[5615,17354,5697],{"class":5621},[5615,17356,17357],{"class":5700}," AppContext",[5615,17359,7132],{"class":5629},[5615,17361,5520],{"class":5817},[5615,17363,5847],{"class":5629},[5615,17365,17366],{"class":5625},"AppState",[5615,17368,5647],{"class":5629},[5615,17370,10069],{"class":5625},[5615,17372,5852],{"class":5629},[5615,17374,10069],{"class":5621},[5615,17376,5858],{"class":5629},[5615,17378,17379],{"class":5617,"line":5712},[5615,17380,5691],{"emptyLinePlaceholder":5690},[5615,17382,17383,17385,17388,17390,17392,17394,17396,17398,17400,17402,17404],{"class":5617,"line":5724},[5615,17384,5814],{"class":5621},[5615,17386,17387],{"class":5817}," AppProvider",[5615,17389,6075],{"class":5629},[5615,17391,6384],{"class":5636},[5615,17393,6085],{"class":5629},[5615,17395,6384],{"class":5636},[5615,17397,5640],{"class":5629},[5615,17399,2303],{"class":5625},[5615,17401,5528],{"class":5629},[5615,17403,6413],{"class":5625},[5615,17405,6107],{"class":5629},[5615,17407,17408,17410,17412,17414,17416,17419,17421,17423,17425,17427],{"class":5617,"line":5735},[5615,17409,5827],{"class":5621},[5615,17411,5830],{"class":5629},[5615,17413,13163],{"class":5700},[5615,17415,5521],{"class":5629},[5615,17417,17418],{"class":5700},"setState",[5615,17420,5841],{"class":5629},[5615,17422,5844],{"class":5817},[5615,17424,5847],{"class":5629},[5615,17426,17366],{"class":5625},[5615,17428,10375],{"class":5629},[5615,17430,17431,17434,17436,17439,17442,17444,17447,17450],{"class":5617,"line":5746},[5615,17432,17433],{"class":5636},"    user:",[5615,17435,7006],{"class":5629},[5615,17437,17438],{"class":5636},"name:",[5615,17440,17441],{"class":5643}," \"Олена\"",[5615,17443,5521],{"class":5629},[5615,17445,17446],{"class":5636},"email:",[5615,17448,17449],{"class":5643}," \"olena@example.com\"",[5615,17451,13593],{"class":5629},[5615,17453,17454,17457,17459,17462,17464],{"class":5617,"line":5752},[5615,17455,17456],{"class":5636},"    theme:",[5615,17458,7006],{"class":5629},[5615,17460,17461],{"class":5636},"mode:",[5615,17463,5718],{"class":5643},[5615,17465,13593],{"class":5629},[5615,17467,17468,17470,17472,17475,17477,17479,17482,17485],{"class":5617,"line":5757},[5615,17469,12076],{"class":5636},[5615,17471,7006],{"class":5629},[5615,17473,17474],{"class":5636},"language:",[5615,17476,12673],{"class":5643},[5615,17478,5521],{"class":5629},[5615,17480,17481],{"class":5636},"notifications:",[5615,17483,17484],{"class":5621}," true",[5615,17486,13593],{"class":5629},[5615,17488,17489],{"class":5617,"line":5771},[5615,17490,10416],{"class":5629},[5615,17492,17493],{"class":5617,"line":5781},[5615,17494,5691],{"emptyLinePlaceholder":5690},[5615,17496,17497,17499,17502,17505,17507,17509,17511,17513,17515,17517,17519,17521,17523,17525,17527,17529],{"class":5617,"line":5791},[5615,17498,5942],{"class":5941},[5615,17500,17501],{"class":5951}," \u003C",[5615,17503,17504],{"class":5625},"AppContext.Provider",[5615,17506,7262],{"class":5971},[5615,17508,5975],{"class":5629},[5615,17510,5978],{"class":5621},[5615,17512,13163],{"class":5636},[5615,17514,5983],{"class":5621},[5615,17516,6293],{"class":5951},[5615,17518,5978],{"class":5621},[5615,17520,6384],{"class":5636},[5615,17522,5983],{"class":5621},[5615,17524,6299],{"class":5951},[5615,17526,17504],{"class":5625},[5615,17528,6293],{"class":5951},[5615,17530,5653],{"class":5629},[5615,17532,17533],{"class":5617,"line":5801},[5615,17534,5684],{"class":5629},[5615,17536,17537],{"class":5617,"line":5806},[5615,17538,5691],{"emptyLinePlaceholder":5690},[5615,17540,17541],{"class":5617,"line":5811},[5615,17542,17543],{"class":6906},"\u002F\u002F Проблема: цей компонент рендериться при зміні будь-якої частини стану\n",[5615,17545,17546,17548,17551],{"class":5617,"line":5824},[5615,17547,5814],{"class":5621},[5615,17549,17550],{"class":5817}," UserName",[5615,17552,5821],{"class":5629},[5615,17554,17555,17557,17559,17561,17563,17565,17568],{"class":5617,"line":5861},[5615,17556,5827],{"class":5621},[5615,17558,13194],{"class":5700},[5615,17560,7132],{"class":5629},[5615,17562,5527],{"class":5817},[5615,17564,7421],{"class":5629},[5615,17566,17567],{"class":5636},"AppContext",[5615,17569,5858],{"class":5629},[5615,17571,17572,17575,17577,17580,17582,17585,17588],{"class":5617,"line":5866},[5615,17573,17574],{"class":5636},"  console",[5615,17576,5528],{"class":5629},[5615,17578,17579],{"class":5817},"log",[5615,17581,7421],{"class":5629},[5615,17583,17584],{"class":5643},"\"UserName re-rendered\"",[5615,17586,17587],{"class":5629},"); ",[5615,17589,17590],{"class":6906},"\u002F\u002F Викликається навіть при зміні theme!\n",[5615,17592,17593],{"class":5617,"line":5882},[5615,17594,5691],{"emptyLinePlaceholder":5690},[5615,17596,17597,17599,17601,17603,17605,17607,17609,17612,17615,17617,17619,17621,17623,17625,17627],{"class":5617,"line":5927},[5615,17598,5942],{"class":5941},[5615,17600,17501],{"class":5951},[5615,17602,5615],{"class":5955},[5615,17604,6293],{"class":5951},[5615,17606,5978],{"class":5621},[5615,17608,13163],{"class":5636},[5615,17610,17611],{"class":6132},"?.",[5615,17613,17614],{"class":5636},"user",[5615,17616,5528],{"class":6132},[5615,17618,17285],{"class":5636},[5615,17620,5983],{"class":5621},[5615,17622,6299],{"class":5951},[5615,17624,5615],{"class":5955},[5615,17626,6293],{"class":5951},[5615,17628,5653],{"class":5629},[5615,17630,17631],{"class":5617,"line":5933},[5615,17632,5684],{"class":5629},[6975,17634,17636],{"id":17635},"рішення-1-розділення-контекстів","Рішення 1: Розділення контекстів",[5479,17638,17639],{},"Найпростіше рішення — розділити великий контекст на кілька незалежних:",[5606,17641,17643],{"className":5608,"code":17642,"language":5610,"meta":5611,"style":5611},"const UserContext = createContext\u003CUser | undefined>(undefined);\nconst ThemeContext = createContext\u003CTheme | undefined>(undefined);\nconst SettingsContext = createContext\u003CSettings | undefined>(undefined);\n\nfunction AppProvider({ children }: { children: React.ReactNode }) {\n  const [user, setUser] = useState\u003CUser>(...);\n  const [theme, setTheme] = useState\u003CTheme>(...);\n  const [settings, setSettings] = useState\u003CSettings>(...);\n\n  return (\n    \u003CUserContext.Provider value={user}>\n      \u003CThemeContext.Provider value={theme}>\n        \u003CSettingsContext.Provider value={settings}>\n          {children}\n        \u003C\u002FSettingsContext.Provider>\n      \u003C\u002FThemeContext.Provider>\n    \u003C\u002FUserContext.Provider>\n  );\n}\n\n\u002F\u002F Тепер цей компонент рендериться лише при зміні user\nfunction UserName() {\n  const user = useContext(UserContext);\n  return \u003Cspan>{user?.name}\u003C\u002Fspan>;\n}\n",[5518,17644,17645,17671,17695,17720,17724,17748,17772,17794,17818,17822,17828,17847,17865,17884,17893,17901,17909,17917,17921,17925,17929,17934,17942,17960,17988],{"__ignoreMap":5611},[5615,17646,17647,17649,17652,17654,17656,17658,17661,17663,17665,17667,17669],{"class":5617,"line":5618},[5615,17648,5697],{"class":5621},[5615,17650,17651],{"class":5700}," UserContext",[5615,17653,7132],{"class":5629},[5615,17655,5520],{"class":5817},[5615,17657,5847],{"class":5629},[5615,17659,17660],{"class":5625},"User",[5615,17662,5647],{"class":5629},[5615,17664,10069],{"class":5625},[5615,17666,5852],{"class":5629},[5615,17668,10069],{"class":5621},[5615,17670,5858],{"class":5629},[5615,17672,17673,17675,17677,17679,17681,17683,17685,17687,17689,17691,17693],{"class":5617,"line":5633},[5615,17674,5697],{"class":5621},[5615,17676,7129],{"class":5700},[5615,17678,7132],{"class":5629},[5615,17680,5520],{"class":5817},[5615,17682,5847],{"class":5629},[5615,17684,5706],{"class":5625},[5615,17686,5647],{"class":5629},[5615,17688,10069],{"class":5625},[5615,17690,5852],{"class":5629},[5615,17692,10069],{"class":5621},[5615,17694,5858],{"class":5629},[5615,17696,17697,17699,17702,17704,17706,17708,17710,17712,17714,17716,17718],{"class":5617,"line":5656},[5615,17698,5697],{"class":5621},[5615,17700,17701],{"class":5700}," SettingsContext",[5615,17703,7132],{"class":5629},[5615,17705,5520],{"class":5817},[5615,17707,5847],{"class":5629},[5615,17709,12505],{"class":5625},[5615,17711,5647],{"class":5629},[5615,17713,10069],{"class":5625},[5615,17715,5852],{"class":5629},[5615,17717,10069],{"class":5621},[5615,17719,5858],{"class":5629},[5615,17721,17722],{"class":5617,"line":5669},[5615,17723,5691],{"emptyLinePlaceholder":5690},[5615,17725,17726,17728,17730,17732,17734,17736,17738,17740,17742,17744,17746],{"class":5617,"line":5681},[5615,17727,5814],{"class":5621},[5615,17729,17387],{"class":5817},[5615,17731,6075],{"class":5629},[5615,17733,6384],{"class":5636},[5615,17735,6085],{"class":5629},[5615,17737,6384],{"class":5636},[5615,17739,5640],{"class":5629},[5615,17741,2303],{"class":5625},[5615,17743,5528],{"class":5629},[5615,17745,6413],{"class":5625},[5615,17747,6107],{"class":5629},[5615,17749,17750,17752,17754,17756,17758,17761,17763,17765,17767,17769],{"class":5617,"line":5687},[5615,17751,5827],{"class":5621},[5615,17753,5830],{"class":5629},[5615,17755,17614],{"class":5700},[5615,17757,5521],{"class":5629},[5615,17759,17760],{"class":5700},"setUser",[5615,17762,5841],{"class":5629},[5615,17764,5844],{"class":5817},[5615,17766,5847],{"class":5629},[5615,17768,17660],{"class":5625},[5615,17770,17771],{"class":5629},">(...);\n",[5615,17773,17774,17776,17778,17780,17782,17784,17786,17788,17790,17792],{"class":5617,"line":5694},[5615,17775,5827],{"class":5621},[5615,17777,5830],{"class":5629},[5615,17779,5833],{"class":5700},[5615,17781,5521],{"class":5629},[5615,17783,5838],{"class":5700},[5615,17785,5841],{"class":5629},[5615,17787,5844],{"class":5817},[5615,17789,5847],{"class":5629},[5615,17791,5706],{"class":5625},[5615,17793,17771],{"class":5629},[5615,17795,17796,17798,17800,17803,17805,17808,17810,17812,17814,17816],{"class":5617,"line":5712},[5615,17797,5827],{"class":5621},[5615,17799,5830],{"class":5629},[5615,17801,17802],{"class":5700},"settings",[5615,17804,5521],{"class":5629},[5615,17806,17807],{"class":5700},"setSettings",[5615,17809,5841],{"class":5629},[5615,17811,5844],{"class":5817},[5615,17813,5847],{"class":5629},[5615,17815,12505],{"class":5625},[5615,17817,17771],{"class":5629},[5615,17819,17820],{"class":5617,"line":5724},[5615,17821,5691],{"emptyLinePlaceholder":5690},[5615,17823,17824,17826],{"class":5617,"line":5735},[5615,17825,5942],{"class":5941},[5615,17827,5945],{"class":5629},[5615,17829,17830,17832,17835,17837,17839,17841,17843,17845],{"class":5617,"line":5746},[5615,17831,5952],{"class":5951},[5615,17833,17834],{"class":5625},"UserContext.Provider",[5615,17836,7262],{"class":5971},[5615,17838,5975],{"class":5629},[5615,17840,5978],{"class":5621},[5615,17842,17614],{"class":5636},[5615,17844,5983],{"class":5621},[5615,17846,5959],{"class":5951},[5615,17848,17849,17851,17853,17855,17857,17859,17861,17863],{"class":5617,"line":5752},[5615,17850,5965],{"class":5951},[5615,17852,7259],{"class":5625},[5615,17854,7262],{"class":5971},[5615,17856,5975],{"class":5629},[5615,17858,5978],{"class":5621},[5615,17860,5833],{"class":5636},[5615,17862,5983],{"class":5621},[5615,17864,5959],{"class":5951},[5615,17866,17867,17869,17872,17874,17876,17878,17880,17882],{"class":5617,"line":5757},[5615,17868,7976],{"class":5951},[5615,17870,17871],{"class":5625},"SettingsContext.Provider",[5615,17873,7262],{"class":5971},[5615,17875,5975],{"class":5629},[5615,17877,5978],{"class":5621},[5615,17879,17802],{"class":5636},[5615,17881,5983],{"class":5621},[5615,17883,5959],{"class":5951},[5615,17885,17886,17889,17891],{"class":5617,"line":5771},[5615,17887,17888],{"class":5621},"          {",[5615,17890,6384],{"class":5636},[5615,17892,5684],{"class":5621},[5615,17894,17895,17897,17899],{"class":5617,"line":5781},[5615,17896,14422],{"class":5951},[5615,17898,17871],{"class":5625},[5615,17900,5959],{"class":5951},[5615,17902,17903,17905,17907],{"class":5617,"line":5791},[5615,17904,8003],{"class":5951},[5615,17906,7259],{"class":5625},[5615,17908,5959],{"class":5951},[5615,17910,17911,17913,17915],{"class":5617,"line":5801},[5615,17912,6044],{"class":5951},[5615,17914,17834],{"class":5625},[5615,17916,5959],{"class":5951},[5615,17918,17919],{"class":5617,"line":5806},[5615,17920,6054],{"class":5629},[5615,17922,17923],{"class":5617,"line":5811},[5615,17924,5684],{"class":5629},[5615,17926,17927],{"class":5617,"line":5824},[5615,17928,5691],{"emptyLinePlaceholder":5690},[5615,17930,17931],{"class":5617,"line":5861},[5615,17932,17933],{"class":6906},"\u002F\u002F Тепер цей компонент рендериться лише при зміні user\n",[5615,17935,17936,17938,17940],{"class":5617,"line":5866},[5615,17937,5814],{"class":5621},[5615,17939,17550],{"class":5817},[5615,17941,5821],{"class":5629},[5615,17943,17944,17946,17949,17951,17953,17955,17958],{"class":5617,"line":5882},[5615,17945,5827],{"class":5621},[5615,17947,17948],{"class":5700}," user",[5615,17950,7132],{"class":5629},[5615,17952,5527],{"class":5817},[5615,17954,7421],{"class":5629},[5615,17956,17957],{"class":5636},"UserContext",[5615,17959,5858],{"class":5629},[5615,17961,17962,17964,17966,17968,17970,17972,17974,17976,17978,17980,17982,17984,17986],{"class":5617,"line":5927},[5615,17963,5942],{"class":5941},[5615,17965,17501],{"class":5951},[5615,17967,5615],{"class":5955},[5615,17969,6293],{"class":5951},[5615,17971,5978],{"class":5621},[5615,17973,17614],{"class":5636},[5615,17975,17611],{"class":6132},[5615,17977,17285],{"class":5636},[5615,17979,5983],{"class":5621},[5615,17981,6299],{"class":5951},[5615,17983,5615],{"class":5955},[5615,17985,6293],{"class":5951},[5615,17987,5653],{"class":5629},[5615,17989,17990],{"class":5617,"line":5933},[5615,17991,5684],{"class":5629},[6975,17993,17995],{"id":17994},"рішення-2-розділення-даних-та-функцій","Рішення 2: Розділення даних та функцій",[5479,17997,17998],{},"Якщо контекст містить як дані, так і функції оновлення, розділіть їх на два окремі контексти:",[5606,18000,18002],{"className":5608,"code":18001,"language":5610,"meta":5611,"style":5611},"const ThemeStateContext = createContext\u003CTheme | undefined>(undefined);\nconst ThemeDispatchContext = createContext\u003C(() => void) | undefined>(undefined);\n\nfunction ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = () => {\n    setTheme((prev) => (prev.mode === \"light\" ? darkTheme : lightTheme));\n  };\n\n  return (\n    \u003CThemeStateContext.Provider value={theme}>\n      \u003CThemeDispatchContext.Provider value={toggleTheme}>\n        {children}\n      \u003C\u002FThemeDispatchContext.Provider>\n    \u003C\u002FThemeStateContext.Provider>\n  );\n}\n\n\u002F\u002F Компонент, який лише читає тему — рендериться при зміні theme\nfunction ThemedButton() {\n  const theme = useContext(ThemeStateContext);\n  return \u003Cbutton style={{ color: theme?.primaryColor }}>Кнопка\u003C\u002Fbutton>;\n}\n\n\u002F\u002F Компонент, який лише перемикає тему — НЕ рендериться при зміні theme\nfunction ThemeToggle() {\n  const toggleTheme = useContext(ThemeDispatchContext);\n  return \u003Cbutton onClick={toggleTheme}>Toggle\u003C\u002Fbutton>;\n}\n",[5518,18003,18004,18029,18058,18062,18086,18112,18116,18128,18162,18166,18170,18176,18195,18214,18223,18231,18239,18243,18247,18251,18256,18265,18282,18323,18327,18331,18336,18345,18362,18393],{"__ignoreMap":5611},[5615,18005,18006,18008,18011,18013,18015,18017,18019,18021,18023,18025,18027],{"class":5617,"line":5618},[5615,18007,5697],{"class":5621},[5615,18009,18010],{"class":5700}," ThemeStateContext",[5615,18012,7132],{"class":5629},[5615,18014,5520],{"class":5817},[5615,18016,5847],{"class":5629},[5615,18018,5706],{"class":5625},[5615,18020,5647],{"class":5629},[5615,18022,10069],{"class":5625},[5615,18024,5852],{"class":5629},[5615,18026,10069],{"class":5621},[5615,18028,5858],{"class":5629},[5615,18030,18031,18033,18036,18038,18040,18043,18045,18047,18050,18052,18054,18056],{"class":5617,"line":5633},[5615,18032,5697],{"class":5621},[5615,18034,18035],{"class":5700}," ThemeDispatchContext",[5615,18037,7132],{"class":5629},[5615,18039,5520],{"class":5817},[5615,18041,18042],{"class":5629},"\u003C(() ",[5615,18044,5877],{"class":5621},[5615,18046,6104],{"class":5625},[5615,18048,18049],{"class":5629},") | ",[5615,18051,10069],{"class":5625},[5615,18053,5852],{"class":5629},[5615,18055,10069],{"class":5621},[5615,18057,5858],{"class":5629},[5615,18059,18060],{"class":5617,"line":5656},[5615,18061,5691],{"emptyLinePlaceholder":5690},[5615,18063,18064,18066,18068,18070,18072,18074,18076,18078,18080,18082,18084],{"class":5617,"line":5669},[5615,18065,5814],{"class":5621},[5615,18067,10340],{"class":5817},[5615,18069,6075],{"class":5629},[5615,18071,6384],{"class":5636},[5615,18073,6085],{"class":5629},[5615,18075,6384],{"class":5636},[5615,18077,5640],{"class":5629},[5615,18079,2303],{"class":5625},[5615,18081,5528],{"class":5629},[5615,18083,6413],{"class":5625},[5615,18085,6107],{"class":5629},[5615,18087,18088,18090,18092,18094,18096,18098,18100,18102,18104,18106,18108,18110],{"class":5617,"line":5681},[5615,18089,5827],{"class":5621},[5615,18091,5830],{"class":5629},[5615,18093,5833],{"class":5700},[5615,18095,5521],{"class":5629},[5615,18097,5838],{"class":5700},[5615,18099,5841],{"class":5629},[5615,18101,5844],{"class":5817},[5615,18103,5847],{"class":5629},[5615,18105,5706],{"class":5625},[5615,18107,5852],{"class":5629},[5615,18109,5855],{"class":5636},[5615,18111,5858],{"class":5629},[5615,18113,18114],{"class":5617,"line":5687},[5615,18115,5691],{"emptyLinePlaceholder":5690},[5615,18117,18118,18120,18122,18124,18126],{"class":5617,"line":5694},[5615,18119,5827],{"class":5621},[5615,18121,5871],{"class":5817},[5615,18123,5874],{"class":5629},[5615,18125,5877],{"class":5621},[5615,18127,5630],{"class":5629},[5615,18129,18130,18132,18134,18136,18138,18140,18142,18144,18146,18148,18150,18152,18154,18156,18158,18160],{"class":5617,"line":5712},[5615,18131,5885],{"class":5817},[5615,18133,5888],{"class":5629},[5615,18135,5891],{"class":5636},[5615,18137,5894],{"class":5629},[5615,18139,5877],{"class":5621},[5615,18141,5593],{"class":5629},[5615,18143,5891],{"class":5636},[5615,18145,5528],{"class":5629},[5615,18147,5905],{"class":5636},[5615,18149,5908],{"class":5629},[5615,18151,5644],{"class":5643},[5615,18153,5913],{"class":5629},[5615,18155,5916],{"class":5636},[5615,18157,5919],{"class":5629},[5615,18159,5855],{"class":5636},[5615,18161,5924],{"class":5629},[5615,18163,18164],{"class":5617,"line":5724},[5615,18165,5930],{"class":5629},[5615,18167,18168],{"class":5617,"line":5735},[5615,18169,5691],{"emptyLinePlaceholder":5690},[5615,18171,18172,18174],{"class":5617,"line":5746},[5615,18173,5942],{"class":5941},[5615,18175,5945],{"class":5629},[5615,18177,18178,18180,18183,18185,18187,18189,18191,18193],{"class":5617,"line":5752},[5615,18179,5952],{"class":5951},[5615,18181,18182],{"class":5625},"ThemeStateContext.Provider",[5615,18184,7262],{"class":5971},[5615,18186,5975],{"class":5629},[5615,18188,5978],{"class":5621},[5615,18190,5833],{"class":5636},[5615,18192,5983],{"class":5621},[5615,18194,5959],{"class":5951},[5615,18196,18197,18199,18202,18204,18206,18208,18210,18212],{"class":5617,"line":5757},[5615,18198,5965],{"class":5951},[5615,18200,18201],{"class":5625},"ThemeDispatchContext.Provider",[5615,18203,7262],{"class":5971},[5615,18205,5975],{"class":5629},[5615,18207,5978],{"class":5621},[5615,18209,5993],{"class":5636},[5615,18211,5983],{"class":5621},[5615,18213,5959],{"class":5951},[5615,18215,18216,18219,18221],{"class":5617,"line":5771},[5615,18217,18218],{"class":5621},"        {",[5615,18220,6384],{"class":5636},[5615,18222,5684],{"class":5621},[5615,18224,18225,18227,18229],{"class":5617,"line":5781},[5615,18226,8003],{"class":5951},[5615,18228,18201],{"class":5625},[5615,18230,5959],{"class":5951},[5615,18232,18233,18235,18237],{"class":5617,"line":5791},[5615,18234,6044],{"class":5951},[5615,18236,18182],{"class":5625},[5615,18238,5959],{"class":5951},[5615,18240,18241],{"class":5617,"line":5801},[5615,18242,6054],{"class":5629},[5615,18244,18245],{"class":5617,"line":5806},[5615,18246,5684],{"class":5629},[5615,18248,18249],{"class":5617,"line":5811},[5615,18250,5691],{"emptyLinePlaceholder":5690},[5615,18252,18253],{"class":5617,"line":5824},[5615,18254,18255],{"class":6906},"\u002F\u002F Компонент, який лише читає тему — рендериться при зміні theme\n",[5615,18257,18258,18260,18263],{"class":5617,"line":5861},[5615,18259,5814],{"class":5621},[5615,18261,18262],{"class":5817}," ThemedButton",[5615,18264,5821],{"class":5629},[5615,18266,18267,18269,18271,18273,18275,18277,18280],{"class":5617,"line":5866},[5615,18268,5827],{"class":5621},[5615,18270,5972],{"class":5700},[5615,18272,7132],{"class":5629},[5615,18274,5527],{"class":5817},[5615,18276,7421],{"class":5629},[5615,18278,18279],{"class":5636},"ThemeStateContext",[5615,18281,5858],{"class":5629},[5615,18283,18284,18286,18288,18290,18292,18294,18296,18298,18300,18302,18304,18306,18308,18310,18312,18315,18317,18319,18321],{"class":5617,"line":5882},[5615,18285,5942],{"class":5941},[5615,18287,17501],{"class":5951},[5615,18289,6657],{"class":5955},[5615,18291,6125],{"class":5971},[5615,18293,5975],{"class":5629},[5615,18295,5978],{"class":5621},[5615,18297,6133],{"class":6132},[5615,18299,6451],{"class":5636},[5615,18301,5972],{"class":5636},[5615,18303,17611],{"class":6132},[5615,18305,6458],{"class":5636},[5615,18307,6146],{"class":6132},[5615,18309,5983],{"class":5621},[5615,18311,6293],{"class":5951},[5615,18313,18314],{"class":5629},"Кнопка",[5615,18316,6299],{"class":5951},[5615,18318,6657],{"class":5955},[5615,18320,6293],{"class":5951},[5615,18322,5653],{"class":5629},[5615,18324,18325],{"class":5617,"line":5927},[5615,18326,5684],{"class":5629},[5615,18328,18329],{"class":5617,"line":5933},[5615,18330,5691],{"emptyLinePlaceholder":5690},[5615,18332,18333],{"class":5617,"line":5938},[5615,18334,18335],{"class":6906},"\u002F\u002F Компонент, який лише перемикає тему — НЕ рендериться при зміні theme\n",[5615,18337,18338,18340,18343],{"class":5617,"line":5948},[5615,18339,5814],{"class":5621},[5615,18341,18342],{"class":5817}," ThemeToggle",[5615,18344,5821],{"class":5629},[5615,18346,18347,18349,18351,18353,18355,18357,18360],{"class":5617,"line":5962},[5615,18348,5827],{"class":5621},[5615,18350,5871],{"class":5700},[5615,18352,7132],{"class":5629},[5615,18354,5527],{"class":5817},[5615,18356,7421],{"class":5629},[5615,18358,18359],{"class":5636},"ThemeDispatchContext",[5615,18361,5858],{"class":5629},[5615,18363,18364,18366,18368,18370,18372,18374,18376,18378,18380,18382,18385,18387,18389,18391],{"class":5617,"line":6001},[5615,18365,5942],{"class":5941},[5615,18367,17501],{"class":5951},[5615,18369,6657],{"class":5955},[5615,18371,11272],{"class":5971},[5615,18373,5975],{"class":5629},[5615,18375,5978],{"class":5621},[5615,18377,5993],{"class":5636},[5615,18379,5983],{"class":5621},[5615,18381,6293],{"class":5951},[5615,18383,18384],{"class":5629},"Toggle",[5615,18386,6299],{"class":5951},[5615,18388,6657],{"class":5955},[5615,18390,6293],{"class":5951},[5615,18392,5653],{"class":5629},[5615,18394,18395],{"class":5617,"line":6021},[5615,18396,5684],{"class":5629},[7163,18398,7167,18399,18401,18402,18405,18406,18408],{},[5518,18400,5993],{}," має стабільний референс між рендерами (якщо створена через ",[5518,18403,18404],{},"useCallback"," або винесена з провайдера), тому компоненти, які читають лише ",[5518,18407,18359],{},", не рендеряться при зміні самої теми.",[6975,18410,18412],{"id":18411},"рішення-3-usememo-для-стабілізації-обєктів","Рішення 3: useMemo для стабілізації об'єктів",[5479,18414,18415,18416,18419],{},"Якщо значення контексту — це об'єкт, обгорніть його у ",[5518,18417,18418],{},"useMemo",", щоб уникнути створення нового об'єкта при кожному рендері провайдера:",[5606,18421,18423],{"className":5608,"code":18422,"language":5610,"meta":5611,"style":5611},"function ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setTheme] = useState\u003CTheme>(lightTheme);\n\n  const toggleTheme = useCallback(() => {\n    setTheme((prev) => (prev.mode === \"light\" ? darkTheme : lightTheme));\n  }, []);\n\n  const value = useMemo(\n    () => ({ theme, toggleTheme }),\n    [theme, toggleTheme]\n  );\n\n  return (\n    \u003CThemeContext.Provider value={value}>\n      {children}\n    \u003C\u002FThemeContext.Provider>\n  );\n}\n",[5518,18424,18425,18449,18475,18479,18495,18529,18534,18538,18550,18569,18583,18587,18591,18597,18615,18623,18631,18635],{"__ignoreMap":5611},[5615,18426,18427,18429,18431,18433,18435,18437,18439,18441,18443,18445,18447],{"class":5617,"line":5618},[5615,18428,5814],{"class":5621},[5615,18430,10340],{"class":5817},[5615,18432,6075],{"class":5629},[5615,18434,6384],{"class":5636},[5615,18436,6085],{"class":5629},[5615,18438,6384],{"class":5636},[5615,18440,5640],{"class":5629},[5615,18442,2303],{"class":5625},[5615,18444,5528],{"class":5629},[5615,18446,6413],{"class":5625},[5615,18448,6107],{"class":5629},[5615,18450,18451,18453,18455,18457,18459,18461,18463,18465,18467,18469,18471,18473],{"class":5617,"line":5633},[5615,18452,5827],{"class":5621},[5615,18454,5830],{"class":5629},[5615,18456,5833],{"class":5700},[5615,18458,5521],{"class":5629},[5615,18460,5838],{"class":5700},[5615,18462,5841],{"class":5629},[5615,18464,5844],{"class":5817},[5615,18466,5847],{"class":5629},[5615,18468,5706],{"class":5625},[5615,18470,5852],{"class":5629},[5615,18472,5855],{"class":5636},[5615,18474,5858],{"class":5629},[5615,18476,18477],{"class":5617,"line":5656},[5615,18478,5691],{"emptyLinePlaceholder":5690},[5615,18480,18481,18483,18485,18487,18489,18491,18493],{"class":5617,"line":5669},[5615,18482,5827],{"class":5621},[5615,18484,5871],{"class":5700},[5615,18486,7132],{"class":5629},[5615,18488,18404],{"class":5817},[5615,18490,13615],{"class":5629},[5615,18492,5877],{"class":5621},[5615,18494,5630],{"class":5629},[5615,18496,18497,18499,18501,18503,18505,18507,18509,18511,18513,18515,18517,18519,18521,18523,18525,18527],{"class":5617,"line":5681},[5615,18498,5885],{"class":5817},[5615,18500,5888],{"class":5629},[5615,18502,5891],{"class":5636},[5615,18504,5894],{"class":5629},[5615,18506,5877],{"class":5621},[5615,18508,5593],{"class":5629},[5615,18510,5891],{"class":5636},[5615,18512,5528],{"class":5629},[5615,18514,5905],{"class":5636},[5615,18516,5908],{"class":5629},[5615,18518,5644],{"class":5643},[5615,18520,5913],{"class":5629},[5615,18522,5916],{"class":5636},[5615,18524,5919],{"class":5629},[5615,18526,5855],{"class":5636},[5615,18528,5924],{"class":5629},[5615,18530,18531],{"class":5617,"line":5687},[5615,18532,18533],{"class":5629},"  }, []);\n",[5615,18535,18536],{"class":5617,"line":5694},[5615,18537,5691],{"emptyLinePlaceholder":5690},[5615,18539,18540,18542,18544,18546,18548],{"class":5617,"line":5712},[5615,18541,5827],{"class":5621},[5615,18543,7262],{"class":5700},[5615,18545,7132],{"class":5629},[5615,18547,18418],{"class":5817},[5615,18549,13094],{"class":5629},[5615,18551,18552,18555,18557,18560,18562,18564,18566],{"class":5617,"line":5724},[5615,18553,18554],{"class":5629},"    () ",[5615,18556,5877],{"class":5621},[5615,18558,18559],{"class":5629}," ({ ",[5615,18561,5833],{"class":5636},[5615,18563,5521],{"class":5629},[5615,18565,5993],{"class":5636},[5615,18567,18568],{"class":5629}," }),\n",[5615,18570,18571,18574,18576,18578,18580],{"class":5617,"line":5735},[5615,18572,18573],{"class":5629},"    [",[5615,18575,5833],{"class":5636},[5615,18577,5521],{"class":5629},[5615,18579,5993],{"class":5636},[5615,18581,18582],{"class":5629},"]\n",[5615,18584,18585],{"class":5617,"line":5746},[5615,18586,6054],{"class":5629},[5615,18588,18589],{"class":5617,"line":5752},[5615,18590,5691],{"emptyLinePlaceholder":5690},[5615,18592,18593,18595],{"class":5617,"line":5757},[5615,18594,5942],{"class":5941},[5615,18596,5945],{"class":5629},[5615,18598,18599,18601,18603,18605,18607,18609,18611,18613],{"class":5617,"line":5771},[5615,18600,5952],{"class":5951},[5615,18602,7259],{"class":5625},[5615,18604,7262],{"class":5971},[5615,18606,5975],{"class":5629},[5615,18608,5978],{"class":5621},[5615,18610,7202],{"class":5636},[5615,18612,5983],{"class":5621},[5615,18614,5959],{"class":5951},[5615,18616,18617,18619,18621],{"class":5617,"line":5781},[5615,18618,6470],{"class":5621},[5615,18620,6384],{"class":5636},[5615,18622,5684],{"class":5621},[5615,18624,18625,18627,18629],{"class":5617,"line":5791},[5615,18626,6044],{"class":5951},[5615,18628,7259],{"class":5625},[5615,18630,5959],{"class":5951},[5615,18632,18633],{"class":5617,"line":5801},[5615,18634,6054],{"class":5629},[5615,18636,18637],{"class":5617,"line":5806},[5615,18638,5684],{"class":5629},[6933,18640,18641,18644,18655],{},[5479,18642,18643],{},"Не оптимізуйте передчасно. Розділення контекстів та мемоїзація мають сенс лише у випадках, коли:",[6939,18645,18646,18649,18652],{},[5506,18647,18648],{},"Контекст змінюється часто (наприклад, позиція курсора миші).",[5506,18650,18651],{},"Піддерево споживачів велике (сотні компонентів).",[5506,18653,18654],{},"Профілювання показало реальну проблему продуктивності.",[5479,18656,18657],{},"Для більшості застосунків базовий Context API працює достатньо швидко без додаткових оптимізацій.",[5580,18659],{},[5583,18661,18663],{"id":18662},"context-api-vs-redux-коли-використовувати-кожен","Context API vs Redux: коли використовувати кожен",[18665,18666,18667,18684],"table",{},[18668,18669,18670],"thead",{},[18671,18672,18673,18678,18681],"tr",{},[18674,18675,18677],"th",{"align":18676},"left","Критерій",[18674,18679,18680],{"align":18676},"Context API",[18674,18682,18683],{"align":18676},"Redux \u002F Zustand",[18685,18686,18687,18701,18714,18727,18740,18753],"tbody",{},[18671,18688,18689,18695,18698],{},[18690,18691,18692],"td",{"align":18676},[5483,18693,18694],{},"Складність налаштування",[18690,18696,18697],{"align":18676},"Мінімальна (вбудовано у React)",[18690,18699,18700],{"align":18676},"Потребує додаткових бібліотек",[18671,18702,18703,18708,18711],{},[18690,18704,18705],{"align":18676},[5483,18706,18707],{},"Обсяг boilerplate-коду",[18690,18709,18710],{"align":18676},"Низький",[18690,18712,18713],{"align":18676},"Середній (Redux) \u002F Низький (Zustand)",[18671,18715,18716,18721,18724],{},[18690,18717,18718],{"align":18676},[5483,18719,18720],{},"Оптимізація рендерів",[18690,18722,18723],{"align":18676},"Ручна (розділення контекстів)",[18690,18725,18726],{"align":18676},"Автоматична (селектори)",[18671,18728,18729,18734,18737],{},[18690,18730,18731],{"align":18676},[5483,18732,18733],{},"DevTools",[18690,18735,18736],{"align":18676},"Немає вбудованих",[18690,18738,18739],{"align":18676},"Redux DevTools (Time Travel)",[18671,18741,18742,18747,18750],{},[18690,18743,18744],{"align":18676},[5483,18745,18746],{},"Middleware",[18690,18748,18749],{"align":18676},"Відсутні",[18690,18751,18752],{"align":18676},"Логування, Thunks, Sagas",[18671,18754,18755,18760,18763],{},[18690,18756,18757],{"align":18676},[5483,18758,18759],{},"Рекомендовано для",[18690,18761,18762],{"align":18676},"Локальний стан піддерев, теми, i18n",[18690,18764,18765],{"align":18676},"Глобальний стан застосунку, складна синхронізація",[7324,18767,18768,18773,18789],{},[5479,18769,18770],{},[5483,18771,18772],{},"Загальне правило:",[5503,18774,18775,18782],{},[5506,18776,18777,18778,18781],{},"Використовуйте Context API для ",[5483,18779,18780],{},"інфраструктурних даних",", які рідко змінюються: тема, мова, дані аутентифікації, конфігурація.",[5506,18783,18784,18785,18788],{},"Використовуйте Redux\u002FZustand для ",[5483,18786,18787],{},"доменних даних",", які часто змінюються: список товарів, дані форм, кешовані API-відповіді.",[5479,18790,18791],{},"Багато застосунків успішно поєднують обидва підходи: Context для інфраструктури + Redux для бізнес-логіки.",[5580,18793],{},[5583,18795,18797],{"id":18796},"практичні-завдання","Практичні завдання",[18799,18800,18801,18863],"accordion",{},[18802,18803,18806,18813,18839,18844],"accordion-item",{"icon":18804,"label":18805},"i-lucide-clipboard-list","📋 Завдання 1: Контекст аутентифікації",[5479,18807,18808,18809,18812],{},"Створіть ",[5518,18810,18811],{},"AuthContext"," із наступним функціоналом:",[5503,18814,18815,18821,18827,18833],{},[5506,18816,18817,18818,5528],{},"Стан користувача: ",[5518,18819,18820],{},"{ id: string; username: string; role: \"admin\" | \"user\" } | null",[5506,18822,7167,18823,18826],{},[5518,18824,18825],{},"login(username: string, password: string)",": імітує вхід (просто встановлює користувача).",[5506,18828,7167,18829,18832],{},[5518,18830,18831],{},"logout()",": очищає дані користувача.",[5506,18834,7196,18835,18838],{},[5518,18836,18837],{},"ProtectedRoute",": показує вміст лише для аутентифікованих користувачів, інакше — повідомлення «Увійдіть до системи».",[5479,18840,18841],{},[5483,18842,18843],{},"Вимоги:",[5503,18845,18846,18853,18856],{},[5506,18847,18848,18849,18852],{},"Використовуйте кастомний хук ",[5518,18850,18851],{},"useAuth()"," із перевіркою провайдера.",[5506,18854,18855],{},"Типізуйте всі значення через TypeScript.",[5506,18857,18858,18859,18862],{},"Додайте компонент ",[5518,18860,18861],{},"LoginForm"," із двома інпутами та кнопкою.",[18802,18864,18867,20166,20171],{"icon":18865,"label":18866},"i-lucide-check-circle","✅ Розв'язок",[5606,18868,18870],{"className":5608,"code":18869,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useState } from \"react\";\n\ninterface User {\n  id: string;\n  username: string;\n  role: \"admin\" | \"user\";\n}\n\ninterface AuthContextValue {\n  user: User | null;\n  login: (username: string, password: string) => void;\n  logout: () => void;\n}\n\nconst AuthContext = createContext\u003CAuthContextValue | undefined>(undefined);\n\nfunction useAuth(): AuthContextValue {\n  const context = useContext(AuthContext);\n\n  if (context === undefined) {\n    throw new Error(\"useAuth має використовуватись всередині AuthProvider\");\n  }\n\n  return context;\n}\n\nfunction AuthProvider({ children }: { children: React.ReactNode }) {\n  const [user, setUser] = useState\u003CUser | null>(null);\n\n  const login = (username: string, password: string) => {\n    \u002F\u002F Імітація API-запиту\n    if (password === \"password\") {\n      setUser({\n        id: \"1\",\n        username,\n        role: username === \"admin\" ? \"admin\" : \"user\",\n      });\n    } else {\n      alert(\"Невірний пароль\");\n    }\n  };\n\n  const logout = () => {\n    setUser(null);\n  };\n\n  const value: AuthContextValue = { user, login, logout };\n\n  return \u003CAuthContext.Provider value={value}>{children}\u003C\u002FAuthContext.Provider>;\n}\n\nfunction LoginForm() {\n  const { login } = useAuth();\n  const [username, setUsername] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    login(username, password);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit}>\n      \u003Cinput\n        type=\"text\"\n        placeholder=\"Ім'я користувача\"\n        value={username}\n        onChange={(e) => setUsername(e.target.value)}\n      \u002F>\n      \u003Cinput\n        type=\"password\"\n        placeholder=\"Пароль (підказка: password)\"\n        value={password}\n        onChange={(e) => setPassword(e.target.value)}\n      \u002F>\n      \u003Cbutton type=\"submit\">Увійти\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n\nfunction ProtectedRoute({ children }: { children: React.ReactNode }) {\n  const { user } = useAuth();\n\n  if (!user) {\n    return (\n      \u003Cdiv>\n        \u003Cp>Увійдіть до системи для доступу до цього контенту.\u003C\u002Fp>\n        \u003CLoginForm \u002F>\n      \u003C\u002Fdiv>\n    );\n  }\n\n  return \u003C>{children}\u003C\u002F>;\n}\n\nfunction Dashboard() {\n  const { user, logout } = useAuth();\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>Вітаємо, {user?.username}!\u003C\u002Fh2>\n      \u003Cp>Роль: {user?.role}\u003C\u002Fp>\n      \u003Cbutton onClick={logout}>Вийти\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction App() {\n  return (\n    \u003CAuthProvider>\n      \u003CProtectedRoute>\n        \u003CDashboard \u002F>\n      \u003C\u002FProtectedRoute>\n    \u003C\u002FAuthProvider>\n  );\n}\n",[5518,18871,18872,18896,18900,18909,18919,18930,18947,18951,18955,18964,18979,19010,19023,19027,19031,19057,19061,19074,19090,19094,19108,19123,19127,19131,19139,19143,19147,19172,19202,19206,19235,19240,19256,19263,19273,19280,19302,19307,19317,19329,19334,19338,19342,19355,19366,19370,19374,19401,19405,19440,19444,19448,19457,19472,19496,19519,19523,19550,19562,19577,19581,19585,19591,19612,19619,19629,19639,19652,19689,19694,19700,19709,19718,19730,19765,19769,19794,19802,19806,19810,19814,19839,19853,19857,19867,19873,19881,19898,19906,19914,19918,19922,19926,19944,19948,19952,19961,19979,19983,19989,19997,20027,20055,20082,20090,20094,20098,20102,20110,20116,20125,20133,20142,20150,20158,20162],{"__ignoreMap":5611},[5615,18873,18874,18876,18878,18880,18882,18884,18886,18888,18890,18892,18894],{"class":5617,"line":5618},[5615,18875,7003],{"class":5941},[5615,18877,7006],{"class":5629},[5615,18879,5520],{"class":5636},[5615,18881,5521],{"class":5629},[5615,18883,5527],{"class":5636},[5615,18885,5521],{"class":5629},[5615,18887,5844],{"class":5636},[5615,18889,7011],{"class":5629},[5615,18891,7014],{"class":5941},[5615,18893,7017],{"class":5643},[5615,18895,5653],{"class":5629},[5615,18897,18898],{"class":5617,"line":5633},[5615,18899,5691],{"emptyLinePlaceholder":5690},[5615,18901,18902,18904,18907],{"class":5617,"line":5656},[5615,18903,5622],{"class":5621},[5615,18905,18906],{"class":5625}," User",[5615,18908,5630],{"class":5629},[5615,18910,18911,18913,18915,18917],{"class":5617,"line":5669},[5615,18912,12850],{"class":5636},[5615,18914,5640],{"class":5629},[5615,18916,5664],{"class":5625},[5615,18918,5653],{"class":5629},[5615,18920,18921,18924,18926,18928],{"class":5617,"line":5681},[5615,18922,18923],{"class":5636},"  username",[5615,18925,5640],{"class":5629},[5615,18927,5664],{"class":5625},[5615,18929,5653],{"class":5629},[5615,18931,18932,18935,18937,18940,18942,18945],{"class":5617,"line":5687},[5615,18933,18934],{"class":5636},"  role",[5615,18936,5640],{"class":5629},[5615,18938,18939],{"class":5643},"\"admin\"",[5615,18941,5647],{"class":5629},[5615,18943,18944],{"class":5643},"\"user\"",[5615,18946,5653],{"class":5629},[5615,18948,18949],{"class":5617,"line":5694},[5615,18950,5684],{"class":5629},[5615,18952,18953],{"class":5617,"line":5712},[5615,18954,5691],{"emptyLinePlaceholder":5690},[5615,18956,18957,18959,18962],{"class":5617,"line":5724},[5615,18958,5622],{"class":5621},[5615,18960,18961],{"class":5625}," AuthContextValue",[5615,18963,5630],{"class":5629},[5615,18965,18966,18968,18970,18972,18974,18977],{"class":5617,"line":5735},[5615,18967,17279],{"class":5636},[5615,18969,5640],{"class":5629},[5615,18971,17660],{"class":5625},[5615,18973,5647],{"class":5629},[5615,18975,18976],{"class":5625},"null",[5615,18978,5653],{"class":5629},[5615,18980,18981,18984,18986,18989,18991,18993,18995,18998,19000,19002,19004,19006,19008],{"class":5617,"line":5746},[5615,18982,18983],{"class":5817},"  login",[5615,18985,11882],{"class":5629},[5615,18987,18988],{"class":5636},"username",[5615,18990,5640],{"class":5629},[5615,18992,5664],{"class":5625},[5615,18994,5521],{"class":5629},[5615,18996,18997],{"class":5636},"password",[5615,18999,5640],{"class":5629},[5615,19001,5664],{"class":5625},[5615,19003,5894],{"class":5629},[5615,19005,5877],{"class":5621},[5615,19007,6104],{"class":5625},[5615,19009,5653],{"class":5629},[5615,19011,19012,19015,19017,19019,19021],{"class":5617,"line":5752},[5615,19013,19014],{"class":5817},"  logout",[5615,19016,6099],{"class":5629},[5615,19018,5877],{"class":5621},[5615,19020,6104],{"class":5625},[5615,19022,5653],{"class":5629},[5615,19024,19025],{"class":5617,"line":5757},[5615,19026,5684],{"class":5629},[5615,19028,19029],{"class":5617,"line":5771},[5615,19030,5691],{"emptyLinePlaceholder":5690},[5615,19032,19033,19035,19038,19040,19042,19044,19047,19049,19051,19053,19055],{"class":5617,"line":5781},[5615,19034,5697],{"class":5621},[5615,19036,19037],{"class":5700}," AuthContext",[5615,19039,7132],{"class":5629},[5615,19041,5520],{"class":5817},[5615,19043,5847],{"class":5629},[5615,19045,19046],{"class":5625},"AuthContextValue",[5615,19048,5647],{"class":5629},[5615,19050,10069],{"class":5625},[5615,19052,5852],{"class":5629},[5615,19054,10069],{"class":5621},[5615,19056,5858],{"class":5629},[5615,19058,19059],{"class":5617,"line":5791},[5615,19060,5691],{"emptyLinePlaceholder":5690},[5615,19062,19063,19065,19068,19070,19072],{"class":5617,"line":5801},[5615,19064,5814],{"class":5621},[5615,19066,19067],{"class":5817}," useAuth",[5615,19069,10211],{"class":5629},[5615,19071,19046],{"class":5625},[5615,19073,5630],{"class":5629},[5615,19075,19076,19078,19080,19082,19084,19086,19088],{"class":5617,"line":5806},[5615,19077,5827],{"class":5621},[5615,19079,10222],{"class":5700},[5615,19081,7132],{"class":5629},[5615,19083,5527],{"class":5817},[5615,19085,7421],{"class":5629},[5615,19087,18811],{"class":5636},[5615,19089,5858],{"class":5629},[5615,19091,19092],{"class":5617,"line":5811},[5615,19093,5691],{"emptyLinePlaceholder":5690},[5615,19095,19096,19098,19100,19102,19104,19106],{"class":5617,"line":5824},[5615,19097,10241],{"class":5941},[5615,19099,5593],{"class":5629},[5615,19101,10246],{"class":5636},[5615,19103,5908],{"class":5629},[5615,19105,10069],{"class":5621},[5615,19107,10253],{"class":5629},[5615,19109,19110,19112,19114,19116,19118,19121],{"class":5617,"line":5861},[5615,19111,10258],{"class":5941},[5615,19113,10261],{"class":5621},[5615,19115,10264],{"class":5817},[5615,19117,7421],{"class":5629},[5615,19119,19120],{"class":5643},"\"useAuth має використовуватись всередині AuthProvider\"",[5615,19122,5858],{"class":5629},[5615,19124,19125],{"class":5617,"line":5866},[5615,19126,10276],{"class":5629},[5615,19128,19129],{"class":5617,"line":5882},[5615,19130,5691],{"emptyLinePlaceholder":5690},[5615,19132,19133,19135,19137],{"class":5617,"line":5927},[5615,19134,5942],{"class":5941},[5615,19136,10222],{"class":5636},[5615,19138,5653],{"class":5629},[5615,19140,19141],{"class":5617,"line":5933},[5615,19142,5684],{"class":5629},[5615,19144,19145],{"class":5617,"line":5938},[5615,19146,5691],{"emptyLinePlaceholder":5690},[5615,19148,19149,19151,19154,19156,19158,19160,19162,19164,19166,19168,19170],{"class":5617,"line":5948},[5615,19150,5814],{"class":5621},[5615,19152,19153],{"class":5817}," AuthProvider",[5615,19155,6075],{"class":5629},[5615,19157,6384],{"class":5636},[5615,19159,6085],{"class":5629},[5615,19161,6384],{"class":5636},[5615,19163,5640],{"class":5629},[5615,19165,2303],{"class":5625},[5615,19167,5528],{"class":5629},[5615,19169,6413],{"class":5625},[5615,19171,6107],{"class":5629},[5615,19173,19174,19176,19178,19180,19182,19184,19186,19188,19190,19192,19194,19196,19198,19200],{"class":5617,"line":5962},[5615,19175,5827],{"class":5621},[5615,19177,5830],{"class":5629},[5615,19179,17614],{"class":5700},[5615,19181,5521],{"class":5629},[5615,19183,17760],{"class":5700},[5615,19185,5841],{"class":5629},[5615,19187,5844],{"class":5817},[5615,19189,5847],{"class":5629},[5615,19191,17660],{"class":5625},[5615,19193,5647],{"class":5629},[5615,19195,18976],{"class":5625},[5615,19197,5852],{"class":5629},[5615,19199,18976],{"class":5621},[5615,19201,5858],{"class":5629},[5615,19203,19204],{"class":5617,"line":6001},[5615,19205,5691],{"emptyLinePlaceholder":5690},[5615,19207,19208,19210,19213,19215,19217,19219,19221,19223,19225,19227,19229,19231,19233],{"class":5617,"line":6021},[5615,19209,5827],{"class":5621},[5615,19211,19212],{"class":5817}," login",[5615,19214,12190],{"class":5629},[5615,19216,18988],{"class":5636},[5615,19218,5640],{"class":5629},[5615,19220,5664],{"class":5625},[5615,19222,5521],{"class":5629},[5615,19224,18997],{"class":5636},[5615,19226,5640],{"class":5629},[5615,19228,5664],{"class":5625},[5615,19230,5894],{"class":5629},[5615,19232,5877],{"class":5621},[5615,19234,5630],{"class":5629},[5615,19236,19237],{"class":5617,"line":6041},[5615,19238,19239],{"class":6906},"    \u002F\u002F Імітація API-запиту\n",[5615,19241,19242,19245,19247,19249,19251,19254],{"class":5617,"line":6051},[5615,19243,19244],{"class":5941},"    if",[5615,19246,5593],{"class":5629},[5615,19248,18997],{"class":5636},[5615,19250,5908],{"class":5629},[5615,19252,19253],{"class":5643},"\"password\"",[5615,19255,10253],{"class":5629},[5615,19257,19258,19261],{"class":5617,"line":6057},[5615,19259,19260],{"class":5817},"      setUser",[5615,19262,13564],{"class":5629},[5615,19264,19265,19268,19271],{"class":5617,"line":6062},[5615,19266,19267],{"class":5636},"        id:",[5615,19269,19270],{"class":5643}," \"1\"",[5615,19272,5721],{"class":5629},[5615,19274,19275,19278],{"class":5617,"line":6067},[5615,19276,19277],{"class":5636},"        username",[5615,19279,5721],{"class":5629},[5615,19281,19282,19285,19288,19290,19292,19294,19296,19298,19300],{"class":5617,"line":6110},[5615,19283,19284],{"class":5636},"        role:",[5615,19286,19287],{"class":5636}," username",[5615,19289,5908],{"class":5629},[5615,19291,18939],{"class":5643},[5615,19293,5913],{"class":5629},[5615,19295,18939],{"class":5643},[5615,19297,5919],{"class":5629},[5615,19299,18944],{"class":5643},[5615,19301,5721],{"class":5629},[5615,19303,19304],{"class":5617,"line":6117},[5615,19305,19306],{"class":5629},"      });\n",[5615,19308,19309,19312,19315],{"class":5617,"line":6153},[5615,19310,19311],{"class":5629},"    } ",[5615,19313,19314],{"class":5941},"else",[5615,19316,5630],{"class":5629},[5615,19318,19319,19322,19324,19327],{"class":5617,"line":6173},[5615,19320,19321],{"class":5817},"      alert",[5615,19323,7421],{"class":5629},[5615,19325,19326],{"class":5643},"\"Невірний пароль\"",[5615,19328,5858],{"class":5629},[5615,19330,19331],{"class":5617,"line":6204},[5615,19332,19333],{"class":5629},"    }\n",[5615,19335,19336],{"class":5617,"line":6213},[5615,19337,5930],{"class":5629},[5615,19339,19340],{"class":5617,"line":6218},[5615,19341,5691],{"emptyLinePlaceholder":5690},[5615,19343,19344,19346,19349,19351,19353],{"class":5617,"line":6223},[5615,19345,5827],{"class":5621},[5615,19347,19348],{"class":5817}," logout",[5615,19350,5874],{"class":5629},[5615,19352,5877],{"class":5621},[5615,19354,5630],{"class":5629},[5615,19356,19357,19360,19362,19364],{"class":5617,"line":6228},[5615,19358,19359],{"class":5817},"    setUser",[5615,19361,7421],{"class":5629},[5615,19363,18976],{"class":5621},[5615,19365,5858],{"class":5629},[5615,19367,19368],{"class":5617,"line":6250},[5615,19369,5930],{"class":5629},[5615,19371,19372],{"class":5617,"line":6257},[5615,19373,5691],{"emptyLinePlaceholder":5690},[5615,19375,19376,19378,19380,19382,19384,19387,19389,19391,19394,19396,19399],{"class":5617,"line":6267},[5615,19377,5827],{"class":5621},[5615,19379,7262],{"class":5700},[5615,19381,5640],{"class":5629},[5615,19383,19046],{"class":5625},[5615,19385,19386],{"class":5629}," = { ",[5615,19388,17614],{"class":5636},[5615,19390,5521],{"class":5629},[5615,19392,19393],{"class":5636},"login",[5615,19395,5521],{"class":5629},[5615,19397,19398],{"class":5636},"logout",[5615,19400,11218],{"class":5629},[5615,19402,19403],{"class":5617,"line":6306},[5615,19404,5691],{"emptyLinePlaceholder":5690},[5615,19406,19407,19409,19411,19414,19416,19418,19420,19422,19424,19426,19428,19430,19432,19434,19436,19438],{"class":5617,"line":6341},[5615,19408,5942],{"class":5941},[5615,19410,17501],{"class":5951},[5615,19412,19413],{"class":5625},"AuthContext.Provider",[5615,19415,7262],{"class":5971},[5615,19417,5975],{"class":5629},[5615,19419,5978],{"class":5621},[5615,19421,7202],{"class":5636},[5615,19423,5983],{"class":5621},[5615,19425,6293],{"class":5951},[5615,19427,5978],{"class":5621},[5615,19429,6384],{"class":5636},[5615,19431,5983],{"class":5621},[5615,19433,6299],{"class":5951},[5615,19435,19413],{"class":5625},[5615,19437,6293],{"class":5951},[5615,19439,5653],{"class":5629},[5615,19441,19442],{"class":5617,"line":6350},[5615,19443,5684],{"class":5629},[5615,19445,19446],{"class":5617,"line":6355},[5615,19447,5691],{"emptyLinePlaceholder":5690},[5615,19449,19450,19452,19455],{"class":5617,"line":6360},[5615,19451,5814],{"class":5621},[5615,19453,19454],{"class":5817}," LoginForm",[5615,19456,5821],{"class":5629},[5615,19458,19459,19461,19463,19465,19467,19470],{"class":5617,"line":6365},[5615,19460,5827],{"class":5621},[5615,19462,7006],{"class":5629},[5615,19464,19393],{"class":5700},[5615,19466,11249],{"class":5629},[5615,19468,19469],{"class":5817},"useAuth",[5615,19471,10538],{"class":5629},[5615,19473,19474,19476,19478,19480,19482,19485,19487,19489,19491,19494],{"class":5617,"line":6418},[5615,19475,5827],{"class":5621},[5615,19477,5830],{"class":5629},[5615,19479,18988],{"class":5700},[5615,19481,5521],{"class":5629},[5615,19483,19484],{"class":5700},"setUsername",[5615,19486,5841],{"class":5629},[5615,19488,5844],{"class":5817},[5615,19490,7421],{"class":5629},[5615,19492,19493],{"class":5643},"\"\"",[5615,19495,5858],{"class":5629},[5615,19497,19498,19500,19502,19504,19506,19509,19511,19513,19515,19517],{"class":5617,"line":6425},[5615,19499,5827],{"class":5621},[5615,19501,5830],{"class":5629},[5615,19503,18997],{"class":5700},[5615,19505,5521],{"class":5629},[5615,19507,19508],{"class":5700},"setPassword",[5615,19510,5841],{"class":5629},[5615,19512,5844],{"class":5817},[5615,19514,7421],{"class":5629},[5615,19516,19493],{"class":5643},[5615,19518,5858],{"class":5629},[5615,19520,19521],{"class":5617,"line":6467},[5615,19522,5691],{"emptyLinePlaceholder":5690},[5615,19524,19525,19527,19530,19532,19535,19537,19539,19541,19544,19546,19548],{"class":5617,"line":6477},[5615,19526,5827],{"class":5621},[5615,19528,19529],{"class":5817}," handleSubmit",[5615,19531,12190],{"class":5629},[5615,19533,19534],{"class":5636},"e",[5615,19536,5640],{"class":5629},[5615,19538,2303],{"class":5625},[5615,19540,5528],{"class":5629},[5615,19542,19543],{"class":5625},"FormEvent",[5615,19545,5894],{"class":5629},[5615,19547,5877],{"class":5621},[5615,19549,5630],{"class":5629},[5615,19551,19552,19555,19557,19560],{"class":5617,"line":6486},[5615,19553,19554],{"class":5636},"    e",[5615,19556,5528],{"class":5629},[5615,19558,19559],{"class":5817},"preventDefault",[5615,19561,10538],{"class":5629},[5615,19563,19564,19567,19569,19571,19573,19575],{"class":5617,"line":6491},[5615,19565,19566],{"class":5817},"    login",[5615,19568,7421],{"class":5629},[5615,19570,18988],{"class":5636},[5615,19572,5521],{"class":5629},[5615,19574,18997],{"class":5636},[5615,19576,5858],{"class":5629},[5615,19578,19579],{"class":5617,"line":6496},[5615,19580,5930],{"class":5629},[5615,19582,19583],{"class":5617,"line":6501},[5615,19584,5691],{"emptyLinePlaceholder":5690},[5615,19586,19587,19589],{"class":5617,"line":6538},[5615,19588,5942],{"class":5941},[5615,19590,5945],{"class":5629},[5615,19592,19593,19595,19598,19601,19603,19605,19608,19610],{"class":5617,"line":6545},[5615,19594,5952],{"class":5951},[5615,19596,19597],{"class":5955},"form",[5615,19599,19600],{"class":5971}," onSubmit",[5615,19602,5975],{"class":5629},[5615,19604,5978],{"class":5621},[5615,19606,19607],{"class":5636},"handleSubmit",[5615,19609,5983],{"class":5621},[5615,19611,5959],{"class":5951},[5615,19613,19614,19616],{"class":5617,"line":6553},[5615,19615,5965],{"class":5951},[5615,19617,19618],{"class":5955},"input\n",[5615,19620,19621,19624,19626],{"class":5617,"line":6567},[5615,19622,19623],{"class":5971},"        type",[5615,19625,5975],{"class":5629},[5615,19627,19628],{"class":5643},"\"text\"\n",[5615,19630,19631,19634,19636],{"class":5617,"line":6580},[5615,19632,19633],{"class":5971},"        placeholder",[5615,19635,5975],{"class":5629},[5615,19637,19638],{"class":5643},"\"Ім'я користувача\"\n",[5615,19640,19641,19644,19646,19648,19650],{"class":5617,"line":6594},[5615,19642,19643],{"class":5971},"        value",[5615,19645,5975],{"class":5629},[5615,19647,5978],{"class":5621},[5615,19649,18988],{"class":5636},[5615,19651,5684],{"class":5621},[5615,19653,19654,19657,19659,19661,19663,19665,19667,19669,19672,19674,19676,19678,19681,19683,19685,19687],{"class":5617,"line":6608},[5615,19655,19656],{"class":5971},"        onChange",[5615,19658,5975],{"class":5629},[5615,19660,5978],{"class":5621},[5615,19662,7421],{"class":6132},[5615,19664,19534],{"class":5636},[5615,19666,5894],{"class":6132},[5615,19668,5877],{"class":5621},[5615,19670,19671],{"class":5817}," setUsername",[5615,19673,7421],{"class":6132},[5615,19675,19534],{"class":5636},[5615,19677,5528],{"class":6132},[5615,19679,19680],{"class":5636},"target",[5615,19682,5528],{"class":6132},[5615,19684,7202],{"class":5636},[5615,19686,12490],{"class":6132},[5615,19688,5684],{"class":5621},[5615,19690,19691],{"class":5617,"line":6616},[5615,19692,19693],{"class":5951},"      \u002F>\n",[5615,19695,19696,19698],{"class":5617,"line":6622},[5615,19697,5965],{"class":5951},[5615,19699,19618],{"class":5955},[5615,19701,19702,19704,19706],{"class":5617,"line":6652},[5615,19703,19623],{"class":5971},[5615,19705,5975],{"class":5629},[5615,19707,19708],{"class":5643},"\"password\"\n",[5615,19710,19711,19713,19715],{"class":5617,"line":6662},[5615,19712,19633],{"class":5971},[5615,19714,5975],{"class":5629},[5615,19716,19717],{"class":5643},"\"Пароль (підказка: password)\"\n",[5615,19719,19720,19722,19724,19726,19728],{"class":5617,"line":6667},[5615,19721,19643],{"class":5971},[5615,19723,5975],{"class":5629},[5615,19725,5978],{"class":5621},[5615,19727,18997],{"class":5636},[5615,19729,5684],{"class":5621},[5615,19731,19732,19734,19736,19738,19740,19742,19744,19746,19749,19751,19753,19755,19757,19759,19761,19763],{"class":5617,"line":6672},[5615,19733,19656],{"class":5971},[5615,19735,5975],{"class":5629},[5615,19737,5978],{"class":5621},[5615,19739,7421],{"class":6132},[5615,19741,19534],{"class":5636},[5615,19743,5894],{"class":6132},[5615,19745,5877],{"class":5621},[5615,19747,19748],{"class":5817}," setPassword",[5615,19750,7421],{"class":6132},[5615,19752,19534],{"class":5636},[5615,19754,5528],{"class":6132},[5615,19756,19680],{"class":5636},[5615,19758,5528],{"class":6132},[5615,19760,7202],{"class":5636},[5615,19762,12490],{"class":6132},[5615,19764,5684],{"class":5621},[5615,19766,19767],{"class":5617,"line":6677},[5615,19768,19693],{"class":5951},[5615,19770,19771,19773,19775,19778,19780,19783,19785,19788,19790,19792],{"class":5617,"line":6699},[5615,19772,5965],{"class":5951},[5615,19774,6657],{"class":5955},[5615,19776,19777],{"class":5971}," type",[5615,19779,5975],{"class":5629},[5615,19781,19782],{"class":5643},"\"submit\"",[5615,19784,6293],{"class":5951},[5615,19786,19787],{"class":5629},"Увійти",[5615,19789,6299],{"class":5951},[5615,19791,6657],{"class":5955},[5615,19793,5959],{"class":5951},[5615,19795,19796,19798,19800],{"class":5617,"line":6706},[5615,19797,6044],{"class":5951},[5615,19799,19597],{"class":5955},[5615,19801,5959],{"class":5951},[5615,19803,19804],{"class":5617,"line":6736},[5615,19805,6054],{"class":5629},[5615,19807,19808],{"class":5617,"line":6756},[5615,19809,5684],{"class":5629},[5615,19811,19812],{"class":5617,"line":6776},[5615,19813,5691],{"emptyLinePlaceholder":5690},[5615,19815,19816,19818,19821,19823,19825,19827,19829,19831,19833,19835,19837],{"class":5617,"line":6785},[5615,19817,5814],{"class":5621},[5615,19819,19820],{"class":5817}," ProtectedRoute",[5615,19822,6075],{"class":5629},[5615,19824,6384],{"class":5636},[5615,19826,6085],{"class":5629},[5615,19828,6384],{"class":5636},[5615,19830,5640],{"class":5629},[5615,19832,2303],{"class":5625},[5615,19834,5528],{"class":5629},[5615,19836,6413],{"class":5625},[5615,19838,6107],{"class":5629},[5615,19840,19841,19843,19845,19847,19849,19851],{"class":5617,"line":6790},[5615,19842,5827],{"class":5621},[5615,19844,7006],{"class":5629},[5615,19846,17614],{"class":5700},[5615,19848,11249],{"class":5629},[5615,19850,19469],{"class":5817},[5615,19852,10538],{"class":5629},[5615,19854,19855],{"class":5617,"line":6795},[5615,19856,5691],{"emptyLinePlaceholder":5690},[5615,19858,19859,19861,19863,19865],{"class":5617,"line":6800},[5615,19860,10241],{"class":5941},[5615,19862,11581],{"class":5629},[5615,19864,17614],{"class":5636},[5615,19866,10253],{"class":5629},[5615,19868,19869,19871],{"class":5617,"line":6822},[5615,19870,12211],{"class":5941},[5615,19872,5945],{"class":5629},[5615,19874,19875,19877,19879],{"class":5617,"line":6829},[5615,19876,5965],{"class":5951},[5615,19878,5956],{"class":5955},[5615,19880,5959],{"class":5951},[5615,19882,19883,19885,19887,19889,19892,19894,19896],{"class":5617,"line":6839},[5615,19884,7976],{"class":5951},[5615,19886,5479],{"class":5955},[5615,19888,6293],{"class":5951},[5615,19890,19891],{"class":5629},"Увійдіть до системи для доступу до цього контенту.",[5615,19893,6299],{"class":5951},[5615,19895,5479],{"class":5955},[5615,19897,5959],{"class":5951},[5615,19899,19900,19902,19904],{"class":5617,"line":6859},[5615,19901,7976],{"class":5951},[5615,19903,18861],{"class":5625},[5615,19905,5998],{"class":5951},[5615,19907,19908,19910,19912],{"class":5617,"line":6879},[5615,19909,8003],{"class":5951},[5615,19911,5956],{"class":5955},[5615,19913,5959],{"class":5951},[5615,19915,19916],{"class":5617,"line":6888},[5615,19917,13390],{"class":5629},[5615,19919,19920],{"class":5617,"line":6893},[5615,19921,10276],{"class":5629},[5615,19923,19924],{"class":5617,"line":6898},[5615,19925,5691],{"emptyLinePlaceholder":5690},[5615,19927,19928,19930,19933,19935,19937,19939,19942],{"class":5617,"line":6903},[5615,19929,5942],{"class":5941},[5615,19931,19932],{"class":5951}," \u003C>",[5615,19934,5978],{"class":5621},[5615,19936,6384],{"class":5636},[5615,19938,5983],{"class":5621},[5615,19940,19941],{"class":5951},"\u003C\u002F>",[5615,19943,5653],{"class":5629},[5615,19945,19946],{"class":5617,"line":8471},[5615,19947,5684],{"class":5629},[5615,19949,19950],{"class":5617,"line":8478},[5615,19951,5691],{"emptyLinePlaceholder":5690},[5615,19953,19954,19956,19959],{"class":5617,"line":8491},[5615,19955,5814],{"class":5621},[5615,19957,19958],{"class":5817}," Dashboard",[5615,19960,5821],{"class":5629},[5615,19962,19963,19965,19967,19969,19971,19973,19975,19977],{"class":5617,"line":8502},[5615,19964,5827],{"class":5621},[5615,19966,7006],{"class":5629},[5615,19968,17614],{"class":5700},[5615,19970,5521],{"class":5629},[5615,19972,19398],{"class":5700},[5615,19974,11249],{"class":5629},[5615,19976,19469],{"class":5817},[5615,19978,10538],{"class":5629},[5615,19980,19981],{"class":5617,"line":8513},[5615,19982,5691],{"emptyLinePlaceholder":5690},[5615,19984,19985,19987],{"class":5617,"line":8526},[5615,19986,5942],{"class":5941},[5615,19988,5945],{"class":5629},[5615,19990,19991,19993,19995],{"class":5617,"line":8539},[5615,19992,5952],{"class":5951},[5615,19994,5956],{"class":5955},[5615,19996,5959],{"class":5951},[5615,19998,19999,20001,20003,20005,20008,20010,20012,20014,20016,20018,20021,20023,20025],{"class":5617,"line":8549},[5615,20000,5965],{"class":5951},[5615,20002,5583],{"class":5955},[5615,20004,6293],{"class":5951},[5615,20006,20007],{"class":5629},"Вітаємо, ",[5615,20009,5978],{"class":5621},[5615,20011,17614],{"class":5636},[5615,20013,17611],{"class":6132},[5615,20015,18988],{"class":5636},[5615,20017,5983],{"class":5621},[5615,20019,20020],{"class":5629},"!",[5615,20022,6299],{"class":5951},[5615,20024,5583],{"class":5955},[5615,20026,5959],{"class":5951},[5615,20028,20029,20031,20033,20035,20038,20040,20042,20044,20047,20049,20051,20053],{"class":5617,"line":8560},[5615,20030,5965],{"class":5951},[5615,20032,5479],{"class":5955},[5615,20034,6293],{"class":5951},[5615,20036,20037],{"class":5629},"Роль: ",[5615,20039,5978],{"class":5621},[5615,20041,17614],{"class":5636},[5615,20043,17611],{"class":6132},[5615,20045,20046],{"class":5636},"role",[5615,20048,5983],{"class":5621},[5615,20050,6299],{"class":5951},[5615,20052,5479],{"class":5955},[5615,20054,5959],{"class":5951},[5615,20056,20057,20059,20061,20063,20065,20067,20069,20071,20073,20076,20078,20080],{"class":5617,"line":8569},[5615,20058,5965],{"class":5951},[5615,20060,6657],{"class":5955},[5615,20062,11272],{"class":5971},[5615,20064,5975],{"class":5629},[5615,20066,5978],{"class":5621},[5615,20068,19398],{"class":5636},[5615,20070,5983],{"class":5621},[5615,20072,6293],{"class":5951},[5615,20074,20075],{"class":5629},"Вийти",[5615,20077,6299],{"class":5951},[5615,20079,6657],{"class":5955},[5615,20081,5959],{"class":5951},[5615,20083,20084,20086,20088],{"class":5617,"line":8580},[5615,20085,6044],{"class":5951},[5615,20087,5956],{"class":5955},[5615,20089,5959],{"class":5951},[5615,20091,20092],{"class":5617,"line":8587},[5615,20093,6054],{"class":5629},[5615,20095,20096],{"class":5617,"line":8592},[5615,20097,5684],{"class":5629},[5615,20099,20100],{"class":5617,"line":8619},[5615,20101,5691],{"emptyLinePlaceholder":5690},[5615,20103,20104,20106,20108],{"class":5617,"line":8628},[5615,20105,5814],{"class":5621},[5615,20107,5818],{"class":5817},[5615,20109,5821],{"class":5629},[5615,20111,20112,20114],{"class":5617,"line":8633},[5615,20113,5942],{"class":5941},[5615,20115,5945],{"class":5629},[5615,20117,20118,20120,20123],{"class":5617,"line":8638},[5615,20119,5952],{"class":5951},[5615,20121,20122],{"class":5625},"AuthProvider",[5615,20124,5959],{"class":5951},[5615,20126,20127,20129,20131],{"class":5617,"line":8643},[5615,20128,5965],{"class":5951},[5615,20130,18837],{"class":5625},[5615,20132,5959],{"class":5951},[5615,20134,20135,20137,20140],{"class":5617,"line":8652},[5615,20136,7976],{"class":5951},[5615,20138,20139],{"class":5625},"Dashboard",[5615,20141,5998],{"class":5951},[5615,20143,20144,20146,20148],{"class":5617,"line":8669},[5615,20145,8003],{"class":5951},[5615,20147,18837],{"class":5625},[5615,20149,5959],{"class":5951},[5615,20151,20152,20154,20156],{"class":5617,"line":8674},[5615,20153,6044],{"class":5951},[5615,20155,20122],{"class":5625},[5615,20157,5959],{"class":5951},[5615,20159,20160],{"class":5617,"line":8681},[5615,20161,6054],{"class":5629},[5615,20163,20164],{"class":5617,"line":8690},[5615,20165,5684],{"class":5629},[5479,20167,20168],{},[5483,20169,20170],{},"Покроковий аналіз:",[6939,20172,20173,20183,20195,20201],{},[5506,20174,20175,5486,20178,20180,20181,5528],{},[5483,20176,20177],{},"Типізація контексту:",[5518,20179,19046],{}," чітко описує API, який отримують компоненти через ",[5518,20182,18851],{},[5506,20184,20185,20188,20189,20191,20192,20194],{},[5483,20186,20187],{},"Перевірка провайдера:"," Хук ",[5518,20190,18851],{}," кидає помилку, якщо контекст ",[5518,20193,10069],{},", захищаючи від неправильного використання.",[5506,20196,20197,20200],{},[5483,20198,20199],{},"ProtectedRoute:"," Умовно рендерить вміст залежно від наявності користувача. Це типовий патерн для захисту маршрутів.",[5506,20202,20203,10029,20206,20208],{},[5483,20204,20205],{},"Імітація входу:",[5518,20207,19393],{}," не виконує реальних API-запитів, але демонструє, де вони мають бути розміщені.",[18799,20210,20211,20288],{},[18802,20212,20214,20220,20263,20267],{"icon":18804,"label":20213},"📋 Завдання 2: Корзина покупок",[5479,20215,18808,20216,20219],{},[5518,20217,20218],{},"CartContext"," для інтернет-магазину:",[5503,20221,20222,20228],{},[5506,20223,20224,20225,5528],{},"Стан: масив товарів ",[5518,20226,20227],{},"{ id: number; name: string; price: number; quantity: number }[]",[5506,20229,20230,20231],{},"Функції:\n",[5503,20232,20233,20239,20245,20251,20257],{},[5506,20234,20235,20238],{},[5518,20236,20237],{},"addItem(item)",": додає товар або збільшує кількість.",[5506,20240,20241,20244],{},[5518,20242,20243],{},"removeItem(id)",": видаляє товар.",[5506,20246,20247,20250],{},[5518,20248,20249],{},"updateQuantity(id, quantity)",": змінює кількість.",[5506,20252,20253,20256],{},[5518,20254,20255],{},"clearCart()",": очищає корзину.",[5506,20258,20259,20262],{},[5518,20260,20261],{},"totalPrice",": обчислювана властивість (сума всіх товарів).",[5479,20264,20265],{},[5483,20266,18843],{},[5503,20268,20269,20275,20282],{},[5506,20270,20271,20272,20274],{},"Використовуйте ",[5518,20273,12786],{}," для управління станом корзини.",[5506,20276,20277,20278,20281],{},"Створіть компонент ",[5518,20279,20280],{},"CartSummary",": показує кількість товарів та загальну суму.",[5506,20283,18858,20284,20287],{},[5518,20285,20286],{},"ProductList"," із кнопками «Додати до корзини».",[18802,20289,20290,22513,22517],{"icon":18865,"label":18866},[5606,20291,20293],{"className":5608,"code":20292,"language":5610,"meta":5611,"style":5611},"import { createContext, useContext, useReducer, useMemo } from \"react\";\n\ninterface CartItem {\n  id: number;\n  name: string;\n  price: number;\n  quantity: number;\n}\n\ntype CartAction =\n  | { type: \"ADD_ITEM\"; item: Omit\u003CCartItem, \"quantity\"> }\n  | { type: \"REMOVE_ITEM\"; id: number }\n  | { type: \"UPDATE_QUANTITY\"; id: number; quantity: number }\n  | { type: \"CLEAR_CART\" };\n\ninterface CartContextValue {\n  items: CartItem[];\n  addItem: (item: Omit\u003CCartItem, \"quantity\">) => void;\n  removeItem: (id: number) => void;\n  updateQuantity: (id: number, quantity: number) => void;\n  clearCart: () => void;\n  totalPrice: number;\n  totalItems: number;\n}\n\nfunction cartReducer(state: CartItem[], action: CartAction): CartItem[] {\n  switch (action.type) {\n    case \"ADD_ITEM\": {\n      const existing = state.find((item) => item.id === action.item.id);\n\n      if (existing) {\n        return state.map((item) =>\n          item.id === action.item.id\n            ? { ...item, quantity: item.quantity + 1 }\n            : item\n        );\n      }\n\n      return [...state, { ...action.item, quantity: 1 }];\n    }\n\n    case \"REMOVE_ITEM\":\n      return state.filter((item) => item.id !== action.id);\n\n    case \"UPDATE_QUANTITY\":\n      return state.map((item) =>\n        item.id === action.id ? { ...item, quantity: action.quantity } : item\n      );\n\n    case \"CLEAR_CART\":\n      return [];\n\n    default:\n      return state;\n  }\n}\n\nconst CartContext = createContext\u003CCartContextValue | undefined>(undefined);\n\nfunction useCart(): CartContextValue {\n  const context = useContext(CartContext);\n\n  if (context === undefined) {\n    throw new Error(\"useCart має використовуватись всередині CartProvider\");\n  }\n\n  return context;\n}\n\nfunction CartProvider({ children }: { children: React.ReactNode }) {\n  const [items, dispatch] = useReducer(cartReducer, []);\n\n  const addItem = (item: Omit\u003CCartItem, \"quantity\">) => {\n    dispatch({ type: \"ADD_ITEM\", item });\n  };\n\n  const removeItem = (id: number) => {\n    dispatch({ type: \"REMOVE_ITEM\", id });\n  };\n\n  const updateQuantity = (id: number, quantity: number) => {\n    if (quantity \u003C= 0) {\n      removeItem(id);\n    } else {\n      dispatch({ type: \"UPDATE_QUANTITY\", id, quantity });\n    }\n  };\n\n  const clearCart = () => {\n    dispatch({ type: \"CLEAR_CART\" });\n  };\n\n  const totalPrice = useMemo(\n    () => items.reduce((sum, item) => sum + item.price * item.quantity, 0),\n    [items]\n  );\n\n  const totalItems = useMemo(\n    () => items.reduce((sum, item) => sum + item.quantity, 0),\n    [items]\n  );\n\n  const value: CartContextValue = {\n    items,\n    addItem,\n    removeItem,\n    updateQuantity,\n    clearCart,\n    totalPrice,\n    totalItems,\n  };\n\n  return \u003CCartContext.Provider value={value}>{children}\u003C\u002FCartContext.Provider>;\n}\n\nconst products = [\n  { id: 1, name: \"Ноутбук\", price: 25000 },\n  { id: 2, name: \"Миша\", price: 500 },\n  { id: 3, name: \"Клавіатура\", price: 1200 },\n];\n\nfunction ProductList() {\n  const { addItem } = useCart();\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>Товари\u003C\u002Fh2>\n      {products.map((product) => (\n        \u003Cdiv key={product.id}>\n          \u003Cspan>\n            {product.name} — {product.price} грн\n          \u003C\u002Fspan>\n          \u003Cbutton onClick={() => addItem(product)}>Додати\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      ))}\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction CartSummary() {\n  const { items, removeItem, updateQuantity, clearCart, totalPrice, totalItems } =\n    useCart();\n\n  if (items.length === 0) {\n    return \u003Cp>Корзина порожня\u003C\u002Fp>;\n  }\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>Корзина ({totalItems} шт.)\u003C\u002Fh2>\n      {items.map((item) => (\n        \u003Cdiv key={item.id}>\n          \u003Cspan>{item.name}\u003C\u002Fspan>\n          \u003Cinput\n            type=\"number\"\n            value={item.quantity}\n            onChange={(e) => updateQuantity(item.id, Number(e.target.value))}\n            min=\"0\"\n          \u002F>\n          \u003Cbutton onClick={() => removeItem(item.id)}>Видалити\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      ))}\n      \u003Cp>Загалом: {totalPrice} грн\u003C\u002Fp>\n      \u003Cbutton onClick={clearCart}>Очистити корзину\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction App() {\n  return (\n    \u003CCartProvider>\n      \u003CProductList \u002F>\n      \u003CCartSummary \u002F>\n    \u003C\u002FCartProvider>\n  );\n}\n",[5518,20294,20295,20323,20327,20336,20347,20358,20369,20380,20384,20388,20397,20431,20452,20482,20495,20499,20508,20519,20549,20570,20599,20612,20623,20634,20638,20642,20673,20687,20697,20743,20747,20759,20779,20801,20827,20835,20840,20845,20849,20876,20880,20884,20893,20927,20931,20940,20958,20996,21001,21005,21014,21020,21024,21030,21038,21042,21046,21050,21076,21080,21093,21109,21113,21127,21142,21146,21150,21158,21162,21166,21191,21215,21219,21248,21264,21268,21272,21293,21309,21313,21317,21346,21361,21372,21380,21400,21404,21408,21412,21425,21437,21441,21445,21458,21513,21521,21525,21529,21542,21582,21590,21594,21598,21610,21617,21624,21631,21638,21645,21652,21659,21663,21667,21702,21706,21710,21720,21746,21771,21796,21800,21804,21813,21829,21833,21839,21847,21864,21886,21909,21917,21946,21954,21991,21999,22005,22013,22017,22021,22025,22034,22069,22076,22080,22098,22119,22123,22127,22133,22141,22167,22187,22209,22233,22239,22249,22266,22315,22325,22330,22371,22379,22385,22411,22438,22446,22450,22454,22458,22466,22472,22481,22489,22497,22505,22509],{"__ignoreMap":5611},[5615,20296,20297,20299,20301,20303,20305,20307,20309,20311,20313,20315,20317,20319,20321],{"class":5617,"line":5618},[5615,20298,7003],{"class":5941},[5615,20300,7006],{"class":5629},[5615,20302,5520],{"class":5636},[5615,20304,5521],{"class":5629},[5615,20306,5527],{"class":5636},[5615,20308,5521],{"class":5629},[5615,20310,12786],{"class":5636},[5615,20312,5521],{"class":5629},[5615,20314,18418],{"class":5636},[5615,20316,7011],{"class":5629},[5615,20318,7014],{"class":5941},[5615,20320,7017],{"class":5643},[5615,20322,5653],{"class":5629},[5615,20324,20325],{"class":5617,"line":5633},[5615,20326,5691],{"emptyLinePlaceholder":5690},[5615,20328,20329,20331,20334],{"class":5617,"line":5656},[5615,20330,5622],{"class":5621},[5615,20332,20333],{"class":5625}," CartItem",[5615,20335,5630],{"class":5629},[5615,20337,20338,20340,20342,20345],{"class":5617,"line":5669},[5615,20339,12850],{"class":5636},[5615,20341,5640],{"class":5629},[5615,20343,20344],{"class":5625},"number",[5615,20346,5653],{"class":5629},[5615,20348,20349,20352,20354,20356],{"class":5617,"line":5681},[5615,20350,20351],{"class":5636},"  name",[5615,20353,5640],{"class":5629},[5615,20355,5664],{"class":5625},[5615,20357,5653],{"class":5629},[5615,20359,20360,20363,20365,20367],{"class":5617,"line":5687},[5615,20361,20362],{"class":5636},"  price",[5615,20364,5640],{"class":5629},[5615,20366,20344],{"class":5625},[5615,20368,5653],{"class":5629},[5615,20370,20371,20374,20376,20378],{"class":5617,"line":5694},[5615,20372,20373],{"class":5636},"  quantity",[5615,20375,5640],{"class":5629},[5615,20377,20344],{"class":5625},[5615,20379,5653],{"class":5629},[5615,20381,20382],{"class":5617,"line":5712},[5615,20383,5684],{"class":5629},[5615,20385,20386],{"class":5617,"line":5724},[5615,20387,5691],{"emptyLinePlaceholder":5690},[5615,20389,20390,20392,20395],{"class":5617,"line":5735},[5615,20391,11834],{"class":5621},[5615,20393,20394],{"class":5625}," CartAction",[5615,20396,12912],{"class":5629},[5615,20398,20399,20401,20403,20405,20408,20410,20413,20415,20418,20420,20423,20425,20428],{"class":5617,"line":5746},[5615,20400,12917],{"class":5629},[5615,20402,11834],{"class":5636},[5615,20404,5640],{"class":5629},[5615,20406,20407],{"class":5643},"\"ADD_ITEM\"",[5615,20409,6094],{"class":5629},[5615,20411,20412],{"class":5636},"item",[5615,20414,5640],{"class":5629},[5615,20416,20417],{"class":5625},"Omit",[5615,20419,5847],{"class":5629},[5615,20421,20422],{"class":5625},"CartItem",[5615,20424,5521],{"class":5629},[5615,20426,20427],{"class":5643},"\"quantity\"",[5615,20429,20430],{"class":5629},"> }\n",[5615,20432,20433,20435,20437,20439,20442,20444,20446,20448,20450],{"class":5617,"line":5752},[5615,20434,12917],{"class":5629},[5615,20436,11834],{"class":5636},[5615,20438,5640],{"class":5629},[5615,20440,20441],{"class":5643},"\"REMOVE_ITEM\"",[5615,20443,6094],{"class":5629},[5615,20445,12953],{"class":5636},[5615,20447,5640],{"class":5629},[5615,20449,20344],{"class":5625},[5615,20451,12937],{"class":5629},[5615,20453,20454,20456,20458,20460,20463,20465,20467,20469,20471,20473,20476,20478,20480],{"class":5617,"line":5757},[5615,20455,12917],{"class":5629},[5615,20457,11834],{"class":5636},[5615,20459,5640],{"class":5629},[5615,20461,20462],{"class":5643},"\"UPDATE_QUANTITY\"",[5615,20464,6094],{"class":5629},[5615,20466,12953],{"class":5636},[5615,20468,5640],{"class":5629},[5615,20470,20344],{"class":5625},[5615,20472,6094],{"class":5629},[5615,20474,20475],{"class":5636},"quantity",[5615,20477,5640],{"class":5629},[5615,20479,20344],{"class":5625},[5615,20481,12937],{"class":5629},[5615,20483,20484,20486,20488,20490,20493],{"class":5617,"line":5771},[5615,20485,12917],{"class":5629},[5615,20487,11834],{"class":5636},[5615,20489,5640],{"class":5629},[5615,20491,20492],{"class":5643},"\"CLEAR_CART\"",[5615,20494,11218],{"class":5629},[5615,20496,20497],{"class":5617,"line":5781},[5615,20498,5691],{"emptyLinePlaceholder":5690},[5615,20500,20501,20503,20506],{"class":5617,"line":5791},[5615,20502,5622],{"class":5621},[5615,20504,20505],{"class":5625}," CartContextValue",[5615,20507,5630],{"class":5629},[5615,20509,20510,20513,20515,20517],{"class":5617,"line":5801},[5615,20511,20512],{"class":5636},"  items",[5615,20514,5640],{"class":5629},[5615,20516,20422],{"class":5625},[5615,20518,12997],{"class":5629},[5615,20520,20521,20524,20526,20528,20530,20532,20534,20536,20538,20540,20543,20545,20547],{"class":5617,"line":5806},[5615,20522,20523],{"class":5817},"  addItem",[5615,20525,11882],{"class":5629},[5615,20527,20412],{"class":5636},[5615,20529,5640],{"class":5629},[5615,20531,20417],{"class":5625},[5615,20533,5847],{"class":5629},[5615,20535,20422],{"class":5625},[5615,20537,5521],{"class":5629},[5615,20539,20427],{"class":5643},[5615,20541,20542],{"class":5629},">) ",[5615,20544,5877],{"class":5621},[5615,20546,6104],{"class":5625},[5615,20548,5653],{"class":5629},[5615,20550,20551,20554,20556,20558,20560,20562,20564,20566,20568],{"class":5617,"line":5811},[5615,20552,20553],{"class":5817},"  removeItem",[5615,20555,11882],{"class":5629},[5615,20557,12953],{"class":5636},[5615,20559,5640],{"class":5629},[5615,20561,20344],{"class":5625},[5615,20563,5894],{"class":5629},[5615,20565,5877],{"class":5621},[5615,20567,6104],{"class":5625},[5615,20569,5653],{"class":5629},[5615,20571,20572,20575,20577,20579,20581,20583,20585,20587,20589,20591,20593,20595,20597],{"class":5617,"line":5824},[5615,20573,20574],{"class":5817},"  updateQuantity",[5615,20576,11882],{"class":5629},[5615,20578,12953],{"class":5636},[5615,20580,5640],{"class":5629},[5615,20582,20344],{"class":5625},[5615,20584,5521],{"class":5629},[5615,20586,20475],{"class":5636},[5615,20588,5640],{"class":5629},[5615,20590,20344],{"class":5625},[5615,20592,5894],{"class":5629},[5615,20594,5877],{"class":5621},[5615,20596,6104],{"class":5625},[5615,20598,5653],{"class":5629},[5615,20600,20601,20604,20606,20608,20610],{"class":5617,"line":5861},[5615,20602,20603],{"class":5817},"  clearCart",[5615,20605,6099],{"class":5629},[5615,20607,5877],{"class":5621},[5615,20609,6104],{"class":5625},[5615,20611,5653],{"class":5629},[5615,20613,20614,20617,20619,20621],{"class":5617,"line":5866},[5615,20615,20616],{"class":5636},"  totalPrice",[5615,20618,5640],{"class":5629},[5615,20620,20344],{"class":5625},[5615,20622,5653],{"class":5629},[5615,20624,20625,20628,20630,20632],{"class":5617,"line":5882},[5615,20626,20627],{"class":5636},"  totalItems",[5615,20629,5640],{"class":5629},[5615,20631,20344],{"class":5625},[5615,20633,5653],{"class":5629},[5615,20635,20636],{"class":5617,"line":5927},[5615,20637,5684],{"class":5629},[5615,20639,20640],{"class":5617,"line":5933},[5615,20641,5691],{"emptyLinePlaceholder":5690},[5615,20643,20644,20646,20649,20651,20653,20655,20657,20660,20662,20664,20667,20669,20671],{"class":5617,"line":5938},[5615,20645,5814],{"class":5621},[5615,20647,20648],{"class":5817}," cartReducer",[5615,20650,7421],{"class":5629},[5615,20652,13163],{"class":5636},[5615,20654,5640],{"class":5629},[5615,20656,20422],{"class":5625},[5615,20658,20659],{"class":5629},"[], ",[5615,20661,13135],{"class":5636},[5615,20663,5640],{"class":5629},[5615,20665,20666],{"class":5625},"CartAction",[5615,20668,12199],{"class":5629},[5615,20670,20422],{"class":5625},[5615,20672,13125],{"class":5629},[5615,20674,20675,20677,20679,20681,20683,20685],{"class":5617,"line":5948},[5615,20676,13130],{"class":5941},[5615,20678,5593],{"class":5629},[5615,20680,13135],{"class":5636},[5615,20682,5528],{"class":5629},[5615,20684,11834],{"class":5636},[5615,20686,10253],{"class":5629},[5615,20688,20689,20691,20694],{"class":5617,"line":5962},[5615,20690,13146],{"class":5941},[5615,20692,20693],{"class":5643}," \"ADD_ITEM\"",[5615,20695,20696],{"class":5629},": {\n",[5615,20698,20699,20702,20705,20707,20709,20711,20714,20716,20718,20720,20722,20725,20727,20729,20731,20733,20735,20737,20739,20741],{"class":5617,"line":6001},[5615,20700,20701],{"class":5621},"      const",[5615,20703,20704],{"class":5700}," existing",[5615,20706,7132],{"class":5629},[5615,20708,13163],{"class":5636},[5615,20710,5528],{"class":5629},[5615,20712,20713],{"class":5817},"find",[5615,20715,5888],{"class":5629},[5615,20717,20412],{"class":5636},[5615,20719,5894],{"class":5629},[5615,20721,5877],{"class":5621},[5615,20723,20724],{"class":5636}," item",[5615,20726,5528],{"class":5629},[5615,20728,12953],{"class":5636},[5615,20730,5908],{"class":5629},[5615,20732,13135],{"class":5636},[5615,20734,5528],{"class":5629},[5615,20736,20412],{"class":5636},[5615,20738,5528],{"class":5629},[5615,20740,12953],{"class":5636},[5615,20742,5858],{"class":5629},[5615,20744,20745],{"class":5617,"line":6021},[5615,20746,5691],{"emptyLinePlaceholder":5690},[5615,20748,20749,20752,20754,20757],{"class":5617,"line":6041},[5615,20750,20751],{"class":5941},"      if",[5615,20753,5593],{"class":5629},[5615,20755,20756],{"class":5636},"existing",[5615,20758,10253],{"class":5629},[5615,20760,20761,20764,20766,20768,20770,20772,20774,20776],{"class":5617,"line":6051},[5615,20762,20763],{"class":5941},"        return",[5615,20765,13194],{"class":5636},[5615,20767,5528],{"class":5629},[5615,20769,14018],{"class":5817},[5615,20771,5888],{"class":5629},[5615,20773,20412],{"class":5636},[5615,20775,5894],{"class":5629},[5615,20777,20778],{"class":5621},"=>\n",[5615,20780,20781,20784,20786,20788,20790,20792,20794,20796,20798],{"class":5617,"line":6057},[5615,20782,20783],{"class":5636},"          item",[5615,20785,5528],{"class":5629},[5615,20787,12953],{"class":5636},[5615,20789,5908],{"class":5629},[5615,20791,13135],{"class":5636},[5615,20793,5528],{"class":5629},[5615,20795,20412],{"class":5636},[5615,20797,5528],{"class":5629},[5615,20799,20800],{"class":5636},"id\n",[5615,20802,20803,20806,20808,20810,20813,20815,20817,20819,20822,20825],{"class":5617,"line":6062},[5615,20804,20805],{"class":5629},"            ? { ...",[5615,20807,20412],{"class":5636},[5615,20809,5521],{"class":5629},[5615,20811,20812],{"class":5636},"quantity:",[5615,20814,20724],{"class":5636},[5615,20816,5528],{"class":5629},[5615,20818,20475],{"class":5636},[5615,20820,20821],{"class":5629}," + ",[5615,20823,20824],{"class":8379},"1",[5615,20826,12937],{"class":5629},[5615,20828,20829,20832],{"class":5617,"line":6067},[5615,20830,20831],{"class":5629},"            : ",[5615,20833,20834],{"class":5636},"item\n",[5615,20836,20837],{"class":5617,"line":6110},[5615,20838,20839],{"class":5629},"        );\n",[5615,20841,20842],{"class":5617,"line":6117},[5615,20843,20844],{"class":5629},"      }\n",[5615,20846,20847],{"class":5617,"line":6153},[5615,20848,5691],{"emptyLinePlaceholder":5690},[5615,20850,20851,20853,20855,20857,20860,20862,20864,20866,20868,20870,20873],{"class":5617,"line":6173},[5615,20852,13157],{"class":5941},[5615,20854,13160],{"class":5629},[5615,20856,13163],{"class":5636},[5615,20858,20859],{"class":5629},", { ...",[5615,20861,13135],{"class":5636},[5615,20863,5528],{"class":5629},[5615,20865,20412],{"class":5636},[5615,20867,5521],{"class":5629},[5615,20869,20812],{"class":5636},[5615,20871,20872],{"class":8379}," 1",[5615,20874,20875],{"class":5629}," }];\n",[5615,20877,20878],{"class":5617,"line":6204},[5615,20879,19333],{"class":5629},[5615,20881,20882],{"class":5617,"line":6213},[5615,20883,5691],{"emptyLinePlaceholder":5690},[5615,20885,20886,20888,20891],{"class":5617,"line":6218},[5615,20887,13146],{"class":5941},[5615,20889,20890],{"class":5643}," \"REMOVE_ITEM\"",[5615,20892,13152],{"class":5629},[5615,20894,20895,20897,20899,20901,20903,20905,20907,20909,20911,20913,20915,20917,20919,20921,20923,20925],{"class":5617,"line":6223},[5615,20896,13157],{"class":5941},[5615,20898,13194],{"class":5636},[5615,20900,5528],{"class":5629},[5615,20902,13199],{"class":5817},[5615,20904,5888],{"class":5629},[5615,20906,20412],{"class":5636},[5615,20908,5894],{"class":5629},[5615,20910,5877],{"class":5621},[5615,20912,20724],{"class":5636},[5615,20914,5528],{"class":5629},[5615,20916,12953],{"class":5636},[5615,20918,13218],{"class":5629},[5615,20920,13135],{"class":5636},[5615,20922,5528],{"class":5629},[5615,20924,12953],{"class":5636},[5615,20926,5858],{"class":5629},[5615,20928,20929],{"class":5617,"line":6228},[5615,20930,5691],{"emptyLinePlaceholder":5690},[5615,20932,20933,20935,20938],{"class":5617,"line":6250},[5615,20934,13146],{"class":5941},[5615,20936,20937],{"class":5643}," \"UPDATE_QUANTITY\"",[5615,20939,13152],{"class":5629},[5615,20941,20942,20944,20946,20948,20950,20952,20954,20956],{"class":5617,"line":6257},[5615,20943,13157],{"class":5941},[5615,20945,13194],{"class":5636},[5615,20947,5528],{"class":5629},[5615,20949,14018],{"class":5817},[5615,20951,5888],{"class":5629},[5615,20953,20412],{"class":5636},[5615,20955,5894],{"class":5629},[5615,20957,20778],{"class":5621},[5615,20959,20960,20963,20965,20967,20969,20971,20973,20975,20978,20980,20982,20984,20987,20989,20991,20994],{"class":5617,"line":6267},[5615,20961,20962],{"class":5636},"        item",[5615,20964,5528],{"class":5629},[5615,20966,12953],{"class":5636},[5615,20968,5908],{"class":5629},[5615,20970,13135],{"class":5636},[5615,20972,5528],{"class":5629},[5615,20974,12953],{"class":5636},[5615,20976,20977],{"class":5629}," ? { ...",[5615,20979,20412],{"class":5636},[5615,20981,5521],{"class":5629},[5615,20983,20812],{"class":5636},[5615,20985,20986],{"class":5636}," action",[5615,20988,5528],{"class":5629},[5615,20990,20475],{"class":5636},[5615,20992,20993],{"class":5629}," } : ",[5615,20995,20834],{"class":5636},[5615,20997,20998],{"class":5617,"line":6306},[5615,20999,21000],{"class":5629},"      );\n",[5615,21002,21003],{"class":5617,"line":6341},[5615,21004,5691],{"emptyLinePlaceholder":5690},[5615,21006,21007,21009,21012],{"class":5617,"line":6350},[5615,21008,13146],{"class":5941},[5615,21010,21011],{"class":5643}," \"CLEAR_CART\"",[5615,21013,13152],{"class":5629},[5615,21015,21016,21018],{"class":5617,"line":6355},[5615,21017,13157],{"class":5941},[5615,21019,13246],{"class":5629},[5615,21021,21022],{"class":5617,"line":6360},[5615,21023,5691],{"emptyLinePlaceholder":5690},[5615,21025,21026,21028],{"class":5617,"line":6365},[5615,21027,13255],{"class":5941},[5615,21029,13152],{"class":5629},[5615,21031,21032,21034,21036],{"class":5617,"line":6418},[5615,21033,13157],{"class":5941},[5615,21035,13194],{"class":5636},[5615,21037,5653],{"class":5629},[5615,21039,21040],{"class":5617,"line":6425},[5615,21041,10276],{"class":5629},[5615,21043,21044],{"class":5617,"line":6467},[5615,21045,5684],{"class":5629},[5615,21047,21048],{"class":5617,"line":6477},[5615,21049,5691],{"emptyLinePlaceholder":5690},[5615,21051,21052,21054,21057,21059,21061,21063,21066,21068,21070,21072,21074],{"class":5617,"line":6486},[5615,21053,5697],{"class":5621},[5615,21055,21056],{"class":5700}," CartContext",[5615,21058,7132],{"class":5629},[5615,21060,5520],{"class":5817},[5615,21062,5847],{"class":5629},[5615,21064,21065],{"class":5625},"CartContextValue",[5615,21067,5647],{"class":5629},[5615,21069,10069],{"class":5625},[5615,21071,5852],{"class":5629},[5615,21073,10069],{"class":5621},[5615,21075,5858],{"class":5629},[5615,21077,21078],{"class":5617,"line":6491},[5615,21079,5691],{"emptyLinePlaceholder":5690},[5615,21081,21082,21084,21087,21089,21091],{"class":5617,"line":6496},[5615,21083,5814],{"class":5621},[5615,21085,21086],{"class":5817}," useCart",[5615,21088,10211],{"class":5629},[5615,21090,21065],{"class":5625},[5615,21092,5630],{"class":5629},[5615,21094,21095,21097,21099,21101,21103,21105,21107],{"class":5617,"line":6501},[5615,21096,5827],{"class":5621},[5615,21098,10222],{"class":5700},[5615,21100,7132],{"class":5629},[5615,21102,5527],{"class":5817},[5615,21104,7421],{"class":5629},[5615,21106,20218],{"class":5636},[5615,21108,5858],{"class":5629},[5615,21110,21111],{"class":5617,"line":6538},[5615,21112,5691],{"emptyLinePlaceholder":5690},[5615,21114,21115,21117,21119,21121,21123,21125],{"class":5617,"line":6545},[5615,21116,10241],{"class":5941},[5615,21118,5593],{"class":5629},[5615,21120,10246],{"class":5636},[5615,21122,5908],{"class":5629},[5615,21124,10069],{"class":5621},[5615,21126,10253],{"class":5629},[5615,21128,21129,21131,21133,21135,21137,21140],{"class":5617,"line":6553},[5615,21130,10258],{"class":5941},[5615,21132,10261],{"class":5621},[5615,21134,10264],{"class":5817},[5615,21136,7421],{"class":5629},[5615,21138,21139],{"class":5643},"\"useCart має використовуватись всередині CartProvider\"",[5615,21141,5858],{"class":5629},[5615,21143,21144],{"class":5617,"line":6567},[5615,21145,10276],{"class":5629},[5615,21147,21148],{"class":5617,"line":6580},[5615,21149,5691],{"emptyLinePlaceholder":5690},[5615,21151,21152,21154,21156],{"class":5617,"line":6594},[5615,21153,5942],{"class":5941},[5615,21155,10222],{"class":5636},[5615,21157,5653],{"class":5629},[5615,21159,21160],{"class":5617,"line":6608},[5615,21161,5684],{"class":5629},[5615,21163,21164],{"class":5617,"line":6616},[5615,21165,5691],{"emptyLinePlaceholder":5690},[5615,21167,21168,21170,21173,21175,21177,21179,21181,21183,21185,21187,21189],{"class":5617,"line":6622},[5615,21169,5814],{"class":5621},[5615,21171,21172],{"class":5817}," CartProvider",[5615,21174,6075],{"class":5629},[5615,21176,6384],{"class":5636},[5615,21178,6085],{"class":5629},[5615,21180,6384],{"class":5636},[5615,21182,5640],{"class":5629},[5615,21184,2303],{"class":5625},[5615,21186,5528],{"class":5629},[5615,21188,6413],{"class":5625},[5615,21190,6107],{"class":5629},[5615,21192,21193,21195,21197,21200,21202,21204,21206,21208,21210,21213],{"class":5617,"line":6652},[5615,21194,5827],{"class":5621},[5615,21196,5830],{"class":5629},[5615,21198,21199],{"class":5700},"items",[5615,21201,5521],{"class":5629},[5615,21203,13461],{"class":5700},[5615,21205,5841],{"class":5629},[5615,21207,12786],{"class":5817},[5615,21209,7421],{"class":5629},[5615,21211,21212],{"class":5636},"cartReducer",[5615,21214,13473],{"class":5629},[5615,21216,21217],{"class":5617,"line":6662},[5615,21218,5691],{"emptyLinePlaceholder":5690},[5615,21220,21221,21223,21226,21228,21230,21232,21234,21236,21238,21240,21242,21244,21246],{"class":5617,"line":6667},[5615,21222,5827],{"class":5621},[5615,21224,21225],{"class":5817}," addItem",[5615,21227,12190],{"class":5629},[5615,21229,20412],{"class":5636},[5615,21231,5640],{"class":5629},[5615,21233,20417],{"class":5625},[5615,21235,5847],{"class":5629},[5615,21237,20422],{"class":5625},[5615,21239,5521],{"class":5629},[5615,21241,20427],{"class":5643},[5615,21243,20542],{"class":5629},[5615,21245,5877],{"class":5621},[5615,21247,5630],{"class":5629},[5615,21249,21250,21252,21254,21256,21258,21260,21262],{"class":5617,"line":6672},[5615,21251,13561],{"class":5817},[5615,21253,6075],{"class":5629},[5615,21255,13629],{"class":5636},[5615,21257,20693],{"class":5643},[5615,21259,5521],{"class":5629},[5615,21261,20412],{"class":5636},[5615,21263,13638],{"class":5629},[5615,21265,21266],{"class":5617,"line":6677},[5615,21267,5930],{"class":5629},[5615,21269,21270],{"class":5617,"line":6699},[5615,21271,5691],{"emptyLinePlaceholder":5690},[5615,21273,21274,21276,21279,21281,21283,21285,21287,21289,21291],{"class":5617,"line":6706},[5615,21275,5827],{"class":5621},[5615,21277,21278],{"class":5817}," removeItem",[5615,21280,12190],{"class":5629},[5615,21282,12953],{"class":5636},[5615,21284,5640],{"class":5629},[5615,21286,20344],{"class":5625},[5615,21288,5894],{"class":5629},[5615,21290,5877],{"class":5621},[5615,21292,5630],{"class":5629},[5615,21294,21295,21297,21299,21301,21303,21305,21307],{"class":5617,"line":6736},[5615,21296,13561],{"class":5817},[5615,21298,6075],{"class":5629},[5615,21300,13629],{"class":5636},[5615,21302,20890],{"class":5643},[5615,21304,5521],{"class":5629},[5615,21306,12953],{"class":5636},[5615,21308,13638],{"class":5629},[5615,21310,21311],{"class":5617,"line":6756},[5615,21312,5930],{"class":5629},[5615,21314,21315],{"class":5617,"line":6776},[5615,21316,5691],{"emptyLinePlaceholder":5690},[5615,21318,21319,21321,21324,21326,21328,21330,21332,21334,21336,21338,21340,21342,21344],{"class":5617,"line":6785},[5615,21320,5827],{"class":5621},[5615,21322,21323],{"class":5817}," updateQuantity",[5615,21325,12190],{"class":5629},[5615,21327,12953],{"class":5636},[5615,21329,5640],{"class":5629},[5615,21331,20344],{"class":5625},[5615,21333,5521],{"class":5629},[5615,21335,20475],{"class":5636},[5615,21337,5640],{"class":5629},[5615,21339,20344],{"class":5625},[5615,21341,5894],{"class":5629},[5615,21343,5877],{"class":5621},[5615,21345,5630],{"class":5629},[5615,21347,21348,21350,21352,21354,21357,21359],{"class":5617,"line":6790},[5615,21349,19244],{"class":5941},[5615,21351,5593],{"class":5629},[5615,21353,20475],{"class":5636},[5615,21355,21356],{"class":5629}," \u003C= ",[5615,21358,13895],{"class":8379},[5615,21360,10253],{"class":5629},[5615,21362,21363,21366,21368,21370],{"class":5617,"line":6795},[5615,21364,21365],{"class":5817},"      removeItem",[5615,21367,7421],{"class":5629},[5615,21369,12953],{"class":5636},[5615,21371,5858],{"class":5629},[5615,21373,21374,21376,21378],{"class":5617,"line":6800},[5615,21375,19311],{"class":5629},[5615,21377,19314],{"class":5941},[5615,21379,5630],{"class":5629},[5615,21381,21382,21384,21386,21388,21390,21392,21394,21396,21398],{"class":5617,"line":6822},[5615,21383,13624],{"class":5817},[5615,21385,6075],{"class":5629},[5615,21387,13629],{"class":5636},[5615,21389,20937],{"class":5643},[5615,21391,5521],{"class":5629},[5615,21393,12953],{"class":5636},[5615,21395,5521],{"class":5629},[5615,21397,20475],{"class":5636},[5615,21399,13638],{"class":5629},[5615,21401,21402],{"class":5617,"line":6829},[5615,21403,19333],{"class":5629},[5615,21405,21406],{"class":5617,"line":6839},[5615,21407,5930],{"class":5629},[5615,21409,21410],{"class":5617,"line":6859},[5615,21411,5691],{"emptyLinePlaceholder":5690},[5615,21413,21414,21416,21419,21421,21423],{"class":5617,"line":6879},[5615,21415,5827],{"class":5621},[5615,21417,21418],{"class":5817}," clearCart",[5615,21420,5874],{"class":5629},[5615,21422,5877],{"class":5621},[5615,21424,5630],{"class":5629},[5615,21426,21427,21429,21431,21433,21435],{"class":5617,"line":6888},[5615,21428,13561],{"class":5817},[5615,21430,6075],{"class":5629},[5615,21432,13629],{"class":5636},[5615,21434,21011],{"class":5643},[5615,21436,13638],{"class":5629},[5615,21438,21439],{"class":5617,"line":6893},[5615,21440,5930],{"class":5629},[5615,21442,21443],{"class":5617,"line":6898},[5615,21444,5691],{"emptyLinePlaceholder":5690},[5615,21446,21447,21449,21452,21454,21456],{"class":5617,"line":6903},[5615,21448,5827],{"class":5621},[5615,21450,21451],{"class":5700}," totalPrice",[5615,21453,7132],{"class":5629},[5615,21455,18418],{"class":5817},[5615,21457,13094],{"class":5629},[5615,21459,21460,21462,21464,21467,21469,21472,21474,21477,21479,21481,21483,21485,21488,21490,21492,21494,21497,21500,21502,21504,21506,21508,21510],{"class":5617,"line":8471},[5615,21461,18554],{"class":5629},[5615,21463,5877],{"class":5621},[5615,21465,21466],{"class":5636}," items",[5615,21468,5528],{"class":5629},[5615,21470,21471],{"class":5817},"reduce",[5615,21473,5888],{"class":5629},[5615,21475,21476],{"class":5636},"sum",[5615,21478,5521],{"class":5629},[5615,21480,20412],{"class":5636},[5615,21482,5894],{"class":5629},[5615,21484,5877],{"class":5621},[5615,21486,21487],{"class":5636}," sum",[5615,21489,20821],{"class":5629},[5615,21491,20412],{"class":5636},[5615,21493,5528],{"class":5629},[5615,21495,21496],{"class":5636},"price",[5615,21498,21499],{"class":5629}," * ",[5615,21501,20412],{"class":5636},[5615,21503,5528],{"class":5629},[5615,21505,20475],{"class":5636},[5615,21507,5521],{"class":5629},[5615,21509,13895],{"class":8379},[5615,21511,21512],{"class":5629},"),\n",[5615,21514,21515,21517,21519],{"class":5617,"line":8478},[5615,21516,18573],{"class":5629},[5615,21518,21199],{"class":5636},[5615,21520,18582],{"class":5629},[5615,21522,21523],{"class":5617,"line":8491},[5615,21524,6054],{"class":5629},[5615,21526,21527],{"class":5617,"line":8502},[5615,21528,5691],{"emptyLinePlaceholder":5690},[5615,21530,21531,21533,21536,21538,21540],{"class":5617,"line":8513},[5615,21532,5827],{"class":5621},[5615,21534,21535],{"class":5700}," totalItems",[5615,21537,7132],{"class":5629},[5615,21539,18418],{"class":5817},[5615,21541,13094],{"class":5629},[5615,21543,21544,21546,21548,21550,21552,21554,21556,21558,21560,21562,21564,21566,21568,21570,21572,21574,21576,21578,21580],{"class":5617,"line":8526},[5615,21545,18554],{"class":5629},[5615,21547,5877],{"class":5621},[5615,21549,21466],{"class":5636},[5615,21551,5528],{"class":5629},[5615,21553,21471],{"class":5817},[5615,21555,5888],{"class":5629},[5615,21557,21476],{"class":5636},[5615,21559,5521],{"class":5629},[5615,21561,20412],{"class":5636},[5615,21563,5894],{"class":5629},[5615,21565,5877],{"class":5621},[5615,21567,21487],{"class":5636},[5615,21569,20821],{"class":5629},[5615,21571,20412],{"class":5636},[5615,21573,5528],{"class":5629},[5615,21575,20475],{"class":5636},[5615,21577,5521],{"class":5629},[5615,21579,13895],{"class":8379},[5615,21581,21512],{"class":5629},[5615,21583,21584,21586,21588],{"class":5617,"line":8539},[5615,21585,18573],{"class":5629},[5615,21587,21199],{"class":5636},[5615,21589,18582],{"class":5629},[5615,21591,21592],{"class":5617,"line":8549},[5615,21593,6054],{"class":5629},[5615,21595,21596],{"class":5617,"line":8560},[5615,21597,5691],{"emptyLinePlaceholder":5690},[5615,21599,21600,21602,21604,21606,21608],{"class":5617,"line":8569},[5615,21601,5827],{"class":5621},[5615,21603,7262],{"class":5700},[5615,21605,5640],{"class":5629},[5615,21607,21065],{"class":5625},[5615,21609,5709],{"class":5629},[5615,21611,21612,21615],{"class":5617,"line":8580},[5615,21613,21614],{"class":5636},"    items",[5615,21616,5721],{"class":5629},[5615,21618,21619,21622],{"class":5617,"line":8587},[5615,21620,21621],{"class":5636},"    addItem",[5615,21623,5721],{"class":5629},[5615,21625,21626,21629],{"class":5617,"line":8592},[5615,21627,21628],{"class":5636},"    removeItem",[5615,21630,5721],{"class":5629},[5615,21632,21633,21636],{"class":5617,"line":8619},[5615,21634,21635],{"class":5636},"    updateQuantity",[5615,21637,5721],{"class":5629},[5615,21639,21640,21643],{"class":5617,"line":8628},[5615,21641,21642],{"class":5636},"    clearCart",[5615,21644,5721],{"class":5629},[5615,21646,21647,21650],{"class":5617,"line":8633},[5615,21648,21649],{"class":5636},"    totalPrice",[5615,21651,5721],{"class":5629},[5615,21653,21654,21657],{"class":5617,"line":8638},[5615,21655,21656],{"class":5636},"    totalItems",[5615,21658,5721],{"class":5629},[5615,21660,21661],{"class":5617,"line":8643},[5615,21662,5930],{"class":5629},[5615,21664,21665],{"class":5617,"line":8652},[5615,21666,5691],{"emptyLinePlaceholder":5690},[5615,21668,21669,21671,21673,21676,21678,21680,21682,21684,21686,21688,21690,21692,21694,21696,21698,21700],{"class":5617,"line":8669},[5615,21670,5942],{"class":5941},[5615,21672,17501],{"class":5951},[5615,21674,21675],{"class":5625},"CartContext.Provider",[5615,21677,7262],{"class":5971},[5615,21679,5975],{"class":5629},[5615,21681,5978],{"class":5621},[5615,21683,7202],{"class":5636},[5615,21685,5983],{"class":5621},[5615,21687,6293],{"class":5951},[5615,21689,5978],{"class":5621},[5615,21691,6384],{"class":5636},[5615,21693,5983],{"class":5621},[5615,21695,6299],{"class":5951},[5615,21697,21675],{"class":5625},[5615,21699,6293],{"class":5951},[5615,21701,5653],{"class":5629},[5615,21703,21704],{"class":5617,"line":8674},[5615,21705,5684],{"class":5629},[5615,21707,21708],{"class":5617,"line":8681},[5615,21709,5691],{"emptyLinePlaceholder":5690},[5615,21711,21712,21714,21717],{"class":5617,"line":8690},[5615,21713,5697],{"class":5621},[5615,21715,21716],{"class":5700}," products",[5615,21718,21719],{"class":5629}," = [\n",[5615,21721,21722,21724,21727,21729,21731,21733,21736,21738,21741,21744],{"class":5617,"line":8724},[5615,21723,11515],{"class":5629},[5615,21725,21726],{"class":5636},"id:",[5615,21728,20872],{"class":8379},[5615,21730,5521],{"class":5629},[5615,21732,17438],{"class":5636},[5615,21734,21735],{"class":5643}," \"Ноутбук\"",[5615,21737,5521],{"class":5629},[5615,21739,21740],{"class":5636},"price:",[5615,21742,21743],{"class":8379}," 25000",[5615,21745,13593],{"class":5629},[5615,21747,21748,21750,21752,21755,21757,21759,21762,21764,21766,21769],{"class":5617,"line":8751},[5615,21749,11515],{"class":5629},[5615,21751,21726],{"class":5636},[5615,21753,21754],{"class":8379}," 2",[5615,21756,5521],{"class":5629},[5615,21758,17438],{"class":5636},[5615,21760,21761],{"class":5643}," \"Миша\"",[5615,21763,5521],{"class":5629},[5615,21765,21740],{"class":5636},[5615,21767,21768],{"class":8379}," 500",[5615,21770,13593],{"class":5629},[5615,21772,21773,21775,21777,21780,21782,21784,21787,21789,21791,21794],{"class":5617,"line":8757},[5615,21774,11515],{"class":5629},[5615,21776,21726],{"class":5636},[5615,21778,21779],{"class":8379}," 3",[5615,21781,5521],{"class":5629},[5615,21783,17438],{"class":5636},[5615,21785,21786],{"class":5643}," \"Клавіатура\"",[5615,21788,5521],{"class":5629},[5615,21790,21740],{"class":5636},[5615,21792,21793],{"class":8379}," 1200",[5615,21795,13593],{"class":5629},[5615,21797,21798],{"class":5617,"line":8763},[5615,21799,13174],{"class":5629},[5615,21801,21802],{"class":5617,"line":8769},[5615,21803,5691],{"emptyLinePlaceholder":5690},[5615,21805,21806,21808,21811],{"class":5617,"line":8778},[5615,21807,5814],{"class":5621},[5615,21809,21810],{"class":5817}," ProductList",[5615,21812,5821],{"class":5629},[5615,21814,21815,21817,21819,21822,21824,21827],{"class":5617,"line":8787},[5615,21816,5827],{"class":5621},[5615,21818,7006],{"class":5629},[5615,21820,21821],{"class":5700},"addItem",[5615,21823,11249],{"class":5629},[5615,21825,21826],{"class":5817},"useCart",[5615,21828,10538],{"class":5629},[5615,21830,21831],{"class":5617,"line":8792},[5615,21832,5691],{"emptyLinePlaceholder":5690},[5615,21834,21835,21837],{"class":5617,"line":14065},[5615,21836,5942],{"class":5941},[5615,21838,5945],{"class":5629},[5615,21840,21841,21843,21845],{"class":5617,"line":14075},[5615,21842,5952],{"class":5951},[5615,21844,5956],{"class":5955},[5615,21846,5959],{"class":5951},[5615,21848,21849,21851,21853,21855,21858,21860,21862],{"class":5617,"line":14085},[5615,21850,5965],{"class":5951},[5615,21852,5583],{"class":5955},[5615,21854,6293],{"class":5951},[5615,21856,21857],{"class":5629},"Товари",[5615,21859,6299],{"class":5951},[5615,21861,5583],{"class":5955},[5615,21863,5959],{"class":5951},[5615,21865,21866,21868,21871,21873,21875,21877,21880,21882,21884],{"class":5617,"line":14091},[5615,21867,6470],{"class":5621},[5615,21869,21870],{"class":5636},"products",[5615,21872,5528],{"class":6132},[5615,21874,14018],{"class":5817},[5615,21876,5888],{"class":6132},[5615,21878,21879],{"class":5636},"product",[5615,21881,5894],{"class":6132},[5615,21883,5877],{"class":5621},[5615,21885,5945],{"class":6132},[5615,21887,21888,21890,21892,21895,21897,21899,21901,21903,21905,21907],{"class":5617,"line":14106},[5615,21889,7976],{"class":5951},[5615,21891,5956],{"class":5955},[5615,21893,21894],{"class":5971}," key",[5615,21896,5975],{"class":5629},[5615,21898,5978],{"class":5621},[5615,21900,21879],{"class":5636},[5615,21902,5528],{"class":6132},[5615,21904,12953],{"class":5636},[5615,21906,5983],{"class":5621},[5615,21908,5959],{"class":5951},[5615,21910,21911,21913,21915],{"class":5617,"line":14115},[5615,21912,14224],{"class":5951},[5615,21914,5615],{"class":5955},[5615,21916,5959],{"class":5951},[5615,21918,21919,21922,21924,21926,21928,21930,21933,21935,21937,21939,21941,21943],{"class":5617,"line":14133},[5615,21920,21921],{"class":5621},"            {",[5615,21923,21879],{"class":5636},[5615,21925,5528],{"class":6132},[5615,21927,17285],{"class":5636},[5615,21929,5983],{"class":5621},[5615,21931,21932],{"class":6132}," — ",[5615,21934,5978],{"class":5621},[5615,21936,21879],{"class":5636},[5615,21938,5528],{"class":6132},[5615,21940,21496],{"class":5636},[5615,21942,5983],{"class":5621},[5615,21944,21945],{"class":6132}," грн\n",[5615,21947,21948,21950,21952],{"class":5617,"line":14141},[5615,21949,14412],{"class":5951},[5615,21951,5615],{"class":5955},[5615,21953,5959],{"class":5951},[5615,21955,21956,21958,21960,21962,21964,21966,21968,21970,21972,21974,21976,21978,21980,21982,21985,21987,21989],{"class":5617,"line":14157},[5615,21957,14224],{"class":5951},[5615,21959,6657],{"class":5955},[5615,21961,11272],{"class":5971},[5615,21963,5975],{"class":5629},[5615,21965,5978],{"class":5621},[5615,21967,12659],{"class":6132},[5615,21969,5877],{"class":5621},[5615,21971,21225],{"class":5817},[5615,21973,7421],{"class":6132},[5615,21975,21879],{"class":5636},[5615,21977,12490],{"class":6132},[5615,21979,5983],{"class":5621},[5615,21981,6293],{"class":5951},[5615,21983,21984],{"class":6132},"Додати",[5615,21986,6299],{"class":5951},[5615,21988,6657],{"class":5955},[5615,21990,5959],{"class":5951},[5615,21992,21993,21995,21997],{"class":5617,"line":14165},[5615,21994,14422],{"class":5951},[5615,21996,5956],{"class":5955},[5615,21998,5959],{"class":5951},[5615,22000,22001,22003],{"class":5617,"line":14174},[5615,22002,14432],{"class":6132},[5615,22004,5684],{"class":5621},[5615,22006,22007,22009,22011],{"class":5617,"line":14185},[5615,22008,6044],{"class":5951},[5615,22010,5956],{"class":5955},[5615,22012,5959],{"class":5951},[5615,22014,22015],{"class":5617,"line":14196},[5615,22016,6054],{"class":5629},[5615,22018,22019],{"class":5617,"line":14207},[5615,22020,5684],{"class":5629},[5615,22022,22023],{"class":5617,"line":14215},[5615,22024,5691],{"emptyLinePlaceholder":5690},[5615,22026,22027,22029,22032],{"class":5617,"line":14221},[5615,22028,5814],{"class":5621},[5615,22030,22031],{"class":5817}," CartSummary",[5615,22033,5821],{"class":5629},[5615,22035,22036,22038,22040,22042,22044,22047,22049,22052,22054,22057,22059,22061,22063,22066],{"class":5617,"line":14255},[5615,22037,5827],{"class":5621},[5615,22039,7006],{"class":5629},[5615,22041,21199],{"class":5700},[5615,22043,5521],{"class":5629},[5615,22045,22046],{"class":5700},"removeItem",[5615,22048,5521],{"class":5629},[5615,22050,22051],{"class":5700},"updateQuantity",[5615,22053,5521],{"class":5629},[5615,22055,22056],{"class":5700},"clearCart",[5615,22058,5521],{"class":5629},[5615,22060,20261],{"class":5700},[5615,22062,5521],{"class":5629},[5615,22064,22065],{"class":5700},"totalItems",[5615,22067,22068],{"class":5629}," } =\n",[5615,22070,22071,22074],{"class":5617,"line":14281},[5615,22072,22073],{"class":5817},"    useCart",[5615,22075,10538],{"class":5629},[5615,22077,22078],{"class":5617,"line":14288},[5615,22079,5691],{"emptyLinePlaceholder":5690},[5615,22081,22082,22084,22086,22088,22090,22092,22094,22096],{"class":5617,"line":14316},[5615,22083,10241],{"class":5941},[5615,22085,5593],{"class":5629},[5615,22087,21199],{"class":5636},[5615,22089,5528],{"class":5629},[5615,22091,13890],{"class":5636},[5615,22093,5908],{"class":5629},[5615,22095,13895],{"class":8379},[5615,22097,10253],{"class":5629},[5615,22099,22100,22102,22104,22106,22108,22111,22113,22115,22117],{"class":5617,"line":14328},[5615,22101,12211],{"class":5941},[5615,22103,17501],{"class":5951},[5615,22105,5479],{"class":5955},[5615,22107,6293],{"class":5951},[5615,22109,22110],{"class":5629},"Корзина порожня",[5615,22112,6299],{"class":5951},[5615,22114,5479],{"class":5955},[5615,22116,6293],{"class":5951},[5615,22118,5653],{"class":5629},[5615,22120,22121],{"class":5617,"line":14338},[5615,22122,10276],{"class":5629},[5615,22124,22125],{"class":5617,"line":14348},[5615,22126,5691],{"emptyLinePlaceholder":5690},[5615,22128,22129,22131],{"class":5617,"line":14358},[5615,22130,5942],{"class":5941},[5615,22132,5945],{"class":5629},[5615,22134,22135,22137,22139],{"class":5617,"line":14368},[5615,22136,5952],{"class":5951},[5615,22138,5956],{"class":5955},[5615,22140,5959],{"class":5951},[5615,22142,22143,22145,22147,22149,22152,22154,22156,22158,22161,22163,22165],{"class":5617,"line":14379},[5615,22144,5965],{"class":5951},[5615,22146,5583],{"class":5955},[5615,22148,6293],{"class":5951},[5615,22150,22151],{"class":5629},"Корзина (",[5615,22153,5978],{"class":5621},[5615,22155,22065],{"class":5636},[5615,22157,5983],{"class":5621},[5615,22159,22160],{"class":5629}," шт.)",[5615,22162,6299],{"class":5951},[5615,22164,5583],{"class":5955},[5615,22166,5959],{"class":5951},[5615,22168,22169,22171,22173,22175,22177,22179,22181,22183,22185],{"class":5617,"line":14387},[5615,22170,6470],{"class":5621},[5615,22172,21199],{"class":5636},[5615,22174,5528],{"class":6132},[5615,22176,14018],{"class":5817},[5615,22178,5888],{"class":6132},[5615,22180,20412],{"class":5636},[5615,22182,5894],{"class":6132},[5615,22184,5877],{"class":5621},[5615,22186,5945],{"class":6132},[5615,22188,22189,22191,22193,22195,22197,22199,22201,22203,22205,22207],{"class":5617,"line":14393},[5615,22190,7976],{"class":5951},[5615,22192,5956],{"class":5955},[5615,22194,21894],{"class":5971},[5615,22196,5975],{"class":5629},[5615,22198,5978],{"class":5621},[5615,22200,20412],{"class":5636},[5615,22202,5528],{"class":6132},[5615,22204,12953],{"class":5636},[5615,22206,5983],{"class":5621},[5615,22208,5959],{"class":5951},[5615,22210,22211,22213,22215,22217,22219,22221,22223,22225,22227,22229,22231],{"class":5617,"line":14399},[5615,22212,14224],{"class":5951},[5615,22214,5615],{"class":5955},[5615,22216,6293],{"class":5951},[5615,22218,5978],{"class":5621},[5615,22220,20412],{"class":5636},[5615,22222,5528],{"class":6132},[5615,22224,17285],{"class":5636},[5615,22226,5983],{"class":5621},[5615,22228,6299],{"class":5951},[5615,22230,5615],{"class":5955},[5615,22232,5959],{"class":5951},[5615,22234,22235,22237],{"class":5617,"line":14409},[5615,22236,14224],{"class":5951},[5615,22238,19618],{"class":5955},[5615,22240,22241,22244,22246],{"class":5617,"line":14419},[5615,22242,22243],{"class":5971},"            type",[5615,22245,5975],{"class":5629},[5615,22247,22248],{"class":5643},"\"number\"\n",[5615,22250,22251,22254,22256,22258,22260,22262,22264],{"class":5617,"line":14429},[5615,22252,22253],{"class":5971},"            value",[5615,22255,5975],{"class":5629},[5615,22257,5978],{"class":5621},[5615,22259,20412],{"class":5636},[5615,22261,5528],{"class":6132},[5615,22263,20475],{"class":5636},[5615,22265,5684],{"class":5621},[5615,22267,22268,22271,22273,22275,22277,22279,22281,22283,22285,22287,22289,22291,22293,22295,22298,22300,22302,22304,22306,22308,22310,22313],{"class":5617,"line":14437},[5615,22269,22270],{"class":5971},"            onChange",[5615,22272,5975],{"class":5629},[5615,22274,5978],{"class":5621},[5615,22276,7421],{"class":6132},[5615,22278,19534],{"class":5636},[5615,22280,5894],{"class":6132},[5615,22282,5877],{"class":5621},[5615,22284,21323],{"class":5817},[5615,22286,7421],{"class":6132},[5615,22288,20412],{"class":5636},[5615,22290,5528],{"class":6132},[5615,22292,12953],{"class":5636},[5615,22294,5521],{"class":6132},[5615,22296,22297],{"class":5817},"Number",[5615,22299,7421],{"class":6132},[5615,22301,19534],{"class":5636},[5615,22303,5528],{"class":6132},[5615,22305,19680],{"class":5636},[5615,22307,5528],{"class":6132},[5615,22309,7202],{"class":5636},[5615,22311,22312],{"class":6132},"))",[5615,22314,5684],{"class":5621},[5615,22316,22317,22320,22322],{"class":5617,"line":14446},[5615,22318,22319],{"class":5971},"            min",[5615,22321,5975],{"class":5629},[5615,22323,22324],{"class":5643},"\"0\"\n",[5615,22326,22327],{"class":5617,"line":14451},[5615,22328,22329],{"class":5951},"          \u002F>\n",[5615,22331,22332,22334,22336,22338,22340,22342,22344,22346,22348,22350,22352,22354,22356,22358,22360,22362,22365,22367,22369],{"class":5617,"line":14456},[5615,22333,14224],{"class":5951},[5615,22335,6657],{"class":5955},[5615,22337,11272],{"class":5971},[5615,22339,5975],{"class":5629},[5615,22341,5978],{"class":5621},[5615,22343,12659],{"class":6132},[5615,22345,5877],{"class":5621},[5615,22347,21278],{"class":5817},[5615,22349,7421],{"class":6132},[5615,22351,20412],{"class":5636},[5615,22353,5528],{"class":6132},[5615,22355,12953],{"class":5636},[5615,22357,12490],{"class":6132},[5615,22359,5983],{"class":5621},[5615,22361,6293],{"class":5951},[5615,22363,22364],{"class":6132},"Видалити",[5615,22366,6299],{"class":5951},[5615,22368,6657],{"class":5955},[5615,22370,5959],{"class":5951},[5615,22372,22373,22375,22377],{"class":5617,"line":14461},[5615,22374,14422],{"class":5951},[5615,22376,5956],{"class":5955},[5615,22378,5959],{"class":5951},[5615,22380,22381,22383],{"class":5617,"line":14471},[5615,22382,14432],{"class":6132},[5615,22384,5684],{"class":5621},[5615,22386,22387,22389,22391,22393,22396,22398,22400,22402,22405,22407,22409],{"class":5617,"line":14492},[5615,22388,5965],{"class":5951},[5615,22390,5479],{"class":5955},[5615,22392,6293],{"class":5951},[5615,22394,22395],{"class":5629},"Загалом: ",[5615,22397,5978],{"class":5621},[5615,22399,20261],{"class":5636},[5615,22401,5983],{"class":5621},[5615,22403,22404],{"class":5629}," грн",[5615,22406,6299],{"class":5951},[5615,22408,5479],{"class":5955},[5615,22410,5959],{"class":5951},[5615,22412,22413,22415,22417,22419,22421,22423,22425,22427,22429,22432,22434,22436],{"class":5617,"line":14497},[5615,22414,5965],{"class":5951},[5615,22416,6657],{"class":5955},[5615,22418,11272],{"class":5971},[5615,22420,5975],{"class":5629},[5615,22422,5978],{"class":5621},[5615,22424,22056],{"class":5636},[5615,22426,5983],{"class":5621},[5615,22428,6293],{"class":5951},[5615,22430,22431],{"class":5629},"Очистити корзину",[5615,22433,6299],{"class":5951},[5615,22435,6657],{"class":5955},[5615,22437,5959],{"class":5951},[5615,22439,22440,22442,22444],{"class":5617,"line":14504},[5615,22441,6044],{"class":5951},[5615,22443,5956],{"class":5955},[5615,22445,5959],{"class":5951},[5615,22447,22448],{"class":5617,"line":14543},[5615,22449,6054],{"class":5629},[5615,22451,22452],{"class":5617,"line":14577},[5615,22453,5684],{"class":5629},[5615,22455,22456],{"class":5617,"line":14583},[5615,22457,5691],{"emptyLinePlaceholder":5690},[5615,22459,22460,22462,22464],{"class":5617,"line":14592},[5615,22461,5814],{"class":5621},[5615,22463,5818],{"class":5817},[5615,22465,5821],{"class":5629},[5615,22467,22468,22470],{"class":5617,"line":14626},[5615,22469,5942],{"class":5941},[5615,22471,5945],{"class":5629},[5615,22473,22474,22476,22479],{"class":5617,"line":14632},[5615,22475,5952],{"class":5951},[5615,22477,22478],{"class":5625},"CartProvider",[5615,22480,5959],{"class":5951},[5615,22482,22483,22485,22487],{"class":5617,"line":14641},[5615,22484,5965],{"class":5951},[5615,22486,20286],{"class":5625},[5615,22488,5998],{"class":5951},[5615,22490,22491,22493,22495],{"class":5617,"line":14675},[5615,22492,5965],{"class":5951},[5615,22494,20280],{"class":5625},[5615,22496,5998],{"class":5951},[5615,22498,22499,22501,22503],{"class":5617,"line":14681},[5615,22500,6044],{"class":5951},[5615,22502,22478],{"class":5625},[5615,22504,5959],{"class":5951},[5615,22506,22507],{"class":5617,"line":14690},[5615,22508,6054],{"class":5629},[5615,22510,22511],{"class":5617,"line":14724},[5615,22512,5684],{"class":5629},[5479,22514,22515],{},[5483,22516,20170],{},[6939,22518,22519,22525,22538],{},[5506,22520,22521,22524],{},[5483,22522,22523],{},"Редюсер для корзини:"," Обробляє додавання (з перевіркою на дублікати), видалення, оновлення кількості та очищення.",[5506,22526,22527,5486,22530,10010,22532,22534,22535,22537],{},[5483,22528,22529],{},"useMemo для обчислюваних властивостей:",[5518,22531,20261],{},[5518,22533,22065],{}," перераховуються лише при зміні ",[5518,22536,21199],{},", уникаючи зайвих обчислень.",[5506,22539,22540,22543,22544,22547],{},[5483,22541,22542],{},"Абстракція через хук:"," Компоненти взаємодіють із корзиною лише через ",[5518,22545,22546],{},"useCart()",", не знаючи про внутрішню реалізацію через редюсер.",[5580,22549],{},[5583,22551,22553],{"id":22552},"запитання-для-самоконтролю","Запитання для самоконтролю",[18799,22555,22556,22618,22855,23218,23689],{},[18802,22557,22560,22567,22609],{"icon":22558,"label":22559},"i-lucide-help-circle","❓ Чому Context API не замінює Redux повністю?",[5479,22561,22562,22563,22566],{},"Context API вирішує лише одну проблему — ",[5483,22564,22565],{},"передавання даних через дерево компонентів",". Він не надає:",[6939,22568,22569,22583,22589,22599],{},[5506,22570,22571,22574,22575,22578,22579,22582],{},[5483,22572,22573],{},"Оптимізованих селекторів:"," Redux дозволяє компонентам підписуватись на конкретні частини стану. Якщо компонент читає ",[5518,22576,22577],{},"state.user.name",", він не рендериться при зміні ",[5518,22580,22581],{},"state.theme",". У Context API будь-яка зміна значення провайдера викликає рендер усіх споживачів.",[5506,22584,22585,22588],{},[5483,22586,22587],{},"Middleware:"," Redux підтримує middleware для логування, асинхронних операцій (thunks, sagas), персистенції стану. У Context API це доводиться реалізовувати вручну.",[5506,22590,22591,22594,22595,22598],{},[5483,22592,22593],{},"DevTools:"," Redux DevTools дозволяє переглядати історію всіх екшенів, подорожувати у часі (",[5510,22596,22597],{},"time travel","), експортувати та імпортувати стан. Context API не має вбудованих інструментів налагодження.",[5506,22600,22601,22604,22605,22608],{},[5483,22602,22603],{},"Нормалізації даних:"," Redux Toolkit надає ",[5518,22606,22607],{},"createEntityAdapter"," для ефективного управління колекціями. У Context API це треба писати самостійно.",[5479,22610,22611,22612,22614,22615,22617],{},"Context API ідеальний для ",[5483,22613,18780],{}," (тема, мова, аутентифікація), які рідко змінюються та читаються багатьма компонентами. Redux краще підходить для ",[5483,22616,18787],{}," (списки, форми, кеш API), які часто оновлюються та потребують складної синхронізації.",[18802,22619,22621,22626,22631,22733,22736,22741,22846,22849],{"icon":22558,"label":22620},"❓ Що станеться, якщо викликати useContext поза провайдером?",[5479,22622,22623,22624,7203],{},"Залежить від того, яке значення за замовчуванням ви передали у ",[5518,22625,5520],{},[5479,22627,22628],{},[5483,22629,22630],{},"Варіант 1: Явне значення за замовчуванням",[5606,22632,22634],{"className":5608,"code":22633,"language":5610,"meta":5611,"style":5611},"const ThemeContext = createContext\u003CTheme>(lightTheme);\n\nfunction Button() {\n  const theme = useContext(ThemeContext); \u002F\u002F Поверне lightTheme\n  return \u003Cbutton style={{ color: theme.primaryColor }}>Click\u003C\u002Fbutton>;\n}\n",[5518,22635,22636,22656,22660,22669,22688,22729],{"__ignoreMap":5611},[5615,22637,22638,22640,22642,22644,22646,22648,22650,22652,22654],{"class":5617,"line":5618},[5615,22639,5697],{"class":5621},[5615,22641,7129],{"class":5700},[5615,22643,7132],{"class":5629},[5615,22645,5520],{"class":5817},[5615,22647,5847],{"class":5629},[5615,22649,5706],{"class":5625},[5615,22651,5852],{"class":5629},[5615,22653,5855],{"class":5636},[5615,22655,5858],{"class":5629},[5615,22657,22658],{"class":5617,"line":5633},[5615,22659,5691],{"emptyLinePlaceholder":5690},[5615,22661,22662,22664,22667],{"class":5617,"line":5656},[5615,22663,5814],{"class":5621},[5615,22665,22666],{"class":5817}," Button",[5615,22668,5821],{"class":5629},[5615,22670,22671,22673,22675,22677,22679,22681,22683,22685],{"class":5617,"line":5669},[5615,22672,5827],{"class":5621},[5615,22674,5972],{"class":5700},[5615,22676,7132],{"class":5629},[5615,22678,5527],{"class":5817},[5615,22680,7421],{"class":5629},[5615,22682,7424],{"class":5636},[5615,22684,17587],{"class":5629},[5615,22686,22687],{"class":6906},"\u002F\u002F Поверне lightTheme\n",[5615,22689,22690,22692,22694,22696,22698,22700,22702,22704,22706,22708,22710,22712,22714,22716,22718,22721,22723,22725,22727],{"class":5617,"line":5681},[5615,22691,5942],{"class":5941},[5615,22693,17501],{"class":5951},[5615,22695,6657],{"class":5955},[5615,22697,6125],{"class":5971},[5615,22699,5975],{"class":5629},[5615,22701,5978],{"class":5621},[5615,22703,6133],{"class":6132},[5615,22705,6451],{"class":5636},[5615,22707,5972],{"class":5636},[5615,22709,5528],{"class":6132},[5615,22711,6458],{"class":5636},[5615,22713,6146],{"class":6132},[5615,22715,5983],{"class":5621},[5615,22717,6293],{"class":5951},[5615,22719,22720],{"class":5629},"Click",[5615,22722,6299],{"class":5951},[5615,22724,6657],{"class":5955},[5615,22726,6293],{"class":5951},[5615,22728,5653],{"class":5629},[5615,22730,22731],{"class":5617,"line":5687},[5615,22732,5684],{"class":5629},[5479,22734,22735],{},"Компонент працюватиме, але використовуватиме дефолтне значення. Це може приховати помилку конфігурації — розробник не дізнається, що забув обгорнути дерево у провайдер.",[5479,22737,22738],{},[5483,22739,22740],{},"Варіант 2: undefined як значення за замовчуванням (рекомендовано)",[5606,22742,22744],{"className":5608,"code":22743,"language":5610,"meta":5611,"style":5611},"const ThemeContext = createContext\u003CTheme | undefined>(undefined);\n\nfunction useTheme(): Theme {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error(\"useTheme має використовуватись всередині ThemeProvider\");\n  }\n  return context;\n}\n",[5518,22745,22746,22770,22774,22786,22802,22816,22830,22834,22842],{"__ignoreMap":5611},[5615,22747,22748,22750,22752,22754,22756,22758,22760,22762,22764,22766,22768],{"class":5617,"line":5618},[5615,22749,5697],{"class":5621},[5615,22751,7129],{"class":5700},[5615,22753,7132],{"class":5629},[5615,22755,5520],{"class":5817},[5615,22757,5847],{"class":5629},[5615,22759,5706],{"class":5625},[5615,22761,5647],{"class":5629},[5615,22763,10069],{"class":5625},[5615,22765,5852],{"class":5629},[5615,22767,10069],{"class":5621},[5615,22769,5858],{"class":5629},[5615,22771,22772],{"class":5617,"line":5633},[5615,22773,5691],{"emptyLinePlaceholder":5690},[5615,22775,22776,22778,22780,22782,22784],{"class":5617,"line":5656},[5615,22777,5814],{"class":5621},[5615,22779,10208],{"class":5817},[5615,22781,10211],{"class":5629},[5615,22783,5706],{"class":5625},[5615,22785,5630],{"class":5629},[5615,22787,22788,22790,22792,22794,22796,22798,22800],{"class":5617,"line":5669},[5615,22789,5827],{"class":5621},[5615,22791,10222],{"class":5700},[5615,22793,7132],{"class":5629},[5615,22795,5527],{"class":5817},[5615,22797,7421],{"class":5629},[5615,22799,7424],{"class":5636},[5615,22801,5858],{"class":5629},[5615,22803,22804,22806,22808,22810,22812,22814],{"class":5617,"line":5681},[5615,22805,10241],{"class":5941},[5615,22807,5593],{"class":5629},[5615,22809,10246],{"class":5636},[5615,22811,5908],{"class":5629},[5615,22813,10069],{"class":5621},[5615,22815,10253],{"class":5629},[5615,22817,22818,22820,22822,22824,22826,22828],{"class":5617,"line":5687},[5615,22819,10258],{"class":5941},[5615,22821,10261],{"class":5621},[5615,22823,10264],{"class":5817},[5615,22825,7421],{"class":5629},[5615,22827,10269],{"class":5643},[5615,22829,5858],{"class":5629},[5615,22831,22832],{"class":5617,"line":5694},[5615,22833,10276],{"class":5629},[5615,22835,22836,22838,22840],{"class":5617,"line":5712},[5615,22837,5942],{"class":5941},[5615,22839,10222],{"class":5636},[5615,22841,5653],{"class":5629},[5615,22843,22844],{"class":5617,"line":5724},[5615,22845,5684],{"class":5629},[5479,22847,22848],{},"Тепер спроба використати контекст без провайдера викличе чітку помилку негайно, вказуючи на проблему.",[7324,22850,22851,22852,22854],{},"Завжди використовуйте ",[5518,22853,10069],{}," як дефолт для контекстів, значення яких критичні для роботи застосунку. Явні помилки краще, ніж приховані баги з дефолтними значеннями.",[18802,22856,22858,22861,23211],{"icon":22558,"label":22857},"❓ Чи можна оновлювати контекст із дочірнього компонента?",[5479,22859,22860],{},"Так, це поширений патерн. Контекст може містити як дані, так і функції для їхнього оновлення:",[5606,22862,22864],{"className":5608,"code":22863,"language":5610,"meta":5611,"style":5611},"interface CounterContextValue {\n  count: number;\n  increment: () => void;\n  decrement: () => void;\n}\n\nconst CounterContext = createContext\u003CCounterContextValue | undefined>(undefined);\n\nfunction CounterProvider({ children }: { children: React.ReactNode }) {\n  const [count, setCount] = useState(0);\n\n  const increment = () => setCount((c) => c + 1);\n  const decrement = () => setCount((c) => c - 1);\n\n  const value: CounterContextValue = { count, increment, decrement };\n\n  return (\n    \u003CCounterContext.Provider value={value}>\n      {children}\n    \u003C\u002FCounterContext.Provider>\n  );\n}\n\nfunction CounterButton() {\n  const { increment } = useCounter();\n  return \u003Cbutton onClick={increment}>+1\u003C\u002Fbutton>;\n}\n",[5518,22865,22866,22875,22886,22899,22912,22916,22920,22946,22950,22975,22999,23003,23035,23065,23069,23095,23099,23105,23124,23132,23140,23144,23148,23152,23161,23176,23207],{"__ignoreMap":5611},[5615,22867,22868,22870,22873],{"class":5617,"line":5618},[5615,22869,5622],{"class":5621},[5615,22871,22872],{"class":5625}," CounterContextValue",[5615,22874,5630],{"class":5629},[5615,22876,22877,22880,22882,22884],{"class":5617,"line":5633},[5615,22878,22879],{"class":5636},"  count",[5615,22881,5640],{"class":5629},[5615,22883,20344],{"class":5625},[5615,22885,5653],{"class":5629},[5615,22887,22888,22891,22893,22895,22897],{"class":5617,"line":5656},[5615,22889,22890],{"class":5817},"  increment",[5615,22892,6099],{"class":5629},[5615,22894,5877],{"class":5621},[5615,22896,6104],{"class":5625},[5615,22898,5653],{"class":5629},[5615,22900,22901,22904,22906,22908,22910],{"class":5617,"line":5669},[5615,22902,22903],{"class":5817},"  decrement",[5615,22905,6099],{"class":5629},[5615,22907,5877],{"class":5621},[5615,22909,6104],{"class":5625},[5615,22911,5653],{"class":5629},[5615,22913,22914],{"class":5617,"line":5681},[5615,22915,5684],{"class":5629},[5615,22917,22918],{"class":5617,"line":5687},[5615,22919,5691],{"emptyLinePlaceholder":5690},[5615,22921,22922,22924,22927,22929,22931,22933,22936,22938,22940,22942,22944],{"class":5617,"line":5694},[5615,22923,5697],{"class":5621},[5615,22925,22926],{"class":5700}," CounterContext",[5615,22928,7132],{"class":5629},[5615,22930,5520],{"class":5817},[5615,22932,5847],{"class":5629},[5615,22934,22935],{"class":5625},"CounterContextValue",[5615,22937,5647],{"class":5629},[5615,22939,10069],{"class":5625},[5615,22941,5852],{"class":5629},[5615,22943,10069],{"class":5621},[5615,22945,5858],{"class":5629},[5615,22947,22948],{"class":5617,"line":5712},[5615,22949,5691],{"emptyLinePlaceholder":5690},[5615,22951,22952,22954,22957,22959,22961,22963,22965,22967,22969,22971,22973],{"class":5617,"line":5724},[5615,22953,5814],{"class":5621},[5615,22955,22956],{"class":5817}," CounterProvider",[5615,22958,6075],{"class":5629},[5615,22960,6384],{"class":5636},[5615,22962,6085],{"class":5629},[5615,22964,6384],{"class":5636},[5615,22966,5640],{"class":5629},[5615,22968,2303],{"class":5625},[5615,22970,5528],{"class":5629},[5615,22972,6413],{"class":5625},[5615,22974,6107],{"class":5629},[5615,22976,22977,22979,22981,22984,22986,22989,22991,22993,22995,22997],{"class":5617,"line":5735},[5615,22978,5827],{"class":5621},[5615,22980,5830],{"class":5629},[5615,22982,22983],{"class":5700},"count",[5615,22985,5521],{"class":5629},[5615,22987,22988],{"class":5700},"setCount",[5615,22990,5841],{"class":5629},[5615,22992,5844],{"class":5817},[5615,22994,7421],{"class":5629},[5615,22996,13895],{"class":8379},[5615,22998,5858],{"class":5629},[5615,23000,23001],{"class":5617,"line":5746},[5615,23002,5691],{"emptyLinePlaceholder":5690},[5615,23004,23005,23007,23010,23012,23014,23017,23019,23022,23024,23026,23029,23031,23033],{"class":5617,"line":5752},[5615,23006,5827],{"class":5621},[5615,23008,23009],{"class":5817}," increment",[5615,23011,5874],{"class":5629},[5615,23013,5877],{"class":5621},[5615,23015,23016],{"class":5817}," setCount",[5615,23018,5888],{"class":5629},[5615,23020,23021],{"class":5636},"c",[5615,23023,5894],{"class":5629},[5615,23025,5877],{"class":5621},[5615,23027,23028],{"class":5636}," c",[5615,23030,20821],{"class":5629},[5615,23032,20824],{"class":8379},[5615,23034,5858],{"class":5629},[5615,23036,23037,23039,23042,23044,23046,23048,23050,23052,23054,23056,23058,23061,23063],{"class":5617,"line":5757},[5615,23038,5827],{"class":5621},[5615,23040,23041],{"class":5817}," decrement",[5615,23043,5874],{"class":5629},[5615,23045,5877],{"class":5621},[5615,23047,23016],{"class":5817},[5615,23049,5888],{"class":5629},[5615,23051,23021],{"class":5636},[5615,23053,5894],{"class":5629},[5615,23055,5877],{"class":5621},[5615,23057,23028],{"class":5636},[5615,23059,23060],{"class":5629}," - ",[5615,23062,20824],{"class":8379},[5615,23064,5858],{"class":5629},[5615,23066,23067],{"class":5617,"line":5771},[5615,23068,5691],{"emptyLinePlaceholder":5690},[5615,23070,23071,23073,23075,23077,23079,23081,23083,23085,23088,23090,23093],{"class":5617,"line":5781},[5615,23072,5827],{"class":5621},[5615,23074,7262],{"class":5700},[5615,23076,5640],{"class":5629},[5615,23078,22935],{"class":5625},[5615,23080,19386],{"class":5629},[5615,23082,22983],{"class":5636},[5615,23084,5521],{"class":5629},[5615,23086,23087],{"class":5636},"increment",[5615,23089,5521],{"class":5629},[5615,23091,23092],{"class":5636},"decrement",[5615,23094,11218],{"class":5629},[5615,23096,23097],{"class":5617,"line":5791},[5615,23098,5691],{"emptyLinePlaceholder":5690},[5615,23100,23101,23103],{"class":5617,"line":5801},[5615,23102,5942],{"class":5941},[5615,23104,5945],{"class":5629},[5615,23106,23107,23109,23112,23114,23116,23118,23120,23122],{"class":5617,"line":5806},[5615,23108,5952],{"class":5951},[5615,23110,23111],{"class":5625},"CounterContext.Provider",[5615,23113,7262],{"class":5971},[5615,23115,5975],{"class":5629},[5615,23117,5978],{"class":5621},[5615,23119,7202],{"class":5636},[5615,23121,5983],{"class":5621},[5615,23123,5959],{"class":5951},[5615,23125,23126,23128,23130],{"class":5617,"line":5811},[5615,23127,6470],{"class":5621},[5615,23129,6384],{"class":5636},[5615,23131,5684],{"class":5621},[5615,23133,23134,23136,23138],{"class":5617,"line":5824},[5615,23135,6044],{"class":5951},[5615,23137,23111],{"class":5625},[5615,23139,5959],{"class":5951},[5615,23141,23142],{"class":5617,"line":5861},[5615,23143,6054],{"class":5629},[5615,23145,23146],{"class":5617,"line":5866},[5615,23147,5684],{"class":5629},[5615,23149,23150],{"class":5617,"line":5882},[5615,23151,5691],{"emptyLinePlaceholder":5690},[5615,23153,23154,23156,23159],{"class":5617,"line":5927},[5615,23155,5814],{"class":5621},[5615,23157,23158],{"class":5817}," CounterButton",[5615,23160,5821],{"class":5629},[5615,23162,23163,23165,23167,23169,23171,23174],{"class":5617,"line":5933},[5615,23164,5827],{"class":5621},[5615,23166,7006],{"class":5629},[5615,23168,23087],{"class":5700},[5615,23170,11249],{"class":5629},[5615,23172,23173],{"class":5817},"useCounter",[5615,23175,10538],{"class":5629},[5615,23177,23178,23180,23182,23184,23186,23188,23190,23192,23194,23196,23199,23201,23203,23205],{"class":5617,"line":5938},[5615,23179,5942],{"class":5941},[5615,23181,17501],{"class":5951},[5615,23183,6657],{"class":5955},[5615,23185,11272],{"class":5971},[5615,23187,5975],{"class":5629},[5615,23189,5978],{"class":5621},[5615,23191,23087],{"class":5636},[5615,23193,5983],{"class":5621},[5615,23195,6293],{"class":5951},[5615,23197,23198],{"class":5629},"+1",[5615,23200,6299],{"class":5951},[5615,23202,6657],{"class":5955},[5615,23204,6293],{"class":5951},[5615,23206,5653],{"class":5629},[5615,23208,23209],{"class":5617,"line":5948},[5615,23210,5684],{"class":5629},[5479,23212,23213,23214,23217],{},"Ключовий момент: стан зберігається ",[5483,23215,23216],{},"у провайдері"," (кореневий компонент), але функції оновлення доступні будь-якому нащадку через контекст. Це дозволяє дочірнім компонентам «повідомляти» провайдеру про необхідність змін, не прокидаючи callback через всі проміжні рівні.",[18802,23219,23221,23224,23229,23329,23334,23501,23506,23686],{"icon":22558,"label":23220},"❓ Як організувати кілька контекстів у великому застосунку?",[5479,23222,23223],{},"Існує кілька підходів:",[5479,23225,23226],{},[5483,23227,23228],{},"1. Вкладання у кореневому компоненті (до 5-7 контекстів):",[5606,23230,23232],{"className":5608,"code":23231,"language":5610,"meta":5611,"style":5611},"function App() {\n  return (\n    \u003CAuthProvider>\n      \u003CThemeProvider>\n        \u003CLanguageProvider>\n          \u003CNotificationProvider>\n            \u003CRoutes \u002F>\n          \u003C\u002FNotificationProvider>\n        \u003C\u002FLanguageProvider>\n      \u003C\u002FThemeProvider>\n    \u003C\u002FAuthProvider>\n  );\n}\n",[5518,23233,23234,23242,23248,23256,23264,23272,23280,23289,23297,23305,23313,23321,23325],{"__ignoreMap":5611},[5615,23235,23236,23238,23240],{"class":5617,"line":5618},[5615,23237,5814],{"class":5621},[5615,23239,5818],{"class":5817},[5615,23241,5821],{"class":5629},[5615,23243,23244,23246],{"class":5617,"line":5633},[5615,23245,5942],{"class":5941},[5615,23247,5945],{"class":5629},[5615,23249,23250,23252,23254],{"class":5617,"line":5656},[5615,23251,5952],{"class":5951},[5615,23253,20122],{"class":5625},[5615,23255,5959],{"class":5951},[5615,23257,23258,23260,23262],{"class":5617,"line":5669},[5615,23259,5965],{"class":5951},[5615,23261,11211],{"class":5625},[5615,23263,5959],{"class":5951},[5615,23265,23266,23268,23270],{"class":5617,"line":5681},[5615,23267,7976],{"class":5951},[5615,23269,12342],{"class":5625},[5615,23271,5959],{"class":5951},[5615,23273,23274,23276,23278],{"class":5617,"line":5687},[5615,23275,14224],{"class":5951},[5615,23277,14812],{"class":5625},[5615,23279,5959],{"class":5951},[5615,23281,23282,23284,23287],{"class":5617,"line":5694},[5615,23283,14258],{"class":5951},[5615,23285,23286],{"class":5625},"Routes",[5615,23288,5998],{"class":5951},[5615,23290,23291,23293,23295],{"class":5617,"line":5712},[5615,23292,14412],{"class":5951},[5615,23294,14812],{"class":5625},[5615,23296,5959],{"class":5951},[5615,23298,23299,23301,23303],{"class":5617,"line":5724},[5615,23300,14422],{"class":5951},[5615,23302,12342],{"class":5625},[5615,23304,5959],{"class":5951},[5615,23306,23307,23309,23311],{"class":5617,"line":5735},[5615,23308,8003],{"class":5951},[5615,23310,11211],{"class":5625},[5615,23312,5959],{"class":5951},[5615,23314,23315,23317,23319],{"class":5617,"line":5746},[5615,23316,6044],{"class":5951},[5615,23318,20122],{"class":5625},[5615,23320,5959],{"class":5951},[5615,23322,23323],{"class":5617,"line":5752},[5615,23324,6054],{"class":5629},[5615,23326,23327],{"class":5617,"line":5757},[5615,23328,5684],{"class":5629},[5479,23330,23331],{},[5483,23332,23333],{},"2. Композитний провайдер (більше 7 контекстів):",[5606,23335,23337],{"className":5608,"code":23336,"language":5610,"meta":5611,"style":5611},"function AppProviders({ children }: { children: React.ReactNode }) {\n  return (\n    \u003CAuthProvider>\n      \u003CThemeProvider>\n        \u003CLanguageProvider>\n          \u003CNotificationProvider>\n            {children}\n          \u003C\u002FNotificationProvider>\n        \u003C\u002FLanguageProvider>\n      \u003C\u002FThemeProvider>\n    \u003C\u002FAuthProvider>\n  );\n}\n\nfunction App() {\n  return (\n    \u003CAppProviders>\n      \u003CRoutes \u002F>\n    \u003C\u002FAppProviders>\n  );\n}\n",[5518,23338,23339,23364,23370,23378,23386,23394,23402,23410,23418,23426,23434,23442,23446,23450,23454,23462,23468,23477,23485,23493,23497],{"__ignoreMap":5611},[5615,23340,23341,23343,23346,23348,23350,23352,23354,23356,23358,23360,23362],{"class":5617,"line":5618},[5615,23342,5814],{"class":5621},[5615,23344,23345],{"class":5817}," AppProviders",[5615,23347,6075],{"class":5629},[5615,23349,6384],{"class":5636},[5615,23351,6085],{"class":5629},[5615,23353,6384],{"class":5636},[5615,23355,5640],{"class":5629},[5615,23357,2303],{"class":5625},[5615,23359,5528],{"class":5629},[5615,23361,6413],{"class":5625},[5615,23363,6107],{"class":5629},[5615,23365,23366,23368],{"class":5617,"line":5633},[5615,23367,5942],{"class":5941},[5615,23369,5945],{"class":5629},[5615,23371,23372,23374,23376],{"class":5617,"line":5656},[5615,23373,5952],{"class":5951},[5615,23375,20122],{"class":5625},[5615,23377,5959],{"class":5951},[5615,23379,23380,23382,23384],{"class":5617,"line":5669},[5615,23381,5965],{"class":5951},[5615,23383,11211],{"class":5625},[5615,23385,5959],{"class":5951},[5615,23387,23388,23390,23392],{"class":5617,"line":5681},[5615,23389,7976],{"class":5951},[5615,23391,12342],{"class":5625},[5615,23393,5959],{"class":5951},[5615,23395,23396,23398,23400],{"class":5617,"line":5687},[5615,23397,14224],{"class":5951},[5615,23399,14812],{"class":5625},[5615,23401,5959],{"class":5951},[5615,23403,23404,23406,23408],{"class":5617,"line":5694},[5615,23405,21921],{"class":5621},[5615,23407,6384],{"class":5636},[5615,23409,5684],{"class":5621},[5615,23411,23412,23414,23416],{"class":5617,"line":5712},[5615,23413,14412],{"class":5951},[5615,23415,14812],{"class":5625},[5615,23417,5959],{"class":5951},[5615,23419,23420,23422,23424],{"class":5617,"line":5724},[5615,23421,14422],{"class":5951},[5615,23423,12342],{"class":5625},[5615,23425,5959],{"class":5951},[5615,23427,23428,23430,23432],{"class":5617,"line":5735},[5615,23429,8003],{"class":5951},[5615,23431,11211],{"class":5625},[5615,23433,5959],{"class":5951},[5615,23435,23436,23438,23440],{"class":5617,"line":5746},[5615,23437,6044],{"class":5951},[5615,23439,20122],{"class":5625},[5615,23441,5959],{"class":5951},[5615,23443,23444],{"class":5617,"line":5752},[5615,23445,6054],{"class":5629},[5615,23447,23448],{"class":5617,"line":5757},[5615,23449,5684],{"class":5629},[5615,23451,23452],{"class":5617,"line":5771},[5615,23453,5691],{"emptyLinePlaceholder":5690},[5615,23455,23456,23458,23460],{"class":5617,"line":5781},[5615,23457,5814],{"class":5621},[5615,23459,5818],{"class":5817},[5615,23461,5821],{"class":5629},[5615,23463,23464,23466],{"class":5617,"line":5791},[5615,23465,5942],{"class":5941},[5615,23467,5945],{"class":5629},[5615,23469,23470,23472,23475],{"class":5617,"line":5801},[5615,23471,5952],{"class":5951},[5615,23473,23474],{"class":5625},"AppProviders",[5615,23476,5959],{"class":5951},[5615,23478,23479,23481,23483],{"class":5617,"line":5806},[5615,23480,5965],{"class":5951},[5615,23482,23286],{"class":5625},[5615,23484,5998],{"class":5951},[5615,23486,23487,23489,23491],{"class":5617,"line":5811},[5615,23488,6044],{"class":5951},[5615,23490,23474],{"class":5625},[5615,23492,5959],{"class":5951},[5615,23494,23495],{"class":5617,"line":5824},[5615,23496,6054],{"class":5629},[5615,23498,23499],{"class":5617,"line":5861},[5615,23500,5684],{"class":5629},[5479,23502,23503],{},[5483,23504,23505],{},"3. Селективні провайдери на рівні маршрутів:",[5606,23507,23509],{"className":5608,"code":23508,"language":5610,"meta":5611,"style":5611},"function App() {\n  return (\n    \u003CAuthProvider>\n      \u003CThemeProvider>\n        \u003CRoutes>\n          \u003CRoute path=\"\u002Fadmin\" element={\n            \u003CAdminProvider>\n              \u003CAdminDashboard \u002F>\n            \u003C\u002FAdminProvider>\n          } \u002F>\n          \u003CRoute path=\"\u002Fshop\" element={\n            \u003CCartProvider>\n              \u003CShop \u002F>\n            \u003C\u002FCartProvider>\n          } \u002F>\n        \u003C\u002FRoutes>\n      \u003C\u002FThemeProvider>\n    \u003C\u002FAuthProvider>\n  );\n}\n",[5518,23510,23511,23519,23525,23533,23541,23549,23571,23580,23590,23598,23604,23623,23631,23640,23648,23654,23662,23670,23678,23682],{"__ignoreMap":5611},[5615,23512,23513,23515,23517],{"class":5617,"line":5618},[5615,23514,5814],{"class":5621},[5615,23516,5818],{"class":5817},[5615,23518,5821],{"class":5629},[5615,23520,23521,23523],{"class":5617,"line":5633},[5615,23522,5942],{"class":5941},[5615,23524,5945],{"class":5629},[5615,23526,23527,23529,23531],{"class":5617,"line":5656},[5615,23528,5952],{"class":5951},[5615,23530,20122],{"class":5625},[5615,23532,5959],{"class":5951},[5615,23534,23535,23537,23539],{"class":5617,"line":5669},[5615,23536,5965],{"class":5951},[5615,23538,11211],{"class":5625},[5615,23540,5959],{"class":5951},[5615,23542,23543,23545,23547],{"class":5617,"line":5681},[5615,23544,7976],{"class":5951},[5615,23546,23286],{"class":5625},[5615,23548,5959],{"class":5951},[5615,23550,23551,23553,23556,23559,23561,23564,23567,23569],{"class":5617,"line":5687},[5615,23552,14224],{"class":5951},[5615,23554,23555],{"class":5625},"Route",[5615,23557,23558],{"class":5971}," path",[5615,23560,5975],{"class":5629},[5615,23562,23563],{"class":5643},"\"\u002Fadmin\"",[5615,23565,23566],{"class":5971}," element",[5615,23568,5975],{"class":5629},[5615,23570,6577],{"class":5621},[5615,23572,23573,23575,23578],{"class":5617,"line":5694},[5615,23574,14258],{"class":5951},[5615,23576,23577],{"class":5625},"AdminProvider",[5615,23579,5959],{"class":5951},[5615,23581,23582,23585,23588],{"class":5617,"line":5712},[5615,23583,23584],{"class":5951},"              \u003C",[5615,23586,23587],{"class":5625},"AdminDashboard",[5615,23589,5998],{"class":5951},[5615,23591,23592,23594,23596],{"class":5617,"line":5724},[5615,23593,14402],{"class":5951},[5615,23595,23577],{"class":5625},[5615,23597,5959],{"class":5951},[5615,23599,23600,23602],{"class":5617,"line":5735},[5615,23601,14210],{"class":5621},[5615,23603,5998],{"class":5951},[5615,23605,23606,23608,23610,23612,23614,23617,23619,23621],{"class":5617,"line":5746},[5615,23607,14224],{"class":5951},[5615,23609,23555],{"class":5625},[5615,23611,23558],{"class":5971},[5615,23613,5975],{"class":5629},[5615,23615,23616],{"class":5643},"\"\u002Fshop\"",[5615,23618,23566],{"class":5971},[5615,23620,5975],{"class":5629},[5615,23622,6577],{"class":5621},[5615,23624,23625,23627,23629],{"class":5617,"line":5752},[5615,23626,14258],{"class":5951},[5615,23628,22478],{"class":5625},[5615,23630,5959],{"class":5951},[5615,23632,23633,23635,23638],{"class":5617,"line":5757},[5615,23634,23584],{"class":5951},[5615,23636,23637],{"class":5625},"Shop",[5615,23639,5998],{"class":5951},[5615,23641,23642,23644,23646],{"class":5617,"line":5771},[5615,23643,14402],{"class":5951},[5615,23645,22478],{"class":5625},[5615,23647,5959],{"class":5951},[5615,23649,23650,23652],{"class":5617,"line":5781},[5615,23651,14210],{"class":5621},[5615,23653,5998],{"class":5951},[5615,23655,23656,23658,23660],{"class":5617,"line":5791},[5615,23657,14422],{"class":5951},[5615,23659,23286],{"class":5625},[5615,23661,5959],{"class":5951},[5615,23663,23664,23666,23668],{"class":5617,"line":5801},[5615,23665,8003],{"class":5951},[5615,23667,11211],{"class":5625},[5615,23669,5959],{"class":5951},[5615,23671,23672,23674,23676],{"class":5617,"line":5806},[5615,23673,6044],{"class":5951},[5615,23675,20122],{"class":5625},[5615,23677,5959],{"class":5951},[5615,23679,23680],{"class":5617,"line":5811},[5615,23681,6054],{"class":5629},[5615,23683,23684],{"class":5617,"line":5824},[5615,23685,5684],{"class":5629},[5479,23687,23688],{},"Глобальні контексти (тема, мова, auth) розміщуються на верхньому рівні, а специфічні для розділів (корзина, налаштування адмін-панелі) — локально всередині відповідних маршрутів.",[18802,23690,23692,23695,23932,23937,23964,23969,24259],{"icon":22558,"label":23691},"❓ Чи можна передавати useState через контекст?",[5479,23693,23694],{},"Технічно так, але це антипатерн:",[5606,23696,23698],{"className":5608,"code":23697,"language":5610,"meta":5611,"style":5611},"\u002F\u002F ❌ ПОГАНА ПРАКТИКА\nconst StateContext = createContext\u003C[number, React.Dispatch\u003CReact.SetStateAction\u003Cnumber>>] | undefined>(undefined);\n\nfunction StateProvider({ children }: { children: React.ReactNode }) {\n  const state = useState(0);\n  return \u003CStateContext.Provider value={state}>{children}\u003C\u002FStateContext.Provider>;\n}\n\nfunction Counter() {\n  const [count, setCount] = useContext(StateContext)!;\n  return \u003Cbutton onClick={() => setCount(c => c + 1)}>{count}\u003C\u002Fbutton>;\n}\n",[5518,23699,23700,23705,23754,23758,23783,23799,23834,23838,23842,23851,23875,23928],{"__ignoreMap":5611},[5615,23701,23702],{"class":5617,"line":5618},[5615,23703,23704],{"class":6906},"\u002F\u002F ❌ ПОГАНА ПРАКТИКА\n",[5615,23706,23707,23709,23712,23714,23716,23719,23721,23723,23725,23727,23730,23732,23734,23736,23739,23741,23743,23746,23748,23750,23752],{"class":5617,"line":5633},[5615,23708,5697],{"class":5621},[5615,23710,23711],{"class":5700}," StateContext",[5615,23713,7132],{"class":5629},[5615,23715,5520],{"class":5817},[5615,23717,23718],{"class":5629},"\u003C[",[5615,23720,20344],{"class":5625},[5615,23722,5521],{"class":5629},[5615,23724,2303],{"class":5625},[5615,23726,5528],{"class":5629},[5615,23728,23729],{"class":5625},"Dispatch",[5615,23731,5847],{"class":5629},[5615,23733,2303],{"class":5625},[5615,23735,5528],{"class":5629},[5615,23737,23738],{"class":5625},"SetStateAction",[5615,23740,5847],{"class":5629},[5615,23742,20344],{"class":5625},[5615,23744,23745],{"class":5629},">>] | ",[5615,23747,10069],{"class":5625},[5615,23749,5852],{"class":5629},[5615,23751,10069],{"class":5621},[5615,23753,5858],{"class":5629},[5615,23755,23756],{"class":5617,"line":5656},[5615,23757,5691],{"emptyLinePlaceholder":5690},[5615,23759,23760,23762,23765,23767,23769,23771,23773,23775,23777,23779,23781],{"class":5617,"line":5669},[5615,23761,5814],{"class":5621},[5615,23763,23764],{"class":5817}," StateProvider",[5615,23766,6075],{"class":5629},[5615,23768,6384],{"class":5636},[5615,23770,6085],{"class":5629},[5615,23772,6384],{"class":5636},[5615,23774,5640],{"class":5629},[5615,23776,2303],{"class":5625},[5615,23778,5528],{"class":5629},[5615,23780,6413],{"class":5625},[5615,23782,6107],{"class":5629},[5615,23784,23785,23787,23789,23791,23793,23795,23797],{"class":5617,"line":5681},[5615,23786,5827],{"class":5621},[5615,23788,13194],{"class":5700},[5615,23790,7132],{"class":5629},[5615,23792,5844],{"class":5817},[5615,23794,7421],{"class":5629},[5615,23796,13895],{"class":8379},[5615,23798,5858],{"class":5629},[5615,23800,23801,23803,23805,23808,23810,23812,23814,23816,23818,23820,23822,23824,23826,23828,23830,23832],{"class":5617,"line":5687},[5615,23802,5942],{"class":5941},[5615,23804,17501],{"class":5951},[5615,23806,23807],{"class":5625},"StateContext.Provider",[5615,23809,7262],{"class":5971},[5615,23811,5975],{"class":5629},[5615,23813,5978],{"class":5621},[5615,23815,13163],{"class":5636},[5615,23817,5983],{"class":5621},[5615,23819,6293],{"class":5951},[5615,23821,5978],{"class":5621},[5615,23823,6384],{"class":5636},[5615,23825,5983],{"class":5621},[5615,23827,6299],{"class":5951},[5615,23829,23807],{"class":5625},[5615,23831,6293],{"class":5951},[5615,23833,5653],{"class":5629},[5615,23835,23836],{"class":5617,"line":5694},[5615,23837,5684],{"class":5629},[5615,23839,23840],{"class":5617,"line":5712},[5615,23841,5691],{"emptyLinePlaceholder":5690},[5615,23843,23844,23846,23849],{"class":5617,"line":5724},[5615,23845,5814],{"class":5621},[5615,23847,23848],{"class":5817}," Counter",[5615,23850,5821],{"class":5629},[5615,23852,23853,23855,23857,23859,23861,23863,23865,23867,23869,23872],{"class":5617,"line":5735},[5615,23854,5827],{"class":5621},[5615,23856,5830],{"class":5629},[5615,23858,22983],{"class":5700},[5615,23860,5521],{"class":5629},[5615,23862,22988],{"class":5700},[5615,23864,5841],{"class":5629},[5615,23866,5527],{"class":5817},[5615,23868,7421],{"class":5629},[5615,23870,23871],{"class":5636},"StateContext",[5615,23873,23874],{"class":5629},")!;\n",[5615,23876,23877,23879,23881,23883,23885,23887,23889,23891,23893,23895,23897,23899,23901,23903,23906,23908,23910,23912,23914,23916,23918,23920,23922,23924,23926],{"class":5617,"line":5746},[5615,23878,5942],{"class":5941},[5615,23880,17501],{"class":5951},[5615,23882,6657],{"class":5955},[5615,23884,11272],{"class":5971},[5615,23886,5975],{"class":5629},[5615,23888,5978],{"class":5621},[5615,23890,12659],{"class":6132},[5615,23892,5877],{"class":5621},[5615,23894,23016],{"class":5817},[5615,23896,7421],{"class":6132},[5615,23898,23021],{"class":5636},[5615,23900,12204],{"class":5621},[5615,23902,23028],{"class":5636},[5615,23904,23905],{"class":5629}," +",[5615,23907,20872],{"class":8379},[5615,23909,12490],{"class":6132},[5615,23911,5983],{"class":5621},[5615,23913,6293],{"class":5951},[5615,23915,5978],{"class":5621},[5615,23917,22983],{"class":5636},[5615,23919,5983],{"class":5621},[5615,23921,6299],{"class":5951},[5615,23923,6657],{"class":5955},[5615,23925,6293],{"class":5951},[5615,23927,5653],{"class":5629},[5615,23929,23930],{"class":5617,"line":5752},[5615,23931,5684],{"class":5629},[5479,23933,23934],{},[5483,23935,23936],{},"Проблеми:",[6939,23938,23939,23949,23958],{},[5506,23940,23941,23944,23945,23948],{},[5483,23942,23943],{},"Складна типізація:"," Тип ",[5518,23946,23947],{},"[T, Dispatch\u003CSetStateAction\u003CT>>]"," важко читати та підтримувати.",[5506,23950,23951,23954,23955,23957],{},[5483,23952,23953],{},"Відсутність інкапсуляції:"," Компоненти отримують прямий доступ до ",[5518,23956,22988],{},", що може призвести до порушення бізнес-логіки.",[5506,23959,23960,23963],{},[5483,23961,23962],{},"Немає семантики:"," Неясно, які операції дозволені зі станом.",[5479,23965,23966],{},[5483,23967,23968],{},"Краще рішення:",[5606,23970,23972],{"className":5608,"code":23971,"language":5610,"meta":5611,"style":5611},"\u002F\u002F ✅ ГАРНА ПРАКТИКА\ninterface CounterContextValue {\n  count: number;\n  increment: () => void;\n  decrement: () => void;\n  reset: () => void;\n}\n\nconst CounterContext = createContext\u003CCounterContextValue | undefined>(undefined);\n\nfunction CounterProvider({ children }: { children: React.ReactNode }) {\n  const [count, setCount] = useState(0);\n\n  const value: CounterContextValue = {\n    count,\n    increment: () => setCount(c => c + 1),\n    decrement: () => setCount(c => c - 1),\n    reset: () => setCount(0),\n  };\n\n  return \u003CCounterContext.Provider value={value}>{children}\u003C\u002FCounterContext.Provider>;\n}\n",[5518,23973,23974,23979,23987,23997,24009,24021,24034,24038,24042,24066,24070,24094,24116,24120,24132,24139,24167,24194,24213,24217,24221,24255],{"__ignoreMap":5611},[5615,23975,23976],{"class":5617,"line":5618},[5615,23977,23978],{"class":6906},"\u002F\u002F ✅ ГАРНА ПРАКТИКА\n",[5615,23980,23981,23983,23985],{"class":5617,"line":5633},[5615,23982,5622],{"class":5621},[5615,23984,22872],{"class":5625},[5615,23986,5630],{"class":5629},[5615,23988,23989,23991,23993,23995],{"class":5617,"line":5656},[5615,23990,22879],{"class":5636},[5615,23992,5640],{"class":5629},[5615,23994,20344],{"class":5625},[5615,23996,5653],{"class":5629},[5615,23998,23999,24001,24003,24005,24007],{"class":5617,"line":5669},[5615,24000,22890],{"class":5817},[5615,24002,6099],{"class":5629},[5615,24004,5877],{"class":5621},[5615,24006,6104],{"class":5625},[5615,24008,5653],{"class":5629},[5615,24010,24011,24013,24015,24017,24019],{"class":5617,"line":5681},[5615,24012,22903],{"class":5817},[5615,24014,6099],{"class":5629},[5615,24016,5877],{"class":5621},[5615,24018,6104],{"class":5625},[5615,24020,5653],{"class":5629},[5615,24022,24023,24026,24028,24030,24032],{"class":5617,"line":5687},[5615,24024,24025],{"class":5817},"  reset",[5615,24027,6099],{"class":5629},[5615,24029,5877],{"class":5621},[5615,24031,6104],{"class":5625},[5615,24033,5653],{"class":5629},[5615,24035,24036],{"class":5617,"line":5694},[5615,24037,5684],{"class":5629},[5615,24039,24040],{"class":5617,"line":5712},[5615,24041,5691],{"emptyLinePlaceholder":5690},[5615,24043,24044,24046,24048,24050,24052,24054,24056,24058,24060,24062,24064],{"class":5617,"line":5724},[5615,24045,5697],{"class":5621},[5615,24047,22926],{"class":5700},[5615,24049,7132],{"class":5629},[5615,24051,5520],{"class":5817},[5615,24053,5847],{"class":5629},[5615,24055,22935],{"class":5625},[5615,24057,5647],{"class":5629},[5615,24059,10069],{"class":5625},[5615,24061,5852],{"class":5629},[5615,24063,10069],{"class":5621},[5615,24065,5858],{"class":5629},[5615,24067,24068],{"class":5617,"line":5735},[5615,24069,5691],{"emptyLinePlaceholder":5690},[5615,24071,24072,24074,24076,24078,24080,24082,24084,24086,24088,24090,24092],{"class":5617,"line":5746},[5615,24073,5814],{"class":5621},[5615,24075,22956],{"class":5817},[5615,24077,6075],{"class":5629},[5615,24079,6384],{"class":5636},[5615,24081,6085],{"class":5629},[5615,24083,6384],{"class":5636},[5615,24085,5640],{"class":5629},[5615,24087,2303],{"class":5625},[5615,24089,5528],{"class":5629},[5615,24091,6413],{"class":5625},[5615,24093,6107],{"class":5629},[5615,24095,24096,24098,24100,24102,24104,24106,24108,24110,24112,24114],{"class":5617,"line":5752},[5615,24097,5827],{"class":5621},[5615,24099,5830],{"class":5629},[5615,24101,22983],{"class":5700},[5615,24103,5521],{"class":5629},[5615,24105,22988],{"class":5700},[5615,24107,5841],{"class":5629},[5615,24109,5844],{"class":5817},[5615,24111,7421],{"class":5629},[5615,24113,13895],{"class":8379},[5615,24115,5858],{"class":5629},[5615,24117,24118],{"class":5617,"line":5757},[5615,24119,5691],{"emptyLinePlaceholder":5690},[5615,24121,24122,24124,24126,24128,24130],{"class":5617,"line":5771},[5615,24123,5827],{"class":5621},[5615,24125,7262],{"class":5700},[5615,24127,5640],{"class":5629},[5615,24129,22935],{"class":5625},[5615,24131,5709],{"class":5629},[5615,24133,24134,24137],{"class":5617,"line":5781},[5615,24135,24136],{"class":5636},"    count",[5615,24138,5721],{"class":5629},[5615,24140,24141,24144,24146,24149,24151,24153,24155,24157,24159,24161,24163,24165],{"class":5617,"line":5791},[5615,24142,24143],{"class":5817},"    increment",[5615,24145,7203],{"class":5636},[5615,24147,24148],{"class":5629}," () ",[5615,24150,5877],{"class":5621},[5615,24152,23016],{"class":5817},[5615,24154,7421],{"class":5629},[5615,24156,23021],{"class":5636},[5615,24158,12204],{"class":5621},[5615,24160,23028],{"class":5636},[5615,24162,20821],{"class":5629},[5615,24164,20824],{"class":8379},[5615,24166,21512],{"class":5629},[5615,24168,24169,24172,24174,24176,24178,24180,24182,24184,24186,24188,24190,24192],{"class":5617,"line":5801},[5615,24170,24171],{"class":5817},"    decrement",[5615,24173,7203],{"class":5636},[5615,24175,24148],{"class":5629},[5615,24177,5877],{"class":5621},[5615,24179,23016],{"class":5817},[5615,24181,7421],{"class":5629},[5615,24183,23021],{"class":5636},[5615,24185,12204],{"class":5621},[5615,24187,23028],{"class":5636},[5615,24189,23060],{"class":5629},[5615,24191,20824],{"class":8379},[5615,24193,21512],{"class":5629},[5615,24195,24196,24199,24201,24203,24205,24207,24209,24211],{"class":5617,"line":5806},[5615,24197,24198],{"class":5817},"    reset",[5615,24200,7203],{"class":5636},[5615,24202,24148],{"class":5629},[5615,24204,5877],{"class":5621},[5615,24206,23016],{"class":5817},[5615,24208,7421],{"class":5629},[5615,24210,13895],{"class":8379},[5615,24212,21512],{"class":5629},[5615,24214,24215],{"class":5617,"line":5811},[5615,24216,5930],{"class":5629},[5615,24218,24219],{"class":5617,"line":5824},[5615,24220,5691],{"emptyLinePlaceholder":5690},[5615,24222,24223,24225,24227,24229,24231,24233,24235,24237,24239,24241,24243,24245,24247,24249,24251,24253],{"class":5617,"line":5861},[5615,24224,5942],{"class":5941},[5615,24226,17501],{"class":5951},[5615,24228,23111],{"class":5625},[5615,24230,7262],{"class":5971},[5615,24232,5975],{"class":5629},[5615,24234,5978],{"class":5621},[5615,24236,7202],{"class":5636},[5615,24238,5983],{"class":5621},[5615,24240,6293],{"class":5951},[5615,24242,5978],{"class":5621},[5615,24244,6384],{"class":5636},[5615,24246,5983],{"class":5621},[5615,24248,6299],{"class":5951},[5615,24250,23111],{"class":5625},[5615,24252,6293],{"class":5951},[5615,24254,5653],{"class":5629},[5615,24256,24257],{"class":5617,"line":5866},[5615,24258,5684],{"class":5629},[5479,24260,24261,24262,24265],{},"Такий підхід забезпечує ",[5483,24263,24264],{},"контрольований API"," — компоненти можуть виконувати лише дозволені операції, а внутрішня реалізація прихована.",[5580,24267],{},[5583,24269,24271],{"id":24270},"підсумок","Підсумок",[5479,24273,24274],{},"Context API — це потужний вбудований механізм React для передавання даних через дерево компонентів без прокидання пропсів. Ключові висновки цієї лекції:",[5495,24276,24277,24282,24289,24293],{},[5498,24278,24281],{"icon":24279,"title":24280},"i-lucide-ban","🚫 Вирішення пропс-дрілінгу","Context дозволяє «телепортувати» дані безпосередньо до компонентів, які їх потребують, обходячи всі проміжні рівні. Це усуває необхідність прокидати пропси через компоненти, які самі їх не використовують.",[5498,24283,24285,24286,24288],{"icon":793,"title":24284},"🔒 Типобезпека через TypeScript","Використання ",[5518,24287,10069],{}," як дефолтного значення та кастомних хуків із перевіркою забезпечує fail-fast поведінку — помилки виявляються негайно, а не приховуються.",[5498,24290,24292],{"icon":2646,"title":24291},"🔄 Композиція з useReducer","Поєднання Context + useReducer створює мінімалістичну альтернативу Redux для локального управління складним станом без додаткових бібліотек.",[5498,24294,24296],{"icon":92,"title":24295},"⚡ Оптимізація продуктивності","Розділення великих контекстів на незалежні частини та відокремлення даних від функцій оновлення запобігає зайвим рендерам споживачів.",[6975,24298,24300],{"id":24299},"коли-використовувати-context-api","Коли використовувати Context API",[5479,24302,24303],{},[5483,24304,24305],{},"✅ Ідеально підходить для:",[5503,24307,24308,24311,24314,24317,24320],{},[5506,24309,24310],{},"Системи тем (світла\u002Fтемна)",[5506,24312,24313],{},"Мультимовність (i18n)",[5506,24315,24316],{},"Дані аутентифікованого користувача",[5506,24318,24319],{},"Глобальні UI-налаштування (розмір шрифту, контрастність)",[5506,24321,24322],{},"Системи сповіщень та модальних вікон",[5479,24324,24325],{},[5483,24326,24327],{},"⚠️ Розгляньте альтернативи для:",[5503,24329,24330,24333,24336],{},[5506,24331,24332],{},"Часто змінюваних даних (наприклад, позиція курсора миші)",[5506,24334,24335],{},"Великих колекцій даних із складною синхронізацією",[5506,24337,24338],{},"Необхідності middleware, DevTools або time-travel debugging",[7163,24340,24341,24342,24345],{},"У наступних лекціях ми розглянемо, як інтегрувати Context API з асинхронною логікою, побічними ефектами через ",[5518,24343,24344],{},"useEffect",", та бібліотеки управління станом (Redux, Zustand) для випадків, коли Context API досягає своїх меж.",[5580,24347],{},[5583,24349,24351],{"id":24350},"додаткові-ресурси","Додаткові ресурси",[24353,24354,24355,24365,24373,24385],"field-group",{},[24356,24357,24360,24364],"field",{"name":24358,"type":24359},"Офіційна документація","посилання",[5488,24361,24363],{"href":5490,"rel":24362},[5492],"Passing Data Deeply with Context"," — повний посібник від команди React з інтерактивними прикладами.",[24356,24366,24368,24372],{"name":24367,"type":24359},"Scaling Up with Reducer and Context",[5488,24369,24367],{"href":24370,"rel":24371},"https:\u002F\u002Fuk.react.dev\u002Flearn\u002Fscaling-up-with-reducer-and-context",[5492]," — комбінація useReducer та Context для складних сценаріїв.",[24356,24374,24376,24381,24382,5528],{"name":24375,"type":24359},"TypeScript Handbook",[5488,24377,24380],{"href":24378,"rel":24379},"https:\u002F\u002Fwww.typescriptlang.org\u002Fdocs\u002Fhandbook\u002F2\u002Fgenerics.html",[5492],"Generics"," — розуміння дженериків допомагає правильно типізувати ",[5518,24383,24384],{},"createContext\u003CT>",[24356,24386,24389],{"name":24387,"type":24388},"use-context-selector","бібліотека","Бібліотека для оптимізації Context API через селектори (запобігає зайвим рендерам без розділення контекстів).",[24391,24392,24393],"style",{},"html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}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 .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}",{"title":5611,"searchDepth":5633,"depth":5633,"links":24395},[24396,24397,24405,24408,24409,24410,24411,24414,24419,24420,24421,24422,24425],{"id":5585,"depth":5633,"text":5586},{"id":6969,"depth":5633,"text":6970,"children":24398},[24399,24401,24403],{"id":6977,"depth":5656,"text":24400},"1. Створення контексту: createContext",{"id":7190,"depth":5656,"text":24402},"2. Надання значення: Context.Provider",{"id":7333,"depth":5656,"text":24404},"3. Читання значення: useContext",{"id":7535,"depth":5633,"text":7536,"children":24406},[24407],{"id":10000,"depth":5656,"text":10001},{"id":10052,"depth":5633,"text":10053},{"id":10648,"depth":5633,"text":10649},{"id":11411,"depth":5633,"text":11412},{"id":12779,"depth":5633,"text":12780,"children":24412},[24413],{"id":17202,"depth":5656,"text":17203},{"id":17244,"depth":5633,"text":17245,"children":24415},[24416,24417,24418],{"id":17635,"depth":5656,"text":17636},{"id":17994,"depth":5656,"text":17995},{"id":18411,"depth":5656,"text":18412},{"id":18662,"depth":5633,"text":18663},{"id":18796,"depth":5633,"text":18797},{"id":22552,"depth":5633,"text":22553},{"id":24270,"depth":5633,"text":24271,"children":24423},[24424],{"id":24299,"depth":5656,"text":24300},{"id":24350,"depth":5633,"text":24351},"Глибоке занурення в Context API для передавання даних через дерево компонентів без прокидання пропсів. Від простих тем до складних систем глобального стану.","md",null,{},{"title":5385,"description":24426},"pkec59_ALS0WY6KDF3kvt8A3tSUMnH1gw58cTJNCIgI",[24433,24435],{"title":5381,"path":5382,"stem":5383,"description":24434,"children":-1},"Глибоке занурення в хук useReducer для керування складним станом у React через чіткі екшени та передбачувану логіку оновлень. Від простих лічильників до багаторівневих форм.",{"title":5389,"path":5390,"stem":5391,"description":24436,"children":-1},"Опануйте хук useEffect для підключення React-компонентів до зовнішніх систем: мережевих API, таймерів браузера, DOM-подій та сторонніх бібліотек. Від базових прикладів до складних патернів очищення.",1794237373581]