[{"data":1,"prerenderedAt":27558},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-use-reducer":5466,"-react-typescript-use-reducer-surround":27553},[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":5381,"body":5468,"description":27547,"extension":27548,"links":27549,"meta":27550,"navigation":5662,"path":5382,"seo":27551,"stem":5383,"__hash__":27552},"docs\u002F22.react-typescript\u002F23.use-reducer.md",{"type":5469,"value":5470,"toc":27513},"minimark",[5471,5481,5500,5597,5600,5608,5616,5619,6528,6531,6558,6575,6577,6581,6598,6601,6650,6653,6675,6686,6688,6692,6695,7207,8131,8136,8144,8227,8229,8269,8287,8320,8341,8357,8383,8394,8408,8416,8418,8422,8432,9590,11759,11763,11781,11787,11818,11836,11852,11854,11858,11866,14093,17143,17147,17153,17180,17504,17518,17524,17526,17530,17539,18229,18238,18249,18262,18291,18293,18302,18305,18424,18437,18443,18474,18476,18480,18483,18485,18489,18494,18645,18650,18667,18669,18673,18676,19059,19064,19078,19083,19094,19107,19109,19113,19116,19347,19588,19592,19616,19620,19633,19635,19639,19642,19887,20583,20588,20627,20630,20747,20752,20796,20803,20805,20809,20904,20907,20909,20913,22060,23780,26731,26733,26737,27390,27392,27396,27401,27432,27440,27458,27464,27466,27470,27509],[5472,5473,5475,5476,5480],"h1",{"id":5474},"хук-usereducer-структуроване-управління-складним-станом","Хук ",[5477,5478,5479],"code",{},"useReducer",": структуроване управління складним станом",[5482,5483,5484],"blockquote",{},[5485,5486,5487,5488,5492,5493],"p",{},"🔗 ",[5489,5490,5491],"strong",{},"Офіційний референс:"," ",[5494,5495,5499],"a",{"href":5496,"rel":5497},"https:\u002F\u002Fuk.react.dev\u002Flearn\u002Fextracting-state-logic-into-a-reducer",[5498],"nofollow","Витягування логіки стану в редюсер (Extracting State Logic into a Reducer)",[5501,5502,5503,5540],"card-group",{},[5504,5505,5508],"card",{"icon":5506,"title":5507},"i-lucide-target","🎯 Мета лекції",[5509,5510,5511,5522,5525,5533],"ul",{},[5512,5513,5514,5515,5517,5518,5521],"li",{},"Зрозуміти, коли ",[5477,5516,5479],{}," стає кращим вибором порівняно з ",[5477,5519,5520],{},"useState",".",[5512,5523,5524],{},"Опанувати концепцію редюсера як чистої функції переходу стану.",[5512,5526,5527,5528,5532],{},"Навчитися проєктувати систему екшенів (",[5529,5530,5531],"em",{},"actions",") для складних інтерфейсів.",[5512,5534,5535,5536,5539],{},"Застосувати TypeScript для безпечної типізації екшенів через дискримінантні об'єднання (",[5529,5537,5538],{},"discriminated unions",").",[5504,5541,5543],{"icon":4854,"title":5542},"🔑 Ключові терміни",[5509,5544,5545,5559,5576,5586],{},[5512,5546,5547,5554,5555,5558],{},[5489,5548,5549,5550,5553],{},"Редюсер (",[5529,5551,5552],{},"Reducer","):"," чиста функція ",[5477,5556,5557],{},"(state, action) => newState",", яка описує всі можливі переходи стану.",[5512,5560,5561,5567,5568,5571,5572,5575],{},[5489,5562,5563,5564,5553],{},"Екшен (",[5529,5565,5566],{},"Action"," об'єкт із типом (",[5477,5569,5570],{},"type",") та опціональними даними (",[5529,5573,5574],{},"payload","), що описує намір користувача.",[5512,5577,5578,5581,5582,5585],{},[5489,5579,5580],{},"Dispatch:"," функція для надсилання екшенів у редюсер — аналог ",[5477,5583,5584],{},"setState",", але декларативний.",[5512,5587,5588,5594,5595,5521],{},[5489,5589,5590,5591,5553],{},"Дискримінантне об'єднання (",[5529,5592,5593],{},"Discriminated Union"," TypeScript-патерн для типізації екшенів через спільну властивість ",[5477,5596,5570],{},[5598,5599],"hr",{},[5601,5602,5604,5605,5607],"h2",{"id":5603},"від-розсіяних-setstate-до-централізованої-логіки","Від розсіяних ",[5477,5606,5584],{}," до централізованої логіки",[5485,5609,5610,5611,5613,5614,5521],{},"Коли компонент управляє простим станом — одним числом чи булевим прапорцем, — хук ",[5477,5612,5520],{}," є ідеальним інструментом. Проте у міру зростання складності інтерфейсу — коли стан містить десятки полів, а одна дія користувача змінює кілька частин стану одночасно — код швидко перетворюється на безладну суміш розсіяних викликів ",[5477,5615,5584],{},[5485,5617,5618],{},"Розглянемо типову форму реєстрації користувача з валідацією:",[5620,5621,5626],"pre",{"className":5622,"code":5623,"language":5624,"meta":5625,"style":5625},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import { useState } from \"react\";\n\ninterface FormState {\n  email: string;\n  password: string;\n  confirmPassword: string;\n  agreedToTerms: boolean;\n  isSubmitting: boolean;\n  errors: {\n    email?: string;\n    password?: string;\n    confirmPassword?: string;\n  };\n}\n\nfunction RegistrationForm() {\n  const [email, setEmail] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\n  const [agreedToTerms, setAgreedToTerms] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [errors, setErrors] = useState\u003CFormState[\"errors\"]>({});\n\n  const handleEmailChange = (value: string) => {\n    setEmail(value);\n    \u002F\u002F Очищення помилки при редагуванні\n    if (errors.email) {\n      setErrors((prev) => ({ ...prev, email: undefined }));\n    }\n  };\n\n  const handlePasswordChange = (value: string) => {\n    setPassword(value);\n    if (errors.password) {\n      setErrors((prev) => ({ ...prev, password: undefined }));\n    }\n  };\n\n  const handleSubmit = async () => {\n    setIsSubmitting(true);\n    setErrors({});\n\n    \u002F\u002F Валідація\n    const newErrors: FormState[\"errors\"] = {};\n    if (!email.includes(\"@\")) {\n      newErrors.email = \"Невірний формат email\";\n    }\n    if (password.length \u003C 8) {\n      newErrors.password = \"Пароль має містити мінімум 8 символів\";\n    }\n    if (password !== confirmPassword) {\n      newErrors.confirmPassword = \"Паролі не збігаються\";\n    }\n\n    if (Object.keys(newErrors).length > 0) {\n      setErrors(newErrors);\n      setIsSubmitting(false);\n      return;\n    }\n\n    \u002F\u002F Відправка даних...\n    await submitForm({ email, password });\n    setIsSubmitting(false);\n  };\n\n  \u002F\u002F JSX-розмітка опущена для стислості...\n}\n","tsx","",[5477,5627,5628,5657,5664,5678,5692,5704,5716,5729,5741,5750,5763,5775,5787,5793,5799,5804,5817,5850,5875,5900,5926,5951,5985,5990,6016,6028,6035,6053,6085,6091,6096,6101,6123,6135,6150,6176,6181,6186,6191,6212,6225,6234,6239,6245,6265,6288,6305,6310,6333,6349,6354,6370,6386,6391,6396,6428,6439,6451,6459,6464,6469,6475,6496,6507,6512,6517,6523],{"__ignoreMap":5625},[5629,5630,5633,5637,5641,5644,5647,5650,5654],"span",{"class":5631,"line":5632},"line",1,[5629,5634,5636],{"class":5635},"s8xlr","import",[5629,5638,5640],{"class":5639},"sHH4Y"," { ",[5629,5642,5520],{"class":5643},"siwwj",[5629,5645,5646],{"class":5639}," } ",[5629,5648,5649],{"class":5635},"from",[5629,5651,5653],{"class":5652},"sbdoH"," \"react\"",[5629,5655,5656],{"class":5639},";\n",[5629,5658,5660],{"class":5631,"line":5659},2,[5629,5661,5663],{"emptyLinePlaceholder":5662},true,"\n",[5629,5665,5667,5671,5675],{"class":5631,"line":5666},3,[5629,5668,5670],{"class":5669},"su1O8","interface",[5629,5672,5674],{"class":5673},"sN1BT"," FormState",[5629,5676,5677],{"class":5639}," {\n",[5629,5679,5681,5684,5687,5690],{"class":5631,"line":5680},4,[5629,5682,5683],{"class":5643},"  email",[5629,5685,5686],{"class":5639},": ",[5629,5688,5689],{"class":5673},"string",[5629,5691,5656],{"class":5639},[5629,5693,5695,5698,5700,5702],{"class":5631,"line":5694},5,[5629,5696,5697],{"class":5643},"  password",[5629,5699,5686],{"class":5639},[5629,5701,5689],{"class":5673},[5629,5703,5656],{"class":5639},[5629,5705,5707,5710,5712,5714],{"class":5631,"line":5706},6,[5629,5708,5709],{"class":5643},"  confirmPassword",[5629,5711,5686],{"class":5639},[5629,5713,5689],{"class":5673},[5629,5715,5656],{"class":5639},[5629,5717,5719,5722,5724,5727],{"class":5631,"line":5718},7,[5629,5720,5721],{"class":5643},"  agreedToTerms",[5629,5723,5686],{"class":5639},[5629,5725,5726],{"class":5673},"boolean",[5629,5728,5656],{"class":5639},[5629,5730,5732,5735,5737,5739],{"class":5631,"line":5731},8,[5629,5733,5734],{"class":5643},"  isSubmitting",[5629,5736,5686],{"class":5639},[5629,5738,5726],{"class":5673},[5629,5740,5656],{"class":5639},[5629,5742,5744,5747],{"class":5631,"line":5743},9,[5629,5745,5746],{"class":5643},"  errors",[5629,5748,5749],{"class":5639},": {\n",[5629,5751,5753,5756,5759,5761],{"class":5631,"line":5752},10,[5629,5754,5755],{"class":5643},"    email",[5629,5757,5758],{"class":5639},"?: ",[5629,5760,5689],{"class":5673},[5629,5762,5656],{"class":5639},[5629,5764,5766,5769,5771,5773],{"class":5631,"line":5765},11,[5629,5767,5768],{"class":5643},"    password",[5629,5770,5758],{"class":5639},[5629,5772,5689],{"class":5673},[5629,5774,5656],{"class":5639},[5629,5776,5778,5781,5783,5785],{"class":5631,"line":5777},12,[5629,5779,5780],{"class":5643},"    confirmPassword",[5629,5782,5758],{"class":5639},[5629,5784,5689],{"class":5673},[5629,5786,5656],{"class":5639},[5629,5788,5790],{"class":5631,"line":5789},13,[5629,5791,5792],{"class":5639},"  };\n",[5629,5794,5796],{"class":5631,"line":5795},14,[5629,5797,5798],{"class":5639},"}\n",[5629,5800,5802],{"class":5631,"line":5801},15,[5629,5803,5663],{"emptyLinePlaceholder":5662},[5629,5805,5807,5810,5814],{"class":5631,"line":5806},16,[5629,5808,5809],{"class":5669},"function",[5629,5811,5813],{"class":5812},"s8Opu"," RegistrationForm",[5629,5815,5816],{"class":5639},"() {\n",[5629,5818,5820,5823,5826,5830,5833,5836,5839,5841,5844,5847],{"class":5631,"line":5819},17,[5629,5821,5822],{"class":5669},"  const",[5629,5824,5825],{"class":5639}," [",[5629,5827,5829],{"class":5828},"s-QsJ","email",[5629,5831,5832],{"class":5639},", ",[5629,5834,5835],{"class":5828},"setEmail",[5629,5837,5838],{"class":5639},"] = ",[5629,5840,5520],{"class":5812},[5629,5842,5843],{"class":5639},"(",[5629,5845,5846],{"class":5652},"\"\"",[5629,5848,5849],{"class":5639},");\n",[5629,5851,5853,5855,5857,5860,5862,5865,5867,5869,5871,5873],{"class":5631,"line":5852},18,[5629,5854,5822],{"class":5669},[5629,5856,5825],{"class":5639},[5629,5858,5859],{"class":5828},"password",[5629,5861,5832],{"class":5639},[5629,5863,5864],{"class":5828},"setPassword",[5629,5866,5838],{"class":5639},[5629,5868,5520],{"class":5812},[5629,5870,5843],{"class":5639},[5629,5872,5846],{"class":5652},[5629,5874,5849],{"class":5639},[5629,5876,5878,5880,5882,5885,5887,5890,5892,5894,5896,5898],{"class":5631,"line":5877},19,[5629,5879,5822],{"class":5669},[5629,5881,5825],{"class":5639},[5629,5883,5884],{"class":5828},"confirmPassword",[5629,5886,5832],{"class":5639},[5629,5888,5889],{"class":5828},"setConfirmPassword",[5629,5891,5838],{"class":5639},[5629,5893,5520],{"class":5812},[5629,5895,5843],{"class":5639},[5629,5897,5846],{"class":5652},[5629,5899,5849],{"class":5639},[5629,5901,5903,5905,5907,5910,5912,5915,5917,5919,5921,5924],{"class":5631,"line":5902},20,[5629,5904,5822],{"class":5669},[5629,5906,5825],{"class":5639},[5629,5908,5909],{"class":5828},"agreedToTerms",[5629,5911,5832],{"class":5639},[5629,5913,5914],{"class":5828},"setAgreedToTerms",[5629,5916,5838],{"class":5639},[5629,5918,5520],{"class":5812},[5629,5920,5843],{"class":5639},[5629,5922,5923],{"class":5669},"false",[5629,5925,5849],{"class":5639},[5629,5927,5929,5931,5933,5936,5938,5941,5943,5945,5947,5949],{"class":5631,"line":5928},21,[5629,5930,5822],{"class":5669},[5629,5932,5825],{"class":5639},[5629,5934,5935],{"class":5828},"isSubmitting",[5629,5937,5832],{"class":5639},[5629,5939,5940],{"class":5828},"setIsSubmitting",[5629,5942,5838],{"class":5639},[5629,5944,5520],{"class":5812},[5629,5946,5843],{"class":5639},[5629,5948,5923],{"class":5669},[5629,5950,5849],{"class":5639},[5629,5952,5954,5956,5958,5961,5963,5966,5968,5970,5973,5976,5979,5982],{"class":5631,"line":5953},22,[5629,5955,5822],{"class":5669},[5629,5957,5825],{"class":5639},[5629,5959,5960],{"class":5828},"errors",[5629,5962,5832],{"class":5639},[5629,5964,5965],{"class":5828},"setErrors",[5629,5967,5838],{"class":5639},[5629,5969,5520],{"class":5812},[5629,5971,5972],{"class":5639},"\u003C",[5629,5974,5975],{"class":5673},"FormState",[5629,5977,5978],{"class":5639},"[",[5629,5980,5981],{"class":5652},"\"errors\"",[5629,5983,5984],{"class":5639},"]>({});\n",[5629,5986,5988],{"class":5631,"line":5987},23,[5629,5989,5663],{"emptyLinePlaceholder":5662},[5629,5991,5993,5995,5998,6001,6004,6006,6008,6011,6014],{"class":5631,"line":5992},24,[5629,5994,5822],{"class":5669},[5629,5996,5997],{"class":5812}," handleEmailChange",[5629,5999,6000],{"class":5639}," = (",[5629,6002,6003],{"class":5643},"value",[5629,6005,5686],{"class":5639},[5629,6007,5689],{"class":5673},[5629,6009,6010],{"class":5639},") ",[5629,6012,6013],{"class":5669},"=>",[5629,6015,5677],{"class":5639},[5629,6017,6019,6022,6024,6026],{"class":5631,"line":6018},25,[5629,6020,6021],{"class":5812},"    setEmail",[5629,6023,5843],{"class":5639},[5629,6025,6003],{"class":5643},[5629,6027,5849],{"class":5639},[5629,6029,6031],{"class":5631,"line":6030},26,[5629,6032,6034],{"class":6033},"spJ8K","    \u002F\u002F Очищення помилки при редагуванні\n",[5629,6036,6038,6041,6044,6046,6048,6050],{"class":5631,"line":6037},27,[5629,6039,6040],{"class":5635},"    if",[5629,6042,6043],{"class":5639}," (",[5629,6045,5960],{"class":5643},[5629,6047,5521],{"class":5639},[5629,6049,5829],{"class":5643},[5629,6051,6052],{"class":5639},") {\n",[5629,6054,6056,6059,6062,6065,6067,6069,6072,6074,6076,6079,6082],{"class":5631,"line":6055},28,[5629,6057,6058],{"class":5812},"      setErrors",[5629,6060,6061],{"class":5639},"((",[5629,6063,6064],{"class":5643},"prev",[5629,6066,6010],{"class":5639},[5629,6068,6013],{"class":5669},[5629,6070,6071],{"class":5639}," ({ ...",[5629,6073,6064],{"class":5643},[5629,6075,5832],{"class":5639},[5629,6077,6078],{"class":5643},"email:",[5629,6080,6081],{"class":5669}," undefined",[5629,6083,6084],{"class":5639}," }));\n",[5629,6086,6088],{"class":5631,"line":6087},29,[5629,6089,6090],{"class":5639},"    }\n",[5629,6092,6094],{"class":5631,"line":6093},30,[5629,6095,5792],{"class":5639},[5629,6097,6099],{"class":5631,"line":6098},31,[5629,6100,5663],{"emptyLinePlaceholder":5662},[5629,6102,6104,6106,6109,6111,6113,6115,6117,6119,6121],{"class":5631,"line":6103},32,[5629,6105,5822],{"class":5669},[5629,6107,6108],{"class":5812}," handlePasswordChange",[5629,6110,6000],{"class":5639},[5629,6112,6003],{"class":5643},[5629,6114,5686],{"class":5639},[5629,6116,5689],{"class":5673},[5629,6118,6010],{"class":5639},[5629,6120,6013],{"class":5669},[5629,6122,5677],{"class":5639},[5629,6124,6126,6129,6131,6133],{"class":5631,"line":6125},33,[5629,6127,6128],{"class":5812},"    setPassword",[5629,6130,5843],{"class":5639},[5629,6132,6003],{"class":5643},[5629,6134,5849],{"class":5639},[5629,6136,6138,6140,6142,6144,6146,6148],{"class":5631,"line":6137},34,[5629,6139,6040],{"class":5635},[5629,6141,6043],{"class":5639},[5629,6143,5960],{"class":5643},[5629,6145,5521],{"class":5639},[5629,6147,5859],{"class":5643},[5629,6149,6052],{"class":5639},[5629,6151,6153,6155,6157,6159,6161,6163,6165,6167,6169,6172,6174],{"class":5631,"line":6152},35,[5629,6154,6058],{"class":5812},[5629,6156,6061],{"class":5639},[5629,6158,6064],{"class":5643},[5629,6160,6010],{"class":5639},[5629,6162,6013],{"class":5669},[5629,6164,6071],{"class":5639},[5629,6166,6064],{"class":5643},[5629,6168,5832],{"class":5639},[5629,6170,6171],{"class":5643},"password:",[5629,6173,6081],{"class":5669},[5629,6175,6084],{"class":5639},[5629,6177,6179],{"class":5631,"line":6178},36,[5629,6180,6090],{"class":5639},[5629,6182,6184],{"class":5631,"line":6183},37,[5629,6185,5792],{"class":5639},[5629,6187,6189],{"class":5631,"line":6188},38,[5629,6190,5663],{"emptyLinePlaceholder":5662},[5629,6192,6194,6196,6199,6202,6205,6208,6210],{"class":5631,"line":6193},39,[5629,6195,5822],{"class":5669},[5629,6197,6198],{"class":5812}," handleSubmit",[5629,6200,6201],{"class":5639}," = ",[5629,6203,6204],{"class":5669},"async",[5629,6206,6207],{"class":5639}," () ",[5629,6209,6013],{"class":5669},[5629,6211,5677],{"class":5639},[5629,6213,6215,6218,6220,6223],{"class":5631,"line":6214},40,[5629,6216,6217],{"class":5812},"    setIsSubmitting",[5629,6219,5843],{"class":5639},[5629,6221,6222],{"class":5669},"true",[5629,6224,5849],{"class":5639},[5629,6226,6228,6231],{"class":5631,"line":6227},41,[5629,6229,6230],{"class":5812},"    setErrors",[5629,6232,6233],{"class":5639},"({});\n",[5629,6235,6237],{"class":5631,"line":6236},42,[5629,6238,5663],{"emptyLinePlaceholder":5662},[5629,6240,6242],{"class":5631,"line":6241},43,[5629,6243,6244],{"class":6033},"    \u002F\u002F Валідація\n",[5629,6246,6248,6251,6254,6256,6258,6260,6262],{"class":5631,"line":6247},44,[5629,6249,6250],{"class":5669},"    const",[5629,6252,6253],{"class":5828}," newErrors",[5629,6255,5686],{"class":5639},[5629,6257,5975],{"class":5673},[5629,6259,5978],{"class":5639},[5629,6261,5981],{"class":5652},[5629,6263,6264],{"class":5639},"] = {};\n",[5629,6266,6268,6270,6273,6275,6277,6280,6282,6285],{"class":5631,"line":6267},45,[5629,6269,6040],{"class":5635},[5629,6271,6272],{"class":5639}," (!",[5629,6274,5829],{"class":5643},[5629,6276,5521],{"class":5639},[5629,6278,6279],{"class":5812},"includes",[5629,6281,5843],{"class":5639},[5629,6283,6284],{"class":5652},"\"@\"",[5629,6286,6287],{"class":5639},")) {\n",[5629,6289,6291,6294,6296,6298,6300,6303],{"class":5631,"line":6290},46,[5629,6292,6293],{"class":5643},"      newErrors",[5629,6295,5521],{"class":5639},[5629,6297,5829],{"class":5643},[5629,6299,6201],{"class":5639},[5629,6301,6302],{"class":5652},"\"Невірний формат email\"",[5629,6304,5656],{"class":5639},[5629,6306,6308],{"class":5631,"line":6307},47,[5629,6309,6090],{"class":5639},[5629,6311,6313,6315,6317,6319,6321,6324,6327,6331],{"class":5631,"line":6312},48,[5629,6314,6040],{"class":5635},[5629,6316,6043],{"class":5639},[5629,6318,5859],{"class":5643},[5629,6320,5521],{"class":5639},[5629,6322,6323],{"class":5643},"length",[5629,6325,6326],{"class":5639}," \u003C ",[5629,6328,6330],{"class":6329},"sJj4R","8",[5629,6332,6052],{"class":5639},[5629,6334,6336,6338,6340,6342,6344,6347],{"class":5631,"line":6335},49,[5629,6337,6293],{"class":5643},[5629,6339,5521],{"class":5639},[5629,6341,5859],{"class":5643},[5629,6343,6201],{"class":5639},[5629,6345,6346],{"class":5652},"\"Пароль має містити мінімум 8 символів\"",[5629,6348,5656],{"class":5639},[5629,6350,6352],{"class":5631,"line":6351},50,[5629,6353,6090],{"class":5639},[5629,6355,6357,6359,6361,6363,6366,6368],{"class":5631,"line":6356},51,[5629,6358,6040],{"class":5635},[5629,6360,6043],{"class":5639},[5629,6362,5859],{"class":5643},[5629,6364,6365],{"class":5639}," !== ",[5629,6367,5884],{"class":5643},[5629,6369,6052],{"class":5639},[5629,6371,6373,6375,6377,6379,6381,6384],{"class":5631,"line":6372},52,[5629,6374,6293],{"class":5643},[5629,6376,5521],{"class":5639},[5629,6378,5884],{"class":5643},[5629,6380,6201],{"class":5639},[5629,6382,6383],{"class":5652},"\"Паролі не збігаються\"",[5629,6385,5656],{"class":5639},[5629,6387,6389],{"class":5631,"line":6388},53,[5629,6390,6090],{"class":5639},[5629,6392,6394],{"class":5631,"line":6393},54,[5629,6395,5663],{"emptyLinePlaceholder":5662},[5629,6397,6399,6401,6403,6406,6408,6411,6413,6416,6418,6420,6423,6426],{"class":5631,"line":6398},55,[5629,6400,6040],{"class":5635},[5629,6402,6043],{"class":5639},[5629,6404,6405],{"class":5643},"Object",[5629,6407,5521],{"class":5639},[5629,6409,6410],{"class":5812},"keys",[5629,6412,5843],{"class":5639},[5629,6414,6415],{"class":5643},"newErrors",[5629,6417,5539],{"class":5639},[5629,6419,6323],{"class":5643},[5629,6421,6422],{"class":5639}," > ",[5629,6424,6425],{"class":6329},"0",[5629,6427,6052],{"class":5639},[5629,6429,6431,6433,6435,6437],{"class":5631,"line":6430},56,[5629,6432,6058],{"class":5812},[5629,6434,5843],{"class":5639},[5629,6436,6415],{"class":5643},[5629,6438,5849],{"class":5639},[5629,6440,6442,6445,6447,6449],{"class":5631,"line":6441},57,[5629,6443,6444],{"class":5812},"      setIsSubmitting",[5629,6446,5843],{"class":5639},[5629,6448,5923],{"class":5669},[5629,6450,5849],{"class":5639},[5629,6452,6454,6457],{"class":5631,"line":6453},58,[5629,6455,6456],{"class":5635},"      return",[5629,6458,5656],{"class":5639},[5629,6460,6462],{"class":5631,"line":6461},59,[5629,6463,6090],{"class":5639},[5629,6465,6467],{"class":5631,"line":6466},60,[5629,6468,5663],{"emptyLinePlaceholder":5662},[5629,6470,6472],{"class":5631,"line":6471},61,[5629,6473,6474],{"class":6033},"    \u002F\u002F Відправка даних...\n",[5629,6476,6478,6481,6484,6487,6489,6491,6493],{"class":5631,"line":6477},62,[5629,6479,6480],{"class":5635},"    await",[5629,6482,6483],{"class":5812}," submitForm",[5629,6485,6486],{"class":5639},"({ ",[5629,6488,5829],{"class":5643},[5629,6490,5832],{"class":5639},[5629,6492,5859],{"class":5643},[5629,6494,6495],{"class":5639}," });\n",[5629,6497,6499,6501,6503,6505],{"class":5631,"line":6498},63,[5629,6500,6217],{"class":5812},[5629,6502,5843],{"class":5639},[5629,6504,5923],{"class":5669},[5629,6506,5849],{"class":5639},[5629,6508,6510],{"class":5631,"line":6509},64,[5629,6511,5792],{"class":5639},[5629,6513,6515],{"class":5631,"line":6514},65,[5629,6516,5663],{"emptyLinePlaceholder":5662},[5629,6518,6520],{"class":5631,"line":6519},66,[5629,6521,6522],{"class":6033},"  \u002F\u002F JSX-розмітка опущена для стислості...\n",[5629,6524,6526],{"class":5631,"line":6525},67,[5629,6527,5798],{"class":5639},[5485,6529,6530],{},"Навіть у цьому спрощеному прикладі виникають системні проблеми:",[6532,6533,6534,6540,6546,6552],"ol",{},[5512,6535,6536,6539],{},[5489,6537,6538],{},"Розсіяння логіки:"," кожен обробник події містить дублюючу логіку очищення помилок.",[5512,6541,6542,6545],{},[5489,6543,6544],{},"Синхронізація стану:"," якщо забути оновити одну з пов'язаних змінних, стан стає неконсистентним.",[5512,6547,6548,6551],{},[5489,6549,6550],{},"Неможливість відстеження історії:"," складно зрозуміти, яка послідовність дій призвела до поточного стану.",[5512,6553,6554,6557],{},[5489,6555,6556],{},"Тестування:"," для тестування логіки доводиться монтувати весь компонент і симулювати послідовності подій.",[6559,6560,6561,6562,6564,6565,6568,6569,6572,6573,5521],"note",{},"Критична межа, після якої ",[5477,6563,5520],{}," стає обтяжливим, — це ",[5489,6566,6567],{},"три або більше пов'язаних змінних стану",", які часто оновлюються разом. Якщо ви регулярно пишете ",[5477,6570,6571],{},"setState1(...); setState2(...); setState3(...)"," у одному обробнику події, це сигнал до рефакторингу у ",[5477,6574,5479],{},[5598,6576],{},[5601,6578,6580],{"id":6579},"анатомія-редюсера-чиста-функція-переходу-стану","Анатомія редюсера: чиста функція переходу стану",[5485,6582,6583,6043,6586,6589,6590,6593,6594,6597],{},[5489,6584,6585],{},"Редюсер",[5529,6587,6588],{},"reducer",") — це чиста функція, яка приймає поточний стан та об'єкт екшену (",[5529,6591,6592],{},"action","), і повертає новий стан. Назва походить від методу масивів ",[5477,6595,6596],{},"Array.prototype.reduce()",", який «згортає» масив значень у єдиний результат, застосовуючи функцію до кожного елемента послідовно. Аналогічно редюсер «згортає» історію екшенів у поточний стан застосунку.",[5485,6599,6600],{},"Сигнатура редюсера у TypeScript:",[5620,6602,6604],{"className":5622,"code":6603,"language":5624,"meta":5625,"style":5625},"type Reducer\u003CS, A> = (state: S, action: A) => S;\n",[5477,6605,6606],{"__ignoreMap":5625},[5629,6607,6608,6610,6613,6615,6618,6620,6623,6626,6629,6631,6633,6635,6637,6639,6641,6643,6645,6648],{"class":5631,"line":5632},[5629,6609,5570],{"class":5669},[5629,6611,6612],{"class":5673}," Reducer",[5629,6614,5972],{"class":5639},[5629,6616,6617],{"class":5673},"S",[5629,6619,5832],{"class":5639},[5629,6621,6622],{"class":5673},"A",[5629,6624,6625],{"class":5639},"> = (",[5629,6627,6628],{"class":5643},"state",[5629,6630,5686],{"class":5639},[5629,6632,6617],{"class":5673},[5629,6634,5832],{"class":5639},[5629,6636,6592],{"class":5643},[5629,6638,5686],{"class":5639},[5629,6640,6622],{"class":5673},[5629,6642,6010],{"class":5639},[5629,6644,6013],{"class":5669},[5629,6646,6647],{"class":5673}," S",[5629,6649,5656],{"class":5639},[5485,6651,6652],{},"Де:",[5509,6654,6655,6663],{},[5512,6656,6657,6043,6659,6662],{},[5477,6658,6617],{},[5529,6660,6661],{},"State",") — тип стану компонента (об'єкт, масив, примітивне значення).",[5512,6664,6665,6043,6667,6669,6670,6672,6673,5521],{},[5477,6666,6622],{},[5529,6668,5566],{},") — тип екшену, зазвичай об'єкт із властивістю ",[5477,6671,5570],{}," та опціональним ",[5529,6674,5574],{},[6676,6677,6678,6679,6682,6683,5521],"tip",{},"Редюсер ",[5489,6680,6681],{},"обов'язково"," має бути чистою функцією. Це означає відсутність побічних ефектів: мережевих запитів, таймерів, модифікації аргументів, звернень до глобальних змінних. Редюсер описує «що змінилося», а не «як виконати зміну». Побічні ефекти залишаються в обробниках подій або хуках ",[5477,6684,6685],{},"useEffect",[5598,6687],{},[5601,6689,6691],{"id":6690},"перший-редюсер-лічильник-із-трьома-операціями","Перший редюсер: лічильник із трьома операціями",[5485,6693,6694],{},"Почнемо з найпростішого прикладу — лічильника, який підтримує три операції: збільшення, зменшення та скидання.",[5620,6696,6698],{"className":5622,"code":6697,"language":5624,"meta":5625,"style":5625},"import { useReducer } from \"react\";\n\n\u002F\u002F Типи екшенів через дискримінантне об'єднання\ntype CounterAction =\n  | { type: \"increment\" }\n  | { type: \"decrement\" }\n  | { type: \"reset\" };\n\n\u002F\u002F Редюсер: чиста функція переходу стану\nfunction counterReducer(state: number, action: CounterAction): number {\n  switch (action.type) {\n    case \"increment\":\n      return state + 1;\n    case \"decrement\":\n      return state - 1;\n    case \"reset\":\n      return 0;\n    default:\n      \u002F\u002F TypeScript гарантує, що ця гілка недосяжна\n      return state;\n  }\n}\n\nfunction Counter() {\n  const [count, dispatch] = useReducer(counterReducer, 0);\n\n  return (\n    \u003Cdiv className=\"counter\">\n      \u003Cp className=\"display\">Лічильник: {count}\u003C\u002Fp>\n      \u003Cdiv className=\"controls\">\n        \u003Cbutton onClick={() => dispatch({ type: \"decrement\" })}>–\u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch({ type: \"reset\" })}>↻\u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch({ type: \"increment\" })}>+\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,6699,6700,6716,6720,6725,6735,6750,6763,6777,6781,6786,6818,6833,6844,6859,6868,6881,6890,6899,6906,6911,6919,6924,6928,6932,6941,6970,6974,6982,7005,7040,7055,7102,7141,7180,7189,7198,7203],{"__ignoreMap":5625},[5629,6701,6702,6704,6706,6708,6710,6712,6714],{"class":5631,"line":5632},[5629,6703,5636],{"class":5635},[5629,6705,5640],{"class":5639},[5629,6707,5479],{"class":5643},[5629,6709,5646],{"class":5639},[5629,6711,5649],{"class":5635},[5629,6713,5653],{"class":5652},[5629,6715,5656],{"class":5639},[5629,6717,6718],{"class":5631,"line":5659},[5629,6719,5663],{"emptyLinePlaceholder":5662},[5629,6721,6722],{"class":5631,"line":5666},[5629,6723,6724],{"class":6033},"\u002F\u002F Типи екшенів через дискримінантне об'єднання\n",[5629,6726,6727,6729,6732],{"class":5631,"line":5680},[5629,6728,5570],{"class":5669},[5629,6730,6731],{"class":5673}," CounterAction",[5629,6733,6734],{"class":5639}," =\n",[5629,6736,6737,6740,6742,6744,6747],{"class":5631,"line":5694},[5629,6738,6739],{"class":5639},"  | { ",[5629,6741,5570],{"class":5643},[5629,6743,5686],{"class":5639},[5629,6745,6746],{"class":5652},"\"increment\"",[5629,6748,6749],{"class":5639}," }\n",[5629,6751,6752,6754,6756,6758,6761],{"class":5631,"line":5706},[5629,6753,6739],{"class":5639},[5629,6755,5570],{"class":5643},[5629,6757,5686],{"class":5639},[5629,6759,6760],{"class":5652},"\"decrement\"",[5629,6762,6749],{"class":5639},[5629,6764,6765,6767,6769,6771,6774],{"class":5631,"line":5718},[5629,6766,6739],{"class":5639},[5629,6768,5570],{"class":5643},[5629,6770,5686],{"class":5639},[5629,6772,6773],{"class":5652},"\"reset\"",[5629,6775,6776],{"class":5639}," };\n",[5629,6778,6779],{"class":5631,"line":5731},[5629,6780,5663],{"emptyLinePlaceholder":5662},[5629,6782,6783],{"class":5631,"line":5743},[5629,6784,6785],{"class":6033},"\u002F\u002F Редюсер: чиста функція переходу стану\n",[5629,6787,6788,6790,6793,6795,6797,6799,6802,6804,6806,6808,6811,6814,6816],{"class":5631,"line":5752},[5629,6789,5809],{"class":5669},[5629,6791,6792],{"class":5812}," counterReducer",[5629,6794,5843],{"class":5639},[5629,6796,6628],{"class":5643},[5629,6798,5686],{"class":5639},[5629,6800,6801],{"class":5673},"number",[5629,6803,5832],{"class":5639},[5629,6805,6592],{"class":5643},[5629,6807,5686],{"class":5639},[5629,6809,6810],{"class":5673},"CounterAction",[5629,6812,6813],{"class":5639},"): ",[5629,6815,6801],{"class":5673},[5629,6817,5677],{"class":5639},[5629,6819,6820,6823,6825,6827,6829,6831],{"class":5631,"line":5765},[5629,6821,6822],{"class":5635},"  switch",[5629,6824,6043],{"class":5639},[5629,6826,6592],{"class":5643},[5629,6828,5521],{"class":5639},[5629,6830,5570],{"class":5643},[5629,6832,6052],{"class":5639},[5629,6834,6835,6838,6841],{"class":5631,"line":5777},[5629,6836,6837],{"class":5635},"    case",[5629,6839,6840],{"class":5652}," \"increment\"",[5629,6842,6843],{"class":5639},":\n",[5629,6845,6846,6848,6851,6854,6857],{"class":5631,"line":5789},[5629,6847,6456],{"class":5635},[5629,6849,6850],{"class":5643}," state",[5629,6852,6853],{"class":5639}," + ",[5629,6855,6856],{"class":6329},"1",[5629,6858,5656],{"class":5639},[5629,6860,6861,6863,6866],{"class":5631,"line":5795},[5629,6862,6837],{"class":5635},[5629,6864,6865],{"class":5652}," \"decrement\"",[5629,6867,6843],{"class":5639},[5629,6869,6870,6872,6874,6877,6879],{"class":5631,"line":5801},[5629,6871,6456],{"class":5635},[5629,6873,6850],{"class":5643},[5629,6875,6876],{"class":5639}," - ",[5629,6878,6856],{"class":6329},[5629,6880,5656],{"class":5639},[5629,6882,6883,6885,6888],{"class":5631,"line":5806},[5629,6884,6837],{"class":5635},[5629,6886,6887],{"class":5652}," \"reset\"",[5629,6889,6843],{"class":5639},[5629,6891,6892,6894,6897],{"class":5631,"line":5819},[5629,6893,6456],{"class":5635},[5629,6895,6896],{"class":6329}," 0",[5629,6898,5656],{"class":5639},[5629,6900,6901,6904],{"class":5631,"line":5852},[5629,6902,6903],{"class":5635},"    default",[5629,6905,6843],{"class":5639},[5629,6907,6908],{"class":5631,"line":5877},[5629,6909,6910],{"class":6033},"      \u002F\u002F TypeScript гарантує, що ця гілка недосяжна\n",[5629,6912,6913,6915,6917],{"class":5631,"line":5902},[5629,6914,6456],{"class":5635},[5629,6916,6850],{"class":5643},[5629,6918,5656],{"class":5639},[5629,6920,6921],{"class":5631,"line":5928},[5629,6922,6923],{"class":5639},"  }\n",[5629,6925,6926],{"class":5631,"line":5953},[5629,6927,5798],{"class":5639},[5629,6929,6930],{"class":5631,"line":5987},[5629,6931,5663],{"emptyLinePlaceholder":5662},[5629,6933,6934,6936,6939],{"class":5631,"line":5992},[5629,6935,5809],{"class":5669},[5629,6937,6938],{"class":5812}," Counter",[5629,6940,5816],{"class":5639},[5629,6942,6943,6945,6947,6950,6952,6955,6957,6959,6961,6964,6966,6968],{"class":5631,"line":6018},[5629,6944,5822],{"class":5669},[5629,6946,5825],{"class":5639},[5629,6948,6949],{"class":5828},"count",[5629,6951,5832],{"class":5639},[5629,6953,6954],{"class":5828},"dispatch",[5629,6956,5838],{"class":5639},[5629,6958,5479],{"class":5812},[5629,6960,5843],{"class":5639},[5629,6962,6963],{"class":5643},"counterReducer",[5629,6965,5832],{"class":5639},[5629,6967,6425],{"class":6329},[5629,6969,5849],{"class":5639},[5629,6971,6972],{"class":5631,"line":6030},[5629,6973,5663],{"emptyLinePlaceholder":5662},[5629,6975,6976,6979],{"class":5631,"line":6037},[5629,6977,6978],{"class":5635},"  return",[5629,6980,6981],{"class":5639}," (\n",[5629,6983,6984,6988,6992,6996,6999,7002],{"class":5631,"line":6055},[5629,6985,6987],{"class":6986},"s0P7L","    \u003C",[5629,6989,6991],{"class":6990},"sKtos","div",[5629,6993,6995],{"class":6994},"sa4r_"," className",[5629,6997,6998],{"class":5639},"=",[5629,7000,7001],{"class":5652},"\"counter\"",[5629,7003,7004],{"class":6986},">\n",[5629,7006,7007,7010,7012,7014,7016,7019,7022,7025,7028,7030,7033,7036,7038],{"class":5631,"line":6087},[5629,7008,7009],{"class":6986},"      \u003C",[5629,7011,5485],{"class":6990},[5629,7013,6995],{"class":6994},[5629,7015,6998],{"class":5639},[5629,7017,7018],{"class":5652},"\"display\"",[5629,7020,7021],{"class":6986},">",[5629,7023,7024],{"class":5639},"Лічильник: ",[5629,7026,7027],{"class":5669},"{",[5629,7029,6949],{"class":5643},[5629,7031,7032],{"class":5669},"}",[5629,7034,7035],{"class":6986},"\u003C\u002F",[5629,7037,5485],{"class":6990},[5629,7039,7004],{"class":6986},[5629,7041,7042,7044,7046,7048,7050,7053],{"class":5631,"line":6093},[5629,7043,7009],{"class":6986},[5629,7045,6991],{"class":6990},[5629,7047,6995],{"class":6994},[5629,7049,6998],{"class":5639},[5629,7051,7052],{"class":5652},"\"controls\"",[5629,7054,7004],{"class":6986},[5629,7056,7057,7060,7063,7066,7068,7070,7074,7076,7079,7081,7084,7086,7089,7091,7093,7096,7098,7100],{"class":5631,"line":6098},[5629,7058,7059],{"class":6986},"        \u003C",[5629,7061,7062],{"class":6990},"button",[5629,7064,7065],{"class":6994}," onClick",[5629,7067,6998],{"class":5639},[5629,7069,7027],{"class":5669},[5629,7071,7073],{"class":7072},"sD7JJ","() ",[5629,7075,6013],{"class":5669},[5629,7077,7078],{"class":5812}," dispatch",[5629,7080,6486],{"class":7072},[5629,7082,7083],{"class":5643},"type:",[5629,7085,6865],{"class":5652},[5629,7087,7088],{"class":7072}," })",[5629,7090,7032],{"class":5669},[5629,7092,7021],{"class":6986},[5629,7094,7095],{"class":5639},"–",[5629,7097,7035],{"class":6986},[5629,7099,7062],{"class":6990},[5629,7101,7004],{"class":6986},[5629,7103,7104,7106,7108,7110,7112,7114,7116,7118,7120,7122,7124,7126,7128,7130,7132,7135,7137,7139],{"class":5631,"line":6103},[5629,7105,7059],{"class":6986},[5629,7107,7062],{"class":6990},[5629,7109,7065],{"class":6994},[5629,7111,6998],{"class":5639},[5629,7113,7027],{"class":5669},[5629,7115,7073],{"class":7072},[5629,7117,6013],{"class":5669},[5629,7119,7078],{"class":5812},[5629,7121,6486],{"class":7072},[5629,7123,7083],{"class":5643},[5629,7125,6887],{"class":5652},[5629,7127,7088],{"class":7072},[5629,7129,7032],{"class":5669},[5629,7131,7021],{"class":6986},[5629,7133,7134],{"class":5639},"↻",[5629,7136,7035],{"class":6986},[5629,7138,7062],{"class":6990},[5629,7140,7004],{"class":6986},[5629,7142,7143,7145,7147,7149,7151,7153,7155,7157,7159,7161,7163,7165,7167,7169,7171,7174,7176,7178],{"class":5631,"line":6125},[5629,7144,7059],{"class":6986},[5629,7146,7062],{"class":6990},[5629,7148,7065],{"class":6994},[5629,7150,6998],{"class":5639},[5629,7152,7027],{"class":5669},[5629,7154,7073],{"class":7072},[5629,7156,6013],{"class":5669},[5629,7158,7078],{"class":5812},[5629,7160,6486],{"class":7072},[5629,7162,7083],{"class":5643},[5629,7164,6840],{"class":5652},[5629,7166,7088],{"class":7072},[5629,7168,7032],{"class":5669},[5629,7170,7021],{"class":6986},[5629,7172,7173],{"class":5639},"+",[5629,7175,7035],{"class":6986},[5629,7177,7062],{"class":6990},[5629,7179,7004],{"class":6986},[5629,7181,7182,7185,7187],{"class":5631,"line":6137},[5629,7183,7184],{"class":6986},"      \u003C\u002F",[5629,7186,6991],{"class":6990},[5629,7188,7004],{"class":6986},[5629,7190,7191,7194,7196],{"class":5631,"line":6152},[5629,7192,7193],{"class":6986},"    \u003C\u002F",[5629,7195,6991],{"class":6990},[5629,7197,7004],{"class":6986},[5629,7199,7200],{"class":5631,"line":6178},[5629,7201,7202],{"class":5639},"  );\n",[5629,7204,7205],{"class":5631,"line":6183},[5629,7206,5798],{"class":5639},[7208,7209,7213,7697],"react-project-preview",{":height":7210,"entry":7211,"title":7212},"520","src\u002FApp.tsx","Лічильник через useReducer",[5620,7214,7216],{"className":5622,"code":7215,"filename":7211,"language":5624,"meta":5625,"style":5625},"import { useReducer } from 'react';\nimport '.\u002Fstyles.css';\n\ntype CounterAction =\n  | { type: 'increment' }\n  | { type: 'decrement' }\n  | { type: 'reset' };\n\nfunction counterReducer(state: number, action: CounterAction): number {\n  switch (action.type) {\n    case 'increment':\n      return state + 1;\n    case 'decrement':\n      return state - 1;\n    case 'reset':\n      return 0;\n    default:\n      return state;\n  }\n}\n\nexport default function App() {\n  const [count, dispatch] = useReducer(counterReducer, 0);\n\n  return (\n    \u003Cdiv className=\"container\">\n      \u003Cdiv className=\"counter\">\n        \u003Cp className=\"display\">Лічильник: {count}\u003C\u002Fp>\n        \u003Cdiv className=\"controls\">\n          \u003Cbutton onClick={() => dispatch({ type: 'decrement' })}>–\u003C\u002Fbutton>\n          \u003Cbutton onClick={() => dispatch({ type: 'reset' })}>↻\u003C\u002Fbutton>\n          \u003Cbutton onClick={() => dispatch({ type: 'increment' })}>+\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,7217,7218,7235,7244,7248,7256,7269,7282,7295,7299,7327,7341,7350,7362,7371,7383,7392,7400,7406,7414,7418,7422,7426,7442,7468,7472,7478,7493,7507,7535,7549,7588,7626,7664,7673,7681,7689,7693],{"__ignoreMap":5625},[5629,7219,7220,7222,7224,7226,7228,7230,7233],{"class":5631,"line":5632},[5629,7221,5636],{"class":5635},[5629,7223,5640],{"class":5639},[5629,7225,5479],{"class":5643},[5629,7227,5646],{"class":5639},[5629,7229,5649],{"class":5635},[5629,7231,7232],{"class":5652}," 'react'",[5629,7234,5656],{"class":5639},[5629,7236,7237,7239,7242],{"class":5631,"line":5659},[5629,7238,5636],{"class":5635},[5629,7240,7241],{"class":5652}," '.\u002Fstyles.css'",[5629,7243,5656],{"class":5639},[5629,7245,7246],{"class":5631,"line":5666},[5629,7247,5663],{"emptyLinePlaceholder":5662},[5629,7249,7250,7252,7254],{"class":5631,"line":5680},[5629,7251,5570],{"class":5669},[5629,7253,6731],{"class":5673},[5629,7255,6734],{"class":5639},[5629,7257,7258,7260,7262,7264,7267],{"class":5631,"line":5694},[5629,7259,6739],{"class":5639},[5629,7261,5570],{"class":5643},[5629,7263,5686],{"class":5639},[5629,7265,7266],{"class":5652},"'increment'",[5629,7268,6749],{"class":5639},[5629,7270,7271,7273,7275,7277,7280],{"class":5631,"line":5706},[5629,7272,6739],{"class":5639},[5629,7274,5570],{"class":5643},[5629,7276,5686],{"class":5639},[5629,7278,7279],{"class":5652},"'decrement'",[5629,7281,6749],{"class":5639},[5629,7283,7284,7286,7288,7290,7293],{"class":5631,"line":5718},[5629,7285,6739],{"class":5639},[5629,7287,5570],{"class":5643},[5629,7289,5686],{"class":5639},[5629,7291,7292],{"class":5652},"'reset'",[5629,7294,6776],{"class":5639},[5629,7296,7297],{"class":5631,"line":5731},[5629,7298,5663],{"emptyLinePlaceholder":5662},[5629,7300,7301,7303,7305,7307,7309,7311,7313,7315,7317,7319,7321,7323,7325],{"class":5631,"line":5743},[5629,7302,5809],{"class":5669},[5629,7304,6792],{"class":5812},[5629,7306,5843],{"class":5639},[5629,7308,6628],{"class":5643},[5629,7310,5686],{"class":5639},[5629,7312,6801],{"class":5673},[5629,7314,5832],{"class":5639},[5629,7316,6592],{"class":5643},[5629,7318,5686],{"class":5639},[5629,7320,6810],{"class":5673},[5629,7322,6813],{"class":5639},[5629,7324,6801],{"class":5673},[5629,7326,5677],{"class":5639},[5629,7328,7329,7331,7333,7335,7337,7339],{"class":5631,"line":5752},[5629,7330,6822],{"class":5635},[5629,7332,6043],{"class":5639},[5629,7334,6592],{"class":5643},[5629,7336,5521],{"class":5639},[5629,7338,5570],{"class":5643},[5629,7340,6052],{"class":5639},[5629,7342,7343,7345,7348],{"class":5631,"line":5765},[5629,7344,6837],{"class":5635},[5629,7346,7347],{"class":5652}," 'increment'",[5629,7349,6843],{"class":5639},[5629,7351,7352,7354,7356,7358,7360],{"class":5631,"line":5777},[5629,7353,6456],{"class":5635},[5629,7355,6850],{"class":5643},[5629,7357,6853],{"class":5639},[5629,7359,6856],{"class":6329},[5629,7361,5656],{"class":5639},[5629,7363,7364,7366,7369],{"class":5631,"line":5789},[5629,7365,6837],{"class":5635},[5629,7367,7368],{"class":5652}," 'decrement'",[5629,7370,6843],{"class":5639},[5629,7372,7373,7375,7377,7379,7381],{"class":5631,"line":5795},[5629,7374,6456],{"class":5635},[5629,7376,6850],{"class":5643},[5629,7378,6876],{"class":5639},[5629,7380,6856],{"class":6329},[5629,7382,5656],{"class":5639},[5629,7384,7385,7387,7390],{"class":5631,"line":5801},[5629,7386,6837],{"class":5635},[5629,7388,7389],{"class":5652}," 'reset'",[5629,7391,6843],{"class":5639},[5629,7393,7394,7396,7398],{"class":5631,"line":5806},[5629,7395,6456],{"class":5635},[5629,7397,6896],{"class":6329},[5629,7399,5656],{"class":5639},[5629,7401,7402,7404],{"class":5631,"line":5819},[5629,7403,6903],{"class":5635},[5629,7405,6843],{"class":5639},[5629,7407,7408,7410,7412],{"class":5631,"line":5852},[5629,7409,6456],{"class":5635},[5629,7411,6850],{"class":5643},[5629,7413,5656],{"class":5639},[5629,7415,7416],{"class":5631,"line":5877},[5629,7417,6923],{"class":5639},[5629,7419,7420],{"class":5631,"line":5902},[5629,7421,5798],{"class":5639},[5629,7423,7424],{"class":5631,"line":5928},[5629,7425,5663],{"emptyLinePlaceholder":5662},[5629,7427,7428,7431,7434,7437,7440],{"class":5631,"line":5953},[5629,7429,7430],{"class":5635},"export",[5629,7432,7433],{"class":5635}," default",[5629,7435,7436],{"class":5669}," function",[5629,7438,7439],{"class":5812}," App",[5629,7441,5816],{"class":5639},[5629,7443,7444,7446,7448,7450,7452,7454,7456,7458,7460,7462,7464,7466],{"class":5631,"line":5987},[5629,7445,5822],{"class":5669},[5629,7447,5825],{"class":5639},[5629,7449,6949],{"class":5828},[5629,7451,5832],{"class":5639},[5629,7453,6954],{"class":5828},[5629,7455,5838],{"class":5639},[5629,7457,5479],{"class":5812},[5629,7459,5843],{"class":5639},[5629,7461,6963],{"class":5643},[5629,7463,5832],{"class":5639},[5629,7465,6425],{"class":6329},[5629,7467,5849],{"class":5639},[5629,7469,7470],{"class":5631,"line":5992},[5629,7471,5663],{"emptyLinePlaceholder":5662},[5629,7473,7474,7476],{"class":5631,"line":6018},[5629,7475,6978],{"class":5635},[5629,7477,6981],{"class":5639},[5629,7479,7480,7482,7484,7486,7488,7491],{"class":5631,"line":6030},[5629,7481,6987],{"class":6986},[5629,7483,6991],{"class":6990},[5629,7485,6995],{"class":6994},[5629,7487,6998],{"class":5639},[5629,7489,7490],{"class":5652},"\"container\"",[5629,7492,7004],{"class":6986},[5629,7494,7495,7497,7499,7501,7503,7505],{"class":5631,"line":6037},[5629,7496,7009],{"class":6986},[5629,7498,6991],{"class":6990},[5629,7500,6995],{"class":6994},[5629,7502,6998],{"class":5639},[5629,7504,7001],{"class":5652},[5629,7506,7004],{"class":6986},[5629,7508,7509,7511,7513,7515,7517,7519,7521,7523,7525,7527,7529,7531,7533],{"class":5631,"line":6055},[5629,7510,7059],{"class":6986},[5629,7512,5485],{"class":6990},[5629,7514,6995],{"class":6994},[5629,7516,6998],{"class":5639},[5629,7518,7018],{"class":5652},[5629,7520,7021],{"class":6986},[5629,7522,7024],{"class":5639},[5629,7524,7027],{"class":5669},[5629,7526,6949],{"class":5643},[5629,7528,7032],{"class":5669},[5629,7530,7035],{"class":6986},[5629,7532,5485],{"class":6990},[5629,7534,7004],{"class":6986},[5629,7536,7537,7539,7541,7543,7545,7547],{"class":5631,"line":6087},[5629,7538,7059],{"class":6986},[5629,7540,6991],{"class":6990},[5629,7542,6995],{"class":6994},[5629,7544,6998],{"class":5639},[5629,7546,7052],{"class":5652},[5629,7548,7004],{"class":6986},[5629,7550,7551,7554,7556,7558,7560,7562,7564,7566,7568,7570,7572,7574,7576,7578,7580,7582,7584,7586],{"class":5631,"line":6093},[5629,7552,7553],{"class":6986},"          \u003C",[5629,7555,7062],{"class":6990},[5629,7557,7065],{"class":6994},[5629,7559,6998],{"class":5639},[5629,7561,7027],{"class":5669},[5629,7563,7073],{"class":7072},[5629,7565,6013],{"class":5669},[5629,7567,7078],{"class":5812},[5629,7569,6486],{"class":7072},[5629,7571,7083],{"class":5643},[5629,7573,7368],{"class":5652},[5629,7575,7088],{"class":7072},[5629,7577,7032],{"class":5669},[5629,7579,7021],{"class":6986},[5629,7581,7095],{"class":5639},[5629,7583,7035],{"class":6986},[5629,7585,7062],{"class":6990},[5629,7587,7004],{"class":6986},[5629,7589,7590,7592,7594,7596,7598,7600,7602,7604,7606,7608,7610,7612,7614,7616,7618,7620,7622,7624],{"class":5631,"line":6098},[5629,7591,7553],{"class":6986},[5629,7593,7062],{"class":6990},[5629,7595,7065],{"class":6994},[5629,7597,6998],{"class":5639},[5629,7599,7027],{"class":5669},[5629,7601,7073],{"class":7072},[5629,7603,6013],{"class":5669},[5629,7605,7078],{"class":5812},[5629,7607,6486],{"class":7072},[5629,7609,7083],{"class":5643},[5629,7611,7389],{"class":5652},[5629,7613,7088],{"class":7072},[5629,7615,7032],{"class":5669},[5629,7617,7021],{"class":6986},[5629,7619,7134],{"class":5639},[5629,7621,7035],{"class":6986},[5629,7623,7062],{"class":6990},[5629,7625,7004],{"class":6986},[5629,7627,7628,7630,7632,7634,7636,7638,7640,7642,7644,7646,7648,7650,7652,7654,7656,7658,7660,7662],{"class":5631,"line":6103},[5629,7629,7553],{"class":6986},[5629,7631,7062],{"class":6990},[5629,7633,7065],{"class":6994},[5629,7635,6998],{"class":5639},[5629,7637,7027],{"class":5669},[5629,7639,7073],{"class":7072},[5629,7641,6013],{"class":5669},[5629,7643,7078],{"class":5812},[5629,7645,6486],{"class":7072},[5629,7647,7083],{"class":5643},[5629,7649,7347],{"class":5652},[5629,7651,7088],{"class":7072},[5629,7653,7032],{"class":5669},[5629,7655,7021],{"class":6986},[5629,7657,7173],{"class":5639},[5629,7659,7035],{"class":6986},[5629,7661,7062],{"class":6990},[5629,7663,7004],{"class":6986},[5629,7665,7666,7669,7671],{"class":5631,"line":6125},[5629,7667,7668],{"class":6986},"        \u003C\u002F",[5629,7670,6991],{"class":6990},[5629,7672,7004],{"class":6986},[5629,7674,7675,7677,7679],{"class":5631,"line":6137},[5629,7676,7184],{"class":6986},[5629,7678,6991],{"class":6990},[5629,7680,7004],{"class":6986},[5629,7682,7683,7685,7687],{"class":5631,"line":6152},[5629,7684,7193],{"class":6986},[5629,7686,6991],{"class":6990},[5629,7688,7004],{"class":6986},[5629,7690,7691],{"class":5631,"line":6178},[5629,7692,7202],{"class":5639},[5629,7694,7695],{"class":5631,"line":6183},[5629,7696,5798],{"class":5639},[5620,7698,7703],{"className":7699,"code":7700,"filename":7701,"language":7702,"meta":5625,"style":5625},"language-css shiki shiki-themes light-plus dark-plus dark-plus",".container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n  padding: 24px;\n  font-family: system-ui, -apple-system, sans-serif;\n}\n\n.counter {\n  text-align: center;\n}\n\n.display {\n  font-size: 24px;\n  font-weight: 700;\n  color: #0f172a;\n  margin: 0 0 16px;\n}\n\n.controls {\n  display: flex;\n  gap: 12px;\n}\n\nbutton {\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 8px;\n  background: #3b82f6;\n  color: white;\n  font-size: 20px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\nbutton:hover {\n  background: #2563eb;\n  transform: translateY(-2px);\n}\n\nbutton:active {\n  transform: translateY(0);\n}\n","src\u002Fstyles.css","css",[5477,7704,7705,7713,7726,7738,7749,7761,7773,7791,7795,7799,7806,7817,7821,7825,7832,7843,7855,7867,7883,7887,7891,7898,7908,7920,7924,7928,7934,7946,7957,7969,7981,7993,8004,8015,8025,8037,8055,8059,8063,8070,8081,8098,8102,8106,8113,8127],{"__ignoreMap":5625},[5629,7706,7707,7711],{"class":5631,"line":5632},[5629,7708,7710],{"class":7709},"sqdDX",".container",[5629,7712,5677],{"class":5639},[5629,7714,7715,7718,7720,7724],{"class":5631,"line":5659},[5629,7716,7717],{"class":6994},"  display",[5629,7719,5686],{"class":5639},[5629,7721,7723],{"class":7722},"sDUd3","flex",[5629,7725,5656],{"class":5639},[5629,7727,7728,7731,7733,7736],{"class":5631,"line":5666},[5629,7729,7730],{"class":6994},"  justify-content",[5629,7732,5686],{"class":5639},[5629,7734,7735],{"class":7722},"center",[5629,7737,5656],{"class":5639},[5629,7739,7740,7743,7745,7747],{"class":5631,"line":5680},[5629,7741,7742],{"class":6994},"  align-items",[5629,7744,5686],{"class":5639},[5629,7746,7735],{"class":7722},[5629,7748,5656],{"class":5639},[5629,7750,7751,7754,7756,7759],{"class":5631,"line":5694},[5629,7752,7753],{"class":6994},"  min-height",[5629,7755,5686],{"class":5639},[5629,7757,7758],{"class":6329},"100vh",[5629,7760,5656],{"class":5639},[5629,7762,7763,7766,7768,7771],{"class":5631,"line":5706},[5629,7764,7765],{"class":6994},"  padding",[5629,7767,5686],{"class":5639},[5629,7769,7770],{"class":6329},"24px",[5629,7772,5656],{"class":5639},[5629,7774,7775,7778,7780,7783,7786,7789],{"class":5631,"line":5718},[5629,7776,7777],{"class":6994},"  font-family",[5629,7779,5686],{"class":5639},[5629,7781,7782],{"class":7722},"system-ui",[5629,7784,7785],{"class":5639},", -apple-system, ",[5629,7787,7788],{"class":7722},"sans-serif",[5629,7790,5656],{"class":5639},[5629,7792,7793],{"class":5631,"line":5731},[5629,7794,5798],{"class":5639},[5629,7796,7797],{"class":5631,"line":5743},[5629,7798,5663],{"emptyLinePlaceholder":5662},[5629,7800,7801,7804],{"class":5631,"line":5752},[5629,7802,7803],{"class":7709},".counter",[5629,7805,5677],{"class":5639},[5629,7807,7808,7811,7813,7815],{"class":5631,"line":5765},[5629,7809,7810],{"class":6994},"  text-align",[5629,7812,5686],{"class":5639},[5629,7814,7735],{"class":7722},[5629,7816,5656],{"class":5639},[5629,7818,7819],{"class":5631,"line":5777},[5629,7820,5798],{"class":5639},[5629,7822,7823],{"class":5631,"line":5789},[5629,7824,5663],{"emptyLinePlaceholder":5662},[5629,7826,7827,7830],{"class":5631,"line":5795},[5629,7828,7829],{"class":7709},".display",[5629,7831,5677],{"class":5639},[5629,7833,7834,7837,7839,7841],{"class":5631,"line":5801},[5629,7835,7836],{"class":6994},"  font-size",[5629,7838,5686],{"class":5639},[5629,7840,7770],{"class":6329},[5629,7842,5656],{"class":5639},[5629,7844,7845,7848,7850,7853],{"class":5631,"line":5806},[5629,7846,7847],{"class":6994},"  font-weight",[5629,7849,5686],{"class":5639},[5629,7851,7852],{"class":6329},"700",[5629,7854,5656],{"class":5639},[5629,7856,7857,7860,7862,7865],{"class":5631,"line":5819},[5629,7858,7859],{"class":6994},"  color",[5629,7861,5686],{"class":5639},[5629,7863,7864],{"class":7722},"#0f172a",[5629,7866,5656],{"class":5639},[5629,7868,7869,7872,7874,7876,7878,7881],{"class":5631,"line":5852},[5629,7870,7871],{"class":6994},"  margin",[5629,7873,5686],{"class":5639},[5629,7875,6425],{"class":6329},[5629,7877,6896],{"class":6329},[5629,7879,7880],{"class":6329}," 16px",[5629,7882,5656],{"class":5639},[5629,7884,7885],{"class":5631,"line":5877},[5629,7886,5798],{"class":5639},[5629,7888,7889],{"class":5631,"line":5902},[5629,7890,5663],{"emptyLinePlaceholder":5662},[5629,7892,7893,7896],{"class":5631,"line":5928},[5629,7894,7895],{"class":7709},".controls",[5629,7897,5677],{"class":5639},[5629,7899,7900,7902,7904,7906],{"class":5631,"line":5953},[5629,7901,7717],{"class":6994},[5629,7903,5686],{"class":5639},[5629,7905,7723],{"class":7722},[5629,7907,5656],{"class":5639},[5629,7909,7910,7913,7915,7918],{"class":5631,"line":5987},[5629,7911,7912],{"class":6994},"  gap",[5629,7914,5686],{"class":5639},[5629,7916,7917],{"class":6329},"12px",[5629,7919,5656],{"class":5639},[5629,7921,7922],{"class":5631,"line":5992},[5629,7923,5798],{"class":5639},[5629,7925,7926],{"class":5631,"line":6018},[5629,7927,5663],{"emptyLinePlaceholder":5662},[5629,7929,7930,7932],{"class":5631,"line":6030},[5629,7931,7062],{"class":7709},[5629,7933,5677],{"class":5639},[5629,7935,7936,7939,7941,7944],{"class":5631,"line":6037},[5629,7937,7938],{"class":6994},"  width",[5629,7940,5686],{"class":5639},[5629,7942,7943],{"class":6329},"48px",[5629,7945,5656],{"class":5639},[5629,7947,7948,7951,7953,7955],{"class":5631,"line":6055},[5629,7949,7950],{"class":6994},"  height",[5629,7952,5686],{"class":5639},[5629,7954,7943],{"class":6329},[5629,7956,5656],{"class":5639},[5629,7958,7959,7962,7964,7967],{"class":5631,"line":6087},[5629,7960,7961],{"class":6994},"  border",[5629,7963,5686],{"class":5639},[5629,7965,7966],{"class":7722},"none",[5629,7968,5656],{"class":5639},[5629,7970,7971,7974,7976,7979],{"class":5631,"line":6093},[5629,7972,7973],{"class":6994},"  border-radius",[5629,7975,5686],{"class":5639},[5629,7977,7978],{"class":6329},"8px",[5629,7980,5656],{"class":5639},[5629,7982,7983,7986,7988,7991],{"class":5631,"line":6098},[5629,7984,7985],{"class":6994},"  background",[5629,7987,5686],{"class":5639},[5629,7989,7990],{"class":7722},"#3b82f6",[5629,7992,5656],{"class":5639},[5629,7994,7995,7997,7999,8002],{"class":5631,"line":6103},[5629,7996,7859],{"class":6994},[5629,7998,5686],{"class":5639},[5629,8000,8001],{"class":7722},"white",[5629,8003,5656],{"class":5639},[5629,8005,8006,8008,8010,8013],{"class":5631,"line":6125},[5629,8007,7836],{"class":6994},[5629,8009,5686],{"class":5639},[5629,8011,8012],{"class":6329},"20px",[5629,8014,5656],{"class":5639},[5629,8016,8017,8019,8021,8023],{"class":5631,"line":6137},[5629,8018,7847],{"class":6994},[5629,8020,5686],{"class":5639},[5629,8022,7852],{"class":6329},[5629,8024,5656],{"class":5639},[5629,8026,8027,8030,8032,8035],{"class":5631,"line":6152},[5629,8028,8029],{"class":6994},"  cursor",[5629,8031,5686],{"class":5639},[5629,8033,8034],{"class":7722},"pointer",[5629,8036,5656],{"class":5639},[5629,8038,8039,8042,8044,8047,8050,8053],{"class":5631,"line":6178},[5629,8040,8041],{"class":6994},"  transition",[5629,8043,5686],{"class":5639},[5629,8045,8046],{"class":7722},"all",[5629,8048,8049],{"class":6329}," 0.15s",[5629,8051,8052],{"class":7722}," ease",[5629,8054,5656],{"class":5639},[5629,8056,8057],{"class":5631,"line":6183},[5629,8058,5798],{"class":5639},[5629,8060,8061],{"class":5631,"line":6188},[5629,8062,5663],{"emptyLinePlaceholder":5662},[5629,8064,8065,8068],{"class":5631,"line":6193},[5629,8066,8067],{"class":7709},"button:hover",[5629,8069,5677],{"class":5639},[5629,8071,8072,8074,8076,8079],{"class":5631,"line":6214},[5629,8073,7985],{"class":6994},[5629,8075,5686],{"class":5639},[5629,8077,8078],{"class":7722},"#2563eb",[5629,8080,5656],{"class":5639},[5629,8082,8083,8086,8088,8091,8093,8096],{"class":5631,"line":6227},[5629,8084,8085],{"class":6994},"  transform",[5629,8087,5686],{"class":5639},[5629,8089,8090],{"class":5812},"translateY",[5629,8092,5843],{"class":5639},[5629,8094,8095],{"class":6329},"-2px",[5629,8097,5849],{"class":5639},[5629,8099,8100],{"class":5631,"line":6236},[5629,8101,5798],{"class":5639},[5629,8103,8104],{"class":5631,"line":6241},[5629,8105,5663],{"emptyLinePlaceholder":5662},[5629,8107,8108,8111],{"class":5631,"line":6247},[5629,8109,8110],{"class":7709},"button:active",[5629,8112,5677],{"class":5639},[5629,8114,8115,8117,8119,8121,8123,8125],{"class":5631,"line":6267},[5629,8116,8085],{"class":6994},[5629,8118,5686],{"class":5639},[5629,8120,8090],{"class":5812},[5629,8122,5843],{"class":5639},[5629,8124,6425],{"class":6329},[5629,8126,5849],{"class":5639},[5629,8128,8129],{"class":5631,"line":6290},[5629,8130,5798],{"class":5639},[8132,8133,8135],"h3",{"id":8134},"розбір-ключових-елементів","Розбір ключових елементів",[5485,8137,8138,8143],{},[5489,8139,8140,8141,5521],{},"Сигнатура хука ",[5477,8142,5479],{}," Перш ніж поглиблюватись у деталі, важливо чітко зрозуміти сигнатуру самого хука:",[5620,8145,8147],{"className":5622,"code":8146,"language":5624,"meta":5625,"style":5625},"function useReducer\u003CS, A>(\n  reducer: (state: S, action: A) => S,\n  initialState: S\n): [S, Dispatch\u003CA>];\n",[5477,8148,8149,8167,8198,8208],{"__ignoreMap":5625},[5629,8150,8151,8153,8156,8158,8160,8162,8164],{"class":5631,"line":5632},[5629,8152,5809],{"class":5669},[5629,8154,8155],{"class":5812}," useReducer",[5629,8157,5972],{"class":5639},[5629,8159,6617],{"class":5673},[5629,8161,5832],{"class":5639},[5629,8163,6622],{"class":5673},[5629,8165,8166],{"class":5639},">(\n",[5629,8168,8169,8172,8175,8177,8179,8181,8183,8185,8187,8189,8191,8193,8195],{"class":5631,"line":5659},[5629,8170,8171],{"class":5812},"  reducer",[5629,8173,8174],{"class":5639},": (",[5629,8176,6628],{"class":5643},[5629,8178,5686],{"class":5639},[5629,8180,6617],{"class":5673},[5629,8182,5832],{"class":5639},[5629,8184,6592],{"class":5643},[5629,8186,5686],{"class":5639},[5629,8188,6622],{"class":5673},[5629,8190,6010],{"class":5639},[5629,8192,6013],{"class":5669},[5629,8194,6647],{"class":5673},[5629,8196,8197],{"class":5639},",\n",[5629,8199,8200,8203,8205],{"class":5631,"line":5666},[5629,8201,8202],{"class":5643},"  initialState",[5629,8204,5686],{"class":5639},[5629,8206,8207],{"class":5673},"S\n",[5629,8209,8210,8213,8215,8217,8220,8222,8224],{"class":5631,"line":5680},[5629,8211,8212],{"class":5639},"): [",[5629,8214,6617],{"class":5673},[5629,8216,5832],{"class":5639},[5629,8218,8219],{"class":5673},"Dispatch",[5629,8221,5972],{"class":5639},[5629,8223,6622],{"class":5673},[5629,8225,8226],{"class":5639},">];\n",[5485,8228,6652],{},[5509,8230,8231,8238,8245,8254,8260],{},[5512,8232,8233,6043,8235,8237],{},[5477,8234,6617],{},[5529,8236,6661],{},") — тип стану вашого компонента.",[5512,8239,8240,6043,8242,8244],{},[5477,8241,6622],{},[5529,8243,5566],{},") — тип екшенів, які може обробляти редюсер.",[5512,8246,8247,8249,8250,8253],{},[5477,8248,6588],{}," — функція ",[5477,8251,8252],{},"(state: S, action: A) => S",", яка описує всі переходи стану.",[5512,8255,8256,8259],{},[5477,8257,8258],{},"initialState"," — початкове значення стану.",[5512,8261,8262,8265,8266,5521],{},[5489,8263,8264],{},"Повертає:"," масив із двох елементів ",[5477,8267,8268],{},"[поточний_стан, функція_dispatch]",[5485,8270,8271,8276,8277,8279,8280,8282,8283,8286],{},[5489,8272,8273,8274,5521],{},"Тип функції ",[5477,8275,6954],{}," Функція ",[5477,8278,6954],{},", яку повертає ",[5477,8281,5479],{},", має тип ",[5477,8284,8285],{},"Dispatch\u003CA>",":",[5620,8288,8290],{"className":5622,"code":8289,"language":5624,"meta":5625,"style":5625},"type Dispatch\u003CA> = (action: A) => void;\n",[5477,8291,8292],{"__ignoreMap":5625},[5629,8293,8294,8296,8299,8301,8303,8305,8307,8309,8311,8313,8315,8318],{"class":5631,"line":5632},[5629,8295,5570],{"class":5669},[5629,8297,8298],{"class":5673}," Dispatch",[5629,8300,5972],{"class":5639},[5629,8302,6622],{"class":5673},[5629,8304,6625],{"class":5639},[5629,8306,6592],{"class":5643},[5629,8308,5686],{"class":5639},[5629,8310,6622],{"class":5673},[5629,8312,6010],{"class":5639},[5629,8314,6013],{"class":5669},[5629,8316,8317],{"class":5673}," void",[5629,8319,5656],{"class":5639},[5485,8321,8322,8323,8325,8326,8328,8329,8331,8332,8335,8336,8338,8339,5521],{},"Це означає, що ",[5477,8324,6954],{}," приймає об'єкт типу ",[5477,8327,6622],{}," (ваш екшен) і нічого не повертає. Виклик ",[5477,8330,6954],{}," не змінює стан миттєво — він лише ",[5489,8333,8334],{},"планує"," оновлення для наступного рендеру, як і ",[5477,8337,5584],{}," у ",[5477,8340,5520],{},[6559,8342,8343,8344,8346,8347,8350,8351,8353,8354,5521],{},"Функція ",[5477,8345,6954],{}," має ",[5489,8348,8349],{},"стабільний референс"," між рендерами — React гарантує, що це завжди той самий об'єкт. Це робить безпечним передавання ",[5477,8352,6954],{}," як пропа без необхідності мемоїзації через ",[5477,8355,8356],{},"useCallback",[5485,8358,8359,8362,8363,8365,8366,8368,8369,8371,8372,6043,8375,8378,8379,8382],{},[5489,8360,8361],{},"Дискримінантне об'єднання екшенів."," TypeScript-тип ",[5477,8364,6810],{}," — це об'єднання трьох варіантів екшенів, кожен із яких має унікальне значення ",[5477,8367,5570],{},". Властивість ",[5477,8370,5570],{}," виступає ",[5489,8373,8374],{},"дискримінантом",[5529,8376,8377],{},"discriminant",") — вона дозволяє TypeScript звузити тип екшену всередині кожної гілки ",[5477,8380,8381],{},"switch",". Це забезпечує повну безпеку типів та автодоповнення.",[5485,8384,8385,8276,8388,8390,8391,8393],{},[5489,8386,8387],{},"Чистота редюсера.",[5477,8389,6963],{}," не має побічних ефектів і не модифікує аргумент ",[5477,8392,6628],{},". Вона повертає нове число, обчислене на основі попереднього стану та типу екшену. Це дозволяє React безпечно мемоїзувати та оптимізувати рендеринг.",[5485,8395,8396,8401,8402,8404,8405,8407],{},[5489,8397,8398,8399,5521],{},"Виклик ",[5477,8400,5479],{}," Хук приймає два аргументи: функцію редюсера та початкове значення стану. Він повертає масив із двох елементів: поточний стан та функцію ",[5477,8403,6954],{},". Функція ",[5477,8406,6954],{}," приймає екшен-об'єкт і викликає редюсер із поточним станом, після чого React перерендерює компонент із новим станом.",[8409,8410,8411,8412,8415],"warning",{},"Ніколи не модифікуйте стан напряму всередині редюсера. Конструкція ",[5477,8413,8414],{},"state++; return state;"," порушує незмінність і призводить до непередбачуваної поведінки React. Завжди повертайте новий об'єкт, масив або примітивне значення.",[5598,8417],{},[5601,8419,8421],{"id":8420},"екшени-з-payload-передача-даних-у-редюсер","Екшени з payload: передача даних у редюсер",[5485,8423,8424,8425,8427,8428,8431],{},"У реальних застосунках екшени рідко бувають порожніми — вони зазвичай несуть дані (",[5529,8426,5574],{},"), необхідні для оновлення стану. Розглянемо список завдань (",[5529,8429,8430],{},"to-do list","), де кожен екшен має додаткові параметри.",[5620,8433,8435],{"className":5622,"code":8434,"language":5624,"meta":5625,"style":5625},"import { useReducer, useState } from \"react\";\n\ninterface Task {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\ntype TaskAction =\n  | { type: \"added\"; text: string }\n  | { type: \"toggled\"; id: number }\n  | { type: \"deleted\"; id: number };\n\nfunction tasksReducer(state: Task[], action: TaskAction): Task[] {\n  switch (action.type) {\n    case \"added\":\n      return [\n        ...state,\n        {\n          id: Date.now(),\n          text: action.text,\n          completed: false,\n        },\n      ];\n\n    case \"toggled\":\n      return state.map((task) =>\n        task.id === action.id ? { ...task, completed: !task.completed } : task\n      );\n\n    case \"deleted\":\n      return state.filter((task) => task.id !== action.id);\n\n    default:\n      return state;\n  }\n}\n\nfunction TaskList() {\n  const [tasks, dispatch] = useReducer(tasksReducer, []);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const handleAdd = () => {\n    if (inputValue.trim()) {\n      dispatch({ type: \"added\", text: inputValue.trim() });\n      setInputValue(\"\");\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"task-list\">\n      \u003Cdiv className=\"input-group\">\n        \u003Cinput\n          type=\"text\"\n          placeholder=\"Нове завдання...\"\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n          onKeyDown={(e) => e.key === \"Enter\" && handleAdd()}\n        \u002F>\n        \u003Cbutton onClick={handleAdd}>Додати\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n\n      \u003Cul className=\"tasks\">\n        {tasks.map((task) => (\n          \u003Cli key={task.id} className={task.completed ? \"completed\" : \"\"}>\n            \u003Cinput\n              type=\"checkbox\"\n              checked={task.completed}\n              onChange={() => dispatch({ type: \"toggled\", id: task.id })}\n            \u002F>\n            \u003Cspan>{task.text}\u003C\u002Fspan>\n            \u003Cbutton\n              className=\"delete\"\n              onClick={() => dispatch({ type: \"deleted\", id: task.id })}\n            >\n              ✕\n            \u003C\u002Fbutton>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n\n      {tasks.length === 0 && (\n        \u003Cp className=\"empty-state\">Список завдань порожній\u003C\u002Fp>\n      )}\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,8436,8437,8457,8461,8470,8481,8492,8503,8507,8511,8520,8543,8565,8586,8590,8623,8637,8646,8653,8662,8667,8683,8697,8707,8712,8717,8721,8730,8751,8795,8800,8804,8813,8849,8853,8859,8867,8871,8875,8879,8888,8913,8937,8941,8955,8971,8997,9008,9012,9016,9020,9026,9041,9056,9063,9073,9083,9096,9135,9176,9181,9209,9217,9221,9236,9257,9306,9313,9323,9341,9378,9384,9409,9417,9428,9464,9470,9476,9486,9496,9504,9513,9518,9538,9563,9571,9580,9585],{"__ignoreMap":5625},[5629,8438,8439,8441,8443,8445,8447,8449,8451,8453,8455],{"class":5631,"line":5632},[5629,8440,5636],{"class":5635},[5629,8442,5640],{"class":5639},[5629,8444,5479],{"class":5643},[5629,8446,5832],{"class":5639},[5629,8448,5520],{"class":5643},[5629,8450,5646],{"class":5639},[5629,8452,5649],{"class":5635},[5629,8454,5653],{"class":5652},[5629,8456,5656],{"class":5639},[5629,8458,8459],{"class":5631,"line":5659},[5629,8460,5663],{"emptyLinePlaceholder":5662},[5629,8462,8463,8465,8468],{"class":5631,"line":5666},[5629,8464,5670],{"class":5669},[5629,8466,8467],{"class":5673}," Task",[5629,8469,5677],{"class":5639},[5629,8471,8472,8475,8477,8479],{"class":5631,"line":5680},[5629,8473,8474],{"class":5643},"  id",[5629,8476,5686],{"class":5639},[5629,8478,6801],{"class":5673},[5629,8480,5656],{"class":5639},[5629,8482,8483,8486,8488,8490],{"class":5631,"line":5694},[5629,8484,8485],{"class":5643},"  text",[5629,8487,5686],{"class":5639},[5629,8489,5689],{"class":5673},[5629,8491,5656],{"class":5639},[5629,8493,8494,8497,8499,8501],{"class":5631,"line":5706},[5629,8495,8496],{"class":5643},"  completed",[5629,8498,5686],{"class":5639},[5629,8500,5726],{"class":5673},[5629,8502,5656],{"class":5639},[5629,8504,8505],{"class":5631,"line":5718},[5629,8506,5798],{"class":5639},[5629,8508,8509],{"class":5631,"line":5731},[5629,8510,5663],{"emptyLinePlaceholder":5662},[5629,8512,8513,8515,8518],{"class":5631,"line":5743},[5629,8514,5570],{"class":5669},[5629,8516,8517],{"class":5673}," TaskAction",[5629,8519,6734],{"class":5639},[5629,8521,8522,8524,8526,8528,8531,8534,8537,8539,8541],{"class":5631,"line":5752},[5629,8523,6739],{"class":5639},[5629,8525,5570],{"class":5643},[5629,8527,5686],{"class":5639},[5629,8529,8530],{"class":5652},"\"added\"",[5629,8532,8533],{"class":5639},"; ",[5629,8535,8536],{"class":5643},"text",[5629,8538,5686],{"class":5639},[5629,8540,5689],{"class":5673},[5629,8542,6749],{"class":5639},[5629,8544,8545,8547,8549,8551,8554,8556,8559,8561,8563],{"class":5631,"line":5765},[5629,8546,6739],{"class":5639},[5629,8548,5570],{"class":5643},[5629,8550,5686],{"class":5639},[5629,8552,8553],{"class":5652},"\"toggled\"",[5629,8555,8533],{"class":5639},[5629,8557,8558],{"class":5643},"id",[5629,8560,5686],{"class":5639},[5629,8562,6801],{"class":5673},[5629,8564,6749],{"class":5639},[5629,8566,8567,8569,8571,8573,8576,8578,8580,8582,8584],{"class":5631,"line":5777},[5629,8568,6739],{"class":5639},[5629,8570,5570],{"class":5643},[5629,8572,5686],{"class":5639},[5629,8574,8575],{"class":5652},"\"deleted\"",[5629,8577,8533],{"class":5639},[5629,8579,8558],{"class":5643},[5629,8581,5686],{"class":5639},[5629,8583,6801],{"class":5673},[5629,8585,6776],{"class":5639},[5629,8587,8588],{"class":5631,"line":5789},[5629,8589,5663],{"emptyLinePlaceholder":5662},[5629,8591,8592,8594,8597,8599,8601,8603,8606,8609,8611,8613,8616,8618,8620],{"class":5631,"line":5795},[5629,8593,5809],{"class":5669},[5629,8595,8596],{"class":5812}," tasksReducer",[5629,8598,5843],{"class":5639},[5629,8600,6628],{"class":5643},[5629,8602,5686],{"class":5639},[5629,8604,8605],{"class":5673},"Task",[5629,8607,8608],{"class":5639},"[], ",[5629,8610,6592],{"class":5643},[5629,8612,5686],{"class":5639},[5629,8614,8615],{"class":5673},"TaskAction",[5629,8617,6813],{"class":5639},[5629,8619,8605],{"class":5673},[5629,8621,8622],{"class":5639},"[] {\n",[5629,8624,8625,8627,8629,8631,8633,8635],{"class":5631,"line":5801},[5629,8626,6822],{"class":5635},[5629,8628,6043],{"class":5639},[5629,8630,6592],{"class":5643},[5629,8632,5521],{"class":5639},[5629,8634,5570],{"class":5643},[5629,8636,6052],{"class":5639},[5629,8638,8639,8641,8644],{"class":5631,"line":5806},[5629,8640,6837],{"class":5635},[5629,8642,8643],{"class":5652}," \"added\"",[5629,8645,6843],{"class":5639},[5629,8647,8648,8650],{"class":5631,"line":5819},[5629,8649,6456],{"class":5635},[5629,8651,8652],{"class":5639}," [\n",[5629,8654,8655,8658,8660],{"class":5631,"line":5852},[5629,8656,8657],{"class":5639},"        ...",[5629,8659,6628],{"class":5643},[5629,8661,8197],{"class":5639},[5629,8663,8664],{"class":5631,"line":5877},[5629,8665,8666],{"class":5639},"        {\n",[5629,8668,8669,8672,8675,8677,8680],{"class":5631,"line":5902},[5629,8670,8671],{"class":5643},"          id:",[5629,8673,8674],{"class":5643}," Date",[5629,8676,5521],{"class":5639},[5629,8678,8679],{"class":5812},"now",[5629,8681,8682],{"class":5639},"(),\n",[5629,8684,8685,8688,8691,8693,8695],{"class":5631,"line":5928},[5629,8686,8687],{"class":5643},"          text:",[5629,8689,8690],{"class":5643}," action",[5629,8692,5521],{"class":5639},[5629,8694,8536],{"class":5643},[5629,8696,8197],{"class":5639},[5629,8698,8699,8702,8705],{"class":5631,"line":5953},[5629,8700,8701],{"class":5643},"          completed:",[5629,8703,8704],{"class":5669}," false",[5629,8706,8197],{"class":5639},[5629,8708,8709],{"class":5631,"line":5987},[5629,8710,8711],{"class":5639},"        },\n",[5629,8713,8714],{"class":5631,"line":5992},[5629,8715,8716],{"class":5639},"      ];\n",[5629,8718,8719],{"class":5631,"line":6018},[5629,8720,5663],{"emptyLinePlaceholder":5662},[5629,8722,8723,8725,8728],{"class":5631,"line":6030},[5629,8724,6837],{"class":5635},[5629,8726,8727],{"class":5652}," \"toggled\"",[5629,8729,6843],{"class":5639},[5629,8731,8732,8734,8736,8738,8741,8743,8746,8748],{"class":5631,"line":6037},[5629,8733,6456],{"class":5635},[5629,8735,6850],{"class":5643},[5629,8737,5521],{"class":5639},[5629,8739,8740],{"class":5812},"map",[5629,8742,6061],{"class":5639},[5629,8744,8745],{"class":5643},"task",[5629,8747,6010],{"class":5639},[5629,8749,8750],{"class":5669},"=>\n",[5629,8752,8753,8756,8758,8760,8763,8765,8767,8769,8772,8774,8776,8779,8782,8784,8786,8789,8792],{"class":5631,"line":6055},[5629,8754,8755],{"class":5643},"        task",[5629,8757,5521],{"class":5639},[5629,8759,8558],{"class":5643},[5629,8761,8762],{"class":5639}," === ",[5629,8764,6592],{"class":5643},[5629,8766,5521],{"class":5639},[5629,8768,8558],{"class":5643},[5629,8770,8771],{"class":5639}," ? { ...",[5629,8773,8745],{"class":5643},[5629,8775,5832],{"class":5639},[5629,8777,8778],{"class":5643},"completed:",[5629,8780,8781],{"class":5639}," !",[5629,8783,8745],{"class":5643},[5629,8785,5521],{"class":5639},[5629,8787,8788],{"class":5643},"completed",[5629,8790,8791],{"class":5639}," } : ",[5629,8793,8794],{"class":5643},"task\n",[5629,8796,8797],{"class":5631,"line":6087},[5629,8798,8799],{"class":5639},"      );\n",[5629,8801,8802],{"class":5631,"line":6093},[5629,8803,5663],{"emptyLinePlaceholder":5662},[5629,8805,8806,8808,8811],{"class":5631,"line":6098},[5629,8807,6837],{"class":5635},[5629,8809,8810],{"class":5652}," \"deleted\"",[5629,8812,6843],{"class":5639},[5629,8814,8815,8817,8819,8821,8824,8826,8828,8830,8832,8835,8837,8839,8841,8843,8845,8847],{"class":5631,"line":6103},[5629,8816,6456],{"class":5635},[5629,8818,6850],{"class":5643},[5629,8820,5521],{"class":5639},[5629,8822,8823],{"class":5812},"filter",[5629,8825,6061],{"class":5639},[5629,8827,8745],{"class":5643},[5629,8829,6010],{"class":5639},[5629,8831,6013],{"class":5669},[5629,8833,8834],{"class":5643}," task",[5629,8836,5521],{"class":5639},[5629,8838,8558],{"class":5643},[5629,8840,6365],{"class":5639},[5629,8842,6592],{"class":5643},[5629,8844,5521],{"class":5639},[5629,8846,8558],{"class":5643},[5629,8848,5849],{"class":5639},[5629,8850,8851],{"class":5631,"line":6125},[5629,8852,5663],{"emptyLinePlaceholder":5662},[5629,8854,8855,8857],{"class":5631,"line":6137},[5629,8856,6903],{"class":5635},[5629,8858,6843],{"class":5639},[5629,8860,8861,8863,8865],{"class":5631,"line":6152},[5629,8862,6456],{"class":5635},[5629,8864,6850],{"class":5643},[5629,8866,5656],{"class":5639},[5629,8868,8869],{"class":5631,"line":6178},[5629,8870,6923],{"class":5639},[5629,8872,8873],{"class":5631,"line":6183},[5629,8874,5798],{"class":5639},[5629,8876,8877],{"class":5631,"line":6188},[5629,8878,5663],{"emptyLinePlaceholder":5662},[5629,8880,8881,8883,8886],{"class":5631,"line":6193},[5629,8882,5809],{"class":5669},[5629,8884,8885],{"class":5812}," TaskList",[5629,8887,5816],{"class":5639},[5629,8889,8890,8892,8894,8897,8899,8901,8903,8905,8907,8910],{"class":5631,"line":6214},[5629,8891,5822],{"class":5669},[5629,8893,5825],{"class":5639},[5629,8895,8896],{"class":5828},"tasks",[5629,8898,5832],{"class":5639},[5629,8900,6954],{"class":5828},[5629,8902,5838],{"class":5639},[5629,8904,5479],{"class":5812},[5629,8906,5843],{"class":5639},[5629,8908,8909],{"class":5643},"tasksReducer",[5629,8911,8912],{"class":5639},", []);\n",[5629,8914,8915,8917,8919,8922,8924,8927,8929,8931,8933,8935],{"class":5631,"line":6227},[5629,8916,5822],{"class":5669},[5629,8918,5825],{"class":5639},[5629,8920,8921],{"class":5828},"inputValue",[5629,8923,5832],{"class":5639},[5629,8925,8926],{"class":5828},"setInputValue",[5629,8928,5838],{"class":5639},[5629,8930,5520],{"class":5812},[5629,8932,5843],{"class":5639},[5629,8934,5846],{"class":5652},[5629,8936,5849],{"class":5639},[5629,8938,8939],{"class":5631,"line":6236},[5629,8940,5663],{"emptyLinePlaceholder":5662},[5629,8942,8943,8945,8948,8951,8953],{"class":5631,"line":6241},[5629,8944,5822],{"class":5669},[5629,8946,8947],{"class":5812}," handleAdd",[5629,8949,8950],{"class":5639}," = () ",[5629,8952,6013],{"class":5669},[5629,8954,5677],{"class":5639},[5629,8956,8957,8959,8961,8963,8965,8968],{"class":5631,"line":6247},[5629,8958,6040],{"class":5635},[5629,8960,6043],{"class":5639},[5629,8962,8921],{"class":5643},[5629,8964,5521],{"class":5639},[5629,8966,8967],{"class":5812},"trim",[5629,8969,8970],{"class":5639},"()) {\n",[5629,8972,8973,8976,8978,8980,8982,8984,8987,8990,8992,8994],{"class":5631,"line":6267},[5629,8974,8975],{"class":5812},"      dispatch",[5629,8977,6486],{"class":5639},[5629,8979,7083],{"class":5643},[5629,8981,8643],{"class":5652},[5629,8983,5832],{"class":5639},[5629,8985,8986],{"class":5643},"text:",[5629,8988,8989],{"class":5643}," inputValue",[5629,8991,5521],{"class":5639},[5629,8993,8967],{"class":5812},[5629,8995,8996],{"class":5639},"() });\n",[5629,8998,8999,9002,9004,9006],{"class":5631,"line":6290},[5629,9000,9001],{"class":5812},"      setInputValue",[5629,9003,5843],{"class":5639},[5629,9005,5846],{"class":5652},[5629,9007,5849],{"class":5639},[5629,9009,9010],{"class":5631,"line":6307},[5629,9011,6090],{"class":5639},[5629,9013,9014],{"class":5631,"line":6312},[5629,9015,5792],{"class":5639},[5629,9017,9018],{"class":5631,"line":6335},[5629,9019,5663],{"emptyLinePlaceholder":5662},[5629,9021,9022,9024],{"class":5631,"line":6351},[5629,9023,6978],{"class":5635},[5629,9025,6981],{"class":5639},[5629,9027,9028,9030,9032,9034,9036,9039],{"class":5631,"line":6356},[5629,9029,6987],{"class":6986},[5629,9031,6991],{"class":6990},[5629,9033,6995],{"class":6994},[5629,9035,6998],{"class":5639},[5629,9037,9038],{"class":5652},"\"task-list\"",[5629,9040,7004],{"class":6986},[5629,9042,9043,9045,9047,9049,9051,9054],{"class":5631,"line":6372},[5629,9044,7009],{"class":6986},[5629,9046,6991],{"class":6990},[5629,9048,6995],{"class":6994},[5629,9050,6998],{"class":5639},[5629,9052,9053],{"class":5652},"\"input-group\"",[5629,9055,7004],{"class":6986},[5629,9057,9058,9060],{"class":5631,"line":6388},[5629,9059,7059],{"class":6986},[5629,9061,9062],{"class":6990},"input\n",[5629,9064,9065,9068,9070],{"class":5631,"line":6393},[5629,9066,9067],{"class":6994},"          type",[5629,9069,6998],{"class":5639},[5629,9071,9072],{"class":5652},"\"text\"\n",[5629,9074,9075,9078,9080],{"class":5631,"line":6398},[5629,9076,9077],{"class":6994},"          placeholder",[5629,9079,6998],{"class":5639},[5629,9081,9082],{"class":5652},"\"Нове завдання...\"\n",[5629,9084,9085,9088,9090,9092,9094],{"class":5631,"line":6430},[5629,9086,9087],{"class":6994},"          value",[5629,9089,6998],{"class":5639},[5629,9091,7027],{"class":5669},[5629,9093,8921],{"class":5643},[5629,9095,5798],{"class":5669},[5629,9097,9098,9101,9103,9105,9107,9110,9112,9114,9117,9119,9121,9123,9126,9128,9130,9133],{"class":5631,"line":6441},[5629,9099,9100],{"class":6994},"          onChange",[5629,9102,6998],{"class":5639},[5629,9104,7027],{"class":5669},[5629,9106,5843],{"class":7072},[5629,9108,9109],{"class":5643},"e",[5629,9111,6010],{"class":7072},[5629,9113,6013],{"class":5669},[5629,9115,9116],{"class":5812}," setInputValue",[5629,9118,5843],{"class":7072},[5629,9120,9109],{"class":5643},[5629,9122,5521],{"class":7072},[5629,9124,9125],{"class":5643},"target",[5629,9127,5521],{"class":7072},[5629,9129,6003],{"class":5643},[5629,9131,9132],{"class":7072},")",[5629,9134,5798],{"class":5669},[5629,9136,9137,9140,9142,9144,9146,9148,9150,9152,9155,9157,9160,9163,9166,9169,9171,9174],{"class":5631,"line":6453},[5629,9138,9139],{"class":6994},"          onKeyDown",[5629,9141,6998],{"class":5639},[5629,9143,7027],{"class":5669},[5629,9145,5843],{"class":7072},[5629,9147,9109],{"class":5643},[5629,9149,6010],{"class":7072},[5629,9151,6013],{"class":5669},[5629,9153,9154],{"class":5643}," e",[5629,9156,5521],{"class":7072},[5629,9158,9159],{"class":5643},"key",[5629,9161,9162],{"class":5639}," ===",[5629,9164,9165],{"class":5652}," \"Enter\"",[5629,9167,9168],{"class":5639}," &&",[5629,9170,8947],{"class":5812},[5629,9172,9173],{"class":7072},"()",[5629,9175,5798],{"class":5669},[5629,9177,9178],{"class":5631,"line":6461},[5629,9179,9180],{"class":6986},"        \u002F>\n",[5629,9182,9183,9185,9187,9189,9191,9193,9196,9198,9200,9203,9205,9207],{"class":5631,"line":6466},[5629,9184,7059],{"class":6986},[5629,9186,7062],{"class":6990},[5629,9188,7065],{"class":6994},[5629,9190,6998],{"class":5639},[5629,9192,7027],{"class":5669},[5629,9194,9195],{"class":5643},"handleAdd",[5629,9197,7032],{"class":5669},[5629,9199,7021],{"class":6986},[5629,9201,9202],{"class":5639},"Додати",[5629,9204,7035],{"class":6986},[5629,9206,7062],{"class":6990},[5629,9208,7004],{"class":6986},[5629,9210,9211,9213,9215],{"class":5631,"line":6471},[5629,9212,7184],{"class":6986},[5629,9214,6991],{"class":6990},[5629,9216,7004],{"class":6986},[5629,9218,9219],{"class":5631,"line":6477},[5629,9220,5663],{"emptyLinePlaceholder":5662},[5629,9222,9223,9225,9227,9229,9231,9234],{"class":5631,"line":6498},[5629,9224,7009],{"class":6986},[5629,9226,5509],{"class":6990},[5629,9228,6995],{"class":6994},[5629,9230,6998],{"class":5639},[5629,9232,9233],{"class":5652},"\"tasks\"",[5629,9235,7004],{"class":6986},[5629,9237,9238,9241,9243,9245,9247,9249,9251,9253,9255],{"class":5631,"line":6509},[5629,9239,9240],{"class":5669},"        {",[5629,9242,8896],{"class":5643},[5629,9244,5521],{"class":7072},[5629,9246,8740],{"class":5812},[5629,9248,6061],{"class":7072},[5629,9250,8745],{"class":5643},[5629,9252,6010],{"class":7072},[5629,9254,6013],{"class":5669},[5629,9256,6981],{"class":7072},[5629,9258,9259,9261,9263,9266,9268,9270,9272,9274,9276,9278,9280,9282,9284,9286,9288,9290,9293,9296,9299,9302,9304],{"class":5631,"line":6514},[5629,9260,7553],{"class":6986},[5629,9262,5512],{"class":6990},[5629,9264,9265],{"class":6994}," key",[5629,9267,6998],{"class":5639},[5629,9269,7027],{"class":5669},[5629,9271,8745],{"class":5643},[5629,9273,5521],{"class":7072},[5629,9275,8558],{"class":5643},[5629,9277,7032],{"class":5669},[5629,9279,6995],{"class":6994},[5629,9281,6998],{"class":5639},[5629,9283,7027],{"class":5669},[5629,9285,8745],{"class":5643},[5629,9287,5521],{"class":7072},[5629,9289,8788],{"class":5643},[5629,9291,9292],{"class":5639}," ?",[5629,9294,9295],{"class":5652}," \"completed\"",[5629,9297,9298],{"class":5639}," :",[5629,9300,9301],{"class":5652}," \"\"",[5629,9303,7032],{"class":5669},[5629,9305,7004],{"class":6986},[5629,9307,9308,9311],{"class":5631,"line":6519},[5629,9309,9310],{"class":6986},"            \u003C",[5629,9312,9062],{"class":6990},[5629,9314,9315,9318,9320],{"class":5631,"line":6525},[5629,9316,9317],{"class":6994},"              type",[5629,9319,6998],{"class":5639},[5629,9321,9322],{"class":5652},"\"checkbox\"\n",[5629,9324,9326,9329,9331,9333,9335,9337,9339],{"class":5631,"line":9325},68,[5629,9327,9328],{"class":6994},"              checked",[5629,9330,6998],{"class":5639},[5629,9332,7027],{"class":5669},[5629,9334,8745],{"class":5643},[5629,9336,5521],{"class":7072},[5629,9338,8788],{"class":5643},[5629,9340,5798],{"class":5669},[5629,9342,9344,9347,9349,9351,9353,9355,9357,9359,9361,9363,9365,9368,9370,9372,9374,9376],{"class":5631,"line":9343},69,[5629,9345,9346],{"class":6994},"              onChange",[5629,9348,6998],{"class":5639},[5629,9350,7027],{"class":5669},[5629,9352,7073],{"class":7072},[5629,9354,6013],{"class":5669},[5629,9356,7078],{"class":5812},[5629,9358,6486],{"class":7072},[5629,9360,7083],{"class":5643},[5629,9362,8727],{"class":5652},[5629,9364,5832],{"class":7072},[5629,9366,9367],{"class":5643},"id:",[5629,9369,8834],{"class":5643},[5629,9371,5521],{"class":7072},[5629,9373,8558],{"class":5643},[5629,9375,7088],{"class":7072},[5629,9377,5798],{"class":5669},[5629,9379,9381],{"class":5631,"line":9380},70,[5629,9382,9383],{"class":6986},"            \u002F>\n",[5629,9385,9387,9389,9391,9393,9395,9397,9399,9401,9403,9405,9407],{"class":5631,"line":9386},71,[5629,9388,9310],{"class":6986},[5629,9390,5629],{"class":6990},[5629,9392,7021],{"class":6986},[5629,9394,7027],{"class":5669},[5629,9396,8745],{"class":5643},[5629,9398,5521],{"class":7072},[5629,9400,8536],{"class":5643},[5629,9402,7032],{"class":5669},[5629,9404,7035],{"class":6986},[5629,9406,5629],{"class":6990},[5629,9408,7004],{"class":6986},[5629,9410,9412,9414],{"class":5631,"line":9411},72,[5629,9413,9310],{"class":6986},[5629,9415,9416],{"class":6990},"button\n",[5629,9418,9420,9423,9425],{"class":5631,"line":9419},73,[5629,9421,9422],{"class":6994},"              className",[5629,9424,6998],{"class":5639},[5629,9426,9427],{"class":5652},"\"delete\"\n",[5629,9429,9431,9434,9436,9438,9440,9442,9444,9446,9448,9450,9452,9454,9456,9458,9460,9462],{"class":5631,"line":9430},74,[5629,9432,9433],{"class":6994},"              onClick",[5629,9435,6998],{"class":5639},[5629,9437,7027],{"class":5669},[5629,9439,7073],{"class":7072},[5629,9441,6013],{"class":5669},[5629,9443,7078],{"class":5812},[5629,9445,6486],{"class":7072},[5629,9447,7083],{"class":5643},[5629,9449,8810],{"class":5652},[5629,9451,5832],{"class":7072},[5629,9453,9367],{"class":5643},[5629,9455,8834],{"class":5643},[5629,9457,5521],{"class":7072},[5629,9459,8558],{"class":5643},[5629,9461,7088],{"class":7072},[5629,9463,5798],{"class":5669},[5629,9465,9467],{"class":5631,"line":9466},75,[5629,9468,9469],{"class":6986},"            >\n",[5629,9471,9473],{"class":5631,"line":9472},76,[5629,9474,9475],{"class":7072},"              ✕\n",[5629,9477,9479,9482,9484],{"class":5631,"line":9478},77,[5629,9480,9481],{"class":6986},"            \u003C\u002F",[5629,9483,7062],{"class":6990},[5629,9485,7004],{"class":6986},[5629,9487,9489,9492,9494],{"class":5631,"line":9488},78,[5629,9490,9491],{"class":6986},"          \u003C\u002F",[5629,9493,5512],{"class":6990},[5629,9495,7004],{"class":6986},[5629,9497,9499,9502],{"class":5631,"line":9498},79,[5629,9500,9501],{"class":7072},"        ))",[5629,9503,5798],{"class":5669},[5629,9505,9507,9509,9511],{"class":5631,"line":9506},80,[5629,9508,7184],{"class":6986},[5629,9510,5509],{"class":6990},[5629,9512,7004],{"class":6986},[5629,9514,9516],{"class":5631,"line":9515},81,[5629,9517,5663],{"emptyLinePlaceholder":5662},[5629,9519,9521,9524,9526,9528,9530,9532,9534,9536],{"class":5631,"line":9520},82,[5629,9522,9523],{"class":5669},"      {",[5629,9525,8896],{"class":5643},[5629,9527,5521],{"class":7072},[5629,9529,6323],{"class":5643},[5629,9531,9162],{"class":5639},[5629,9533,6896],{"class":6329},[5629,9535,9168],{"class":5639},[5629,9537,6981],{"class":7072},[5629,9539,9541,9543,9545,9547,9549,9552,9554,9557,9559,9561],{"class":5631,"line":9540},83,[5629,9542,7059],{"class":6986},[5629,9544,5485],{"class":6990},[5629,9546,6995],{"class":6994},[5629,9548,6998],{"class":5639},[5629,9550,9551],{"class":5652},"\"empty-state\"",[5629,9553,7021],{"class":6986},[5629,9555,9556],{"class":7072},"Список завдань порожній",[5629,9558,7035],{"class":6986},[5629,9560,5485],{"class":6990},[5629,9562,7004],{"class":6986},[5629,9564,9566,9569],{"class":5631,"line":9565},84,[5629,9567,9568],{"class":7072},"      )",[5629,9570,5798],{"class":5669},[5629,9572,9574,9576,9578],{"class":5631,"line":9573},85,[5629,9575,7193],{"class":6986},[5629,9577,6991],{"class":6990},[5629,9579,7004],{"class":6986},[5629,9581,9583],{"class":5631,"line":9582},86,[5629,9584,7202],{"class":5639},[5629,9586,9588],{"class":5631,"line":9587},87,[5629,9589,5798],{"class":5639},[7208,9591,9594,10696],{":height":9592,"entry":7211,"title":9593},"640","Список завдань через useReducer",[5620,9595,9597],{"className":5622,"code":9596,"filename":7211,"language":5624,"meta":5625,"style":5625},"import { useReducer, useState } from 'react';\nimport '.\u002Fstyles.css';\n\ninterface Task {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\ntype TaskAction =\n  | { type: 'added'; text: string }\n  | { type: 'toggled'; id: number }\n  | { type: 'deleted'; id: number };\n\nfunction tasksReducer(state: Task[], action: TaskAction): Task[] {\n  switch (action.type) {\n    case 'added':\n      return [\n        ...state,\n        {\n          id: Date.now(),\n          text: action.text,\n          completed: false,\n        },\n      ];\n    case 'toggled':\n      return state.map((task) =>\n        task.id === action.id ? { ...task, completed: !task.completed } : task\n      );\n    case 'deleted':\n      return state.filter((task) => task.id !== action.id);\n    default:\n      return state;\n  }\n}\n\nexport default function App() {\n  const [tasks, dispatch] = useReducer(tasksReducer, []);\n  const [inputValue, setInputValue] = useState('');\n\n  const handleAdd = () => {\n    if (inputValue.trim()) {\n      dispatch({ type: 'added', text: inputValue.trim() });\n      setInputValue('');\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"container\">\n      \u003Cdiv className=\"task-list\">\n        \u003Ch1>Мої завдання\u003C\u002Fh1>\n        \n        \u003Cdiv className=\"input-group\">\n          \u003Cinput\n            type=\"text\"\n            placeholder=\"Нове завдання...\"\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onKeyDown={(e) => e.key === 'Enter' && handleAdd()}\n          \u002F>\n          \u003Cbutton onClick={handleAdd}>Додати\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n\n        \u003Cul className=\"tasks\">\n          {tasks.map((task) => (\n            \u003Cli key={task.id} className={task.completed ? 'completed' : ''}>\n              \u003Cinput\n                type=\"checkbox\"\n                checked={task.completed}\n                onChange={() => dispatch({ type: 'toggled', id: task.id })}\n              \u002F>\n              \u003Cspan>{task.text}\u003C\u002Fspan>\n              \u003Cbutton\n                className=\"delete\"\n                onClick={() => dispatch({ type: 'deleted', id: task.id })}\n              >\n                ✕\n              \u003C\u002Fbutton>\n            \u003C\u002Fli>\n          ))}\n        \u003C\u002Ful>\n\n        {tasks.length === 0 && (\n          \u003Cp className=\"empty-state\">Список завдань порожній\u003C\u002Fp>\n        )}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,9598,9599,9619,9627,9631,9639,9649,9659,9669,9673,9677,9685,9706,9727,9748,9752,9780,9794,9803,9809,9817,9821,9833,9845,9853,9857,9861,9870,9888,9924,9928,9937,9971,9977,9985,9989,9993,9997,10009,10031,10054,10058,10070,10084,10106,10116,10120,10124,10128,10134,10148,10162,10179,10184,10198,10204,10213,10222,10235,10270,10306,10311,10337,10345,10349,10363,10384,10430,10437,10446,10463,10498,10503,10527,10533,10542,10577,10582,10587,10596,10604,10611,10619,10623,10641,10663,10670,10678,10686,10691],{"__ignoreMap":5625},[5629,9600,9601,9603,9605,9607,9609,9611,9613,9615,9617],{"class":5631,"line":5632},[5629,9602,5636],{"class":5635},[5629,9604,5640],{"class":5639},[5629,9606,5479],{"class":5643},[5629,9608,5832],{"class":5639},[5629,9610,5520],{"class":5643},[5629,9612,5646],{"class":5639},[5629,9614,5649],{"class":5635},[5629,9616,7232],{"class":5652},[5629,9618,5656],{"class":5639},[5629,9620,9621,9623,9625],{"class":5631,"line":5659},[5629,9622,5636],{"class":5635},[5629,9624,7241],{"class":5652},[5629,9626,5656],{"class":5639},[5629,9628,9629],{"class":5631,"line":5666},[5629,9630,5663],{"emptyLinePlaceholder":5662},[5629,9632,9633,9635,9637],{"class":5631,"line":5680},[5629,9634,5670],{"class":5669},[5629,9636,8467],{"class":5673},[5629,9638,5677],{"class":5639},[5629,9640,9641,9643,9645,9647],{"class":5631,"line":5694},[5629,9642,8474],{"class":5643},[5629,9644,5686],{"class":5639},[5629,9646,6801],{"class":5673},[5629,9648,5656],{"class":5639},[5629,9650,9651,9653,9655,9657],{"class":5631,"line":5706},[5629,9652,8485],{"class":5643},[5629,9654,5686],{"class":5639},[5629,9656,5689],{"class":5673},[5629,9658,5656],{"class":5639},[5629,9660,9661,9663,9665,9667],{"class":5631,"line":5718},[5629,9662,8496],{"class":5643},[5629,9664,5686],{"class":5639},[5629,9666,5726],{"class":5673},[5629,9668,5656],{"class":5639},[5629,9670,9671],{"class":5631,"line":5731},[5629,9672,5798],{"class":5639},[5629,9674,9675],{"class":5631,"line":5743},[5629,9676,5663],{"emptyLinePlaceholder":5662},[5629,9678,9679,9681,9683],{"class":5631,"line":5752},[5629,9680,5570],{"class":5669},[5629,9682,8517],{"class":5673},[5629,9684,6734],{"class":5639},[5629,9686,9687,9689,9691,9693,9696,9698,9700,9702,9704],{"class":5631,"line":5765},[5629,9688,6739],{"class":5639},[5629,9690,5570],{"class":5643},[5629,9692,5686],{"class":5639},[5629,9694,9695],{"class":5652},"'added'",[5629,9697,8533],{"class":5639},[5629,9699,8536],{"class":5643},[5629,9701,5686],{"class":5639},[5629,9703,5689],{"class":5673},[5629,9705,6749],{"class":5639},[5629,9707,9708,9710,9712,9714,9717,9719,9721,9723,9725],{"class":5631,"line":5777},[5629,9709,6739],{"class":5639},[5629,9711,5570],{"class":5643},[5629,9713,5686],{"class":5639},[5629,9715,9716],{"class":5652},"'toggled'",[5629,9718,8533],{"class":5639},[5629,9720,8558],{"class":5643},[5629,9722,5686],{"class":5639},[5629,9724,6801],{"class":5673},[5629,9726,6749],{"class":5639},[5629,9728,9729,9731,9733,9735,9738,9740,9742,9744,9746],{"class":5631,"line":5789},[5629,9730,6739],{"class":5639},[5629,9732,5570],{"class":5643},[5629,9734,5686],{"class":5639},[5629,9736,9737],{"class":5652},"'deleted'",[5629,9739,8533],{"class":5639},[5629,9741,8558],{"class":5643},[5629,9743,5686],{"class":5639},[5629,9745,6801],{"class":5673},[5629,9747,6776],{"class":5639},[5629,9749,9750],{"class":5631,"line":5795},[5629,9751,5663],{"emptyLinePlaceholder":5662},[5629,9753,9754,9756,9758,9760,9762,9764,9766,9768,9770,9772,9774,9776,9778],{"class":5631,"line":5801},[5629,9755,5809],{"class":5669},[5629,9757,8596],{"class":5812},[5629,9759,5843],{"class":5639},[5629,9761,6628],{"class":5643},[5629,9763,5686],{"class":5639},[5629,9765,8605],{"class":5673},[5629,9767,8608],{"class":5639},[5629,9769,6592],{"class":5643},[5629,9771,5686],{"class":5639},[5629,9773,8615],{"class":5673},[5629,9775,6813],{"class":5639},[5629,9777,8605],{"class":5673},[5629,9779,8622],{"class":5639},[5629,9781,9782,9784,9786,9788,9790,9792],{"class":5631,"line":5806},[5629,9783,6822],{"class":5635},[5629,9785,6043],{"class":5639},[5629,9787,6592],{"class":5643},[5629,9789,5521],{"class":5639},[5629,9791,5570],{"class":5643},[5629,9793,6052],{"class":5639},[5629,9795,9796,9798,9801],{"class":5631,"line":5819},[5629,9797,6837],{"class":5635},[5629,9799,9800],{"class":5652}," 'added'",[5629,9802,6843],{"class":5639},[5629,9804,9805,9807],{"class":5631,"line":5852},[5629,9806,6456],{"class":5635},[5629,9808,8652],{"class":5639},[5629,9810,9811,9813,9815],{"class":5631,"line":5877},[5629,9812,8657],{"class":5639},[5629,9814,6628],{"class":5643},[5629,9816,8197],{"class":5639},[5629,9818,9819],{"class":5631,"line":5902},[5629,9820,8666],{"class":5639},[5629,9822,9823,9825,9827,9829,9831],{"class":5631,"line":5928},[5629,9824,8671],{"class":5643},[5629,9826,8674],{"class":5643},[5629,9828,5521],{"class":5639},[5629,9830,8679],{"class":5812},[5629,9832,8682],{"class":5639},[5629,9834,9835,9837,9839,9841,9843],{"class":5631,"line":5953},[5629,9836,8687],{"class":5643},[5629,9838,8690],{"class":5643},[5629,9840,5521],{"class":5639},[5629,9842,8536],{"class":5643},[5629,9844,8197],{"class":5639},[5629,9846,9847,9849,9851],{"class":5631,"line":5987},[5629,9848,8701],{"class":5643},[5629,9850,8704],{"class":5669},[5629,9852,8197],{"class":5639},[5629,9854,9855],{"class":5631,"line":5992},[5629,9856,8711],{"class":5639},[5629,9858,9859],{"class":5631,"line":6018},[5629,9860,8716],{"class":5639},[5629,9862,9863,9865,9868],{"class":5631,"line":6030},[5629,9864,6837],{"class":5635},[5629,9866,9867],{"class":5652}," 'toggled'",[5629,9869,6843],{"class":5639},[5629,9871,9872,9874,9876,9878,9880,9882,9884,9886],{"class":5631,"line":6037},[5629,9873,6456],{"class":5635},[5629,9875,6850],{"class":5643},[5629,9877,5521],{"class":5639},[5629,9879,8740],{"class":5812},[5629,9881,6061],{"class":5639},[5629,9883,8745],{"class":5643},[5629,9885,6010],{"class":5639},[5629,9887,8750],{"class":5669},[5629,9889,9890,9892,9894,9896,9898,9900,9902,9904,9906,9908,9910,9912,9914,9916,9918,9920,9922],{"class":5631,"line":6055},[5629,9891,8755],{"class":5643},[5629,9893,5521],{"class":5639},[5629,9895,8558],{"class":5643},[5629,9897,8762],{"class":5639},[5629,9899,6592],{"class":5643},[5629,9901,5521],{"class":5639},[5629,9903,8558],{"class":5643},[5629,9905,8771],{"class":5639},[5629,9907,8745],{"class":5643},[5629,9909,5832],{"class":5639},[5629,9911,8778],{"class":5643},[5629,9913,8781],{"class":5639},[5629,9915,8745],{"class":5643},[5629,9917,5521],{"class":5639},[5629,9919,8788],{"class":5643},[5629,9921,8791],{"class":5639},[5629,9923,8794],{"class":5643},[5629,9925,9926],{"class":5631,"line":6087},[5629,9927,8799],{"class":5639},[5629,9929,9930,9932,9935],{"class":5631,"line":6093},[5629,9931,6837],{"class":5635},[5629,9933,9934],{"class":5652}," 'deleted'",[5629,9936,6843],{"class":5639},[5629,9938,9939,9941,9943,9945,9947,9949,9951,9953,9955,9957,9959,9961,9963,9965,9967,9969],{"class":5631,"line":6098},[5629,9940,6456],{"class":5635},[5629,9942,6850],{"class":5643},[5629,9944,5521],{"class":5639},[5629,9946,8823],{"class":5812},[5629,9948,6061],{"class":5639},[5629,9950,8745],{"class":5643},[5629,9952,6010],{"class":5639},[5629,9954,6013],{"class":5669},[5629,9956,8834],{"class":5643},[5629,9958,5521],{"class":5639},[5629,9960,8558],{"class":5643},[5629,9962,6365],{"class":5639},[5629,9964,6592],{"class":5643},[5629,9966,5521],{"class":5639},[5629,9968,8558],{"class":5643},[5629,9970,5849],{"class":5639},[5629,9972,9973,9975],{"class":5631,"line":6103},[5629,9974,6903],{"class":5635},[5629,9976,6843],{"class":5639},[5629,9978,9979,9981,9983],{"class":5631,"line":6125},[5629,9980,6456],{"class":5635},[5629,9982,6850],{"class":5643},[5629,9984,5656],{"class":5639},[5629,9986,9987],{"class":5631,"line":6137},[5629,9988,6923],{"class":5639},[5629,9990,9991],{"class":5631,"line":6152},[5629,9992,5798],{"class":5639},[5629,9994,9995],{"class":5631,"line":6178},[5629,9996,5663],{"emptyLinePlaceholder":5662},[5629,9998,9999,10001,10003,10005,10007],{"class":5631,"line":6183},[5629,10000,7430],{"class":5635},[5629,10002,7433],{"class":5635},[5629,10004,7436],{"class":5669},[5629,10006,7439],{"class":5812},[5629,10008,5816],{"class":5639},[5629,10010,10011,10013,10015,10017,10019,10021,10023,10025,10027,10029],{"class":5631,"line":6188},[5629,10012,5822],{"class":5669},[5629,10014,5825],{"class":5639},[5629,10016,8896],{"class":5828},[5629,10018,5832],{"class":5639},[5629,10020,6954],{"class":5828},[5629,10022,5838],{"class":5639},[5629,10024,5479],{"class":5812},[5629,10026,5843],{"class":5639},[5629,10028,8909],{"class":5643},[5629,10030,8912],{"class":5639},[5629,10032,10033,10035,10037,10039,10041,10043,10045,10047,10049,10052],{"class":5631,"line":6193},[5629,10034,5822],{"class":5669},[5629,10036,5825],{"class":5639},[5629,10038,8921],{"class":5828},[5629,10040,5832],{"class":5639},[5629,10042,8926],{"class":5828},[5629,10044,5838],{"class":5639},[5629,10046,5520],{"class":5812},[5629,10048,5843],{"class":5639},[5629,10050,10051],{"class":5652},"''",[5629,10053,5849],{"class":5639},[5629,10055,10056],{"class":5631,"line":6214},[5629,10057,5663],{"emptyLinePlaceholder":5662},[5629,10059,10060,10062,10064,10066,10068],{"class":5631,"line":6227},[5629,10061,5822],{"class":5669},[5629,10063,8947],{"class":5812},[5629,10065,8950],{"class":5639},[5629,10067,6013],{"class":5669},[5629,10069,5677],{"class":5639},[5629,10071,10072,10074,10076,10078,10080,10082],{"class":5631,"line":6236},[5629,10073,6040],{"class":5635},[5629,10075,6043],{"class":5639},[5629,10077,8921],{"class":5643},[5629,10079,5521],{"class":5639},[5629,10081,8967],{"class":5812},[5629,10083,8970],{"class":5639},[5629,10085,10086,10088,10090,10092,10094,10096,10098,10100,10102,10104],{"class":5631,"line":6241},[5629,10087,8975],{"class":5812},[5629,10089,6486],{"class":5639},[5629,10091,7083],{"class":5643},[5629,10093,9800],{"class":5652},[5629,10095,5832],{"class":5639},[5629,10097,8986],{"class":5643},[5629,10099,8989],{"class":5643},[5629,10101,5521],{"class":5639},[5629,10103,8967],{"class":5812},[5629,10105,8996],{"class":5639},[5629,10107,10108,10110,10112,10114],{"class":5631,"line":6247},[5629,10109,9001],{"class":5812},[5629,10111,5843],{"class":5639},[5629,10113,10051],{"class":5652},[5629,10115,5849],{"class":5639},[5629,10117,10118],{"class":5631,"line":6267},[5629,10119,6090],{"class":5639},[5629,10121,10122],{"class":5631,"line":6290},[5629,10123,5792],{"class":5639},[5629,10125,10126],{"class":5631,"line":6307},[5629,10127,5663],{"emptyLinePlaceholder":5662},[5629,10129,10130,10132],{"class":5631,"line":6312},[5629,10131,6978],{"class":5635},[5629,10133,6981],{"class":5639},[5629,10135,10136,10138,10140,10142,10144,10146],{"class":5631,"line":6335},[5629,10137,6987],{"class":6986},[5629,10139,6991],{"class":6990},[5629,10141,6995],{"class":6994},[5629,10143,6998],{"class":5639},[5629,10145,7490],{"class":5652},[5629,10147,7004],{"class":6986},[5629,10149,10150,10152,10154,10156,10158,10160],{"class":5631,"line":6351},[5629,10151,7009],{"class":6986},[5629,10153,6991],{"class":6990},[5629,10155,6995],{"class":6994},[5629,10157,6998],{"class":5639},[5629,10159,9038],{"class":5652},[5629,10161,7004],{"class":6986},[5629,10163,10164,10166,10168,10170,10173,10175,10177],{"class":5631,"line":6356},[5629,10165,7059],{"class":6986},[5629,10167,5472],{"class":6990},[5629,10169,7021],{"class":6986},[5629,10171,10172],{"class":5639},"Мої завдання",[5629,10174,7035],{"class":6986},[5629,10176,5472],{"class":6990},[5629,10178,7004],{"class":6986},[5629,10180,10181],{"class":5631,"line":6372},[5629,10182,10183],{"class":5639},"        \n",[5629,10185,10186,10188,10190,10192,10194,10196],{"class":5631,"line":6388},[5629,10187,7059],{"class":6986},[5629,10189,6991],{"class":6990},[5629,10191,6995],{"class":6994},[5629,10193,6998],{"class":5639},[5629,10195,9053],{"class":5652},[5629,10197,7004],{"class":6986},[5629,10199,10200,10202],{"class":5631,"line":6393},[5629,10201,7553],{"class":6986},[5629,10203,9062],{"class":6990},[5629,10205,10206,10209,10211],{"class":5631,"line":6398},[5629,10207,10208],{"class":6994},"            type",[5629,10210,6998],{"class":5639},[5629,10212,9072],{"class":5652},[5629,10214,10215,10218,10220],{"class":5631,"line":6430},[5629,10216,10217],{"class":6994},"            placeholder",[5629,10219,6998],{"class":5639},[5629,10221,9082],{"class":5652},[5629,10223,10224,10227,10229,10231,10233],{"class":5631,"line":6441},[5629,10225,10226],{"class":6994},"            value",[5629,10228,6998],{"class":5639},[5629,10230,7027],{"class":5669},[5629,10232,8921],{"class":5643},[5629,10234,5798],{"class":5669},[5629,10236,10237,10240,10242,10244,10246,10248,10250,10252,10254,10256,10258,10260,10262,10264,10266,10268],{"class":5631,"line":6453},[5629,10238,10239],{"class":6994},"            onChange",[5629,10241,6998],{"class":5639},[5629,10243,7027],{"class":5669},[5629,10245,5843],{"class":7072},[5629,10247,9109],{"class":5643},[5629,10249,6010],{"class":7072},[5629,10251,6013],{"class":5669},[5629,10253,9116],{"class":5812},[5629,10255,5843],{"class":7072},[5629,10257,9109],{"class":5643},[5629,10259,5521],{"class":7072},[5629,10261,9125],{"class":5643},[5629,10263,5521],{"class":7072},[5629,10265,6003],{"class":5643},[5629,10267,9132],{"class":7072},[5629,10269,5798],{"class":5669},[5629,10271,10272,10275,10277,10279,10281,10283,10285,10287,10289,10291,10293,10295,10298,10300,10302,10304],{"class":5631,"line":6461},[5629,10273,10274],{"class":6994},"            onKeyDown",[5629,10276,6998],{"class":5639},[5629,10278,7027],{"class":5669},[5629,10280,5843],{"class":7072},[5629,10282,9109],{"class":5643},[5629,10284,6010],{"class":7072},[5629,10286,6013],{"class":5669},[5629,10288,9154],{"class":5643},[5629,10290,5521],{"class":7072},[5629,10292,9159],{"class":5643},[5629,10294,9162],{"class":5639},[5629,10296,10297],{"class":5652}," 'Enter'",[5629,10299,9168],{"class":5639},[5629,10301,8947],{"class":5812},[5629,10303,9173],{"class":7072},[5629,10305,5798],{"class":5669},[5629,10307,10308],{"class":5631,"line":6466},[5629,10309,10310],{"class":6986},"          \u002F>\n",[5629,10312,10313,10315,10317,10319,10321,10323,10325,10327,10329,10331,10333,10335],{"class":5631,"line":6471},[5629,10314,7553],{"class":6986},[5629,10316,7062],{"class":6990},[5629,10318,7065],{"class":6994},[5629,10320,6998],{"class":5639},[5629,10322,7027],{"class":5669},[5629,10324,9195],{"class":5643},[5629,10326,7032],{"class":5669},[5629,10328,7021],{"class":6986},[5629,10330,9202],{"class":5639},[5629,10332,7035],{"class":6986},[5629,10334,7062],{"class":6990},[5629,10336,7004],{"class":6986},[5629,10338,10339,10341,10343],{"class":5631,"line":6477},[5629,10340,7668],{"class":6986},[5629,10342,6991],{"class":6990},[5629,10344,7004],{"class":6986},[5629,10346,10347],{"class":5631,"line":6498},[5629,10348,5663],{"emptyLinePlaceholder":5662},[5629,10350,10351,10353,10355,10357,10359,10361],{"class":5631,"line":6509},[5629,10352,7059],{"class":6986},[5629,10354,5509],{"class":6990},[5629,10356,6995],{"class":6994},[5629,10358,6998],{"class":5639},[5629,10360,9233],{"class":5652},[5629,10362,7004],{"class":6986},[5629,10364,10365,10368,10370,10372,10374,10376,10378,10380,10382],{"class":5631,"line":6514},[5629,10366,10367],{"class":5669},"          {",[5629,10369,8896],{"class":5643},[5629,10371,5521],{"class":7072},[5629,10373,8740],{"class":5812},[5629,10375,6061],{"class":7072},[5629,10377,8745],{"class":5643},[5629,10379,6010],{"class":7072},[5629,10381,6013],{"class":5669},[5629,10383,6981],{"class":7072},[5629,10385,10386,10388,10390,10392,10394,10396,10398,10400,10402,10404,10406,10408,10410,10412,10414,10416,10418,10421,10423,10426,10428],{"class":5631,"line":6519},[5629,10387,9310],{"class":6986},[5629,10389,5512],{"class":6990},[5629,10391,9265],{"class":6994},[5629,10393,6998],{"class":5639},[5629,10395,7027],{"class":5669},[5629,10397,8745],{"class":5643},[5629,10399,5521],{"class":7072},[5629,10401,8558],{"class":5643},[5629,10403,7032],{"class":5669},[5629,10405,6995],{"class":6994},[5629,10407,6998],{"class":5639},[5629,10409,7027],{"class":5669},[5629,10411,8745],{"class":5643},[5629,10413,5521],{"class":7072},[5629,10415,8788],{"class":5643},[5629,10417,9292],{"class":5639},[5629,10419,10420],{"class":5652}," 'completed'",[5629,10422,9298],{"class":5639},[5629,10424,10425],{"class":5652}," ''",[5629,10427,7032],{"class":5669},[5629,10429,7004],{"class":6986},[5629,10431,10432,10435],{"class":5631,"line":6525},[5629,10433,10434],{"class":6986},"              \u003C",[5629,10436,9062],{"class":6990},[5629,10438,10439,10442,10444],{"class":5631,"line":9325},[5629,10440,10441],{"class":6994},"                type",[5629,10443,6998],{"class":5639},[5629,10445,9322],{"class":5652},[5629,10447,10448,10451,10453,10455,10457,10459,10461],{"class":5631,"line":9343},[5629,10449,10450],{"class":6994},"                checked",[5629,10452,6998],{"class":5639},[5629,10454,7027],{"class":5669},[5629,10456,8745],{"class":5643},[5629,10458,5521],{"class":7072},[5629,10460,8788],{"class":5643},[5629,10462,5798],{"class":5669},[5629,10464,10465,10468,10470,10472,10474,10476,10478,10480,10482,10484,10486,10488,10490,10492,10494,10496],{"class":5631,"line":9380},[5629,10466,10467],{"class":6994},"                onChange",[5629,10469,6998],{"class":5639},[5629,10471,7027],{"class":5669},[5629,10473,7073],{"class":7072},[5629,10475,6013],{"class":5669},[5629,10477,7078],{"class":5812},[5629,10479,6486],{"class":7072},[5629,10481,7083],{"class":5643},[5629,10483,9867],{"class":5652},[5629,10485,5832],{"class":7072},[5629,10487,9367],{"class":5643},[5629,10489,8834],{"class":5643},[5629,10491,5521],{"class":7072},[5629,10493,8558],{"class":5643},[5629,10495,7088],{"class":7072},[5629,10497,5798],{"class":5669},[5629,10499,10500],{"class":5631,"line":9386},[5629,10501,10502],{"class":6986},"              \u002F>\n",[5629,10504,10505,10507,10509,10511,10513,10515,10517,10519,10521,10523,10525],{"class":5631,"line":9411},[5629,10506,10434],{"class":6986},[5629,10508,5629],{"class":6990},[5629,10510,7021],{"class":6986},[5629,10512,7027],{"class":5669},[5629,10514,8745],{"class":5643},[5629,10516,5521],{"class":7072},[5629,10518,8536],{"class":5643},[5629,10520,7032],{"class":5669},[5629,10522,7035],{"class":6986},[5629,10524,5629],{"class":6990},[5629,10526,7004],{"class":6986},[5629,10528,10529,10531],{"class":5631,"line":9419},[5629,10530,10434],{"class":6986},[5629,10532,9416],{"class":6990},[5629,10534,10535,10538,10540],{"class":5631,"line":9430},[5629,10536,10537],{"class":6994},"                className",[5629,10539,6998],{"class":5639},[5629,10541,9427],{"class":5652},[5629,10543,10544,10547,10549,10551,10553,10555,10557,10559,10561,10563,10565,10567,10569,10571,10573,10575],{"class":5631,"line":9466},[5629,10545,10546],{"class":6994},"                onClick",[5629,10548,6998],{"class":5639},[5629,10550,7027],{"class":5669},[5629,10552,7073],{"class":7072},[5629,10554,6013],{"class":5669},[5629,10556,7078],{"class":5812},[5629,10558,6486],{"class":7072},[5629,10560,7083],{"class":5643},[5629,10562,9934],{"class":5652},[5629,10564,5832],{"class":7072},[5629,10566,9367],{"class":5643},[5629,10568,8834],{"class":5643},[5629,10570,5521],{"class":7072},[5629,10572,8558],{"class":5643},[5629,10574,7088],{"class":7072},[5629,10576,5798],{"class":5669},[5629,10578,10579],{"class":5631,"line":9472},[5629,10580,10581],{"class":6986},"              >\n",[5629,10583,10584],{"class":5631,"line":9478},[5629,10585,10586],{"class":7072},"                ✕\n",[5629,10588,10589,10592,10594],{"class":5631,"line":9488},[5629,10590,10591],{"class":6986},"              \u003C\u002F",[5629,10593,7062],{"class":6990},[5629,10595,7004],{"class":6986},[5629,10597,10598,10600,10602],{"class":5631,"line":9498},[5629,10599,9481],{"class":6986},[5629,10601,5512],{"class":6990},[5629,10603,7004],{"class":6986},[5629,10605,10606,10609],{"class":5631,"line":9506},[5629,10607,10608],{"class":7072},"          ))",[5629,10610,5798],{"class":5669},[5629,10612,10613,10615,10617],{"class":5631,"line":9515},[5629,10614,7668],{"class":6986},[5629,10616,5509],{"class":6990},[5629,10618,7004],{"class":6986},[5629,10620,10621],{"class":5631,"line":9520},[5629,10622,5663],{"emptyLinePlaceholder":5662},[5629,10624,10625,10627,10629,10631,10633,10635,10637,10639],{"class":5631,"line":9540},[5629,10626,9240],{"class":5669},[5629,10628,8896],{"class":5643},[5629,10630,5521],{"class":7072},[5629,10632,6323],{"class":5643},[5629,10634,9162],{"class":5639},[5629,10636,6896],{"class":6329},[5629,10638,9168],{"class":5639},[5629,10640,6981],{"class":7072},[5629,10642,10643,10645,10647,10649,10651,10653,10655,10657,10659,10661],{"class":5631,"line":9565},[5629,10644,7553],{"class":6986},[5629,10646,5485],{"class":6990},[5629,10648,6995],{"class":6994},[5629,10650,6998],{"class":5639},[5629,10652,9551],{"class":5652},[5629,10654,7021],{"class":6986},[5629,10656,9556],{"class":7072},[5629,10658,7035],{"class":6986},[5629,10660,5485],{"class":6990},[5629,10662,7004],{"class":6986},[5629,10664,10665,10668],{"class":5631,"line":9573},[5629,10666,10667],{"class":7072},"        )",[5629,10669,5798],{"class":5669},[5629,10671,10672,10674,10676],{"class":5631,"line":9582},[5629,10673,7184],{"class":6986},[5629,10675,6991],{"class":6990},[5629,10677,7004],{"class":6986},[5629,10679,10680,10682,10684],{"class":5631,"line":9587},[5629,10681,7193],{"class":6986},[5629,10683,6991],{"class":6990},[5629,10685,7004],{"class":6986},[5629,10687,10689],{"class":5631,"line":10688},88,[5629,10690,7202],{"class":5639},[5629,10692,10694],{"class":5631,"line":10693},89,[5629,10695,5798],{"class":5639},[5620,10697,10699],{"className":7699,"code":10698,"filename":7701,"language":7702,"meta":5625,"style":5625},".container {\n  min-height: 100vh;\n  padding: 24px;\n  font-family: system-ui, -apple-system, sans-serif;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.task-list {\n  max-width: 500px;\n  margin: 0 auto;\n  background: white;\n  border-radius: 16px;\n  padding: 24px;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n}\n\nh1 {\n  margin: 0 0 20px;\n  font-size: 24px;\n  color: #1e293b;\n}\n\n.input-group {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 20px;\n}\n\ninput[type=\"text\"] {\n  flex: 1;\n  padding: 10px 14px;\n  border: 2px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n}\n\ninput[type=\"text\"]:focus {\n  border-color: #667eea;\n}\n\nbutton {\n  padding: 10px 20px;\n  background: #667eea;\n  color: white;\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\nbutton:hover {\n  background: #5568d3;\n  transform: translateY(-1px);\n}\n\n.tasks {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.tasks li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  margin-bottom: 8px;\n  background: #f8fafc;\n  transition: all 0.2s;\n}\n\n.tasks li:hover {\n  background: #f1f5f9;\n}\n\n.tasks li.completed span {\n  text-decoration: line-through;\n  opacity: 0.5;\n}\n\n.tasks input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n}\n\n.tasks span {\n  flex: 1;\n  font-size: 14px;\n  color: #1e293b;\n}\n\n.delete {\n  padding: 4px 10px;\n  background: #ef4444;\n  font-size: 12px;\n}\n\n.delete:hover {\n  background: #dc2626;\n}\n\n.empty-state {\n  text-align: center;\n  color: #94a3b8;\n  font-size: 14px;\n  margin: 20px 0;\n}\n",[5477,10700,10701,10707,10717,10727,10741,10773,10777,10781,10788,10800,10813,10823,10834,10844,10881,10885,10889,10895,10910,10920,10931,10935,10939,10946,10956,10966,10977,10981,10985,11002,11013,11027,11044,11054,11065,11076,11088,11092,11096,11116,11127,11131,11135,11141,11153,11163,11173,11183,11193,11204,11214,11224,11237,11241,11245,11251,11262,11277,11281,11285,11292,11303,11313,11323,11327,11331,11340,11350,11360,11370,11380,11390,11400,11411,11423,11427,11431,11440,11451,11455,11459,11471,11483,11495,11499,11503,11521,11532,11542,11552,11557,11562,11571,11582,11593,11604,11609,11614,11622,11636,11648,11659,11664,11669,11677,11689,11694,11699,11707,11718,11730,11741,11754],{"__ignoreMap":5625},[5629,10702,10703,10705],{"class":5631,"line":5632},[5629,10704,7710],{"class":7709},[5629,10706,5677],{"class":5639},[5629,10708,10709,10711,10713,10715],{"class":5631,"line":5659},[5629,10710,7753],{"class":6994},[5629,10712,5686],{"class":5639},[5629,10714,7758],{"class":6329},[5629,10716,5656],{"class":5639},[5629,10718,10719,10721,10723,10725],{"class":5631,"line":5666},[5629,10720,7765],{"class":6994},[5629,10722,5686],{"class":5639},[5629,10724,7770],{"class":6329},[5629,10726,5656],{"class":5639},[5629,10728,10729,10731,10733,10735,10737,10739],{"class":5631,"line":5680},[5629,10730,7777],{"class":6994},[5629,10732,5686],{"class":5639},[5629,10734,7782],{"class":7722},[5629,10736,7785],{"class":5639},[5629,10738,7788],{"class":7722},[5629,10740,5656],{"class":5639},[5629,10742,10743,10745,10747,10750,10752,10755,10757,10760,10763,10765,10768,10771],{"class":5631,"line":5694},[5629,10744,7985],{"class":6994},[5629,10746,5686],{"class":5639},[5629,10748,10749],{"class":5812},"linear-gradient",[5629,10751,5843],{"class":5639},[5629,10753,10754],{"class":6329},"135deg",[5629,10756,5832],{"class":5639},[5629,10758,10759],{"class":7722},"#667eea",[5629,10761,10762],{"class":6329}," 0%",[5629,10764,5832],{"class":5639},[5629,10766,10767],{"class":7722},"#764ba2",[5629,10769,10770],{"class":6329}," 100%",[5629,10772,5849],{"class":5639},[5629,10774,10775],{"class":5631,"line":5706},[5629,10776,5798],{"class":5639},[5629,10778,10779],{"class":5631,"line":5718},[5629,10780,5663],{"emptyLinePlaceholder":5662},[5629,10782,10783,10786],{"class":5631,"line":5731},[5629,10784,10785],{"class":7709},".task-list",[5629,10787,5677],{"class":5639},[5629,10789,10790,10793,10795,10798],{"class":5631,"line":5743},[5629,10791,10792],{"class":6994},"  max-width",[5629,10794,5686],{"class":5639},[5629,10796,10797],{"class":6329},"500px",[5629,10799,5656],{"class":5639},[5629,10801,10802,10804,10806,10808,10811],{"class":5631,"line":5752},[5629,10803,7871],{"class":6994},[5629,10805,5686],{"class":5639},[5629,10807,6425],{"class":6329},[5629,10809,10810],{"class":7722}," auto",[5629,10812,5656],{"class":5639},[5629,10814,10815,10817,10819,10821],{"class":5631,"line":5765},[5629,10816,7985],{"class":6994},[5629,10818,5686],{"class":5639},[5629,10820,8001],{"class":7722},[5629,10822,5656],{"class":5639},[5629,10824,10825,10827,10829,10832],{"class":5631,"line":5777},[5629,10826,7973],{"class":6994},[5629,10828,5686],{"class":5639},[5629,10830,10831],{"class":6329},"16px",[5629,10833,5656],{"class":5639},[5629,10835,10836,10838,10840,10842],{"class":5631,"line":5789},[5629,10837,7765],{"class":6994},[5629,10839,5686],{"class":5639},[5629,10841,7770],{"class":6329},[5629,10843,5656],{"class":5639},[5629,10845,10846,10849,10851,10853,10856,10859,10862,10864,10866,10868,10870,10872,10874,10876,10879],{"class":5631,"line":5795},[5629,10847,10848],{"class":6994},"  box-shadow",[5629,10850,5686],{"class":5639},[5629,10852,6425],{"class":6329},[5629,10854,10855],{"class":6329}," 10px",[5629,10857,10858],{"class":6329}," 40px",[5629,10860,10861],{"class":5812}," rgba",[5629,10863,5843],{"class":5639},[5629,10865,6425],{"class":6329},[5629,10867,5832],{"class":5639},[5629,10869,6425],{"class":6329},[5629,10871,5832],{"class":5639},[5629,10873,6425],{"class":6329},[5629,10875,5832],{"class":5639},[5629,10877,10878],{"class":6329},"0.2",[5629,10880,5849],{"class":5639},[5629,10882,10883],{"class":5631,"line":5801},[5629,10884,5798],{"class":5639},[5629,10886,10887],{"class":5631,"line":5806},[5629,10888,5663],{"emptyLinePlaceholder":5662},[5629,10890,10891,10893],{"class":5631,"line":5819},[5629,10892,5472],{"class":7709},[5629,10894,5677],{"class":5639},[5629,10896,10897,10899,10901,10903,10905,10908],{"class":5631,"line":5852},[5629,10898,7871],{"class":6994},[5629,10900,5686],{"class":5639},[5629,10902,6425],{"class":6329},[5629,10904,6896],{"class":6329},[5629,10906,10907],{"class":6329}," 20px",[5629,10909,5656],{"class":5639},[5629,10911,10912,10914,10916,10918],{"class":5631,"line":5877},[5629,10913,7836],{"class":6994},[5629,10915,5686],{"class":5639},[5629,10917,7770],{"class":6329},[5629,10919,5656],{"class":5639},[5629,10921,10922,10924,10926,10929],{"class":5631,"line":5902},[5629,10923,7859],{"class":6994},[5629,10925,5686],{"class":5639},[5629,10927,10928],{"class":7722},"#1e293b",[5629,10930,5656],{"class":5639},[5629,10932,10933],{"class":5631,"line":5928},[5629,10934,5798],{"class":5639},[5629,10936,10937],{"class":5631,"line":5953},[5629,10938,5663],{"emptyLinePlaceholder":5662},[5629,10940,10941,10944],{"class":5631,"line":5987},[5629,10942,10943],{"class":7709},".input-group",[5629,10945,5677],{"class":5639},[5629,10947,10948,10950,10952,10954],{"class":5631,"line":5992},[5629,10949,7717],{"class":6994},[5629,10951,5686],{"class":5639},[5629,10953,7723],{"class":7722},[5629,10955,5656],{"class":5639},[5629,10957,10958,10960,10962,10964],{"class":5631,"line":6018},[5629,10959,7912],{"class":6994},[5629,10961,5686],{"class":5639},[5629,10963,7978],{"class":6329},[5629,10965,5656],{"class":5639},[5629,10967,10968,10971,10973,10975],{"class":5631,"line":6030},[5629,10969,10970],{"class":6994},"  margin-bottom",[5629,10972,5686],{"class":5639},[5629,10974,8012],{"class":6329},[5629,10976,5656],{"class":5639},[5629,10978,10979],{"class":5631,"line":6037},[5629,10980,5798],{"class":5639},[5629,10982,10983],{"class":5631,"line":6055},[5629,10984,5663],{"emptyLinePlaceholder":5662},[5629,10986,10987,10990,10992,10994,10996,10999],{"class":5631,"line":6087},[5629,10988,10989],{"class":7709},"input",[5629,10991,5978],{"class":5639},[5629,10993,5570],{"class":6994},[5629,10995,6998],{"class":5639},[5629,10997,10998],{"class":5652},"\"text\"",[5629,11000,11001],{"class":5639},"] {\n",[5629,11003,11004,11007,11009,11011],{"class":5631,"line":6093},[5629,11005,11006],{"class":6994},"  flex",[5629,11008,5686],{"class":5639},[5629,11010,6856],{"class":6329},[5629,11012,5656],{"class":5639},[5629,11014,11015,11017,11019,11022,11025],{"class":5631,"line":6098},[5629,11016,7765],{"class":6994},[5629,11018,5686],{"class":5639},[5629,11020,11021],{"class":6329},"10px",[5629,11023,11024],{"class":6329}," 14px",[5629,11026,5656],{"class":5639},[5629,11028,11029,11031,11033,11036,11039,11042],{"class":5631,"line":6103},[5629,11030,7961],{"class":6994},[5629,11032,5686],{"class":5639},[5629,11034,11035],{"class":6329},"2px",[5629,11037,11038],{"class":7722}," solid",[5629,11040,11041],{"class":7722}," #e2e8f0",[5629,11043,5656],{"class":5639},[5629,11045,11046,11048,11050,11052],{"class":5631,"line":6125},[5629,11047,7973],{"class":6994},[5629,11049,5686],{"class":5639},[5629,11051,7978],{"class":6329},[5629,11053,5656],{"class":5639},[5629,11055,11056,11058,11060,11063],{"class":5631,"line":6137},[5629,11057,7836],{"class":6994},[5629,11059,5686],{"class":5639},[5629,11061,11062],{"class":6329},"14px",[5629,11064,5656],{"class":5639},[5629,11066,11067,11070,11072,11074],{"class":5631,"line":6152},[5629,11068,11069],{"class":6994},"  outline",[5629,11071,5686],{"class":5639},[5629,11073,7966],{"class":7722},[5629,11075,5656],{"class":5639},[5629,11077,11078,11080,11083,11086],{"class":5631,"line":6178},[5629,11079,8041],{"class":6994},[5629,11081,11082],{"class":5639},": border-color ",[5629,11084,11085],{"class":6329},"0.2s",[5629,11087,5656],{"class":5639},[5629,11089,11090],{"class":5631,"line":6183},[5629,11091,5798],{"class":5639},[5629,11093,11094],{"class":5631,"line":6188},[5629,11095,5663],{"emptyLinePlaceholder":5662},[5629,11097,11098,11100,11102,11104,11106,11108,11111,11114],{"class":5631,"line":6193},[5629,11099,10989],{"class":7709},[5629,11101,5978],{"class":5639},[5629,11103,5570],{"class":6994},[5629,11105,6998],{"class":5639},[5629,11107,10998],{"class":5652},[5629,11109,11110],{"class":5639},"]",[5629,11112,11113],{"class":7709},":focus",[5629,11115,5677],{"class":5639},[5629,11117,11118,11121,11123,11125],{"class":5631,"line":6214},[5629,11119,11120],{"class":6994},"  border-color",[5629,11122,5686],{"class":5639},[5629,11124,10759],{"class":7722},[5629,11126,5656],{"class":5639},[5629,11128,11129],{"class":5631,"line":6227},[5629,11130,5798],{"class":5639},[5629,11132,11133],{"class":5631,"line":6236},[5629,11134,5663],{"emptyLinePlaceholder":5662},[5629,11136,11137,11139],{"class":5631,"line":6241},[5629,11138,7062],{"class":7709},[5629,11140,5677],{"class":5639},[5629,11142,11143,11145,11147,11149,11151],{"class":5631,"line":6247},[5629,11144,7765],{"class":6994},[5629,11146,5686],{"class":5639},[5629,11148,11021],{"class":6329},[5629,11150,10907],{"class":6329},[5629,11152,5656],{"class":5639},[5629,11154,11155,11157,11159,11161],{"class":5631,"line":6267},[5629,11156,7985],{"class":6994},[5629,11158,5686],{"class":5639},[5629,11160,10759],{"class":7722},[5629,11162,5656],{"class":5639},[5629,11164,11165,11167,11169,11171],{"class":5631,"line":6290},[5629,11166,7859],{"class":6994},[5629,11168,5686],{"class":5639},[5629,11170,8001],{"class":7722},[5629,11172,5656],{"class":5639},[5629,11174,11175,11177,11179,11181],{"class":5631,"line":6307},[5629,11176,7961],{"class":6994},[5629,11178,5686],{"class":5639},[5629,11180,7966],{"class":7722},[5629,11182,5656],{"class":5639},[5629,11184,11185,11187,11189,11191],{"class":5631,"line":6312},[5629,11186,7973],{"class":6994},[5629,11188,5686],{"class":5639},[5629,11190,7978],{"class":6329},[5629,11192,5656],{"class":5639},[5629,11194,11195,11197,11199,11202],{"class":5631,"line":6335},[5629,11196,7847],{"class":6994},[5629,11198,5686],{"class":5639},[5629,11200,11201],{"class":6329},"600",[5629,11203,5656],{"class":5639},[5629,11205,11206,11208,11210,11212],{"class":5631,"line":6351},[5629,11207,7836],{"class":6994},[5629,11209,5686],{"class":5639},[5629,11211,11062],{"class":6329},[5629,11213,5656],{"class":5639},[5629,11215,11216,11218,11220,11222],{"class":5631,"line":6356},[5629,11217,8029],{"class":6994},[5629,11219,5686],{"class":5639},[5629,11221,8034],{"class":7722},[5629,11223,5656],{"class":5639},[5629,11225,11226,11228,11230,11232,11235],{"class":5631,"line":6372},[5629,11227,8041],{"class":6994},[5629,11229,5686],{"class":5639},[5629,11231,8046],{"class":7722},[5629,11233,11234],{"class":6329}," 0.2s",[5629,11236,5656],{"class":5639},[5629,11238,11239],{"class":5631,"line":6388},[5629,11240,5798],{"class":5639},[5629,11242,11243],{"class":5631,"line":6393},[5629,11244,5663],{"emptyLinePlaceholder":5662},[5629,11246,11247,11249],{"class":5631,"line":6398},[5629,11248,8067],{"class":7709},[5629,11250,5677],{"class":5639},[5629,11252,11253,11255,11257,11260],{"class":5631,"line":6430},[5629,11254,7985],{"class":6994},[5629,11256,5686],{"class":5639},[5629,11258,11259],{"class":7722},"#5568d3",[5629,11261,5656],{"class":5639},[5629,11263,11264,11266,11268,11270,11272,11275],{"class":5631,"line":6441},[5629,11265,8085],{"class":6994},[5629,11267,5686],{"class":5639},[5629,11269,8090],{"class":5812},[5629,11271,5843],{"class":5639},[5629,11273,11274],{"class":6329},"-1px",[5629,11276,5849],{"class":5639},[5629,11278,11279],{"class":5631,"line":6453},[5629,11280,5798],{"class":5639},[5629,11282,11283],{"class":5631,"line":6461},[5629,11284,5663],{"emptyLinePlaceholder":5662},[5629,11286,11287,11290],{"class":5631,"line":6466},[5629,11288,11289],{"class":7709},".tasks",[5629,11291,5677],{"class":5639},[5629,11293,11294,11297,11299,11301],{"class":5631,"line":6471},[5629,11295,11296],{"class":6994},"  list-style",[5629,11298,5686],{"class":5639},[5629,11300,7966],{"class":7722},[5629,11302,5656],{"class":5639},[5629,11304,11305,11307,11309,11311],{"class":5631,"line":6477},[5629,11306,7765],{"class":6994},[5629,11308,5686],{"class":5639},[5629,11310,6425],{"class":6329},[5629,11312,5656],{"class":5639},[5629,11314,11315,11317,11319,11321],{"class":5631,"line":6498},[5629,11316,7871],{"class":6994},[5629,11318,5686],{"class":5639},[5629,11320,6425],{"class":6329},[5629,11322,5656],{"class":5639},[5629,11324,11325],{"class":5631,"line":6509},[5629,11326,5798],{"class":5639},[5629,11328,11329],{"class":5631,"line":6514},[5629,11330,5663],{"emptyLinePlaceholder":5662},[5629,11332,11333,11335,11338],{"class":5631,"line":6519},[5629,11334,11289],{"class":7709},[5629,11336,11337],{"class":7709}," li",[5629,11339,5677],{"class":5639},[5629,11341,11342,11344,11346,11348],{"class":5631,"line":6525},[5629,11343,7717],{"class":6994},[5629,11345,5686],{"class":5639},[5629,11347,7723],{"class":7722},[5629,11349,5656],{"class":5639},[5629,11351,11352,11354,11356,11358],{"class":5631,"line":9325},[5629,11353,7742],{"class":6994},[5629,11355,5686],{"class":5639},[5629,11357,7735],{"class":7722},[5629,11359,5656],{"class":5639},[5629,11361,11362,11364,11366,11368],{"class":5631,"line":9343},[5629,11363,7912],{"class":6994},[5629,11365,5686],{"class":5639},[5629,11367,7917],{"class":6329},[5629,11369,5656],{"class":5639},[5629,11371,11372,11374,11376,11378],{"class":5631,"line":9380},[5629,11373,7765],{"class":6994},[5629,11375,5686],{"class":5639},[5629,11377,7917],{"class":6329},[5629,11379,5656],{"class":5639},[5629,11381,11382,11384,11386,11388],{"class":5631,"line":9386},[5629,11383,7973],{"class":6994},[5629,11385,5686],{"class":5639},[5629,11387,7978],{"class":6329},[5629,11389,5656],{"class":5639},[5629,11391,11392,11394,11396,11398],{"class":5631,"line":9411},[5629,11393,10970],{"class":6994},[5629,11395,5686],{"class":5639},[5629,11397,7978],{"class":6329},[5629,11399,5656],{"class":5639},[5629,11401,11402,11404,11406,11409],{"class":5631,"line":9419},[5629,11403,7985],{"class":6994},[5629,11405,5686],{"class":5639},[5629,11407,11408],{"class":7722},"#f8fafc",[5629,11410,5656],{"class":5639},[5629,11412,11413,11415,11417,11419,11421],{"class":5631,"line":9430},[5629,11414,8041],{"class":6994},[5629,11416,5686],{"class":5639},[5629,11418,8046],{"class":7722},[5629,11420,11234],{"class":6329},[5629,11422,5656],{"class":5639},[5629,11424,11425],{"class":5631,"line":9466},[5629,11426,5798],{"class":5639},[5629,11428,11429],{"class":5631,"line":9472},[5629,11430,5663],{"emptyLinePlaceholder":5662},[5629,11432,11433,11435,11438],{"class":5631,"line":9478},[5629,11434,11289],{"class":7709},[5629,11436,11437],{"class":7709}," li:hover",[5629,11439,5677],{"class":5639},[5629,11441,11442,11444,11446,11449],{"class":5631,"line":9488},[5629,11443,7985],{"class":6994},[5629,11445,5686],{"class":5639},[5629,11447,11448],{"class":7722},"#f1f5f9",[5629,11450,5656],{"class":5639},[5629,11452,11453],{"class":5631,"line":9498},[5629,11454,5798],{"class":5639},[5629,11456,11457],{"class":5631,"line":9506},[5629,11458,5663],{"emptyLinePlaceholder":5662},[5629,11460,11461,11463,11466,11469],{"class":5631,"line":9515},[5629,11462,11289],{"class":7709},[5629,11464,11465],{"class":7709}," li.completed",[5629,11467,11468],{"class":7709}," span",[5629,11470,5677],{"class":5639},[5629,11472,11473,11476,11478,11481],{"class":5631,"line":9520},[5629,11474,11475],{"class":6994},"  text-decoration",[5629,11477,5686],{"class":5639},[5629,11479,11480],{"class":7722},"line-through",[5629,11482,5656],{"class":5639},[5629,11484,11485,11488,11490,11493],{"class":5631,"line":9540},[5629,11486,11487],{"class":6994},"  opacity",[5629,11489,5686],{"class":5639},[5629,11491,11492],{"class":6329},"0.5",[5629,11494,5656],{"class":5639},[5629,11496,11497],{"class":5631,"line":9565},[5629,11498,5798],{"class":5639},[5629,11500,11501],{"class":5631,"line":9573},[5629,11502,5663],{"emptyLinePlaceholder":5662},[5629,11504,11505,11507,11510,11512,11514,11516,11519],{"class":5631,"line":9582},[5629,11506,11289],{"class":7709},[5629,11508,11509],{"class":7709}," input",[5629,11511,5978],{"class":5639},[5629,11513,5570],{"class":6994},[5629,11515,6998],{"class":5639},[5629,11517,11518],{"class":5652},"\"checkbox\"",[5629,11520,11001],{"class":5639},[5629,11522,11523,11525,11527,11530],{"class":5631,"line":9587},[5629,11524,7938],{"class":6994},[5629,11526,5686],{"class":5639},[5629,11528,11529],{"class":6329},"18px",[5629,11531,5656],{"class":5639},[5629,11533,11534,11536,11538,11540],{"class":5631,"line":10688},[5629,11535,7950],{"class":6994},[5629,11537,5686],{"class":5639},[5629,11539,11529],{"class":6329},[5629,11541,5656],{"class":5639},[5629,11543,11544,11546,11548,11550],{"class":5631,"line":10693},[5629,11545,8029],{"class":6994},[5629,11547,5686],{"class":5639},[5629,11549,8034],{"class":7722},[5629,11551,5656],{"class":5639},[5629,11553,11555],{"class":5631,"line":11554},90,[5629,11556,5798],{"class":5639},[5629,11558,11560],{"class":5631,"line":11559},91,[5629,11561,5663],{"emptyLinePlaceholder":5662},[5629,11563,11565,11567,11569],{"class":5631,"line":11564},92,[5629,11566,11289],{"class":7709},[5629,11568,11468],{"class":7709},[5629,11570,5677],{"class":5639},[5629,11572,11574,11576,11578,11580],{"class":5631,"line":11573},93,[5629,11575,11006],{"class":6994},[5629,11577,5686],{"class":5639},[5629,11579,6856],{"class":6329},[5629,11581,5656],{"class":5639},[5629,11583,11585,11587,11589,11591],{"class":5631,"line":11584},94,[5629,11586,7836],{"class":6994},[5629,11588,5686],{"class":5639},[5629,11590,11062],{"class":6329},[5629,11592,5656],{"class":5639},[5629,11594,11596,11598,11600,11602],{"class":5631,"line":11595},95,[5629,11597,7859],{"class":6994},[5629,11599,5686],{"class":5639},[5629,11601,10928],{"class":7722},[5629,11603,5656],{"class":5639},[5629,11605,11607],{"class":5631,"line":11606},96,[5629,11608,5798],{"class":5639},[5629,11610,11612],{"class":5631,"line":11611},97,[5629,11613,5663],{"emptyLinePlaceholder":5662},[5629,11615,11617,11620],{"class":5631,"line":11616},98,[5629,11618,11619],{"class":7709},".delete",[5629,11621,5677],{"class":5639},[5629,11623,11625,11627,11629,11632,11634],{"class":5631,"line":11624},99,[5629,11626,7765],{"class":6994},[5629,11628,5686],{"class":5639},[5629,11630,11631],{"class":6329},"4px",[5629,11633,10855],{"class":6329},[5629,11635,5656],{"class":5639},[5629,11637,11639,11641,11643,11646],{"class":5631,"line":11638},100,[5629,11640,7985],{"class":6994},[5629,11642,5686],{"class":5639},[5629,11644,11645],{"class":7722},"#ef4444",[5629,11647,5656],{"class":5639},[5629,11649,11651,11653,11655,11657],{"class":5631,"line":11650},101,[5629,11652,7836],{"class":6994},[5629,11654,5686],{"class":5639},[5629,11656,7917],{"class":6329},[5629,11658,5656],{"class":5639},[5629,11660,11662],{"class":5631,"line":11661},102,[5629,11663,5798],{"class":5639},[5629,11665,11667],{"class":5631,"line":11666},103,[5629,11668,5663],{"emptyLinePlaceholder":5662},[5629,11670,11672,11675],{"class":5631,"line":11671},104,[5629,11673,11674],{"class":7709},".delete:hover",[5629,11676,5677],{"class":5639},[5629,11678,11680,11682,11684,11687],{"class":5631,"line":11679},105,[5629,11681,7985],{"class":6994},[5629,11683,5686],{"class":5639},[5629,11685,11686],{"class":7722},"#dc2626",[5629,11688,5656],{"class":5639},[5629,11690,11692],{"class":5631,"line":11691},106,[5629,11693,5798],{"class":5639},[5629,11695,11697],{"class":5631,"line":11696},107,[5629,11698,5663],{"emptyLinePlaceholder":5662},[5629,11700,11702,11705],{"class":5631,"line":11701},108,[5629,11703,11704],{"class":7709},".empty-state",[5629,11706,5677],{"class":5639},[5629,11708,11710,11712,11714,11716],{"class":5631,"line":11709},109,[5629,11711,7810],{"class":6994},[5629,11713,5686],{"class":5639},[5629,11715,7735],{"class":7722},[5629,11717,5656],{"class":5639},[5629,11719,11721,11723,11725,11728],{"class":5631,"line":11720},110,[5629,11722,7859],{"class":6994},[5629,11724,5686],{"class":5639},[5629,11726,11727],{"class":7722},"#94a3b8",[5629,11729,5656],{"class":5639},[5629,11731,11733,11735,11737,11739],{"class":5631,"line":11732},111,[5629,11734,7836],{"class":6994},[5629,11736,5686],{"class":5639},[5629,11738,11062],{"class":6329},[5629,11740,5656],{"class":5639},[5629,11742,11744,11746,11748,11750,11752],{"class":5631,"line":11743},112,[5629,11745,7871],{"class":6994},[5629,11747,5686],{"class":5639},[5629,11749,8012],{"class":6329},[5629,11751,6896],{"class":6329},[5629,11753,5656],{"class":5639},[5629,11755,11757],{"class":5631,"line":11756},113,[5629,11758,5798],{"class":5639},[8132,11760,11762],{"id":11761},"розбір-ключових-паттернів","Розбір ключових паттернів",[5485,11764,11765,11768,11769,11771,11772,11774,11775,11777,11778,5521],{},[5489,11766,11767],{},"Payload у дискримінантному об'єднанні."," Кожен варіант ",[5477,11770,8615],{}," містить додаткові поля: ",[5477,11773,8536],{}," для створення завдання, ",[5477,11776,8558],{}," для перемикання стану або видалення. TypeScript автоматично виводить доступні поля після звуження типу через ",[5477,11779,11780],{},"switch (action.type)",[5485,11782,11783,11786],{},[5489,11784,11785],{},"Незмінні трансформації масиву."," Усі операції зі станом створюють новий масив:",[5509,11788,11789,11799,11809],{},[5512,11790,11791,11794,11795,11798],{},[5477,11792,11793],{},"added"," — оператор розгортання ",[5477,11796,11797],{},"[...state, newTask]"," додає елемент у кінець.",[5512,11800,11801,11804,11805,11808],{},[5477,11802,11803],{},"toggled"," — метод ",[5477,11806,11807],{},".map()"," створює новий масив із зміненим одним елементом.",[5512,11810,11811,11804,11814,11817],{},[5477,11812,11813],{},"deleted",[5477,11815,11816],{},".filter()"," створює новий масив без видаленого елемента.",[5485,11819,11820,11823,11824,6010,11826,11829,11830,11832,11833,11835],{},[5489,11821,11822],{},"Локальний стан поля введення."," Зверніть увагу: значення інпута (",[5477,11825,8921],{},[5489,11827,11828],{},"не"," зберігається у редюсері. Це локальний UI-стан, який не потребує централізованого управління. ",[5477,11831,5479],{}," не замінює ",[5477,11834,5520],{}," повністю — вони доповнюють один одного.",[6676,11837,11838,11839,11841,11842,11845,11846,11841,11848,11851],{},"Використовуйте ",[5477,11840,5479],{}," для ",[5489,11843,11844],{},"доменного стану"," (дані, бізнес-логіка), і залишайте ",[5477,11847,5520],{},[5489,11849,11850],{},"локального UI-стану"," (відкриті випадаючі списки, значення інпутів до відправки форми, анімаційні прапорці).",[5598,11853],{},[5601,11855,11857],{"id":11856},"складний-стан-форма-реєстрації-з-валідацією","Складний стан: форма реєстрації з валідацією",[5485,11859,11860,11861,11863,11864,5521],{},"Тепер застосуємо ",[5477,11862,5479],{}," до початкового прикладу з формою реєстрації. Це демонструє основну перевагу редюсера: всі переходи стану зібрані в одному місці, а компонент містить лише декларативні виклики ",[5477,11865,6954],{},[5620,11867,11869],{"className":5622,"code":11868,"language":5624,"meta":5625,"style":5625},"import { useReducer } from \"react\";\n\ninterface RegistrationState {\n  email: string;\n  password: string;\n  confirmPassword: string;\n  agreedToTerms: boolean;\n  isSubmitting: boolean;\n  errors: {\n    email?: string;\n    password?: string;\n    confirmPassword?: string;\n  };\n}\n\ntype RegistrationAction =\n  | { type: \"field_changed\"; field: \"email\" | \"password\" | \"confirmPassword\"; value: string }\n  | { type: \"terms_toggled\" }\n  | { type: \"submit_started\" }\n  | { type: \"validation_failed\"; errors: RegistrationState[\"errors\"] }\n  | { type: \"submit_succeeded\" }\n  | { type: \"submit_failed\" };\n\nconst initialState: RegistrationState = {\n  email: \"\",\n  password: \"\",\n  confirmPassword: \"\",\n  agreedToTerms: false,\n  isSubmitting: false,\n  errors: {},\n};\n\nfunction registrationReducer(\n  state: RegistrationState,\n  action: RegistrationAction\n): RegistrationState {\n  switch (action.type) {\n    case \"field_changed\":\n      return {\n        ...state,\n        [action.field]: action.value,\n        \u002F\u002F Очищення помилки при редагуванні поля\n        errors: {\n          ...state.errors,\n          [action.field]: undefined,\n        },\n      };\n\n    case \"terms_toggled\":\n      return {\n        ...state,\n        agreedToTerms: !state.agreedToTerms,\n      };\n\n    case \"submit_started\":\n      return {\n        ...state,\n        isSubmitting: true,\n        errors: {},\n      };\n\n    case \"validation_failed\":\n      return {\n        ...state,\n        isSubmitting: false,\n        errors: action.errors,\n      };\n\n    case \"submit_succeeded\":\n      return initialState; \u002F\u002F Скидання форми\n\n    case \"submit_failed\":\n      return {\n        ...state,\n        isSubmitting: false,\n      };\n\n    default:\n      return state;\n  }\n}\n\nfunction RegistrationForm() {\n  const [state, dispatch] = useReducer(registrationReducer, initialState);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    dispatch({ type: \"submit_started\" });\n\n    \u002F\u002F Валідація\n    const errors: RegistrationState[\"errors\"] = {};\n    if (!state.email.includes(\"@\")) {\n      errors.email = \"Невірний формат email\";\n    }\n    if (state.password.length \u003C 8) {\n      errors.password = \"Пароль має містити мінімум 8 символів\";\n    }\n    if (state.password !== state.confirmPassword) {\n      errors.confirmPassword = \"Паролі не збігаються\";\n    }\n\n    if (Object.keys(errors).length > 0) {\n      dispatch({ type: \"validation_failed\", errors });\n      return;\n    }\n\n    try {\n      \u002F\u002F Імітація мережевого запиту\n      await new Promise((resolve) => setTimeout(resolve, 1500));\n      dispatch({ type: \"submit_succeeded\" });\n      alert(\"Реєстрація успішна!\");\n    } catch {\n      dispatch({ type: \"submit_failed\" });\n      alert(\"Помилка відправки форми\");\n    }\n  };\n\n  return (\n    \u003Cform className=\"registration-form\" onSubmit={handleSubmit}>\n      \u003Ch2>Реєстрація\u003C\u002Fh2>\n\n      \u003Cdiv className=\"field\">\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput\n          id=\"email\"\n          type=\"text\"\n          value={state.email}\n          onChange={(e) =>\n            dispatch({\n              type: \"field_changed\",\n              field: \"email\",\n              value: e.target.value,\n            })\n          }\n          className={state.errors.email ? \"error\" : \"\"}\n        \u002F>\n        {state.errors.email && (\n          \u003Cspan className=\"error-message\">{state.errors.email}\u003C\u002Fspan>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"field\">\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput\n          id=\"password\"\n          type=\"password\"\n          value={state.password}\n          onChange={(e) =>\n            dispatch({\n              type: \"field_changed\",\n              field: \"password\",\n              value: e.target.value,\n            })\n          }\n          className={state.errors.password ? \"error\" : \"\"}\n        \u002F>\n        {state.errors.password && (\n          \u003Cspan className=\"error-message\">{state.errors.password}\u003C\u002Fspan>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"field\">\n        \u003Clabel htmlFor=\"confirmPassword\">Підтвердження пароля\u003C\u002Flabel>\n        \u003Cinput\n          id=\"confirmPassword\"\n          type=\"password\"\n          value={state.confirmPassword}\n          onChange={(e) =>\n            dispatch({\n              type: \"field_changed\",\n              field: \"confirmPassword\",\n              value: e.target.value,\n            })\n          }\n          className={state.errors.confirmPassword ? \"error\" : \"\"}\n        \u002F>\n        {state.errors.confirmPassword && (\n          \u003Cspan className=\"error-message\">{state.errors.confirmPassword}\u003C\u002Fspan>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"checkbox-field\">\n        \u003Cinput\n          id=\"terms\"\n          type=\"checkbox\"\n          checked={state.agreedToTerms}\n          onChange={() => dispatch({ type: \"terms_toggled\" })}\n        \u002F>\n        \u003Clabel htmlFor=\"terms\">Я погоджуюсь із умовами використання\u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Cbutton\n        type=\"submit\"\n        disabled={!state.agreedToTerms || state.isSubmitting}\n      >\n        {state.isSubmitting ? \"Відправка...\" : \"Зареєструватись\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5477,11870,11871,11887,11891,11900,11910,11920,11930,11940,11950,11956,11966,11976,11986,11990,11994,11998,12007,12049,12062,12075,12102,12115,12128,12132,12147,12156,12165,12174,12183,12192,12200,12205,12209,12219,12230,12240,12248,12262,12271,12277,12285,12298,12303,12310,12323,12332,12336,12341,12345,12354,12360,12368,12383,12387,12391,12400,12406,12414,12424,12430,12434,12438,12447,12453,12461,12469,12481,12485,12489,12498,12509,12513,12522,12528,12536,12544,12548,12552,12558,12566,12570,12574,12578,12586,12613,12617,12646,12659,12663,12676,12680,12684,12701,12723,12738,12742,12764,12778,12782,12804,12818,12822,12826,12852,12868,12874,12878,12882,12889,12894,12929,12941,12953,12963,12976,12988,12993,12998,13003,13010,13039,13057,13062,13078,13104,13111,13122,13131,13148,13165,13174,13184,13195,13213,13219,13225,13256,13261,13280,13316,13323,13332,13337,13352,13376,13383,13393,13402,13419,13436,13443,13452,13462,13479,13484,13489,13518,13523,13542,13577,13584,13593,13598,13613,13637,13644,13654,13663,13680,13697,13704,13713,13723,13740,13745,13750,13779,13784,13803,13838,13845,13854,13859,13875,13882,13892,13901,13919,13944,13949,13974,13983,13988,13995,14006,14036,14042,14065,14074,14083,14088],{"__ignoreMap":5625},[5629,11872,11873,11875,11877,11879,11881,11883,11885],{"class":5631,"line":5632},[5629,11874,5636],{"class":5635},[5629,11876,5640],{"class":5639},[5629,11878,5479],{"class":5643},[5629,11880,5646],{"class":5639},[5629,11882,5649],{"class":5635},[5629,11884,5653],{"class":5652},[5629,11886,5656],{"class":5639},[5629,11888,11889],{"class":5631,"line":5659},[5629,11890,5663],{"emptyLinePlaceholder":5662},[5629,11892,11893,11895,11898],{"class":5631,"line":5666},[5629,11894,5670],{"class":5669},[5629,11896,11897],{"class":5673}," RegistrationState",[5629,11899,5677],{"class":5639},[5629,11901,11902,11904,11906,11908],{"class":5631,"line":5680},[5629,11903,5683],{"class":5643},[5629,11905,5686],{"class":5639},[5629,11907,5689],{"class":5673},[5629,11909,5656],{"class":5639},[5629,11911,11912,11914,11916,11918],{"class":5631,"line":5694},[5629,11913,5697],{"class":5643},[5629,11915,5686],{"class":5639},[5629,11917,5689],{"class":5673},[5629,11919,5656],{"class":5639},[5629,11921,11922,11924,11926,11928],{"class":5631,"line":5706},[5629,11923,5709],{"class":5643},[5629,11925,5686],{"class":5639},[5629,11927,5689],{"class":5673},[5629,11929,5656],{"class":5639},[5629,11931,11932,11934,11936,11938],{"class":5631,"line":5718},[5629,11933,5721],{"class":5643},[5629,11935,5686],{"class":5639},[5629,11937,5726],{"class":5673},[5629,11939,5656],{"class":5639},[5629,11941,11942,11944,11946,11948],{"class":5631,"line":5731},[5629,11943,5734],{"class":5643},[5629,11945,5686],{"class":5639},[5629,11947,5726],{"class":5673},[5629,11949,5656],{"class":5639},[5629,11951,11952,11954],{"class":5631,"line":5743},[5629,11953,5746],{"class":5643},[5629,11955,5749],{"class":5639},[5629,11957,11958,11960,11962,11964],{"class":5631,"line":5752},[5629,11959,5755],{"class":5643},[5629,11961,5758],{"class":5639},[5629,11963,5689],{"class":5673},[5629,11965,5656],{"class":5639},[5629,11967,11968,11970,11972,11974],{"class":5631,"line":5765},[5629,11969,5768],{"class":5643},[5629,11971,5758],{"class":5639},[5629,11973,5689],{"class":5673},[5629,11975,5656],{"class":5639},[5629,11977,11978,11980,11982,11984],{"class":5631,"line":5777},[5629,11979,5780],{"class":5643},[5629,11981,5758],{"class":5639},[5629,11983,5689],{"class":5673},[5629,11985,5656],{"class":5639},[5629,11987,11988],{"class":5631,"line":5789},[5629,11989,5792],{"class":5639},[5629,11991,11992],{"class":5631,"line":5795},[5629,11993,5798],{"class":5639},[5629,11995,11996],{"class":5631,"line":5801},[5629,11997,5663],{"emptyLinePlaceholder":5662},[5629,11999,12000,12002,12005],{"class":5631,"line":5806},[5629,12001,5570],{"class":5669},[5629,12003,12004],{"class":5673}," RegistrationAction",[5629,12006,6734],{"class":5639},[5629,12008,12009,12011,12013,12015,12018,12020,12023,12025,12028,12031,12034,12036,12039,12041,12043,12045,12047],{"class":5631,"line":5819},[5629,12010,6739],{"class":5639},[5629,12012,5570],{"class":5643},[5629,12014,5686],{"class":5639},[5629,12016,12017],{"class":5652},"\"field_changed\"",[5629,12019,8533],{"class":5639},[5629,12021,12022],{"class":5643},"field",[5629,12024,5686],{"class":5639},[5629,12026,12027],{"class":5652},"\"email\"",[5629,12029,12030],{"class":5639}," | ",[5629,12032,12033],{"class":5652},"\"password\"",[5629,12035,12030],{"class":5639},[5629,12037,12038],{"class":5652},"\"confirmPassword\"",[5629,12040,8533],{"class":5639},[5629,12042,6003],{"class":5643},[5629,12044,5686],{"class":5639},[5629,12046,5689],{"class":5673},[5629,12048,6749],{"class":5639},[5629,12050,12051,12053,12055,12057,12060],{"class":5631,"line":5852},[5629,12052,6739],{"class":5639},[5629,12054,5570],{"class":5643},[5629,12056,5686],{"class":5639},[5629,12058,12059],{"class":5652},"\"terms_toggled\"",[5629,12061,6749],{"class":5639},[5629,12063,12064,12066,12068,12070,12073],{"class":5631,"line":5877},[5629,12065,6739],{"class":5639},[5629,12067,5570],{"class":5643},[5629,12069,5686],{"class":5639},[5629,12071,12072],{"class":5652},"\"submit_started\"",[5629,12074,6749],{"class":5639},[5629,12076,12077,12079,12081,12083,12086,12088,12090,12092,12095,12097,12099],{"class":5631,"line":5902},[5629,12078,6739],{"class":5639},[5629,12080,5570],{"class":5643},[5629,12082,5686],{"class":5639},[5629,12084,12085],{"class":5652},"\"validation_failed\"",[5629,12087,8533],{"class":5639},[5629,12089,5960],{"class":5643},[5629,12091,5686],{"class":5639},[5629,12093,12094],{"class":5673},"RegistrationState",[5629,12096,5978],{"class":5639},[5629,12098,5981],{"class":5652},[5629,12100,12101],{"class":5639},"] }\n",[5629,12103,12104,12106,12108,12110,12113],{"class":5631,"line":5928},[5629,12105,6739],{"class":5639},[5629,12107,5570],{"class":5643},[5629,12109,5686],{"class":5639},[5629,12111,12112],{"class":5652},"\"submit_succeeded\"",[5629,12114,6749],{"class":5639},[5629,12116,12117,12119,12121,12123,12126],{"class":5631,"line":5953},[5629,12118,6739],{"class":5639},[5629,12120,5570],{"class":5643},[5629,12122,5686],{"class":5639},[5629,12124,12125],{"class":5652},"\"submit_failed\"",[5629,12127,6776],{"class":5639},[5629,12129,12130],{"class":5631,"line":5987},[5629,12131,5663],{"emptyLinePlaceholder":5662},[5629,12133,12134,12137,12140,12142,12144],{"class":5631,"line":5992},[5629,12135,12136],{"class":5669},"const",[5629,12138,12139],{"class":5828}," initialState",[5629,12141,5686],{"class":5639},[5629,12143,12094],{"class":5673},[5629,12145,12146],{"class":5639}," = {\n",[5629,12148,12149,12152,12154],{"class":5631,"line":6018},[5629,12150,12151],{"class":5643},"  email:",[5629,12153,9301],{"class":5652},[5629,12155,8197],{"class":5639},[5629,12157,12158,12161,12163],{"class":5631,"line":6030},[5629,12159,12160],{"class":5643},"  password:",[5629,12162,9301],{"class":5652},[5629,12164,8197],{"class":5639},[5629,12166,12167,12170,12172],{"class":5631,"line":6037},[5629,12168,12169],{"class":5643},"  confirmPassword:",[5629,12171,9301],{"class":5652},[5629,12173,8197],{"class":5639},[5629,12175,12176,12179,12181],{"class":5631,"line":6055},[5629,12177,12178],{"class":5643},"  agreedToTerms:",[5629,12180,8704],{"class":5669},[5629,12182,8197],{"class":5639},[5629,12184,12185,12188,12190],{"class":5631,"line":6087},[5629,12186,12187],{"class":5643},"  isSubmitting:",[5629,12189,8704],{"class":5669},[5629,12191,8197],{"class":5639},[5629,12193,12194,12197],{"class":5631,"line":6093},[5629,12195,12196],{"class":5643},"  errors:",[5629,12198,12199],{"class":5639}," {},\n",[5629,12201,12202],{"class":5631,"line":6098},[5629,12203,12204],{"class":5639},"};\n",[5629,12206,12207],{"class":5631,"line":6103},[5629,12208,5663],{"emptyLinePlaceholder":5662},[5629,12210,12211,12213,12216],{"class":5631,"line":6125},[5629,12212,5809],{"class":5669},[5629,12214,12215],{"class":5812}," registrationReducer",[5629,12217,12218],{"class":5639},"(\n",[5629,12220,12221,12224,12226,12228],{"class":5631,"line":6137},[5629,12222,12223],{"class":5643},"  state",[5629,12225,5686],{"class":5639},[5629,12227,12094],{"class":5673},[5629,12229,8197],{"class":5639},[5629,12231,12232,12235,12237],{"class":5631,"line":6152},[5629,12233,12234],{"class":5643},"  action",[5629,12236,5686],{"class":5639},[5629,12238,12239],{"class":5673},"RegistrationAction\n",[5629,12241,12242,12244,12246],{"class":5631,"line":6178},[5629,12243,6813],{"class":5639},[5629,12245,12094],{"class":5673},[5629,12247,5677],{"class":5639},[5629,12249,12250,12252,12254,12256,12258,12260],{"class":5631,"line":6183},[5629,12251,6822],{"class":5635},[5629,12253,6043],{"class":5639},[5629,12255,6592],{"class":5643},[5629,12257,5521],{"class":5639},[5629,12259,5570],{"class":5643},[5629,12261,6052],{"class":5639},[5629,12263,12264,12266,12269],{"class":5631,"line":6188},[5629,12265,6837],{"class":5635},[5629,12267,12268],{"class":5652}," \"field_changed\"",[5629,12270,6843],{"class":5639},[5629,12272,12273,12275],{"class":5631,"line":6193},[5629,12274,6456],{"class":5635},[5629,12276,5677],{"class":5639},[5629,12278,12279,12281,12283],{"class":5631,"line":6214},[5629,12280,8657],{"class":5639},[5629,12282,6628],{"class":5643},[5629,12284,8197],{"class":5639},[5629,12286,12287,12290,12292,12294,12296],{"class":5631,"line":6227},[5629,12288,12289],{"class":5643},"        [action.field]:",[5629,12291,8690],{"class":5643},[5629,12293,5521],{"class":5639},[5629,12295,6003],{"class":5643},[5629,12297,8197],{"class":5639},[5629,12299,12300],{"class":5631,"line":6236},[5629,12301,12302],{"class":6033},"        \u002F\u002F Очищення помилки при редагуванні поля\n",[5629,12304,12305,12308],{"class":5631,"line":6241},[5629,12306,12307],{"class":5643},"        errors:",[5629,12309,5677],{"class":5639},[5629,12311,12312,12315,12317,12319,12321],{"class":5631,"line":6247},[5629,12313,12314],{"class":5639},"          ...",[5629,12316,6628],{"class":5643},[5629,12318,5521],{"class":5639},[5629,12320,5960],{"class":5643},[5629,12322,8197],{"class":5639},[5629,12324,12325,12328,12330],{"class":5631,"line":6267},[5629,12326,12327],{"class":5643},"          [action.field]:",[5629,12329,6081],{"class":5669},[5629,12331,8197],{"class":5639},[5629,12333,12334],{"class":5631,"line":6290},[5629,12335,8711],{"class":5639},[5629,12337,12338],{"class":5631,"line":6307},[5629,12339,12340],{"class":5639},"      };\n",[5629,12342,12343],{"class":5631,"line":6312},[5629,12344,5663],{"emptyLinePlaceholder":5662},[5629,12346,12347,12349,12352],{"class":5631,"line":6335},[5629,12348,6837],{"class":5635},[5629,12350,12351],{"class":5652}," \"terms_toggled\"",[5629,12353,6843],{"class":5639},[5629,12355,12356,12358],{"class":5631,"line":6351},[5629,12357,6456],{"class":5635},[5629,12359,5677],{"class":5639},[5629,12361,12362,12364,12366],{"class":5631,"line":6356},[5629,12363,8657],{"class":5639},[5629,12365,6628],{"class":5643},[5629,12367,8197],{"class":5639},[5629,12369,12370,12373,12375,12377,12379,12381],{"class":5631,"line":6372},[5629,12371,12372],{"class":5643},"        agreedToTerms:",[5629,12374,8781],{"class":5639},[5629,12376,6628],{"class":5643},[5629,12378,5521],{"class":5639},[5629,12380,5909],{"class":5643},[5629,12382,8197],{"class":5639},[5629,12384,12385],{"class":5631,"line":6388},[5629,12386,12340],{"class":5639},[5629,12388,12389],{"class":5631,"line":6393},[5629,12390,5663],{"emptyLinePlaceholder":5662},[5629,12392,12393,12395,12398],{"class":5631,"line":6398},[5629,12394,6837],{"class":5635},[5629,12396,12397],{"class":5652}," \"submit_started\"",[5629,12399,6843],{"class":5639},[5629,12401,12402,12404],{"class":5631,"line":6430},[5629,12403,6456],{"class":5635},[5629,12405,5677],{"class":5639},[5629,12407,12408,12410,12412],{"class":5631,"line":6441},[5629,12409,8657],{"class":5639},[5629,12411,6628],{"class":5643},[5629,12413,8197],{"class":5639},[5629,12415,12416,12419,12422],{"class":5631,"line":6453},[5629,12417,12418],{"class":5643},"        isSubmitting:",[5629,12420,12421],{"class":5669}," true",[5629,12423,8197],{"class":5639},[5629,12425,12426,12428],{"class":5631,"line":6461},[5629,12427,12307],{"class":5643},[5629,12429,12199],{"class":5639},[5629,12431,12432],{"class":5631,"line":6466},[5629,12433,12340],{"class":5639},[5629,12435,12436],{"class":5631,"line":6471},[5629,12437,5663],{"emptyLinePlaceholder":5662},[5629,12439,12440,12442,12445],{"class":5631,"line":6477},[5629,12441,6837],{"class":5635},[5629,12443,12444],{"class":5652}," \"validation_failed\"",[5629,12446,6843],{"class":5639},[5629,12448,12449,12451],{"class":5631,"line":6498},[5629,12450,6456],{"class":5635},[5629,12452,5677],{"class":5639},[5629,12454,12455,12457,12459],{"class":5631,"line":6509},[5629,12456,8657],{"class":5639},[5629,12458,6628],{"class":5643},[5629,12460,8197],{"class":5639},[5629,12462,12463,12465,12467],{"class":5631,"line":6514},[5629,12464,12418],{"class":5643},[5629,12466,8704],{"class":5669},[5629,12468,8197],{"class":5639},[5629,12470,12471,12473,12475,12477,12479],{"class":5631,"line":6519},[5629,12472,12307],{"class":5643},[5629,12474,8690],{"class":5643},[5629,12476,5521],{"class":5639},[5629,12478,5960],{"class":5643},[5629,12480,8197],{"class":5639},[5629,12482,12483],{"class":5631,"line":6525},[5629,12484,12340],{"class":5639},[5629,12486,12487],{"class":5631,"line":9325},[5629,12488,5663],{"emptyLinePlaceholder":5662},[5629,12490,12491,12493,12496],{"class":5631,"line":9343},[5629,12492,6837],{"class":5635},[5629,12494,12495],{"class":5652}," \"submit_succeeded\"",[5629,12497,6843],{"class":5639},[5629,12499,12500,12502,12504,12506],{"class":5631,"line":9380},[5629,12501,6456],{"class":5635},[5629,12503,12139],{"class":5643},[5629,12505,8533],{"class":5639},[5629,12507,12508],{"class":6033},"\u002F\u002F Скидання форми\n",[5629,12510,12511],{"class":5631,"line":9386},[5629,12512,5663],{"emptyLinePlaceholder":5662},[5629,12514,12515,12517,12520],{"class":5631,"line":9411},[5629,12516,6837],{"class":5635},[5629,12518,12519],{"class":5652}," \"submit_failed\"",[5629,12521,6843],{"class":5639},[5629,12523,12524,12526],{"class":5631,"line":9419},[5629,12525,6456],{"class":5635},[5629,12527,5677],{"class":5639},[5629,12529,12530,12532,12534],{"class":5631,"line":9430},[5629,12531,8657],{"class":5639},[5629,12533,6628],{"class":5643},[5629,12535,8197],{"class":5639},[5629,12537,12538,12540,12542],{"class":5631,"line":9466},[5629,12539,12418],{"class":5643},[5629,12541,8704],{"class":5669},[5629,12543,8197],{"class":5639},[5629,12545,12546],{"class":5631,"line":9472},[5629,12547,12340],{"class":5639},[5629,12549,12550],{"class":5631,"line":9478},[5629,12551,5663],{"emptyLinePlaceholder":5662},[5629,12553,12554,12556],{"class":5631,"line":9488},[5629,12555,6903],{"class":5635},[5629,12557,6843],{"class":5639},[5629,12559,12560,12562,12564],{"class":5631,"line":9498},[5629,12561,6456],{"class":5635},[5629,12563,6850],{"class":5643},[5629,12565,5656],{"class":5639},[5629,12567,12568],{"class":5631,"line":9506},[5629,12569,6923],{"class":5639},[5629,12571,12572],{"class":5631,"line":9515},[5629,12573,5798],{"class":5639},[5629,12575,12576],{"class":5631,"line":9520},[5629,12577,5663],{"emptyLinePlaceholder":5662},[5629,12579,12580,12582,12584],{"class":5631,"line":9540},[5629,12581,5809],{"class":5669},[5629,12583,5813],{"class":5812},[5629,12585,5816],{"class":5639},[5629,12587,12588,12590,12592,12594,12596,12598,12600,12602,12604,12607,12609,12611],{"class":5631,"line":9565},[5629,12589,5822],{"class":5669},[5629,12591,5825],{"class":5639},[5629,12593,6628],{"class":5828},[5629,12595,5832],{"class":5639},[5629,12597,6954],{"class":5828},[5629,12599,5838],{"class":5639},[5629,12601,5479],{"class":5812},[5629,12603,5843],{"class":5639},[5629,12605,12606],{"class":5643},"registrationReducer",[5629,12608,5832],{"class":5639},[5629,12610,8258],{"class":5643},[5629,12612,5849],{"class":5639},[5629,12614,12615],{"class":5631,"line":9573},[5629,12616,5663],{"emptyLinePlaceholder":5662},[5629,12618,12619,12621,12623,12625,12627,12629,12631,12633,12635,12637,12640,12642,12644],{"class":5631,"line":9582},[5629,12620,5822],{"class":5669},[5629,12622,6198],{"class":5812},[5629,12624,6201],{"class":5639},[5629,12626,6204],{"class":5669},[5629,12628,6043],{"class":5639},[5629,12630,9109],{"class":5643},[5629,12632,5686],{"class":5639},[5629,12634,2303],{"class":5673},[5629,12636,5521],{"class":5639},[5629,12638,12639],{"class":5673},"FormEvent",[5629,12641,6010],{"class":5639},[5629,12643,6013],{"class":5669},[5629,12645,5677],{"class":5639},[5629,12647,12648,12651,12653,12656],{"class":5631,"line":9587},[5629,12649,12650],{"class":5643},"    e",[5629,12652,5521],{"class":5639},[5629,12654,12655],{"class":5812},"preventDefault",[5629,12657,12658],{"class":5639},"();\n",[5629,12660,12661],{"class":5631,"line":10688},[5629,12662,5663],{"emptyLinePlaceholder":5662},[5629,12664,12665,12668,12670,12672,12674],{"class":5631,"line":10693},[5629,12666,12667],{"class":5812},"    dispatch",[5629,12669,6486],{"class":5639},[5629,12671,7083],{"class":5643},[5629,12673,12397],{"class":5652},[5629,12675,6495],{"class":5639},[5629,12677,12678],{"class":5631,"line":11554},[5629,12679,5663],{"emptyLinePlaceholder":5662},[5629,12681,12682],{"class":5631,"line":11559},[5629,12683,6244],{"class":6033},[5629,12685,12686,12688,12691,12693,12695,12697,12699],{"class":5631,"line":11564},[5629,12687,6250],{"class":5669},[5629,12689,12690],{"class":5828}," errors",[5629,12692,5686],{"class":5639},[5629,12694,12094],{"class":5673},[5629,12696,5978],{"class":5639},[5629,12698,5981],{"class":5652},[5629,12700,6264],{"class":5639},[5629,12702,12703,12705,12707,12709,12711,12713,12715,12717,12719,12721],{"class":5631,"line":11573},[5629,12704,6040],{"class":5635},[5629,12706,6272],{"class":5639},[5629,12708,6628],{"class":5643},[5629,12710,5521],{"class":5639},[5629,12712,5829],{"class":5643},[5629,12714,5521],{"class":5639},[5629,12716,6279],{"class":5812},[5629,12718,5843],{"class":5639},[5629,12720,6284],{"class":5652},[5629,12722,6287],{"class":5639},[5629,12724,12725,12728,12730,12732,12734,12736],{"class":5631,"line":11584},[5629,12726,12727],{"class":5643},"      errors",[5629,12729,5521],{"class":5639},[5629,12731,5829],{"class":5643},[5629,12733,6201],{"class":5639},[5629,12735,6302],{"class":5652},[5629,12737,5656],{"class":5639},[5629,12739,12740],{"class":5631,"line":11595},[5629,12741,6090],{"class":5639},[5629,12743,12744,12746,12748,12750,12752,12754,12756,12758,12760,12762],{"class":5631,"line":11606},[5629,12745,6040],{"class":5635},[5629,12747,6043],{"class":5639},[5629,12749,6628],{"class":5643},[5629,12751,5521],{"class":5639},[5629,12753,5859],{"class":5643},[5629,12755,5521],{"class":5639},[5629,12757,6323],{"class":5643},[5629,12759,6326],{"class":5639},[5629,12761,6330],{"class":6329},[5629,12763,6052],{"class":5639},[5629,12765,12766,12768,12770,12772,12774,12776],{"class":5631,"line":11611},[5629,12767,12727],{"class":5643},[5629,12769,5521],{"class":5639},[5629,12771,5859],{"class":5643},[5629,12773,6201],{"class":5639},[5629,12775,6346],{"class":5652},[5629,12777,5656],{"class":5639},[5629,12779,12780],{"class":5631,"line":11616},[5629,12781,6090],{"class":5639},[5629,12783,12784,12786,12788,12790,12792,12794,12796,12798,12800,12802],{"class":5631,"line":11624},[5629,12785,6040],{"class":5635},[5629,12787,6043],{"class":5639},[5629,12789,6628],{"class":5643},[5629,12791,5521],{"class":5639},[5629,12793,5859],{"class":5643},[5629,12795,6365],{"class":5639},[5629,12797,6628],{"class":5643},[5629,12799,5521],{"class":5639},[5629,12801,5884],{"class":5643},[5629,12803,6052],{"class":5639},[5629,12805,12806,12808,12810,12812,12814,12816],{"class":5631,"line":11638},[5629,12807,12727],{"class":5643},[5629,12809,5521],{"class":5639},[5629,12811,5884],{"class":5643},[5629,12813,6201],{"class":5639},[5629,12815,6383],{"class":5652},[5629,12817,5656],{"class":5639},[5629,12819,12820],{"class":5631,"line":11650},[5629,12821,6090],{"class":5639},[5629,12823,12824],{"class":5631,"line":11661},[5629,12825,5663],{"emptyLinePlaceholder":5662},[5629,12827,12828,12830,12832,12834,12836,12838,12840,12842,12844,12846,12848,12850],{"class":5631,"line":11666},[5629,12829,6040],{"class":5635},[5629,12831,6043],{"class":5639},[5629,12833,6405],{"class":5643},[5629,12835,5521],{"class":5639},[5629,12837,6410],{"class":5812},[5629,12839,5843],{"class":5639},[5629,12841,5960],{"class":5643},[5629,12843,5539],{"class":5639},[5629,12845,6323],{"class":5643},[5629,12847,6422],{"class":5639},[5629,12849,6425],{"class":6329},[5629,12851,6052],{"class":5639},[5629,12853,12854,12856,12858,12860,12862,12864,12866],{"class":5631,"line":11671},[5629,12855,8975],{"class":5812},[5629,12857,6486],{"class":5639},[5629,12859,7083],{"class":5643},[5629,12861,12444],{"class":5652},[5629,12863,5832],{"class":5639},[5629,12865,5960],{"class":5643},[5629,12867,6495],{"class":5639},[5629,12869,12870,12872],{"class":5631,"line":11679},[5629,12871,6456],{"class":5635},[5629,12873,5656],{"class":5639},[5629,12875,12876],{"class":5631,"line":11691},[5629,12877,6090],{"class":5639},[5629,12879,12880],{"class":5631,"line":11696},[5629,12881,5663],{"emptyLinePlaceholder":5662},[5629,12883,12884,12887],{"class":5631,"line":11701},[5629,12885,12886],{"class":5635},"    try",[5629,12888,5677],{"class":5639},[5629,12890,12891],{"class":5631,"line":11709},[5629,12892,12893],{"class":6033},"      \u002F\u002F Імітація мережевого запиту\n",[5629,12895,12896,12899,12902,12905,12907,12910,12912,12914,12917,12919,12921,12923,12926],{"class":5631,"line":11720},[5629,12897,12898],{"class":5635},"      await",[5629,12900,12901],{"class":5669}," new",[5629,12903,12904],{"class":5673}," Promise",[5629,12906,6061],{"class":5639},[5629,12908,12909],{"class":5643},"resolve",[5629,12911,6010],{"class":5639},[5629,12913,6013],{"class":5669},[5629,12915,12916],{"class":5812}," setTimeout",[5629,12918,5843],{"class":5639},[5629,12920,12909],{"class":5643},[5629,12922,5832],{"class":5639},[5629,12924,12925],{"class":6329},"1500",[5629,12927,12928],{"class":5639},"));\n",[5629,12930,12931,12933,12935,12937,12939],{"class":5631,"line":11732},[5629,12932,8975],{"class":5812},[5629,12934,6486],{"class":5639},[5629,12936,7083],{"class":5643},[5629,12938,12495],{"class":5652},[5629,12940,6495],{"class":5639},[5629,12942,12943,12946,12948,12951],{"class":5631,"line":11743},[5629,12944,12945],{"class":5812},"      alert",[5629,12947,5843],{"class":5639},[5629,12949,12950],{"class":5652},"\"Реєстрація успішна!\"",[5629,12952,5849],{"class":5639},[5629,12954,12955,12958,12961],{"class":5631,"line":11756},[5629,12956,12957],{"class":5639},"    } ",[5629,12959,12960],{"class":5635},"catch",[5629,12962,5677],{"class":5639},[5629,12964,12966,12968,12970,12972,12974],{"class":5631,"line":12965},114,[5629,12967,8975],{"class":5812},[5629,12969,6486],{"class":5639},[5629,12971,7083],{"class":5643},[5629,12973,12519],{"class":5652},[5629,12975,6495],{"class":5639},[5629,12977,12979,12981,12983,12986],{"class":5631,"line":12978},115,[5629,12980,12945],{"class":5812},[5629,12982,5843],{"class":5639},[5629,12984,12985],{"class":5652},"\"Помилка відправки форми\"",[5629,12987,5849],{"class":5639},[5629,12989,12991],{"class":5631,"line":12990},116,[5629,12992,6090],{"class":5639},[5629,12994,12996],{"class":5631,"line":12995},117,[5629,12997,5792],{"class":5639},[5629,12999,13001],{"class":5631,"line":13000},118,[5629,13002,5663],{"emptyLinePlaceholder":5662},[5629,13004,13006,13008],{"class":5631,"line":13005},119,[5629,13007,6978],{"class":5635},[5629,13009,6981],{"class":5639},[5629,13011,13013,13015,13018,13020,13022,13025,13028,13030,13032,13035,13037],{"class":5631,"line":13012},120,[5629,13014,6987],{"class":6986},[5629,13016,13017],{"class":6990},"form",[5629,13019,6995],{"class":6994},[5629,13021,6998],{"class":5639},[5629,13023,13024],{"class":5652},"\"registration-form\"",[5629,13026,13027],{"class":6994}," onSubmit",[5629,13029,6998],{"class":5639},[5629,13031,7027],{"class":5669},[5629,13033,13034],{"class":5643},"handleSubmit",[5629,13036,7032],{"class":5669},[5629,13038,7004],{"class":6986},[5629,13040,13042,13044,13046,13048,13051,13053,13055],{"class":5631,"line":13041},121,[5629,13043,7009],{"class":6986},[5629,13045,5601],{"class":6990},[5629,13047,7021],{"class":6986},[5629,13049,13050],{"class":5639},"Реєстрація",[5629,13052,7035],{"class":6986},[5629,13054,5601],{"class":6990},[5629,13056,7004],{"class":6986},[5629,13058,13060],{"class":5631,"line":13059},122,[5629,13061,5663],{"emptyLinePlaceholder":5662},[5629,13063,13065,13067,13069,13071,13073,13076],{"class":5631,"line":13064},123,[5629,13066,7009],{"class":6986},[5629,13068,6991],{"class":6990},[5629,13070,6995],{"class":6994},[5629,13072,6998],{"class":5639},[5629,13074,13075],{"class":5652},"\"field\"",[5629,13077,7004],{"class":6986},[5629,13079,13081,13083,13086,13089,13091,13093,13095,13098,13100,13102],{"class":5631,"line":13080},124,[5629,13082,7059],{"class":6986},[5629,13084,13085],{"class":6990},"label",[5629,13087,13088],{"class":6994}," htmlFor",[5629,13090,6998],{"class":5639},[5629,13092,12027],{"class":5652},[5629,13094,7021],{"class":6986},[5629,13096,13097],{"class":5639},"Email",[5629,13099,7035],{"class":6986},[5629,13101,13085],{"class":6990},[5629,13103,7004],{"class":6986},[5629,13105,13107,13109],{"class":5631,"line":13106},125,[5629,13108,7059],{"class":6986},[5629,13110,9062],{"class":6990},[5629,13112,13114,13117,13119],{"class":5631,"line":13113},126,[5629,13115,13116],{"class":6994},"          id",[5629,13118,6998],{"class":5639},[5629,13120,13121],{"class":5652},"\"email\"\n",[5629,13123,13125,13127,13129],{"class":5631,"line":13124},127,[5629,13126,9067],{"class":6994},[5629,13128,6998],{"class":5639},[5629,13130,9072],{"class":5652},[5629,13132,13134,13136,13138,13140,13142,13144,13146],{"class":5631,"line":13133},128,[5629,13135,9087],{"class":6994},[5629,13137,6998],{"class":5639},[5629,13139,7027],{"class":5669},[5629,13141,6628],{"class":5643},[5629,13143,5521],{"class":7072},[5629,13145,5829],{"class":5643},[5629,13147,5798],{"class":5669},[5629,13149,13151,13153,13155,13157,13159,13161,13163],{"class":5631,"line":13150},129,[5629,13152,9100],{"class":6994},[5629,13154,6998],{"class":5639},[5629,13156,7027],{"class":5669},[5629,13158,5843],{"class":7072},[5629,13160,9109],{"class":5643},[5629,13162,6010],{"class":7072},[5629,13164,8750],{"class":5669},[5629,13166,13168,13171],{"class":5631,"line":13167},130,[5629,13169,13170],{"class":5812},"            dispatch",[5629,13172,13173],{"class":7072},"({\n",[5629,13175,13177,13180,13182],{"class":5631,"line":13176},131,[5629,13178,13179],{"class":5643},"              type:",[5629,13181,12268],{"class":5652},[5629,13183,8197],{"class":7072},[5629,13185,13187,13190,13193],{"class":5631,"line":13186},132,[5629,13188,13189],{"class":5643},"              field:",[5629,13191,13192],{"class":5652}," \"email\"",[5629,13194,8197],{"class":7072},[5629,13196,13198,13201,13203,13205,13207,13209,13211],{"class":5631,"line":13197},133,[5629,13199,13200],{"class":5643},"              value:",[5629,13202,9154],{"class":5643},[5629,13204,5521],{"class":7072},[5629,13206,9125],{"class":5643},[5629,13208,5521],{"class":7072},[5629,13210,6003],{"class":5643},[5629,13212,8197],{"class":7072},[5629,13214,13216],{"class":5631,"line":13215},134,[5629,13217,13218],{"class":7072},"            })\n",[5629,13220,13222],{"class":5631,"line":13221},135,[5629,13223,13224],{"class":5669},"          }\n",[5629,13226,13228,13231,13233,13235,13237,13239,13241,13243,13245,13247,13250,13252,13254],{"class":5631,"line":13227},136,[5629,13229,13230],{"class":6994},"          className",[5629,13232,6998],{"class":5639},[5629,13234,7027],{"class":5669},[5629,13236,6628],{"class":5643},[5629,13238,5521],{"class":7072},[5629,13240,5960],{"class":5643},[5629,13242,5521],{"class":7072},[5629,13244,5829],{"class":5643},[5629,13246,9292],{"class":5639},[5629,13248,13249],{"class":5652}," \"error\"",[5629,13251,9298],{"class":5639},[5629,13253,9301],{"class":5652},[5629,13255,5798],{"class":5669},[5629,13257,13259],{"class":5631,"line":13258},137,[5629,13260,9180],{"class":6986},[5629,13262,13264,13266,13268,13270,13272,13274,13276,13278],{"class":5631,"line":13263},138,[5629,13265,9240],{"class":5669},[5629,13267,6628],{"class":5643},[5629,13269,5521],{"class":7072},[5629,13271,5960],{"class":5643},[5629,13273,5521],{"class":7072},[5629,13275,5829],{"class":5643},[5629,13277,9168],{"class":5639},[5629,13279,6981],{"class":7072},[5629,13281,13283,13285,13287,13289,13291,13294,13296,13298,13300,13302,13304,13306,13308,13310,13312,13314],{"class":5631,"line":13282},139,[5629,13284,7553],{"class":6986},[5629,13286,5629],{"class":6990},[5629,13288,6995],{"class":6994},[5629,13290,6998],{"class":5639},[5629,13292,13293],{"class":5652},"\"error-message\"",[5629,13295,7021],{"class":6986},[5629,13297,7027],{"class":5669},[5629,13299,6628],{"class":5643},[5629,13301,5521],{"class":7072},[5629,13303,5960],{"class":5643},[5629,13305,5521],{"class":7072},[5629,13307,5829],{"class":5643},[5629,13309,7032],{"class":5669},[5629,13311,7035],{"class":6986},[5629,13313,5629],{"class":6990},[5629,13315,7004],{"class":6986},[5629,13317,13319,13321],{"class":5631,"line":13318},140,[5629,13320,10667],{"class":7072},[5629,13322,5798],{"class":5669},[5629,13324,13326,13328,13330],{"class":5631,"line":13325},141,[5629,13327,7184],{"class":6986},[5629,13329,6991],{"class":6990},[5629,13331,7004],{"class":6986},[5629,13333,13335],{"class":5631,"line":13334},142,[5629,13336,5663],{"emptyLinePlaceholder":5662},[5629,13338,13340,13342,13344,13346,13348,13350],{"class":5631,"line":13339},143,[5629,13341,7009],{"class":6986},[5629,13343,6991],{"class":6990},[5629,13345,6995],{"class":6994},[5629,13347,6998],{"class":5639},[5629,13349,13075],{"class":5652},[5629,13351,7004],{"class":6986},[5629,13353,13355,13357,13359,13361,13363,13365,13367,13370,13372,13374],{"class":5631,"line":13354},144,[5629,13356,7059],{"class":6986},[5629,13358,13085],{"class":6990},[5629,13360,13088],{"class":6994},[5629,13362,6998],{"class":5639},[5629,13364,12033],{"class":5652},[5629,13366,7021],{"class":6986},[5629,13368,13369],{"class":5639},"Пароль",[5629,13371,7035],{"class":6986},[5629,13373,13085],{"class":6990},[5629,13375,7004],{"class":6986},[5629,13377,13379,13381],{"class":5631,"line":13378},145,[5629,13380,7059],{"class":6986},[5629,13382,9062],{"class":6990},[5629,13384,13386,13388,13390],{"class":5631,"line":13385},146,[5629,13387,13116],{"class":6994},[5629,13389,6998],{"class":5639},[5629,13391,13392],{"class":5652},"\"password\"\n",[5629,13394,13396,13398,13400],{"class":5631,"line":13395},147,[5629,13397,9067],{"class":6994},[5629,13399,6998],{"class":5639},[5629,13401,13392],{"class":5652},[5629,13403,13405,13407,13409,13411,13413,13415,13417],{"class":5631,"line":13404},148,[5629,13406,9087],{"class":6994},[5629,13408,6998],{"class":5639},[5629,13410,7027],{"class":5669},[5629,13412,6628],{"class":5643},[5629,13414,5521],{"class":7072},[5629,13416,5859],{"class":5643},[5629,13418,5798],{"class":5669},[5629,13420,13422,13424,13426,13428,13430,13432,13434],{"class":5631,"line":13421},149,[5629,13423,9100],{"class":6994},[5629,13425,6998],{"class":5639},[5629,13427,7027],{"class":5669},[5629,13429,5843],{"class":7072},[5629,13431,9109],{"class":5643},[5629,13433,6010],{"class":7072},[5629,13435,8750],{"class":5669},[5629,13437,13439,13441],{"class":5631,"line":13438},150,[5629,13440,13170],{"class":5812},[5629,13442,13173],{"class":7072},[5629,13444,13446,13448,13450],{"class":5631,"line":13445},151,[5629,13447,13179],{"class":5643},[5629,13449,12268],{"class":5652},[5629,13451,8197],{"class":7072},[5629,13453,13455,13457,13460],{"class":5631,"line":13454},152,[5629,13456,13189],{"class":5643},[5629,13458,13459],{"class":5652}," \"password\"",[5629,13461,8197],{"class":7072},[5629,13463,13465,13467,13469,13471,13473,13475,13477],{"class":5631,"line":13464},153,[5629,13466,13200],{"class":5643},[5629,13468,9154],{"class":5643},[5629,13470,5521],{"class":7072},[5629,13472,9125],{"class":5643},[5629,13474,5521],{"class":7072},[5629,13476,6003],{"class":5643},[5629,13478,8197],{"class":7072},[5629,13480,13482],{"class":5631,"line":13481},154,[5629,13483,13218],{"class":7072},[5629,13485,13487],{"class":5631,"line":13486},155,[5629,13488,13224],{"class":5669},[5629,13490,13492,13494,13496,13498,13500,13502,13504,13506,13508,13510,13512,13514,13516],{"class":5631,"line":13491},156,[5629,13493,13230],{"class":6994},[5629,13495,6998],{"class":5639},[5629,13497,7027],{"class":5669},[5629,13499,6628],{"class":5643},[5629,13501,5521],{"class":7072},[5629,13503,5960],{"class":5643},[5629,13505,5521],{"class":7072},[5629,13507,5859],{"class":5643},[5629,13509,9292],{"class":5639},[5629,13511,13249],{"class":5652},[5629,13513,9298],{"class":5639},[5629,13515,9301],{"class":5652},[5629,13517,5798],{"class":5669},[5629,13519,13521],{"class":5631,"line":13520},157,[5629,13522,9180],{"class":6986},[5629,13524,13526,13528,13530,13532,13534,13536,13538,13540],{"class":5631,"line":13525},158,[5629,13527,9240],{"class":5669},[5629,13529,6628],{"class":5643},[5629,13531,5521],{"class":7072},[5629,13533,5960],{"class":5643},[5629,13535,5521],{"class":7072},[5629,13537,5859],{"class":5643},[5629,13539,9168],{"class":5639},[5629,13541,6981],{"class":7072},[5629,13543,13545,13547,13549,13551,13553,13555,13557,13559,13561,13563,13565,13567,13569,13571,13573,13575],{"class":5631,"line":13544},159,[5629,13546,7553],{"class":6986},[5629,13548,5629],{"class":6990},[5629,13550,6995],{"class":6994},[5629,13552,6998],{"class":5639},[5629,13554,13293],{"class":5652},[5629,13556,7021],{"class":6986},[5629,13558,7027],{"class":5669},[5629,13560,6628],{"class":5643},[5629,13562,5521],{"class":7072},[5629,13564,5960],{"class":5643},[5629,13566,5521],{"class":7072},[5629,13568,5859],{"class":5643},[5629,13570,7032],{"class":5669},[5629,13572,7035],{"class":6986},[5629,13574,5629],{"class":6990},[5629,13576,7004],{"class":6986},[5629,13578,13580,13582],{"class":5631,"line":13579},160,[5629,13581,10667],{"class":7072},[5629,13583,5798],{"class":5669},[5629,13585,13587,13589,13591],{"class":5631,"line":13586},161,[5629,13588,7184],{"class":6986},[5629,13590,6991],{"class":6990},[5629,13592,7004],{"class":6986},[5629,13594,13596],{"class":5631,"line":13595},162,[5629,13597,5663],{"emptyLinePlaceholder":5662},[5629,13599,13601,13603,13605,13607,13609,13611],{"class":5631,"line":13600},163,[5629,13602,7009],{"class":6986},[5629,13604,6991],{"class":6990},[5629,13606,6995],{"class":6994},[5629,13608,6998],{"class":5639},[5629,13610,13075],{"class":5652},[5629,13612,7004],{"class":6986},[5629,13614,13616,13618,13620,13622,13624,13626,13628,13631,13633,13635],{"class":5631,"line":13615},164,[5629,13617,7059],{"class":6986},[5629,13619,13085],{"class":6990},[5629,13621,13088],{"class":6994},[5629,13623,6998],{"class":5639},[5629,13625,12038],{"class":5652},[5629,13627,7021],{"class":6986},[5629,13629,13630],{"class":5639},"Підтвердження пароля",[5629,13632,7035],{"class":6986},[5629,13634,13085],{"class":6990},[5629,13636,7004],{"class":6986},[5629,13638,13640,13642],{"class":5631,"line":13639},165,[5629,13641,7059],{"class":6986},[5629,13643,9062],{"class":6990},[5629,13645,13647,13649,13651],{"class":5631,"line":13646},166,[5629,13648,13116],{"class":6994},[5629,13650,6998],{"class":5639},[5629,13652,13653],{"class":5652},"\"confirmPassword\"\n",[5629,13655,13657,13659,13661],{"class":5631,"line":13656},167,[5629,13658,9067],{"class":6994},[5629,13660,6998],{"class":5639},[5629,13662,13392],{"class":5652},[5629,13664,13666,13668,13670,13672,13674,13676,13678],{"class":5631,"line":13665},168,[5629,13667,9087],{"class":6994},[5629,13669,6998],{"class":5639},[5629,13671,7027],{"class":5669},[5629,13673,6628],{"class":5643},[5629,13675,5521],{"class":7072},[5629,13677,5884],{"class":5643},[5629,13679,5798],{"class":5669},[5629,13681,13683,13685,13687,13689,13691,13693,13695],{"class":5631,"line":13682},169,[5629,13684,9100],{"class":6994},[5629,13686,6998],{"class":5639},[5629,13688,7027],{"class":5669},[5629,13690,5843],{"class":7072},[5629,13692,9109],{"class":5643},[5629,13694,6010],{"class":7072},[5629,13696,8750],{"class":5669},[5629,13698,13700,13702],{"class":5631,"line":13699},170,[5629,13701,13170],{"class":5812},[5629,13703,13173],{"class":7072},[5629,13705,13707,13709,13711],{"class":5631,"line":13706},171,[5629,13708,13179],{"class":5643},[5629,13710,12268],{"class":5652},[5629,13712,8197],{"class":7072},[5629,13714,13716,13718,13721],{"class":5631,"line":13715},172,[5629,13717,13189],{"class":5643},[5629,13719,13720],{"class":5652}," \"confirmPassword\"",[5629,13722,8197],{"class":7072},[5629,13724,13726,13728,13730,13732,13734,13736,13738],{"class":5631,"line":13725},173,[5629,13727,13200],{"class":5643},[5629,13729,9154],{"class":5643},[5629,13731,5521],{"class":7072},[5629,13733,9125],{"class":5643},[5629,13735,5521],{"class":7072},[5629,13737,6003],{"class":5643},[5629,13739,8197],{"class":7072},[5629,13741,13743],{"class":5631,"line":13742},174,[5629,13744,13218],{"class":7072},[5629,13746,13748],{"class":5631,"line":13747},175,[5629,13749,13224],{"class":5669},[5629,13751,13753,13755,13757,13759,13761,13763,13765,13767,13769,13771,13773,13775,13777],{"class":5631,"line":13752},176,[5629,13754,13230],{"class":6994},[5629,13756,6998],{"class":5639},[5629,13758,7027],{"class":5669},[5629,13760,6628],{"class":5643},[5629,13762,5521],{"class":7072},[5629,13764,5960],{"class":5643},[5629,13766,5521],{"class":7072},[5629,13768,5884],{"class":5643},[5629,13770,9292],{"class":5639},[5629,13772,13249],{"class":5652},[5629,13774,9298],{"class":5639},[5629,13776,9301],{"class":5652},[5629,13778,5798],{"class":5669},[5629,13780,13782],{"class":5631,"line":13781},177,[5629,13783,9180],{"class":6986},[5629,13785,13787,13789,13791,13793,13795,13797,13799,13801],{"class":5631,"line":13786},178,[5629,13788,9240],{"class":5669},[5629,13790,6628],{"class":5643},[5629,13792,5521],{"class":7072},[5629,13794,5960],{"class":5643},[5629,13796,5521],{"class":7072},[5629,13798,5884],{"class":5643},[5629,13800,9168],{"class":5639},[5629,13802,6981],{"class":7072},[5629,13804,13806,13808,13810,13812,13814,13816,13818,13820,13822,13824,13826,13828,13830,13832,13834,13836],{"class":5631,"line":13805},179,[5629,13807,7553],{"class":6986},[5629,13809,5629],{"class":6990},[5629,13811,6995],{"class":6994},[5629,13813,6998],{"class":5639},[5629,13815,13293],{"class":5652},[5629,13817,7021],{"class":6986},[5629,13819,7027],{"class":5669},[5629,13821,6628],{"class":5643},[5629,13823,5521],{"class":7072},[5629,13825,5960],{"class":5643},[5629,13827,5521],{"class":7072},[5629,13829,5884],{"class":5643},[5629,13831,7032],{"class":5669},[5629,13833,7035],{"class":6986},[5629,13835,5629],{"class":6990},[5629,13837,7004],{"class":6986},[5629,13839,13841,13843],{"class":5631,"line":13840},180,[5629,13842,10667],{"class":7072},[5629,13844,5798],{"class":5669},[5629,13846,13848,13850,13852],{"class":5631,"line":13847},181,[5629,13849,7184],{"class":6986},[5629,13851,6991],{"class":6990},[5629,13853,7004],{"class":6986},[5629,13855,13857],{"class":5631,"line":13856},182,[5629,13858,5663],{"emptyLinePlaceholder":5662},[5629,13860,13862,13864,13866,13868,13870,13873],{"class":5631,"line":13861},183,[5629,13863,7009],{"class":6986},[5629,13865,6991],{"class":6990},[5629,13867,6995],{"class":6994},[5629,13869,6998],{"class":5639},[5629,13871,13872],{"class":5652},"\"checkbox-field\"",[5629,13874,7004],{"class":6986},[5629,13876,13878,13880],{"class":5631,"line":13877},184,[5629,13879,7059],{"class":6986},[5629,13881,9062],{"class":6990},[5629,13883,13885,13887,13889],{"class":5631,"line":13884},185,[5629,13886,13116],{"class":6994},[5629,13888,6998],{"class":5639},[5629,13890,13891],{"class":5652},"\"terms\"\n",[5629,13893,13895,13897,13899],{"class":5631,"line":13894},186,[5629,13896,9067],{"class":6994},[5629,13898,6998],{"class":5639},[5629,13900,9322],{"class":5652},[5629,13902,13904,13907,13909,13911,13913,13915,13917],{"class":5631,"line":13903},187,[5629,13905,13906],{"class":6994},"          checked",[5629,13908,6998],{"class":5639},[5629,13910,7027],{"class":5669},[5629,13912,6628],{"class":5643},[5629,13914,5521],{"class":7072},[5629,13916,5909],{"class":5643},[5629,13918,5798],{"class":5669},[5629,13920,13922,13924,13926,13928,13930,13932,13934,13936,13938,13940,13942],{"class":5631,"line":13921},188,[5629,13923,9100],{"class":6994},[5629,13925,6998],{"class":5639},[5629,13927,7027],{"class":5669},[5629,13929,7073],{"class":7072},[5629,13931,6013],{"class":5669},[5629,13933,7078],{"class":5812},[5629,13935,6486],{"class":7072},[5629,13937,7083],{"class":5643},[5629,13939,12351],{"class":5652},[5629,13941,7088],{"class":7072},[5629,13943,5798],{"class":5669},[5629,13945,13947],{"class":5631,"line":13946},189,[5629,13948,9180],{"class":6986},[5629,13950,13952,13954,13956,13958,13960,13963,13965,13968,13970,13972],{"class":5631,"line":13951},190,[5629,13953,7059],{"class":6986},[5629,13955,13085],{"class":6990},[5629,13957,13088],{"class":6994},[5629,13959,6998],{"class":5639},[5629,13961,13962],{"class":5652},"\"terms\"",[5629,13964,7021],{"class":6986},[5629,13966,13967],{"class":5639},"Я погоджуюсь із умовами використання",[5629,13969,7035],{"class":6986},[5629,13971,13085],{"class":6990},[5629,13973,7004],{"class":6986},[5629,13975,13977,13979,13981],{"class":5631,"line":13976},191,[5629,13978,7184],{"class":6986},[5629,13980,6991],{"class":6990},[5629,13982,7004],{"class":6986},[5629,13984,13986],{"class":5631,"line":13985},192,[5629,13987,5663],{"emptyLinePlaceholder":5662},[5629,13989,13991,13993],{"class":5631,"line":13990},193,[5629,13992,7009],{"class":6986},[5629,13994,9416],{"class":6990},[5629,13996,13998,14001,14003],{"class":5631,"line":13997},194,[5629,13999,14000],{"class":6994},"        type",[5629,14002,6998],{"class":5639},[5629,14004,14005],{"class":5652},"\"submit\"\n",[5629,14007,14009,14012,14014,14016,14019,14021,14023,14025,14028,14030,14032,14034],{"class":5631,"line":14008},195,[5629,14010,14011],{"class":6994},"        disabled",[5629,14013,6998],{"class":5639},[5629,14015,7027],{"class":5669},[5629,14017,14018],{"class":5639},"!",[5629,14020,6628],{"class":5643},[5629,14022,5521],{"class":7072},[5629,14024,5909],{"class":5643},[5629,14026,14027],{"class":5639}," ||",[5629,14029,6850],{"class":5643},[5629,14031,5521],{"class":7072},[5629,14033,5935],{"class":5643},[5629,14035,5798],{"class":5669},[5629,14037,14039],{"class":5631,"line":14038},196,[5629,14040,14041],{"class":6986},"      >\n",[5629,14043,14045,14047,14049,14051,14053,14055,14058,14060,14063],{"class":5631,"line":14044},197,[5629,14046,9240],{"class":5669},[5629,14048,6628],{"class":5643},[5629,14050,5521],{"class":7072},[5629,14052,5935],{"class":5643},[5629,14054,9292],{"class":5639},[5629,14056,14057],{"class":5652}," \"Відправка...\"",[5629,14059,9298],{"class":5639},[5629,14061,14062],{"class":5652}," \"Зареєструватись\"",[5629,14064,5798],{"class":5669},[5629,14066,14068,14070,14072],{"class":5631,"line":14067},198,[5629,14069,7184],{"class":6986},[5629,14071,7062],{"class":6990},[5629,14073,7004],{"class":6986},[5629,14075,14077,14079,14081],{"class":5631,"line":14076},199,[5629,14078,7193],{"class":6986},[5629,14080,13017],{"class":6990},[5629,14082,7004],{"class":6986},[5629,14084,14086],{"class":5631,"line":14085},200,[5629,14087,7202],{"class":5639},[5629,14089,14091],{"class":5631,"line":14090},201,[5629,14092,5798],{"class":5639},[7208,14094,14097,16152],{":height":14095,"entry":7211,"title":14096},"760","Форма реєстрації через useReducer",[5620,14098,14100],{"className":5622,"code":14099,"filename":7211,"language":5624,"meta":5625,"style":5625},"import { useReducer } from 'react';\nimport '.\u002Fstyles.css';\n\ninterface RegistrationState {\n  email: string;\n  password: string;\n  confirmPassword: string;\n  agreedToTerms: boolean;\n  isSubmitting: boolean;\n  errors: {\n    email?: string;\n    password?: string;\n    confirmPassword?: string;\n  };\n}\n\ntype RegistrationAction =\n  | { type: 'field_changed'; field: 'email' | 'password' | 'confirmPassword'; value: string }\n  | { type: 'terms_toggled' }\n  | { type: 'submit_started' }\n  | { type: 'validation_failed'; errors: RegistrationState['errors'] }\n  | { type: 'submit_succeeded' }\n  | { type: 'submit_failed' };\n\nconst initialState: RegistrationState = {\n  email: '',\n  password: '',\n  confirmPassword: '',\n  agreedToTerms: false,\n  isSubmitting: false,\n  errors: {},\n};\n\nfunction registrationReducer(\n  state: RegistrationState,\n  action: RegistrationAction\n): RegistrationState {\n  switch (action.type) {\n    case 'field_changed':\n      return {\n        ...state,\n        [action.field]: action.value,\n        errors: {\n          ...state.errors,\n          [action.field]: undefined,\n        },\n      };\n    case 'terms_toggled':\n      return {\n        ...state,\n        agreedToTerms: !state.agreedToTerms,\n      };\n    case 'submit_started':\n      return {\n        ...state,\n        isSubmitting: true,\n        errors: {},\n      };\n    case 'validation_failed':\n      return {\n        ...state,\n        isSubmitting: false,\n        errors: action.errors,\n      };\n    case 'submit_succeeded':\n      return initialState;\n    case 'submit_failed':\n      return {\n        ...state,\n        isSubmitting: false,\n      };\n    default:\n      return state;\n  }\n}\n\nexport default function App() {\n  const [state, dispatch] = useReducer(registrationReducer, initialState);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    dispatch({ type: 'submit_started' });\n\n    const errors: RegistrationState['errors'] = {};\n    if (!state.email.includes('@')) {\n      errors.email = 'Невірний формат email';\n    }\n    if (state.password.length \u003C 8) {\n      errors.password = 'Пароль має містити мінімум 8 символів';\n    }\n    if (state.password !== state.confirmPassword) {\n      errors.confirmPassword = 'Паролі не збігаються';\n    }\n\n    if (Object.keys(errors).length > 0) {\n      dispatch({ type: 'validation_failed', errors });\n      return;\n    }\n\n    try {\n      await new Promise((resolve) => setTimeout(resolve, 1500));\n      dispatch({ type: 'submit_succeeded' });\n      alert('Реєстрація успішна!');\n    } catch {\n      dispatch({ type: 'submit_failed' });\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"container\">\n      \u003Cform className=\"registration-form\" onSubmit={handleSubmit}>\n        \u003Ch2>Реєстрація\u003C\u002Fh2>\n\n        \u003Cdiv className=\"field\">\n          \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n          \u003Cinput\n            id=\"email\"\n            type=\"text\"\n            value={state.email}\n            onChange={(e) =>\n              dispatch({\n                type: 'field_changed',\n                field: 'email',\n                value: e.target.value,\n              })\n            }\n            className={state.errors.email ? 'error' : ''}\n          \u002F>\n          {state.errors.email && (\n            \u003Cspan className=\"error-message\">{state.errors.email}\u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n\n        \u003Cdiv className=\"field\">\n          \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n          \u003Cinput\n            id=\"password\"\n            type=\"password\"\n            value={state.password}\n            onChange={(e) =>\n              dispatch({\n                type: 'field_changed',\n                field: 'password',\n                value: e.target.value,\n              })\n            }\n            className={state.errors.password ? 'error' : ''}\n          \u002F>\n          {state.errors.password && (\n            \u003Cspan className=\"error-message\">{state.errors.password}\u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n\n        \u003Cdiv className=\"field\">\n          \u003Clabel htmlFor=\"confirmPassword\">Підтвердження пароля\u003C\u002Flabel>\n          \u003Cinput\n            id=\"confirmPassword\"\n            type=\"password\"\n            value={state.confirmPassword}\n            onChange={(e) =>\n              dispatch({\n                type: 'field_changed',\n                field: 'confirmPassword',\n                value: e.target.value,\n              })\n            }\n            className={state.errors.confirmPassword ? 'error' : ''}\n          \u002F>\n          {state.errors.confirmPassword && (\n            \u003Cspan className=\"error-message\">\n              {state.errors.confirmPassword}\n            \u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n\n        \u003Cdiv className=\"checkbox-field\">\n          \u003Cinput\n            id=\"terms\"\n            type=\"checkbox\"\n            checked={state.agreedToTerms}\n            onChange={() => dispatch({ type: 'terms_toggled' })}\n          \u002F>\n          \u003Clabel htmlFor=\"terms\">Я погоджуюсь із умовами використання\u003C\u002Flabel>\n        \u003C\u002Fdiv>\n\n        \u003Cbutton\n          type=\"submit\"\n          disabled={!state.agreedToTerms || state.isSubmitting}\n        >\n          {state.isSubmitting ? 'Відправка...' : 'Зареєструватись'}\n        \u003C\u002Fbutton>\n      \u003C\u002Fform>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,14101,14102,14118,14126,14130,14138,14148,14158,14168,14178,14188,14194,14204,14214,14224,14228,14232,14236,14244,14284,14297,14310,14336,14349,14362,14366,14378,14386,14394,14402,14410,14418,14424,14428,14432,14440,14450,14458,14466,14480,14489,14495,14503,14515,14521,14533,14541,14545,14549,14558,14564,14572,14586,14590,14599,14605,14613,14621,14627,14631,14640,14646,14654,14662,14674,14678,14687,14695,14704,14710,14718,14726,14730,14736,14744,14748,14752,14756,14768,14794,14798,14826,14836,14848,14852,14868,14891,14906,14910,14932,14947,14951,14973,14988,14992,14996,15022,15038,15044,15048,15052,15058,15086,15098,15109,15117,15129,15133,15137,15141,15147,15161,15185,15201,15205,15219,15241,15247,15256,15264,15280,15296,15303,15312,15322,15339,15344,15349,15379,15383,15401,15435,15442,15450,15454,15468,15490,15496,15504,15512,15528,15544,15550,15558,15567,15583,15587,15591,15619,15623,15641,15675,15681,15689,15693,15707,15729,15735,15743,15751,15767,15783,15789,15797,15806,15822,15826,15830,15858,15862,15880,15894,15911,15919,15925,15933,15937,15951,15957,15965,15973,15990,16014,16018,16040,16048,16052,16058,16066,16093,16098,16120,16128,16136,16144,16148],{"__ignoreMap":5625},[5629,14103,14104,14106,14108,14110,14112,14114,14116],{"class":5631,"line":5632},[5629,14105,5636],{"class":5635},[5629,14107,5640],{"class":5639},[5629,14109,5479],{"class":5643},[5629,14111,5646],{"class":5639},[5629,14113,5649],{"class":5635},[5629,14115,7232],{"class":5652},[5629,14117,5656],{"class":5639},[5629,14119,14120,14122,14124],{"class":5631,"line":5659},[5629,14121,5636],{"class":5635},[5629,14123,7241],{"class":5652},[5629,14125,5656],{"class":5639},[5629,14127,14128],{"class":5631,"line":5666},[5629,14129,5663],{"emptyLinePlaceholder":5662},[5629,14131,14132,14134,14136],{"class":5631,"line":5680},[5629,14133,5670],{"class":5669},[5629,14135,11897],{"class":5673},[5629,14137,5677],{"class":5639},[5629,14139,14140,14142,14144,14146],{"class":5631,"line":5694},[5629,14141,5683],{"class":5643},[5629,14143,5686],{"class":5639},[5629,14145,5689],{"class":5673},[5629,14147,5656],{"class":5639},[5629,14149,14150,14152,14154,14156],{"class":5631,"line":5706},[5629,14151,5697],{"class":5643},[5629,14153,5686],{"class":5639},[5629,14155,5689],{"class":5673},[5629,14157,5656],{"class":5639},[5629,14159,14160,14162,14164,14166],{"class":5631,"line":5718},[5629,14161,5709],{"class":5643},[5629,14163,5686],{"class":5639},[5629,14165,5689],{"class":5673},[5629,14167,5656],{"class":5639},[5629,14169,14170,14172,14174,14176],{"class":5631,"line":5731},[5629,14171,5721],{"class":5643},[5629,14173,5686],{"class":5639},[5629,14175,5726],{"class":5673},[5629,14177,5656],{"class":5639},[5629,14179,14180,14182,14184,14186],{"class":5631,"line":5743},[5629,14181,5734],{"class":5643},[5629,14183,5686],{"class":5639},[5629,14185,5726],{"class":5673},[5629,14187,5656],{"class":5639},[5629,14189,14190,14192],{"class":5631,"line":5752},[5629,14191,5746],{"class":5643},[5629,14193,5749],{"class":5639},[5629,14195,14196,14198,14200,14202],{"class":5631,"line":5765},[5629,14197,5755],{"class":5643},[5629,14199,5758],{"class":5639},[5629,14201,5689],{"class":5673},[5629,14203,5656],{"class":5639},[5629,14205,14206,14208,14210,14212],{"class":5631,"line":5777},[5629,14207,5768],{"class":5643},[5629,14209,5758],{"class":5639},[5629,14211,5689],{"class":5673},[5629,14213,5656],{"class":5639},[5629,14215,14216,14218,14220,14222],{"class":5631,"line":5789},[5629,14217,5780],{"class":5643},[5629,14219,5758],{"class":5639},[5629,14221,5689],{"class":5673},[5629,14223,5656],{"class":5639},[5629,14225,14226],{"class":5631,"line":5795},[5629,14227,5792],{"class":5639},[5629,14229,14230],{"class":5631,"line":5801},[5629,14231,5798],{"class":5639},[5629,14233,14234],{"class":5631,"line":5806},[5629,14235,5663],{"emptyLinePlaceholder":5662},[5629,14237,14238,14240,14242],{"class":5631,"line":5819},[5629,14239,5570],{"class":5669},[5629,14241,12004],{"class":5673},[5629,14243,6734],{"class":5639},[5629,14245,14246,14248,14250,14252,14255,14257,14259,14261,14264,14266,14269,14271,14274,14276,14278,14280,14282],{"class":5631,"line":5852},[5629,14247,6739],{"class":5639},[5629,14249,5570],{"class":5643},[5629,14251,5686],{"class":5639},[5629,14253,14254],{"class":5652},"'field_changed'",[5629,14256,8533],{"class":5639},[5629,14258,12022],{"class":5643},[5629,14260,5686],{"class":5639},[5629,14262,14263],{"class":5652},"'email'",[5629,14265,12030],{"class":5639},[5629,14267,14268],{"class":5652},"'password'",[5629,14270,12030],{"class":5639},[5629,14272,14273],{"class":5652},"'confirmPassword'",[5629,14275,8533],{"class":5639},[5629,14277,6003],{"class":5643},[5629,14279,5686],{"class":5639},[5629,14281,5689],{"class":5673},[5629,14283,6749],{"class":5639},[5629,14285,14286,14288,14290,14292,14295],{"class":5631,"line":5877},[5629,14287,6739],{"class":5639},[5629,14289,5570],{"class":5643},[5629,14291,5686],{"class":5639},[5629,14293,14294],{"class":5652},"'terms_toggled'",[5629,14296,6749],{"class":5639},[5629,14298,14299,14301,14303,14305,14308],{"class":5631,"line":5902},[5629,14300,6739],{"class":5639},[5629,14302,5570],{"class":5643},[5629,14304,5686],{"class":5639},[5629,14306,14307],{"class":5652},"'submit_started'",[5629,14309,6749],{"class":5639},[5629,14311,14312,14314,14316,14318,14321,14323,14325,14327,14329,14331,14334],{"class":5631,"line":5928},[5629,14313,6739],{"class":5639},[5629,14315,5570],{"class":5643},[5629,14317,5686],{"class":5639},[5629,14319,14320],{"class":5652},"'validation_failed'",[5629,14322,8533],{"class":5639},[5629,14324,5960],{"class":5643},[5629,14326,5686],{"class":5639},[5629,14328,12094],{"class":5673},[5629,14330,5978],{"class":5639},[5629,14332,14333],{"class":5652},"'errors'",[5629,14335,12101],{"class":5639},[5629,14337,14338,14340,14342,14344,14347],{"class":5631,"line":5953},[5629,14339,6739],{"class":5639},[5629,14341,5570],{"class":5643},[5629,14343,5686],{"class":5639},[5629,14345,14346],{"class":5652},"'submit_succeeded'",[5629,14348,6749],{"class":5639},[5629,14350,14351,14353,14355,14357,14360],{"class":5631,"line":5987},[5629,14352,6739],{"class":5639},[5629,14354,5570],{"class":5643},[5629,14356,5686],{"class":5639},[5629,14358,14359],{"class":5652},"'submit_failed'",[5629,14361,6776],{"class":5639},[5629,14363,14364],{"class":5631,"line":5992},[5629,14365,5663],{"emptyLinePlaceholder":5662},[5629,14367,14368,14370,14372,14374,14376],{"class":5631,"line":6018},[5629,14369,12136],{"class":5669},[5629,14371,12139],{"class":5828},[5629,14373,5686],{"class":5639},[5629,14375,12094],{"class":5673},[5629,14377,12146],{"class":5639},[5629,14379,14380,14382,14384],{"class":5631,"line":6030},[5629,14381,12151],{"class":5643},[5629,14383,10425],{"class":5652},[5629,14385,8197],{"class":5639},[5629,14387,14388,14390,14392],{"class":5631,"line":6037},[5629,14389,12160],{"class":5643},[5629,14391,10425],{"class":5652},[5629,14393,8197],{"class":5639},[5629,14395,14396,14398,14400],{"class":5631,"line":6055},[5629,14397,12169],{"class":5643},[5629,14399,10425],{"class":5652},[5629,14401,8197],{"class":5639},[5629,14403,14404,14406,14408],{"class":5631,"line":6087},[5629,14405,12178],{"class":5643},[5629,14407,8704],{"class":5669},[5629,14409,8197],{"class":5639},[5629,14411,14412,14414,14416],{"class":5631,"line":6093},[5629,14413,12187],{"class":5643},[5629,14415,8704],{"class":5669},[5629,14417,8197],{"class":5639},[5629,14419,14420,14422],{"class":5631,"line":6098},[5629,14421,12196],{"class":5643},[5629,14423,12199],{"class":5639},[5629,14425,14426],{"class":5631,"line":6103},[5629,14427,12204],{"class":5639},[5629,14429,14430],{"class":5631,"line":6125},[5629,14431,5663],{"emptyLinePlaceholder":5662},[5629,14433,14434,14436,14438],{"class":5631,"line":6137},[5629,14435,5809],{"class":5669},[5629,14437,12215],{"class":5812},[5629,14439,12218],{"class":5639},[5629,14441,14442,14444,14446,14448],{"class":5631,"line":6152},[5629,14443,12223],{"class":5643},[5629,14445,5686],{"class":5639},[5629,14447,12094],{"class":5673},[5629,14449,8197],{"class":5639},[5629,14451,14452,14454,14456],{"class":5631,"line":6178},[5629,14453,12234],{"class":5643},[5629,14455,5686],{"class":5639},[5629,14457,12239],{"class":5673},[5629,14459,14460,14462,14464],{"class":5631,"line":6183},[5629,14461,6813],{"class":5639},[5629,14463,12094],{"class":5673},[5629,14465,5677],{"class":5639},[5629,14467,14468,14470,14472,14474,14476,14478],{"class":5631,"line":6188},[5629,14469,6822],{"class":5635},[5629,14471,6043],{"class":5639},[5629,14473,6592],{"class":5643},[5629,14475,5521],{"class":5639},[5629,14477,5570],{"class":5643},[5629,14479,6052],{"class":5639},[5629,14481,14482,14484,14487],{"class":5631,"line":6193},[5629,14483,6837],{"class":5635},[5629,14485,14486],{"class":5652}," 'field_changed'",[5629,14488,6843],{"class":5639},[5629,14490,14491,14493],{"class":5631,"line":6214},[5629,14492,6456],{"class":5635},[5629,14494,5677],{"class":5639},[5629,14496,14497,14499,14501],{"class":5631,"line":6227},[5629,14498,8657],{"class":5639},[5629,14500,6628],{"class":5643},[5629,14502,8197],{"class":5639},[5629,14504,14505,14507,14509,14511,14513],{"class":5631,"line":6236},[5629,14506,12289],{"class":5643},[5629,14508,8690],{"class":5643},[5629,14510,5521],{"class":5639},[5629,14512,6003],{"class":5643},[5629,14514,8197],{"class":5639},[5629,14516,14517,14519],{"class":5631,"line":6241},[5629,14518,12307],{"class":5643},[5629,14520,5677],{"class":5639},[5629,14522,14523,14525,14527,14529,14531],{"class":5631,"line":6247},[5629,14524,12314],{"class":5639},[5629,14526,6628],{"class":5643},[5629,14528,5521],{"class":5639},[5629,14530,5960],{"class":5643},[5629,14532,8197],{"class":5639},[5629,14534,14535,14537,14539],{"class":5631,"line":6267},[5629,14536,12327],{"class":5643},[5629,14538,6081],{"class":5669},[5629,14540,8197],{"class":5639},[5629,14542,14543],{"class":5631,"line":6290},[5629,14544,8711],{"class":5639},[5629,14546,14547],{"class":5631,"line":6307},[5629,14548,12340],{"class":5639},[5629,14550,14551,14553,14556],{"class":5631,"line":6312},[5629,14552,6837],{"class":5635},[5629,14554,14555],{"class":5652}," 'terms_toggled'",[5629,14557,6843],{"class":5639},[5629,14559,14560,14562],{"class":5631,"line":6335},[5629,14561,6456],{"class":5635},[5629,14563,5677],{"class":5639},[5629,14565,14566,14568,14570],{"class":5631,"line":6351},[5629,14567,8657],{"class":5639},[5629,14569,6628],{"class":5643},[5629,14571,8197],{"class":5639},[5629,14573,14574,14576,14578,14580,14582,14584],{"class":5631,"line":6356},[5629,14575,12372],{"class":5643},[5629,14577,8781],{"class":5639},[5629,14579,6628],{"class":5643},[5629,14581,5521],{"class":5639},[5629,14583,5909],{"class":5643},[5629,14585,8197],{"class":5639},[5629,14587,14588],{"class":5631,"line":6372},[5629,14589,12340],{"class":5639},[5629,14591,14592,14594,14597],{"class":5631,"line":6388},[5629,14593,6837],{"class":5635},[5629,14595,14596],{"class":5652}," 'submit_started'",[5629,14598,6843],{"class":5639},[5629,14600,14601,14603],{"class":5631,"line":6393},[5629,14602,6456],{"class":5635},[5629,14604,5677],{"class":5639},[5629,14606,14607,14609,14611],{"class":5631,"line":6398},[5629,14608,8657],{"class":5639},[5629,14610,6628],{"class":5643},[5629,14612,8197],{"class":5639},[5629,14614,14615,14617,14619],{"class":5631,"line":6430},[5629,14616,12418],{"class":5643},[5629,14618,12421],{"class":5669},[5629,14620,8197],{"class":5639},[5629,14622,14623,14625],{"class":5631,"line":6441},[5629,14624,12307],{"class":5643},[5629,14626,12199],{"class":5639},[5629,14628,14629],{"class":5631,"line":6453},[5629,14630,12340],{"class":5639},[5629,14632,14633,14635,14638],{"class":5631,"line":6461},[5629,14634,6837],{"class":5635},[5629,14636,14637],{"class":5652}," 'validation_failed'",[5629,14639,6843],{"class":5639},[5629,14641,14642,14644],{"class":5631,"line":6466},[5629,14643,6456],{"class":5635},[5629,14645,5677],{"class":5639},[5629,14647,14648,14650,14652],{"class":5631,"line":6471},[5629,14649,8657],{"class":5639},[5629,14651,6628],{"class":5643},[5629,14653,8197],{"class":5639},[5629,14655,14656,14658,14660],{"class":5631,"line":6477},[5629,14657,12418],{"class":5643},[5629,14659,8704],{"class":5669},[5629,14661,8197],{"class":5639},[5629,14663,14664,14666,14668,14670,14672],{"class":5631,"line":6498},[5629,14665,12307],{"class":5643},[5629,14667,8690],{"class":5643},[5629,14669,5521],{"class":5639},[5629,14671,5960],{"class":5643},[5629,14673,8197],{"class":5639},[5629,14675,14676],{"class":5631,"line":6509},[5629,14677,12340],{"class":5639},[5629,14679,14680,14682,14685],{"class":5631,"line":6514},[5629,14681,6837],{"class":5635},[5629,14683,14684],{"class":5652}," 'submit_succeeded'",[5629,14686,6843],{"class":5639},[5629,14688,14689,14691,14693],{"class":5631,"line":6519},[5629,14690,6456],{"class":5635},[5629,14692,12139],{"class":5643},[5629,14694,5656],{"class":5639},[5629,14696,14697,14699,14702],{"class":5631,"line":6525},[5629,14698,6837],{"class":5635},[5629,14700,14701],{"class":5652}," 'submit_failed'",[5629,14703,6843],{"class":5639},[5629,14705,14706,14708],{"class":5631,"line":9325},[5629,14707,6456],{"class":5635},[5629,14709,5677],{"class":5639},[5629,14711,14712,14714,14716],{"class":5631,"line":9343},[5629,14713,8657],{"class":5639},[5629,14715,6628],{"class":5643},[5629,14717,8197],{"class":5639},[5629,14719,14720,14722,14724],{"class":5631,"line":9380},[5629,14721,12418],{"class":5643},[5629,14723,8704],{"class":5669},[5629,14725,8197],{"class":5639},[5629,14727,14728],{"class":5631,"line":9386},[5629,14729,12340],{"class":5639},[5629,14731,14732,14734],{"class":5631,"line":9411},[5629,14733,6903],{"class":5635},[5629,14735,6843],{"class":5639},[5629,14737,14738,14740,14742],{"class":5631,"line":9419},[5629,14739,6456],{"class":5635},[5629,14741,6850],{"class":5643},[5629,14743,5656],{"class":5639},[5629,14745,14746],{"class":5631,"line":9430},[5629,14747,6923],{"class":5639},[5629,14749,14750],{"class":5631,"line":9466},[5629,14751,5798],{"class":5639},[5629,14753,14754],{"class":5631,"line":9472},[5629,14755,5663],{"emptyLinePlaceholder":5662},[5629,14757,14758,14760,14762,14764,14766],{"class":5631,"line":9478},[5629,14759,7430],{"class":5635},[5629,14761,7433],{"class":5635},[5629,14763,7436],{"class":5669},[5629,14765,7439],{"class":5812},[5629,14767,5816],{"class":5639},[5629,14769,14770,14772,14774,14776,14778,14780,14782,14784,14786,14788,14790,14792],{"class":5631,"line":9488},[5629,14771,5822],{"class":5669},[5629,14773,5825],{"class":5639},[5629,14775,6628],{"class":5828},[5629,14777,5832],{"class":5639},[5629,14779,6954],{"class":5828},[5629,14781,5838],{"class":5639},[5629,14783,5479],{"class":5812},[5629,14785,5843],{"class":5639},[5629,14787,12606],{"class":5643},[5629,14789,5832],{"class":5639},[5629,14791,8258],{"class":5643},[5629,14793,5849],{"class":5639},[5629,14795,14796],{"class":5631,"line":9498},[5629,14797,5663],{"emptyLinePlaceholder":5662},[5629,14799,14800,14802,14804,14806,14808,14810,14812,14814,14816,14818,14820,14822,14824],{"class":5631,"line":9506},[5629,14801,5822],{"class":5669},[5629,14803,6198],{"class":5812},[5629,14805,6201],{"class":5639},[5629,14807,6204],{"class":5669},[5629,14809,6043],{"class":5639},[5629,14811,9109],{"class":5643},[5629,14813,5686],{"class":5639},[5629,14815,2303],{"class":5673},[5629,14817,5521],{"class":5639},[5629,14819,12639],{"class":5673},[5629,14821,6010],{"class":5639},[5629,14823,6013],{"class":5669},[5629,14825,5677],{"class":5639},[5629,14827,14828,14830,14832,14834],{"class":5631,"line":9515},[5629,14829,12650],{"class":5643},[5629,14831,5521],{"class":5639},[5629,14833,12655],{"class":5812},[5629,14835,12658],{"class":5639},[5629,14837,14838,14840,14842,14844,14846],{"class":5631,"line":9520},[5629,14839,12667],{"class":5812},[5629,14841,6486],{"class":5639},[5629,14843,7083],{"class":5643},[5629,14845,14596],{"class":5652},[5629,14847,6495],{"class":5639},[5629,14849,14850],{"class":5631,"line":9540},[5629,14851,5663],{"emptyLinePlaceholder":5662},[5629,14853,14854,14856,14858,14860,14862,14864,14866],{"class":5631,"line":9565},[5629,14855,6250],{"class":5669},[5629,14857,12690],{"class":5828},[5629,14859,5686],{"class":5639},[5629,14861,12094],{"class":5673},[5629,14863,5978],{"class":5639},[5629,14865,14333],{"class":5652},[5629,14867,6264],{"class":5639},[5629,14869,14870,14872,14874,14876,14878,14880,14882,14884,14886,14889],{"class":5631,"line":9573},[5629,14871,6040],{"class":5635},[5629,14873,6272],{"class":5639},[5629,14875,6628],{"class":5643},[5629,14877,5521],{"class":5639},[5629,14879,5829],{"class":5643},[5629,14881,5521],{"class":5639},[5629,14883,6279],{"class":5812},[5629,14885,5843],{"class":5639},[5629,14887,14888],{"class":5652},"'@'",[5629,14890,6287],{"class":5639},[5629,14892,14893,14895,14897,14899,14901,14904],{"class":5631,"line":9582},[5629,14894,12727],{"class":5643},[5629,14896,5521],{"class":5639},[5629,14898,5829],{"class":5643},[5629,14900,6201],{"class":5639},[5629,14902,14903],{"class":5652},"'Невірний формат email'",[5629,14905,5656],{"class":5639},[5629,14907,14908],{"class":5631,"line":9587},[5629,14909,6090],{"class":5639},[5629,14911,14912,14914,14916,14918,14920,14922,14924,14926,14928,14930],{"class":5631,"line":10688},[5629,14913,6040],{"class":5635},[5629,14915,6043],{"class":5639},[5629,14917,6628],{"class":5643},[5629,14919,5521],{"class":5639},[5629,14921,5859],{"class":5643},[5629,14923,5521],{"class":5639},[5629,14925,6323],{"class":5643},[5629,14927,6326],{"class":5639},[5629,14929,6330],{"class":6329},[5629,14931,6052],{"class":5639},[5629,14933,14934,14936,14938,14940,14942,14945],{"class":5631,"line":10693},[5629,14935,12727],{"class":5643},[5629,14937,5521],{"class":5639},[5629,14939,5859],{"class":5643},[5629,14941,6201],{"class":5639},[5629,14943,14944],{"class":5652},"'Пароль має містити мінімум 8 символів'",[5629,14946,5656],{"class":5639},[5629,14948,14949],{"class":5631,"line":11554},[5629,14950,6090],{"class":5639},[5629,14952,14953,14955,14957,14959,14961,14963,14965,14967,14969,14971],{"class":5631,"line":11559},[5629,14954,6040],{"class":5635},[5629,14956,6043],{"class":5639},[5629,14958,6628],{"class":5643},[5629,14960,5521],{"class":5639},[5629,14962,5859],{"class":5643},[5629,14964,6365],{"class":5639},[5629,14966,6628],{"class":5643},[5629,14968,5521],{"class":5639},[5629,14970,5884],{"class":5643},[5629,14972,6052],{"class":5639},[5629,14974,14975,14977,14979,14981,14983,14986],{"class":5631,"line":11564},[5629,14976,12727],{"class":5643},[5629,14978,5521],{"class":5639},[5629,14980,5884],{"class":5643},[5629,14982,6201],{"class":5639},[5629,14984,14985],{"class":5652},"'Паролі не збігаються'",[5629,14987,5656],{"class":5639},[5629,14989,14990],{"class":5631,"line":11573},[5629,14991,6090],{"class":5639},[5629,14993,14994],{"class":5631,"line":11584},[5629,14995,5663],{"emptyLinePlaceholder":5662},[5629,14997,14998,15000,15002,15004,15006,15008,15010,15012,15014,15016,15018,15020],{"class":5631,"line":11595},[5629,14999,6040],{"class":5635},[5629,15001,6043],{"class":5639},[5629,15003,6405],{"class":5643},[5629,15005,5521],{"class":5639},[5629,15007,6410],{"class":5812},[5629,15009,5843],{"class":5639},[5629,15011,5960],{"class":5643},[5629,15013,5539],{"class":5639},[5629,15015,6323],{"class":5643},[5629,15017,6422],{"class":5639},[5629,15019,6425],{"class":6329},[5629,15021,6052],{"class":5639},[5629,15023,15024,15026,15028,15030,15032,15034,15036],{"class":5631,"line":11606},[5629,15025,8975],{"class":5812},[5629,15027,6486],{"class":5639},[5629,15029,7083],{"class":5643},[5629,15031,14637],{"class":5652},[5629,15033,5832],{"class":5639},[5629,15035,5960],{"class":5643},[5629,15037,6495],{"class":5639},[5629,15039,15040,15042],{"class":5631,"line":11611},[5629,15041,6456],{"class":5635},[5629,15043,5656],{"class":5639},[5629,15045,15046],{"class":5631,"line":11616},[5629,15047,6090],{"class":5639},[5629,15049,15050],{"class":5631,"line":11624},[5629,15051,5663],{"emptyLinePlaceholder":5662},[5629,15053,15054,15056],{"class":5631,"line":11638},[5629,15055,12886],{"class":5635},[5629,15057,5677],{"class":5639},[5629,15059,15060,15062,15064,15066,15068,15070,15072,15074,15076,15078,15080,15082,15084],{"class":5631,"line":11650},[5629,15061,12898],{"class":5635},[5629,15063,12901],{"class":5669},[5629,15065,12904],{"class":5673},[5629,15067,6061],{"class":5639},[5629,15069,12909],{"class":5643},[5629,15071,6010],{"class":5639},[5629,15073,6013],{"class":5669},[5629,15075,12916],{"class":5812},[5629,15077,5843],{"class":5639},[5629,15079,12909],{"class":5643},[5629,15081,5832],{"class":5639},[5629,15083,12925],{"class":6329},[5629,15085,12928],{"class":5639},[5629,15087,15088,15090,15092,15094,15096],{"class":5631,"line":11661},[5629,15089,8975],{"class":5812},[5629,15091,6486],{"class":5639},[5629,15093,7083],{"class":5643},[5629,15095,14684],{"class":5652},[5629,15097,6495],{"class":5639},[5629,15099,15100,15102,15104,15107],{"class":5631,"line":11666},[5629,15101,12945],{"class":5812},[5629,15103,5843],{"class":5639},[5629,15105,15106],{"class":5652},"'Реєстрація успішна!'",[5629,15108,5849],{"class":5639},[5629,15110,15111,15113,15115],{"class":5631,"line":11671},[5629,15112,12957],{"class":5639},[5629,15114,12960],{"class":5635},[5629,15116,5677],{"class":5639},[5629,15118,15119,15121,15123,15125,15127],{"class":5631,"line":11679},[5629,15120,8975],{"class":5812},[5629,15122,6486],{"class":5639},[5629,15124,7083],{"class":5643},[5629,15126,14701],{"class":5652},[5629,15128,6495],{"class":5639},[5629,15130,15131],{"class":5631,"line":11691},[5629,15132,6090],{"class":5639},[5629,15134,15135],{"class":5631,"line":11696},[5629,15136,5792],{"class":5639},[5629,15138,15139],{"class":5631,"line":11701},[5629,15140,5663],{"emptyLinePlaceholder":5662},[5629,15142,15143,15145],{"class":5631,"line":11709},[5629,15144,6978],{"class":5635},[5629,15146,6981],{"class":5639},[5629,15148,15149,15151,15153,15155,15157,15159],{"class":5631,"line":11720},[5629,15150,6987],{"class":6986},[5629,15152,6991],{"class":6990},[5629,15154,6995],{"class":6994},[5629,15156,6998],{"class":5639},[5629,15158,7490],{"class":5652},[5629,15160,7004],{"class":6986},[5629,15162,15163,15165,15167,15169,15171,15173,15175,15177,15179,15181,15183],{"class":5631,"line":11732},[5629,15164,7009],{"class":6986},[5629,15166,13017],{"class":6990},[5629,15168,6995],{"class":6994},[5629,15170,6998],{"class":5639},[5629,15172,13024],{"class":5652},[5629,15174,13027],{"class":6994},[5629,15176,6998],{"class":5639},[5629,15178,7027],{"class":5669},[5629,15180,13034],{"class":5643},[5629,15182,7032],{"class":5669},[5629,15184,7004],{"class":6986},[5629,15186,15187,15189,15191,15193,15195,15197,15199],{"class":5631,"line":11743},[5629,15188,7059],{"class":6986},[5629,15190,5601],{"class":6990},[5629,15192,7021],{"class":6986},[5629,15194,13050],{"class":5639},[5629,15196,7035],{"class":6986},[5629,15198,5601],{"class":6990},[5629,15200,7004],{"class":6986},[5629,15202,15203],{"class":5631,"line":11756},[5629,15204,5663],{"emptyLinePlaceholder":5662},[5629,15206,15207,15209,15211,15213,15215,15217],{"class":5631,"line":12965},[5629,15208,7059],{"class":6986},[5629,15210,6991],{"class":6990},[5629,15212,6995],{"class":6994},[5629,15214,6998],{"class":5639},[5629,15216,13075],{"class":5652},[5629,15218,7004],{"class":6986},[5629,15220,15221,15223,15225,15227,15229,15231,15233,15235,15237,15239],{"class":5631,"line":12978},[5629,15222,7553],{"class":6986},[5629,15224,13085],{"class":6990},[5629,15226,13088],{"class":6994},[5629,15228,6998],{"class":5639},[5629,15230,12027],{"class":5652},[5629,15232,7021],{"class":6986},[5629,15234,13097],{"class":5639},[5629,15236,7035],{"class":6986},[5629,15238,13085],{"class":6990},[5629,15240,7004],{"class":6986},[5629,15242,15243,15245],{"class":5631,"line":12990},[5629,15244,7553],{"class":6986},[5629,15246,9062],{"class":6990},[5629,15248,15249,15252,15254],{"class":5631,"line":12995},[5629,15250,15251],{"class":6994},"            id",[5629,15253,6998],{"class":5639},[5629,15255,13121],{"class":5652},[5629,15257,15258,15260,15262],{"class":5631,"line":13000},[5629,15259,10208],{"class":6994},[5629,15261,6998],{"class":5639},[5629,15263,9072],{"class":5652},[5629,15265,15266,15268,15270,15272,15274,15276,15278],{"class":5631,"line":13005},[5629,15267,10226],{"class":6994},[5629,15269,6998],{"class":5639},[5629,15271,7027],{"class":5669},[5629,15273,6628],{"class":5643},[5629,15275,5521],{"class":7072},[5629,15277,5829],{"class":5643},[5629,15279,5798],{"class":5669},[5629,15281,15282,15284,15286,15288,15290,15292,15294],{"class":5631,"line":13012},[5629,15283,10239],{"class":6994},[5629,15285,6998],{"class":5639},[5629,15287,7027],{"class":5669},[5629,15289,5843],{"class":7072},[5629,15291,9109],{"class":5643},[5629,15293,6010],{"class":7072},[5629,15295,8750],{"class":5669},[5629,15297,15298,15301],{"class":5631,"line":13041},[5629,15299,15300],{"class":5812},"              dispatch",[5629,15302,13173],{"class":7072},[5629,15304,15305,15308,15310],{"class":5631,"line":13059},[5629,15306,15307],{"class":5643},"                type:",[5629,15309,14486],{"class":5652},[5629,15311,8197],{"class":7072},[5629,15313,15314,15317,15320],{"class":5631,"line":13064},[5629,15315,15316],{"class":5643},"                field:",[5629,15318,15319],{"class":5652}," 'email'",[5629,15321,8197],{"class":7072},[5629,15323,15324,15327,15329,15331,15333,15335,15337],{"class":5631,"line":13080},[5629,15325,15326],{"class":5643},"                value:",[5629,15328,9154],{"class":5643},[5629,15330,5521],{"class":7072},[5629,15332,9125],{"class":5643},[5629,15334,5521],{"class":7072},[5629,15336,6003],{"class":5643},[5629,15338,8197],{"class":7072},[5629,15340,15341],{"class":5631,"line":13106},[5629,15342,15343],{"class":7072},"              })\n",[5629,15345,15346],{"class":5631,"line":13113},[5629,15347,15348],{"class":5669},"            }\n",[5629,15350,15351,15354,15356,15358,15360,15362,15364,15366,15368,15370,15373,15375,15377],{"class":5631,"line":13124},[5629,15352,15353],{"class":6994},"            className",[5629,15355,6998],{"class":5639},[5629,15357,7027],{"class":5669},[5629,15359,6628],{"class":5643},[5629,15361,5521],{"class":7072},[5629,15363,5960],{"class":5643},[5629,15365,5521],{"class":7072},[5629,15367,5829],{"class":5643},[5629,15369,9292],{"class":5639},[5629,15371,15372],{"class":5652}," 'error'",[5629,15374,9298],{"class":5639},[5629,15376,10425],{"class":5652},[5629,15378,5798],{"class":5669},[5629,15380,15381],{"class":5631,"line":13133},[5629,15382,10310],{"class":6986},[5629,15384,15385,15387,15389,15391,15393,15395,15397,15399],{"class":5631,"line":13150},[5629,15386,10367],{"class":5669},[5629,15388,6628],{"class":5643},[5629,15390,5521],{"class":7072},[5629,15392,5960],{"class":5643},[5629,15394,5521],{"class":7072},[5629,15396,5829],{"class":5643},[5629,15398,9168],{"class":5639},[5629,15400,6981],{"class":7072},[5629,15402,15403,15405,15407,15409,15411,15413,15415,15417,15419,15421,15423,15425,15427,15429,15431,15433],{"class":5631,"line":13167},[5629,15404,9310],{"class":6986},[5629,15406,5629],{"class":6990},[5629,15408,6995],{"class":6994},[5629,15410,6998],{"class":5639},[5629,15412,13293],{"class":5652},[5629,15414,7021],{"class":6986},[5629,15416,7027],{"class":5669},[5629,15418,6628],{"class":5643},[5629,15420,5521],{"class":7072},[5629,15422,5960],{"class":5643},[5629,15424,5521],{"class":7072},[5629,15426,5829],{"class":5643},[5629,15428,7032],{"class":5669},[5629,15430,7035],{"class":6986},[5629,15432,5629],{"class":6990},[5629,15434,7004],{"class":6986},[5629,15436,15437,15440],{"class":5631,"line":13176},[5629,15438,15439],{"class":7072},"          )",[5629,15441,5798],{"class":5669},[5629,15443,15444,15446,15448],{"class":5631,"line":13186},[5629,15445,7668],{"class":6986},[5629,15447,6991],{"class":6990},[5629,15449,7004],{"class":6986},[5629,15451,15452],{"class":5631,"line":13197},[5629,15453,5663],{"emptyLinePlaceholder":5662},[5629,15455,15456,15458,15460,15462,15464,15466],{"class":5631,"line":13215},[5629,15457,7059],{"class":6986},[5629,15459,6991],{"class":6990},[5629,15461,6995],{"class":6994},[5629,15463,6998],{"class":5639},[5629,15465,13075],{"class":5652},[5629,15467,7004],{"class":6986},[5629,15469,15470,15472,15474,15476,15478,15480,15482,15484,15486,15488],{"class":5631,"line":13221},[5629,15471,7553],{"class":6986},[5629,15473,13085],{"class":6990},[5629,15475,13088],{"class":6994},[5629,15477,6998],{"class":5639},[5629,15479,12033],{"class":5652},[5629,15481,7021],{"class":6986},[5629,15483,13369],{"class":5639},[5629,15485,7035],{"class":6986},[5629,15487,13085],{"class":6990},[5629,15489,7004],{"class":6986},[5629,15491,15492,15494],{"class":5631,"line":13227},[5629,15493,7553],{"class":6986},[5629,15495,9062],{"class":6990},[5629,15497,15498,15500,15502],{"class":5631,"line":13258},[5629,15499,15251],{"class":6994},[5629,15501,6998],{"class":5639},[5629,15503,13392],{"class":5652},[5629,15505,15506,15508,15510],{"class":5631,"line":13263},[5629,15507,10208],{"class":6994},[5629,15509,6998],{"class":5639},[5629,15511,13392],{"class":5652},[5629,15513,15514,15516,15518,15520,15522,15524,15526],{"class":5631,"line":13282},[5629,15515,10226],{"class":6994},[5629,15517,6998],{"class":5639},[5629,15519,7027],{"class":5669},[5629,15521,6628],{"class":5643},[5629,15523,5521],{"class":7072},[5629,15525,5859],{"class":5643},[5629,15527,5798],{"class":5669},[5629,15529,15530,15532,15534,15536,15538,15540,15542],{"class":5631,"line":13318},[5629,15531,10239],{"class":6994},[5629,15533,6998],{"class":5639},[5629,15535,7027],{"class":5669},[5629,15537,5843],{"class":7072},[5629,15539,9109],{"class":5643},[5629,15541,6010],{"class":7072},[5629,15543,8750],{"class":5669},[5629,15545,15546,15548],{"class":5631,"line":13325},[5629,15547,15300],{"class":5812},[5629,15549,13173],{"class":7072},[5629,15551,15552,15554,15556],{"class":5631,"line":13334},[5629,15553,15307],{"class":5643},[5629,15555,14486],{"class":5652},[5629,15557,8197],{"class":7072},[5629,15559,15560,15562,15565],{"class":5631,"line":13339},[5629,15561,15316],{"class":5643},[5629,15563,15564],{"class":5652}," 'password'",[5629,15566,8197],{"class":7072},[5629,15568,15569,15571,15573,15575,15577,15579,15581],{"class":5631,"line":13354},[5629,15570,15326],{"class":5643},[5629,15572,9154],{"class":5643},[5629,15574,5521],{"class":7072},[5629,15576,9125],{"class":5643},[5629,15578,5521],{"class":7072},[5629,15580,6003],{"class":5643},[5629,15582,8197],{"class":7072},[5629,15584,15585],{"class":5631,"line":13378},[5629,15586,15343],{"class":7072},[5629,15588,15589],{"class":5631,"line":13385},[5629,15590,15348],{"class":5669},[5629,15592,15593,15595,15597,15599,15601,15603,15605,15607,15609,15611,15613,15615,15617],{"class":5631,"line":13395},[5629,15594,15353],{"class":6994},[5629,15596,6998],{"class":5639},[5629,15598,7027],{"class":5669},[5629,15600,6628],{"class":5643},[5629,15602,5521],{"class":7072},[5629,15604,5960],{"class":5643},[5629,15606,5521],{"class":7072},[5629,15608,5859],{"class":5643},[5629,15610,9292],{"class":5639},[5629,15612,15372],{"class":5652},[5629,15614,9298],{"class":5639},[5629,15616,10425],{"class":5652},[5629,15618,5798],{"class":5669},[5629,15620,15621],{"class":5631,"line":13404},[5629,15622,10310],{"class":6986},[5629,15624,15625,15627,15629,15631,15633,15635,15637,15639],{"class":5631,"line":13421},[5629,15626,10367],{"class":5669},[5629,15628,6628],{"class":5643},[5629,15630,5521],{"class":7072},[5629,15632,5960],{"class":5643},[5629,15634,5521],{"class":7072},[5629,15636,5859],{"class":5643},[5629,15638,9168],{"class":5639},[5629,15640,6981],{"class":7072},[5629,15642,15643,15645,15647,15649,15651,15653,15655,15657,15659,15661,15663,15665,15667,15669,15671,15673],{"class":5631,"line":13438},[5629,15644,9310],{"class":6986},[5629,15646,5629],{"class":6990},[5629,15648,6995],{"class":6994},[5629,15650,6998],{"class":5639},[5629,15652,13293],{"class":5652},[5629,15654,7021],{"class":6986},[5629,15656,7027],{"class":5669},[5629,15658,6628],{"class":5643},[5629,15660,5521],{"class":7072},[5629,15662,5960],{"class":5643},[5629,15664,5521],{"class":7072},[5629,15666,5859],{"class":5643},[5629,15668,7032],{"class":5669},[5629,15670,7035],{"class":6986},[5629,15672,5629],{"class":6990},[5629,15674,7004],{"class":6986},[5629,15676,15677,15679],{"class":5631,"line":13445},[5629,15678,15439],{"class":7072},[5629,15680,5798],{"class":5669},[5629,15682,15683,15685,15687],{"class":5631,"line":13454},[5629,15684,7668],{"class":6986},[5629,15686,6991],{"class":6990},[5629,15688,7004],{"class":6986},[5629,15690,15691],{"class":5631,"line":13464},[5629,15692,5663],{"emptyLinePlaceholder":5662},[5629,15694,15695,15697,15699,15701,15703,15705],{"class":5631,"line":13481},[5629,15696,7059],{"class":6986},[5629,15698,6991],{"class":6990},[5629,15700,6995],{"class":6994},[5629,15702,6998],{"class":5639},[5629,15704,13075],{"class":5652},[5629,15706,7004],{"class":6986},[5629,15708,15709,15711,15713,15715,15717,15719,15721,15723,15725,15727],{"class":5631,"line":13486},[5629,15710,7553],{"class":6986},[5629,15712,13085],{"class":6990},[5629,15714,13088],{"class":6994},[5629,15716,6998],{"class":5639},[5629,15718,12038],{"class":5652},[5629,15720,7021],{"class":6986},[5629,15722,13630],{"class":5639},[5629,15724,7035],{"class":6986},[5629,15726,13085],{"class":6990},[5629,15728,7004],{"class":6986},[5629,15730,15731,15733],{"class":5631,"line":13491},[5629,15732,7553],{"class":6986},[5629,15734,9062],{"class":6990},[5629,15736,15737,15739,15741],{"class":5631,"line":13520},[5629,15738,15251],{"class":6994},[5629,15740,6998],{"class":5639},[5629,15742,13653],{"class":5652},[5629,15744,15745,15747,15749],{"class":5631,"line":13525},[5629,15746,10208],{"class":6994},[5629,15748,6998],{"class":5639},[5629,15750,13392],{"class":5652},[5629,15752,15753,15755,15757,15759,15761,15763,15765],{"class":5631,"line":13544},[5629,15754,10226],{"class":6994},[5629,15756,6998],{"class":5639},[5629,15758,7027],{"class":5669},[5629,15760,6628],{"class":5643},[5629,15762,5521],{"class":7072},[5629,15764,5884],{"class":5643},[5629,15766,5798],{"class":5669},[5629,15768,15769,15771,15773,15775,15777,15779,15781],{"class":5631,"line":13579},[5629,15770,10239],{"class":6994},[5629,15772,6998],{"class":5639},[5629,15774,7027],{"class":5669},[5629,15776,5843],{"class":7072},[5629,15778,9109],{"class":5643},[5629,15780,6010],{"class":7072},[5629,15782,8750],{"class":5669},[5629,15784,15785,15787],{"class":5631,"line":13586},[5629,15786,15300],{"class":5812},[5629,15788,13173],{"class":7072},[5629,15790,15791,15793,15795],{"class":5631,"line":13595},[5629,15792,15307],{"class":5643},[5629,15794,14486],{"class":5652},[5629,15796,8197],{"class":7072},[5629,15798,15799,15801,15804],{"class":5631,"line":13600},[5629,15800,15316],{"class":5643},[5629,15802,15803],{"class":5652}," 'confirmPassword'",[5629,15805,8197],{"class":7072},[5629,15807,15808,15810,15812,15814,15816,15818,15820],{"class":5631,"line":13615},[5629,15809,15326],{"class":5643},[5629,15811,9154],{"class":5643},[5629,15813,5521],{"class":7072},[5629,15815,9125],{"class":5643},[5629,15817,5521],{"class":7072},[5629,15819,6003],{"class":5643},[5629,15821,8197],{"class":7072},[5629,15823,15824],{"class":5631,"line":13639},[5629,15825,15343],{"class":7072},[5629,15827,15828],{"class":5631,"line":13646},[5629,15829,15348],{"class":5669},[5629,15831,15832,15834,15836,15838,15840,15842,15844,15846,15848,15850,15852,15854,15856],{"class":5631,"line":13656},[5629,15833,15353],{"class":6994},[5629,15835,6998],{"class":5639},[5629,15837,7027],{"class":5669},[5629,15839,6628],{"class":5643},[5629,15841,5521],{"class":7072},[5629,15843,5960],{"class":5643},[5629,15845,5521],{"class":7072},[5629,15847,5884],{"class":5643},[5629,15849,9292],{"class":5639},[5629,15851,15372],{"class":5652},[5629,15853,9298],{"class":5639},[5629,15855,10425],{"class":5652},[5629,15857,5798],{"class":5669},[5629,15859,15860],{"class":5631,"line":13665},[5629,15861,10310],{"class":6986},[5629,15863,15864,15866,15868,15870,15872,15874,15876,15878],{"class":5631,"line":13682},[5629,15865,10367],{"class":5669},[5629,15867,6628],{"class":5643},[5629,15869,5521],{"class":7072},[5629,15871,5960],{"class":5643},[5629,15873,5521],{"class":7072},[5629,15875,5884],{"class":5643},[5629,15877,9168],{"class":5639},[5629,15879,6981],{"class":7072},[5629,15881,15882,15884,15886,15888,15890,15892],{"class":5631,"line":13699},[5629,15883,9310],{"class":6986},[5629,15885,5629],{"class":6990},[5629,15887,6995],{"class":6994},[5629,15889,6998],{"class":5639},[5629,15891,13293],{"class":5652},[5629,15893,7004],{"class":6986},[5629,15895,15896,15899,15901,15903,15905,15907,15909],{"class":5631,"line":13706},[5629,15897,15898],{"class":5669},"              {",[5629,15900,6628],{"class":5643},[5629,15902,5521],{"class":7072},[5629,15904,5960],{"class":5643},[5629,15906,5521],{"class":7072},[5629,15908,5884],{"class":5643},[5629,15910,5798],{"class":5669},[5629,15912,15913,15915,15917],{"class":5631,"line":13715},[5629,15914,9481],{"class":6986},[5629,15916,5629],{"class":6990},[5629,15918,7004],{"class":6986},[5629,15920,15921,15923],{"class":5631,"line":13725},[5629,15922,15439],{"class":7072},[5629,15924,5798],{"class":5669},[5629,15926,15927,15929,15931],{"class":5631,"line":13742},[5629,15928,7668],{"class":6986},[5629,15930,6991],{"class":6990},[5629,15932,7004],{"class":6986},[5629,15934,15935],{"class":5631,"line":13747},[5629,15936,5663],{"emptyLinePlaceholder":5662},[5629,15938,15939,15941,15943,15945,15947,15949],{"class":5631,"line":13752},[5629,15940,7059],{"class":6986},[5629,15942,6991],{"class":6990},[5629,15944,6995],{"class":6994},[5629,15946,6998],{"class":5639},[5629,15948,13872],{"class":5652},[5629,15950,7004],{"class":6986},[5629,15952,15953,15955],{"class":5631,"line":13781},[5629,15954,7553],{"class":6986},[5629,15956,9062],{"class":6990},[5629,15958,15959,15961,15963],{"class":5631,"line":13786},[5629,15960,15251],{"class":6994},[5629,15962,6998],{"class":5639},[5629,15964,13891],{"class":5652},[5629,15966,15967,15969,15971],{"class":5631,"line":13805},[5629,15968,10208],{"class":6994},[5629,15970,6998],{"class":5639},[5629,15972,9322],{"class":5652},[5629,15974,15975,15978,15980,15982,15984,15986,15988],{"class":5631,"line":13840},[5629,15976,15977],{"class":6994},"            checked",[5629,15979,6998],{"class":5639},[5629,15981,7027],{"class":5669},[5629,15983,6628],{"class":5643},[5629,15985,5521],{"class":7072},[5629,15987,5909],{"class":5643},[5629,15989,5798],{"class":5669},[5629,15991,15992,15994,15996,15998,16000,16002,16004,16006,16008,16010,16012],{"class":5631,"line":13847},[5629,15993,10239],{"class":6994},[5629,15995,6998],{"class":5639},[5629,15997,7027],{"class":5669},[5629,15999,7073],{"class":7072},[5629,16001,6013],{"class":5669},[5629,16003,7078],{"class":5812},[5629,16005,6486],{"class":7072},[5629,16007,7083],{"class":5643},[5629,16009,14555],{"class":5652},[5629,16011,7088],{"class":7072},[5629,16013,5798],{"class":5669},[5629,16015,16016],{"class":5631,"line":13856},[5629,16017,10310],{"class":6986},[5629,16019,16020,16022,16024,16026,16028,16030,16032,16034,16036,16038],{"class":5631,"line":13861},[5629,16021,7553],{"class":6986},[5629,16023,13085],{"class":6990},[5629,16025,13088],{"class":6994},[5629,16027,6998],{"class":5639},[5629,16029,13962],{"class":5652},[5629,16031,7021],{"class":6986},[5629,16033,13967],{"class":5639},[5629,16035,7035],{"class":6986},[5629,16037,13085],{"class":6990},[5629,16039,7004],{"class":6986},[5629,16041,16042,16044,16046],{"class":5631,"line":13877},[5629,16043,7668],{"class":6986},[5629,16045,6991],{"class":6990},[5629,16047,7004],{"class":6986},[5629,16049,16050],{"class":5631,"line":13884},[5629,16051,5663],{"emptyLinePlaceholder":5662},[5629,16053,16054,16056],{"class":5631,"line":13894},[5629,16055,7059],{"class":6986},[5629,16057,9416],{"class":6990},[5629,16059,16060,16062,16064],{"class":5631,"line":13903},[5629,16061,9067],{"class":6994},[5629,16063,6998],{"class":5639},[5629,16065,14005],{"class":5652},[5629,16067,16068,16071,16073,16075,16077,16079,16081,16083,16085,16087,16089,16091],{"class":5631,"line":13921},[5629,16069,16070],{"class":6994},"          disabled",[5629,16072,6998],{"class":5639},[5629,16074,7027],{"class":5669},[5629,16076,14018],{"class":5639},[5629,16078,6628],{"class":5643},[5629,16080,5521],{"class":7072},[5629,16082,5909],{"class":5643},[5629,16084,14027],{"class":5639},[5629,16086,6850],{"class":5643},[5629,16088,5521],{"class":7072},[5629,16090,5935],{"class":5643},[5629,16092,5798],{"class":5669},[5629,16094,16095],{"class":5631,"line":13946},[5629,16096,16097],{"class":6986},"        >\n",[5629,16099,16100,16102,16104,16106,16108,16110,16113,16115,16118],{"class":5631,"line":13951},[5629,16101,10367],{"class":5669},[5629,16103,6628],{"class":5643},[5629,16105,5521],{"class":7072},[5629,16107,5935],{"class":5643},[5629,16109,9292],{"class":5639},[5629,16111,16112],{"class":5652}," 'Відправка...'",[5629,16114,9298],{"class":5639},[5629,16116,16117],{"class":5652}," 'Зареєструватись'",[5629,16119,5798],{"class":5669},[5629,16121,16122,16124,16126],{"class":5631,"line":13976},[5629,16123,7668],{"class":6986},[5629,16125,7062],{"class":6990},[5629,16127,7004],{"class":6986},[5629,16129,16130,16132,16134],{"class":5631,"line":13985},[5629,16131,7184],{"class":6986},[5629,16133,13017],{"class":6990},[5629,16135,7004],{"class":6986},[5629,16137,16138,16140,16142],{"class":5631,"line":13990},[5629,16139,7193],{"class":6986},[5629,16141,6991],{"class":6990},[5629,16143,7004],{"class":6986},[5629,16145,16146],{"class":5631,"line":13997},[5629,16147,7202],{"class":5639},[5629,16149,16150],{"class":5631,"line":14008},[5629,16151,5798],{"class":5639},[5620,16153,16155],{"className":7699,"code":16154,"filename":7701,"language":7702,"meta":5625,"style":5625},".container {\n  min-height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 24px;\n  font-family: system-ui, -apple-system, sans-serif;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.registration-form {\n  width: 100%;\n  max-width: 400px;\n  background: white;\n  border-radius: 16px;\n  padding: 32px;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n}\n\nh2 {\n  margin: 0 0 24px;\n  font-size: 24px;\n  color: #1e293b;\n  text-align: center;\n}\n\n.field {\n  margin-bottom: 20px;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #475569;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"] {\n  width: 100%;\n  padding: 10px 14px;\n  border: 2px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  box-sizing: border-box;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus {\n  border-color: #667eea;\n}\n\ninput.error {\n  border-color: #ef4444;\n}\n\n.error-message {\n  display: block;\n  margin-top: 4px;\n  font-size: 12px;\n  color: #ef4444;\n}\n\n.checkbox-field {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 24px;\n}\n\n.checkbox-field input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n}\n\n.checkbox-field label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  cursor: pointer;\n}\n\nbutton {\n  width: 100%;\n  padding: 12px;\n  background: #667eea;\n  color: white;\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\nbutton:hover:not(:disabled) {\n  background: #5568d3;\n  transform: translateY(-1px);\n}\n\nbutton:disabled {\n  background: #cbd5e1;\n  cursor: not-allowed;\n  transform: none;\n}\n",[5477,16156,16157,16163,16173,16183,16193,16203,16213,16227,16253,16257,16261,16268,16279,16290,16300,16310,16321,16353,16357,16361,16367,16382,16392,16402,16412,16416,16420,16427,16437,16441,16445,16451,16462,16473,16483,16493,16504,16508,16512,16527,16541,16551,16563,16577,16587,16597,16607,16617,16629,16633,16637,16655,16673,16683,16687,16691,16698,16708,16712,16716,16723,16733,16744,16754,16764,16768,16772,16779,16789,16799,16809,16819,16823,16827,16843,16853,16863,16873,16877,16881,16890,16900,16911,16922,16932,16936,16940,16946,16956,16966,16976,16986,16996,17006,17016,17026,17036,17048,17052,17056,17068,17078,17092,17096,17100,17107,17118,17129,17139],{"__ignoreMap":5625},[5629,16158,16159,16161],{"class":5631,"line":5632},[5629,16160,7710],{"class":7709},[5629,16162,5677],{"class":5639},[5629,16164,16165,16167,16169,16171],{"class":5631,"line":5659},[5629,16166,7753],{"class":6994},[5629,16168,5686],{"class":5639},[5629,16170,7758],{"class":6329},[5629,16172,5656],{"class":5639},[5629,16174,16175,16177,16179,16181],{"class":5631,"line":5666},[5629,16176,7717],{"class":6994},[5629,16178,5686],{"class":5639},[5629,16180,7723],{"class":7722},[5629,16182,5656],{"class":5639},[5629,16184,16185,16187,16189,16191],{"class":5631,"line":5680},[5629,16186,7730],{"class":6994},[5629,16188,5686],{"class":5639},[5629,16190,7735],{"class":7722},[5629,16192,5656],{"class":5639},[5629,16194,16195,16197,16199,16201],{"class":5631,"line":5694},[5629,16196,7742],{"class":6994},[5629,16198,5686],{"class":5639},[5629,16200,7735],{"class":7722},[5629,16202,5656],{"class":5639},[5629,16204,16205,16207,16209,16211],{"class":5631,"line":5706},[5629,16206,7765],{"class":6994},[5629,16208,5686],{"class":5639},[5629,16210,7770],{"class":6329},[5629,16212,5656],{"class":5639},[5629,16214,16215,16217,16219,16221,16223,16225],{"class":5631,"line":5718},[5629,16216,7777],{"class":6994},[5629,16218,5686],{"class":5639},[5629,16220,7782],{"class":7722},[5629,16222,7785],{"class":5639},[5629,16224,7788],{"class":7722},[5629,16226,5656],{"class":5639},[5629,16228,16229,16231,16233,16235,16237,16239,16241,16243,16245,16247,16249,16251],{"class":5631,"line":5731},[5629,16230,7985],{"class":6994},[5629,16232,5686],{"class":5639},[5629,16234,10749],{"class":5812},[5629,16236,5843],{"class":5639},[5629,16238,10754],{"class":6329},[5629,16240,5832],{"class":5639},[5629,16242,10759],{"class":7722},[5629,16244,10762],{"class":6329},[5629,16246,5832],{"class":5639},[5629,16248,10767],{"class":7722},[5629,16250,10770],{"class":6329},[5629,16252,5849],{"class":5639},[5629,16254,16255],{"class":5631,"line":5743},[5629,16256,5798],{"class":5639},[5629,16258,16259],{"class":5631,"line":5752},[5629,16260,5663],{"emptyLinePlaceholder":5662},[5629,16262,16263,16266],{"class":5631,"line":5765},[5629,16264,16265],{"class":7709},".registration-form",[5629,16267,5677],{"class":5639},[5629,16269,16270,16272,16274,16277],{"class":5631,"line":5777},[5629,16271,7938],{"class":6994},[5629,16273,5686],{"class":5639},[5629,16275,16276],{"class":6329},"100%",[5629,16278,5656],{"class":5639},[5629,16280,16281,16283,16285,16288],{"class":5631,"line":5789},[5629,16282,10792],{"class":6994},[5629,16284,5686],{"class":5639},[5629,16286,16287],{"class":6329},"400px",[5629,16289,5656],{"class":5639},[5629,16291,16292,16294,16296,16298],{"class":5631,"line":5795},[5629,16293,7985],{"class":6994},[5629,16295,5686],{"class":5639},[5629,16297,8001],{"class":7722},[5629,16299,5656],{"class":5639},[5629,16301,16302,16304,16306,16308],{"class":5631,"line":5801},[5629,16303,7973],{"class":6994},[5629,16305,5686],{"class":5639},[5629,16307,10831],{"class":6329},[5629,16309,5656],{"class":5639},[5629,16311,16312,16314,16316,16319],{"class":5631,"line":5806},[5629,16313,7765],{"class":6994},[5629,16315,5686],{"class":5639},[5629,16317,16318],{"class":6329},"32px",[5629,16320,5656],{"class":5639},[5629,16322,16323,16325,16327,16329,16331,16333,16335,16337,16339,16341,16343,16345,16347,16349,16351],{"class":5631,"line":5819},[5629,16324,10848],{"class":6994},[5629,16326,5686],{"class":5639},[5629,16328,6425],{"class":6329},[5629,16330,10855],{"class":6329},[5629,16332,10858],{"class":6329},[5629,16334,10861],{"class":5812},[5629,16336,5843],{"class":5639},[5629,16338,6425],{"class":6329},[5629,16340,5832],{"class":5639},[5629,16342,6425],{"class":6329},[5629,16344,5832],{"class":5639},[5629,16346,6425],{"class":6329},[5629,16348,5832],{"class":5639},[5629,16350,10878],{"class":6329},[5629,16352,5849],{"class":5639},[5629,16354,16355],{"class":5631,"line":5852},[5629,16356,5798],{"class":5639},[5629,16358,16359],{"class":5631,"line":5877},[5629,16360,5663],{"emptyLinePlaceholder":5662},[5629,16362,16363,16365],{"class":5631,"line":5902},[5629,16364,5601],{"class":7709},[5629,16366,5677],{"class":5639},[5629,16368,16369,16371,16373,16375,16377,16380],{"class":5631,"line":5928},[5629,16370,7871],{"class":6994},[5629,16372,5686],{"class":5639},[5629,16374,6425],{"class":6329},[5629,16376,6896],{"class":6329},[5629,16378,16379],{"class":6329}," 24px",[5629,16381,5656],{"class":5639},[5629,16383,16384,16386,16388,16390],{"class":5631,"line":5953},[5629,16385,7836],{"class":6994},[5629,16387,5686],{"class":5639},[5629,16389,7770],{"class":6329},[5629,16391,5656],{"class":5639},[5629,16393,16394,16396,16398,16400],{"class":5631,"line":5987},[5629,16395,7859],{"class":6994},[5629,16397,5686],{"class":5639},[5629,16399,10928],{"class":7722},[5629,16401,5656],{"class":5639},[5629,16403,16404,16406,16408,16410],{"class":5631,"line":5992},[5629,16405,7810],{"class":6994},[5629,16407,5686],{"class":5639},[5629,16409,7735],{"class":7722},[5629,16411,5656],{"class":5639},[5629,16413,16414],{"class":5631,"line":6018},[5629,16415,5798],{"class":5639},[5629,16417,16418],{"class":5631,"line":6030},[5629,16419,5663],{"emptyLinePlaceholder":5662},[5629,16421,16422,16425],{"class":5631,"line":6037},[5629,16423,16424],{"class":7709},".field",[5629,16426,5677],{"class":5639},[5629,16428,16429,16431,16433,16435],{"class":5631,"line":6055},[5629,16430,10970],{"class":6994},[5629,16432,5686],{"class":5639},[5629,16434,8012],{"class":6329},[5629,16436,5656],{"class":5639},[5629,16438,16439],{"class":5631,"line":6087},[5629,16440,5798],{"class":5639},[5629,16442,16443],{"class":5631,"line":6093},[5629,16444,5663],{"emptyLinePlaceholder":5662},[5629,16446,16447,16449],{"class":5631,"line":6098},[5629,16448,13085],{"class":7709},[5629,16450,5677],{"class":5639},[5629,16452,16453,16455,16457,16460],{"class":5631,"line":6103},[5629,16454,7717],{"class":6994},[5629,16456,5686],{"class":5639},[5629,16458,16459],{"class":7722},"block",[5629,16461,5656],{"class":5639},[5629,16463,16464,16466,16468,16471],{"class":5631,"line":6125},[5629,16465,10970],{"class":6994},[5629,16467,5686],{"class":5639},[5629,16469,16470],{"class":6329},"6px",[5629,16472,5656],{"class":5639},[5629,16474,16475,16477,16479,16481],{"class":5631,"line":6137},[5629,16476,7836],{"class":6994},[5629,16478,5686],{"class":5639},[5629,16480,11062],{"class":6329},[5629,16482,5656],{"class":5639},[5629,16484,16485,16487,16489,16491],{"class":5631,"line":6152},[5629,16486,7847],{"class":6994},[5629,16488,5686],{"class":5639},[5629,16490,11201],{"class":6329},[5629,16492,5656],{"class":5639},[5629,16494,16495,16497,16499,16502],{"class":5631,"line":6178},[5629,16496,7859],{"class":6994},[5629,16498,5686],{"class":5639},[5629,16500,16501],{"class":7722},"#475569",[5629,16503,5656],{"class":5639},[5629,16505,16506],{"class":5631,"line":6183},[5629,16507,5798],{"class":5639},[5629,16509,16510],{"class":5631,"line":6188},[5629,16511,5663],{"emptyLinePlaceholder":5662},[5629,16513,16514,16516,16518,16520,16522,16524],{"class":5631,"line":6193},[5629,16515,10989],{"class":7709},[5629,16517,5978],{"class":5639},[5629,16519,5570],{"class":6994},[5629,16521,6998],{"class":5639},[5629,16523,10998],{"class":5652},[5629,16525,16526],{"class":5639},"],\n",[5629,16528,16529,16531,16533,16535,16537,16539],{"class":5631,"line":6214},[5629,16530,10989],{"class":7709},[5629,16532,5978],{"class":5639},[5629,16534,5570],{"class":6994},[5629,16536,6998],{"class":5639},[5629,16538,12033],{"class":5652},[5629,16540,11001],{"class":5639},[5629,16542,16543,16545,16547,16549],{"class":5631,"line":6227},[5629,16544,7938],{"class":6994},[5629,16546,5686],{"class":5639},[5629,16548,16276],{"class":6329},[5629,16550,5656],{"class":5639},[5629,16552,16553,16555,16557,16559,16561],{"class":5631,"line":6236},[5629,16554,7765],{"class":6994},[5629,16556,5686],{"class":5639},[5629,16558,11021],{"class":6329},[5629,16560,11024],{"class":6329},[5629,16562,5656],{"class":5639},[5629,16564,16565,16567,16569,16571,16573,16575],{"class":5631,"line":6241},[5629,16566,7961],{"class":6994},[5629,16568,5686],{"class":5639},[5629,16570,11035],{"class":6329},[5629,16572,11038],{"class":7722},[5629,16574,11041],{"class":7722},[5629,16576,5656],{"class":5639},[5629,16578,16579,16581,16583,16585],{"class":5631,"line":6247},[5629,16580,7973],{"class":6994},[5629,16582,5686],{"class":5639},[5629,16584,7978],{"class":6329},[5629,16586,5656],{"class":5639},[5629,16588,16589,16591,16593,16595],{"class":5631,"line":6267},[5629,16590,7836],{"class":6994},[5629,16592,5686],{"class":5639},[5629,16594,11062],{"class":6329},[5629,16596,5656],{"class":5639},[5629,16598,16599,16601,16603,16605],{"class":5631,"line":6290},[5629,16600,11069],{"class":6994},[5629,16602,5686],{"class":5639},[5629,16604,7966],{"class":7722},[5629,16606,5656],{"class":5639},[5629,16608,16609,16611,16613,16615],{"class":5631,"line":6307},[5629,16610,8041],{"class":6994},[5629,16612,11082],{"class":5639},[5629,16614,11085],{"class":6329},[5629,16616,5656],{"class":5639},[5629,16618,16619,16622,16624,16627],{"class":5631,"line":6312},[5629,16620,16621],{"class":6994},"  box-sizing",[5629,16623,5686],{"class":5639},[5629,16625,16626],{"class":7722},"border-box",[5629,16628,5656],{"class":5639},[5629,16630,16631],{"class":5631,"line":6335},[5629,16632,5798],{"class":5639},[5629,16634,16635],{"class":5631,"line":6351},[5629,16636,5663],{"emptyLinePlaceholder":5662},[5629,16638,16639,16641,16643,16645,16647,16649,16651,16653],{"class":5631,"line":6356},[5629,16640,10989],{"class":7709},[5629,16642,5978],{"class":5639},[5629,16644,5570],{"class":6994},[5629,16646,6998],{"class":5639},[5629,16648,10998],{"class":5652},[5629,16650,11110],{"class":5639},[5629,16652,11113],{"class":7709},[5629,16654,8197],{"class":5639},[5629,16656,16657,16659,16661,16663,16665,16667,16669,16671],{"class":5631,"line":6372},[5629,16658,10989],{"class":7709},[5629,16660,5978],{"class":5639},[5629,16662,5570],{"class":6994},[5629,16664,6998],{"class":5639},[5629,16666,12033],{"class":5652},[5629,16668,11110],{"class":5639},[5629,16670,11113],{"class":7709},[5629,16672,5677],{"class":5639},[5629,16674,16675,16677,16679,16681],{"class":5631,"line":6388},[5629,16676,11120],{"class":6994},[5629,16678,5686],{"class":5639},[5629,16680,10759],{"class":7722},[5629,16682,5656],{"class":5639},[5629,16684,16685],{"class":5631,"line":6393},[5629,16686,5798],{"class":5639},[5629,16688,16689],{"class":5631,"line":6398},[5629,16690,5663],{"emptyLinePlaceholder":5662},[5629,16692,16693,16696],{"class":5631,"line":6430},[5629,16694,16695],{"class":7709},"input.error",[5629,16697,5677],{"class":5639},[5629,16699,16700,16702,16704,16706],{"class":5631,"line":6441},[5629,16701,11120],{"class":6994},[5629,16703,5686],{"class":5639},[5629,16705,11645],{"class":7722},[5629,16707,5656],{"class":5639},[5629,16709,16710],{"class":5631,"line":6453},[5629,16711,5798],{"class":5639},[5629,16713,16714],{"class":5631,"line":6461},[5629,16715,5663],{"emptyLinePlaceholder":5662},[5629,16717,16718,16721],{"class":5631,"line":6466},[5629,16719,16720],{"class":7709},".error-message",[5629,16722,5677],{"class":5639},[5629,16724,16725,16727,16729,16731],{"class":5631,"line":6471},[5629,16726,7717],{"class":6994},[5629,16728,5686],{"class":5639},[5629,16730,16459],{"class":7722},[5629,16732,5656],{"class":5639},[5629,16734,16735,16738,16740,16742],{"class":5631,"line":6477},[5629,16736,16737],{"class":6994},"  margin-top",[5629,16739,5686],{"class":5639},[5629,16741,11631],{"class":6329},[5629,16743,5656],{"class":5639},[5629,16745,16746,16748,16750,16752],{"class":5631,"line":6498},[5629,16747,7836],{"class":6994},[5629,16749,5686],{"class":5639},[5629,16751,7917],{"class":6329},[5629,16753,5656],{"class":5639},[5629,16755,16756,16758,16760,16762],{"class":5631,"line":6509},[5629,16757,7859],{"class":6994},[5629,16759,5686],{"class":5639},[5629,16761,11645],{"class":7722},[5629,16763,5656],{"class":5639},[5629,16765,16766],{"class":5631,"line":6514},[5629,16767,5798],{"class":5639},[5629,16769,16770],{"class":5631,"line":6519},[5629,16771,5663],{"emptyLinePlaceholder":5662},[5629,16773,16774,16777],{"class":5631,"line":6525},[5629,16775,16776],{"class":7709},".checkbox-field",[5629,16778,5677],{"class":5639},[5629,16780,16781,16783,16785,16787],{"class":5631,"line":9325},[5629,16782,7717],{"class":6994},[5629,16784,5686],{"class":5639},[5629,16786,7723],{"class":7722},[5629,16788,5656],{"class":5639},[5629,16790,16791,16793,16795,16797],{"class":5631,"line":9343},[5629,16792,7742],{"class":6994},[5629,16794,5686],{"class":5639},[5629,16796,7735],{"class":7722},[5629,16798,5656],{"class":5639},[5629,16800,16801,16803,16805,16807],{"class":5631,"line":9380},[5629,16802,7912],{"class":6994},[5629,16804,5686],{"class":5639},[5629,16806,7978],{"class":6329},[5629,16808,5656],{"class":5639},[5629,16810,16811,16813,16815,16817],{"class":5631,"line":9386},[5629,16812,10970],{"class":6994},[5629,16814,5686],{"class":5639},[5629,16816,7770],{"class":6329},[5629,16818,5656],{"class":5639},[5629,16820,16821],{"class":5631,"line":9411},[5629,16822,5798],{"class":5639},[5629,16824,16825],{"class":5631,"line":9419},[5629,16826,5663],{"emptyLinePlaceholder":5662},[5629,16828,16829,16831,16833,16835,16837,16839,16841],{"class":5631,"line":9430},[5629,16830,16776],{"class":7709},[5629,16832,11509],{"class":7709},[5629,16834,5978],{"class":5639},[5629,16836,5570],{"class":6994},[5629,16838,6998],{"class":5639},[5629,16840,11518],{"class":5652},[5629,16842,11001],{"class":5639},[5629,16844,16845,16847,16849,16851],{"class":5631,"line":9466},[5629,16846,7938],{"class":6994},[5629,16848,5686],{"class":5639},[5629,16850,11529],{"class":6329},[5629,16852,5656],{"class":5639},[5629,16854,16855,16857,16859,16861],{"class":5631,"line":9472},[5629,16856,7950],{"class":6994},[5629,16858,5686],{"class":5639},[5629,16860,11529],{"class":6329},[5629,16862,5656],{"class":5639},[5629,16864,16865,16867,16869,16871],{"class":5631,"line":9478},[5629,16866,8029],{"class":6994},[5629,16868,5686],{"class":5639},[5629,16870,8034],{"class":7722},[5629,16872,5656],{"class":5639},[5629,16874,16875],{"class":5631,"line":9488},[5629,16876,5798],{"class":5639},[5629,16878,16879],{"class":5631,"line":9498},[5629,16880,5663],{"emptyLinePlaceholder":5662},[5629,16882,16883,16885,16888],{"class":5631,"line":9506},[5629,16884,16776],{"class":7709},[5629,16886,16887],{"class":7709}," label",[5629,16889,5677],{"class":5639},[5629,16891,16892,16894,16896,16898],{"class":5631,"line":9515},[5629,16893,7871],{"class":6994},[5629,16895,5686],{"class":5639},[5629,16897,6425],{"class":6329},[5629,16899,5656],{"class":5639},[5629,16901,16902,16904,16906,16909],{"class":5631,"line":9520},[5629,16903,7836],{"class":6994},[5629,16905,5686],{"class":5639},[5629,16907,16908],{"class":6329},"13px",[5629,16910,5656],{"class":5639},[5629,16912,16913,16915,16917,16920],{"class":5631,"line":9540},[5629,16914,7847],{"class":6994},[5629,16916,5686],{"class":5639},[5629,16918,16919],{"class":6329},"400",[5629,16921,5656],{"class":5639},[5629,16923,16924,16926,16928,16930],{"class":5631,"line":9565},[5629,16925,8029],{"class":6994},[5629,16927,5686],{"class":5639},[5629,16929,8034],{"class":7722},[5629,16931,5656],{"class":5639},[5629,16933,16934],{"class":5631,"line":9573},[5629,16935,5798],{"class":5639},[5629,16937,16938],{"class":5631,"line":9582},[5629,16939,5663],{"emptyLinePlaceholder":5662},[5629,16941,16942,16944],{"class":5631,"line":9587},[5629,16943,7062],{"class":7709},[5629,16945,5677],{"class":5639},[5629,16947,16948,16950,16952,16954],{"class":5631,"line":10688},[5629,16949,7938],{"class":6994},[5629,16951,5686],{"class":5639},[5629,16953,16276],{"class":6329},[5629,16955,5656],{"class":5639},[5629,16957,16958,16960,16962,16964],{"class":5631,"line":10693},[5629,16959,7765],{"class":6994},[5629,16961,5686],{"class":5639},[5629,16963,7917],{"class":6329},[5629,16965,5656],{"class":5639},[5629,16967,16968,16970,16972,16974],{"class":5631,"line":11554},[5629,16969,7985],{"class":6994},[5629,16971,5686],{"class":5639},[5629,16973,10759],{"class":7722},[5629,16975,5656],{"class":5639},[5629,16977,16978,16980,16982,16984],{"class":5631,"line":11559},[5629,16979,7859],{"class":6994},[5629,16981,5686],{"class":5639},[5629,16983,8001],{"class":7722},[5629,16985,5656],{"class":5639},[5629,16987,16988,16990,16992,16994],{"class":5631,"line":11564},[5629,16989,7961],{"class":6994},[5629,16991,5686],{"class":5639},[5629,16993,7966],{"class":7722},[5629,16995,5656],{"class":5639},[5629,16997,16998,17000,17002,17004],{"class":5631,"line":11573},[5629,16999,7973],{"class":6994},[5629,17001,5686],{"class":5639},[5629,17003,7978],{"class":6329},[5629,17005,5656],{"class":5639},[5629,17007,17008,17010,17012,17014],{"class":5631,"line":11584},[5629,17009,7847],{"class":6994},[5629,17011,5686],{"class":5639},[5629,17013,11201],{"class":6329},[5629,17015,5656],{"class":5639},[5629,17017,17018,17020,17022,17024],{"class":5631,"line":11595},[5629,17019,7836],{"class":6994},[5629,17021,5686],{"class":5639},[5629,17023,11062],{"class":6329},[5629,17025,5656],{"class":5639},[5629,17027,17028,17030,17032,17034],{"class":5631,"line":11606},[5629,17029,8029],{"class":6994},[5629,17031,5686],{"class":5639},[5629,17033,8034],{"class":7722},[5629,17035,5656],{"class":5639},[5629,17037,17038,17040,17042,17044,17046],{"class":5631,"line":11611},[5629,17039,8041],{"class":6994},[5629,17041,5686],{"class":5639},[5629,17043,8046],{"class":7722},[5629,17045,11234],{"class":6329},[5629,17047,5656],{"class":5639},[5629,17049,17050],{"class":5631,"line":11616},[5629,17051,5798],{"class":5639},[5629,17053,17054],{"class":5631,"line":11624},[5629,17055,5663],{"emptyLinePlaceholder":5662},[5629,17057,17058,17061,17063,17066],{"class":5631,"line":11638},[5629,17059,17060],{"class":7709},"button:hover:not",[5629,17062,5843],{"class":5639},[5629,17064,17065],{"class":7709},":disabled",[5629,17067,6052],{"class":5639},[5629,17069,17070,17072,17074,17076],{"class":5631,"line":11650},[5629,17071,7985],{"class":6994},[5629,17073,5686],{"class":5639},[5629,17075,11259],{"class":7722},[5629,17077,5656],{"class":5639},[5629,17079,17080,17082,17084,17086,17088,17090],{"class":5631,"line":11661},[5629,17081,8085],{"class":6994},[5629,17083,5686],{"class":5639},[5629,17085,8090],{"class":5812},[5629,17087,5843],{"class":5639},[5629,17089,11274],{"class":6329},[5629,17091,5849],{"class":5639},[5629,17093,17094],{"class":5631,"line":11666},[5629,17095,5798],{"class":5639},[5629,17097,17098],{"class":5631,"line":11671},[5629,17099,5663],{"emptyLinePlaceholder":5662},[5629,17101,17102,17105],{"class":5631,"line":11679},[5629,17103,17104],{"class":7709},"button:disabled",[5629,17106,5677],{"class":5639},[5629,17108,17109,17111,17113,17116],{"class":5631,"line":11691},[5629,17110,7985],{"class":6994},[5629,17112,5686],{"class":5639},[5629,17114,17115],{"class":7722},"#cbd5e1",[5629,17117,5656],{"class":5639},[5629,17119,17120,17122,17124,17127],{"class":5631,"line":11696},[5629,17121,8029],{"class":6994},[5629,17123,5686],{"class":5639},[5629,17125,17126],{"class":7722},"not-allowed",[5629,17128,5656],{"class":5639},[5629,17130,17131,17133,17135,17137],{"class":5631,"line":11701},[5629,17132,8085],{"class":6994},[5629,17134,5686],{"class":5639},[5629,17136,7966],{"class":7722},[5629,17138,5656],{"class":5639},[5629,17140,17141],{"class":5631,"line":11709},[5629,17142,5798],{"class":5639},[8132,17144,17146],{"id":17145},"переваги-централізованої-логіки","Переваги централізованої логіки",[5485,17148,17149,17150,17152],{},"Порівняйте цю реалізацію з початковим прикладом на ",[5477,17151,5520],{},". Тепер:",[6532,17154,17155,17164,17174],{},[5512,17156,17157,17160,17161,17163],{},[5489,17158,17159],{},"Вся логіка стану в одному місці."," Щоб зрозуміти, як змінюється стан форми, достатньо прочитати функцію ",[5477,17162,12606],{},". Не треба збирати фрагменти логіки з різних обробників подій.",[5512,17165,17166,17169,17170,17173],{},[5489,17167,17168],{},"Декларативні наміри."," Виклик ",[5477,17171,17172],{},"dispatch({ type: \"submit_started\" })"," чітко описує намір, а не механіку реалізації. Це робить код самодокументованим.",[5512,17175,17176,17179],{},[5489,17177,17178],{},"Простота тестування."," Редюсер — це чиста функція, яку можна тестувати ізольовано без монтування компонента:",[5620,17181,17183],{"className":5622,"code":17182,"language":5624,"meta":5625,"style":5625},"import { describe, test, expect } from \"vitest\";\n\ndescribe(\"registrationReducer\", () => {\n  test(\"очищує помилку при редагуванні поля\", () => {\n    const state: RegistrationState = {\n      ...initialState,\n      errors: { email: \"Невірний формат email\" },\n    };\n\n    const newState = registrationReducer(state, {\n      type: \"field_changed\",\n      field: \"email\",\n      value: \"test@example.com\",\n    });\n\n    expect(newState.email).toBe(\"test@example.com\");\n    expect(newState.errors.email).toBeUndefined();\n  });\n\n  test(\"встановлює прапорець завантаження при початку відправки\", () => {\n    const newState = registrationReducer(initialState, {\n      type: \"submit_started\",\n    });\n\n    expect(newState.isSubmitting).toBe(true);\n    expect(newState.errors).toEqual({});\n  });\n});\n",[5477,17184,17185,17213,17217,17233,17249,17261,17270,17285,17290,17294,17312,17321,17330,17340,17345,17349,17375,17398,17403,17407,17422,17438,17446,17450,17454,17476,17495,17499],{"__ignoreMap":5625},[5629,17186,17187,17189,17191,17194,17196,17199,17201,17204,17206,17208,17211],{"class":5631,"line":5632},[5629,17188,5636],{"class":5635},[5629,17190,5640],{"class":5639},[5629,17192,17193],{"class":5643},"describe",[5629,17195,5832],{"class":5639},[5629,17197,17198],{"class":5643},"test",[5629,17200,5832],{"class":5639},[5629,17202,17203],{"class":5643},"expect",[5629,17205,5646],{"class":5639},[5629,17207,5649],{"class":5635},[5629,17209,17210],{"class":5652}," \"vitest\"",[5629,17212,5656],{"class":5639},[5629,17214,17215],{"class":5631,"line":5659},[5629,17216,5663],{"emptyLinePlaceholder":5662},[5629,17218,17219,17221,17223,17226,17229,17231],{"class":5631,"line":5666},[5629,17220,17193],{"class":5812},[5629,17222,5843],{"class":5639},[5629,17224,17225],{"class":5652},"\"registrationReducer\"",[5629,17227,17228],{"class":5639},", () ",[5629,17230,6013],{"class":5669},[5629,17232,5677],{"class":5639},[5629,17234,17235,17238,17240,17243,17245,17247],{"class":5631,"line":5680},[5629,17236,17237],{"class":5812},"  test",[5629,17239,5843],{"class":5639},[5629,17241,17242],{"class":5652},"\"очищує помилку при редагуванні поля\"",[5629,17244,17228],{"class":5639},[5629,17246,6013],{"class":5669},[5629,17248,5677],{"class":5639},[5629,17250,17251,17253,17255,17257,17259],{"class":5631,"line":5694},[5629,17252,6250],{"class":5669},[5629,17254,6850],{"class":5828},[5629,17256,5686],{"class":5639},[5629,17258,12094],{"class":5673},[5629,17260,12146],{"class":5639},[5629,17262,17263,17266,17268],{"class":5631,"line":5706},[5629,17264,17265],{"class":5639},"      ...",[5629,17267,8258],{"class":5643},[5629,17269,8197],{"class":5639},[5629,17271,17272,17275,17277,17279,17282],{"class":5631,"line":5718},[5629,17273,17274],{"class":5643},"      errors:",[5629,17276,5640],{"class":5639},[5629,17278,6078],{"class":5643},[5629,17280,17281],{"class":5652}," \"Невірний формат email\"",[5629,17283,17284],{"class":5639}," },\n",[5629,17286,17287],{"class":5631,"line":5731},[5629,17288,17289],{"class":5639},"    };\n",[5629,17291,17292],{"class":5631,"line":5743},[5629,17293,5663],{"emptyLinePlaceholder":5662},[5629,17295,17296,17298,17301,17303,17305,17307,17309],{"class":5631,"line":5752},[5629,17297,6250],{"class":5669},[5629,17299,17300],{"class":5828}," newState",[5629,17302,6201],{"class":5639},[5629,17304,12606],{"class":5812},[5629,17306,5843],{"class":5639},[5629,17308,6628],{"class":5643},[5629,17310,17311],{"class":5639},", {\n",[5629,17313,17314,17317,17319],{"class":5631,"line":5765},[5629,17315,17316],{"class":5643},"      type:",[5629,17318,12268],{"class":5652},[5629,17320,8197],{"class":5639},[5629,17322,17323,17326,17328],{"class":5631,"line":5777},[5629,17324,17325],{"class":5643},"      field:",[5629,17327,13192],{"class":5652},[5629,17329,8197],{"class":5639},[5629,17331,17332,17335,17338],{"class":5631,"line":5789},[5629,17333,17334],{"class":5643},"      value:",[5629,17336,17337],{"class":5652}," \"test@example.com\"",[5629,17339,8197],{"class":5639},[5629,17341,17342],{"class":5631,"line":5795},[5629,17343,17344],{"class":5639},"    });\n",[5629,17346,17347],{"class":5631,"line":5801},[5629,17348,5663],{"emptyLinePlaceholder":5662},[5629,17350,17351,17354,17356,17359,17361,17363,17365,17368,17370,17373],{"class":5631,"line":5806},[5629,17352,17353],{"class":5812},"    expect",[5629,17355,5843],{"class":5639},[5629,17357,17358],{"class":5643},"newState",[5629,17360,5521],{"class":5639},[5629,17362,5829],{"class":5643},[5629,17364,5539],{"class":5639},[5629,17366,17367],{"class":5812},"toBe",[5629,17369,5843],{"class":5639},[5629,17371,17372],{"class":5652},"\"test@example.com\"",[5629,17374,5849],{"class":5639},[5629,17376,17377,17379,17381,17383,17385,17387,17389,17391,17393,17396],{"class":5631,"line":5819},[5629,17378,17353],{"class":5812},[5629,17380,5843],{"class":5639},[5629,17382,17358],{"class":5643},[5629,17384,5521],{"class":5639},[5629,17386,5960],{"class":5643},[5629,17388,5521],{"class":5639},[5629,17390,5829],{"class":5643},[5629,17392,5539],{"class":5639},[5629,17394,17395],{"class":5812},"toBeUndefined",[5629,17397,12658],{"class":5639},[5629,17399,17400],{"class":5631,"line":5852},[5629,17401,17402],{"class":5639},"  });\n",[5629,17404,17405],{"class":5631,"line":5877},[5629,17406,5663],{"emptyLinePlaceholder":5662},[5629,17408,17409,17411,17413,17416,17418,17420],{"class":5631,"line":5902},[5629,17410,17237],{"class":5812},[5629,17412,5843],{"class":5639},[5629,17414,17415],{"class":5652},"\"встановлює прапорець завантаження при початку відправки\"",[5629,17417,17228],{"class":5639},[5629,17419,6013],{"class":5669},[5629,17421,5677],{"class":5639},[5629,17423,17424,17426,17428,17430,17432,17434,17436],{"class":5631,"line":5928},[5629,17425,6250],{"class":5669},[5629,17427,17300],{"class":5828},[5629,17429,6201],{"class":5639},[5629,17431,12606],{"class":5812},[5629,17433,5843],{"class":5639},[5629,17435,8258],{"class":5643},[5629,17437,17311],{"class":5639},[5629,17439,17440,17442,17444],{"class":5631,"line":5953},[5629,17441,17316],{"class":5643},[5629,17443,12397],{"class":5652},[5629,17445,8197],{"class":5639},[5629,17447,17448],{"class":5631,"line":5987},[5629,17449,17344],{"class":5639},[5629,17451,17452],{"class":5631,"line":5992},[5629,17453,5663],{"emptyLinePlaceholder":5662},[5629,17455,17456,17458,17460,17462,17464,17466,17468,17470,17472,17474],{"class":5631,"line":6018},[5629,17457,17353],{"class":5812},[5629,17459,5843],{"class":5639},[5629,17461,17358],{"class":5643},[5629,17463,5521],{"class":5639},[5629,17465,5935],{"class":5643},[5629,17467,5539],{"class":5639},[5629,17469,17367],{"class":5812},[5629,17471,5843],{"class":5639},[5629,17473,6222],{"class":5669},[5629,17475,5849],{"class":5639},[5629,17477,17478,17480,17482,17484,17486,17488,17490,17493],{"class":5631,"line":6030},[5629,17479,17353],{"class":5812},[5629,17481,5843],{"class":5639},[5629,17483,17358],{"class":5643},[5629,17485,5521],{"class":5639},[5629,17487,5960],{"class":5643},[5629,17489,5539],{"class":5639},[5629,17491,17492],{"class":5812},"toEqual",[5629,17494,6233],{"class":5639},[5629,17496,17497],{"class":5631,"line":6037},[5629,17498,17402],{"class":5639},[5629,17500,17501],{"class":5631,"line":6055},[5629,17502,17503],{"class":5639},"});\n",[6532,17505,17506],{"start":5680},[5512,17507,17508,17511,17512,17515,17516,5521],{},[5489,17509,17510],{},"Масштабованість."," Додавання нового поля чи валідаційного правила зводиться до розширення типу ",[5477,17513,17514],{},"RegistrationAction"," та нової гілки у ",[5477,17517,8381],{},[6559,17519,17520,17521,5521],{},"Винесення редюсера за межі компонента також покращує читабельність великих компонентів. У проєктах середнього та великого масштабу редюсери зазвичай зберігаються в окремих файлах: ",[5477,17522,17523],{},"src\u002Freducers\u002FregistrationReducer.ts",[5598,17525],{},[5601,17527,17529],{"id":17528},"ініціалізація-стану-lazy-initialization","Ініціалізація стану: lazy initialization",[5485,17531,17532,17533,17535,17536,5539],{},"Іноді початковий стан має обчислюватися на основі пропсів або потребує складних трансформацій. Для цього ",[5477,17534,5479],{}," підтримує третій параметр — функцію ініціалізації (",[5529,17537,17538],{},"initializer function",[5620,17540,17542],{"className":5622,"code":17541,"language":5624,"meta":5625,"style":5625},"interface CartState {\n  items: Array\u003C{ id: number; name: string; quantity: number }>;\n  total: number;\n}\n\ntype CartAction =\n  | { type: \"item_added\"; item: { id: number; name: string; price: number } }\n  | { type: \"item_removed\"; id: number }\n  | { type: \"cart_cleared\" };\n\n\u002F\u002F Функція ініціалізації: завантажує стан із localStorage\nfunction initCartState(): CartState {\n  const saved = localStorage.getItem(\"cart\");\n  if (saved) {\n    try {\n      return JSON.parse(saved);\n    } catch {\n      \u002F\u002F Якщо дані пошкоджені, повертаємо порожній кошик\n    }\n  }\n  return { items: [], total: 0 };\n}\n\nfunction cartReducer(state: CartState, action: CartAction): CartState {\n  switch (action.type) {\n    case \"item_added\":\n      const newItems = [...state.items, { ...action.item, quantity: 1 }];\n      return { items: newItems, total: state.total + action.item.price };\n\n    case \"item_removed\":\n      const filtered = state.items.filter((item) => item.id !== action.id);\n      return { items: filtered, total: calculateTotal(filtered) };\n\n    case \"cart_cleared\":\n      return { items: [], total: 0 };\n\n    default:\n      return state;\n  }\n}\n\nfunction ShoppingCart() {\n  \u002F\u002F Третій аргумент — функція ініціалізації, викликається лише один раз\n  const [cart, dispatch] = useReducer(\n    cartReducer,\n    undefined,\n    initCartState\n  );\n\n  \u002F\u002F Зберігаємо стан у localStorage при кожній зміні\n  useEffect(() => {\n    localStorage.setItem(\"cart\", JSON.stringify(cart));\n  }, [cart]);\n\n  \u002F\u002F Решта коду компонента...\n}\n",[5477,17543,17544,17553,17593,17604,17608,17612,17621,17666,17687,17700,17704,17709,17724,17748,17760,17766,17784,17792,17797,17801,17805,17824,17828,17832,17862,17876,17885,17923,17958,17962,17971,18015,18040,18044,18053,18069,18073,18079,18087,18091,18095,18099,18108,18113,18132,18139,18146,18151,18155,18159,18164,18176,18206,18216,18220,18225],{"__ignoreMap":5625},[5629,17545,17546,17548,17551],{"class":5631,"line":5632},[5629,17547,5670],{"class":5669},[5629,17549,17550],{"class":5673}," CartState",[5629,17552,5677],{"class":5639},[5629,17554,17555,17558,17560,17563,17566,17568,17570,17572,17574,17577,17579,17581,17583,17586,17588,17590],{"class":5631,"line":5659},[5629,17556,17557],{"class":5643},"  items",[5629,17559,5686],{"class":5639},[5629,17561,17562],{"class":5673},"Array",[5629,17564,17565],{"class":5639},"\u003C{ ",[5629,17567,8558],{"class":5643},[5629,17569,5686],{"class":5639},[5629,17571,6801],{"class":5673},[5629,17573,8533],{"class":5639},[5629,17575,17576],{"class":5643},"name",[5629,17578,5686],{"class":5639},[5629,17580,5689],{"class":5673},[5629,17582,8533],{"class":5639},[5629,17584,17585],{"class":5643},"quantity",[5629,17587,5686],{"class":5639},[5629,17589,6801],{"class":5673},[5629,17591,17592],{"class":5639}," }>;\n",[5629,17594,17595,17598,17600,17602],{"class":5631,"line":5666},[5629,17596,17597],{"class":5643},"  total",[5629,17599,5686],{"class":5639},[5629,17601,6801],{"class":5673},[5629,17603,5656],{"class":5639},[5629,17605,17606],{"class":5631,"line":5680},[5629,17607,5798],{"class":5639},[5629,17609,17610],{"class":5631,"line":5694},[5629,17611,5663],{"emptyLinePlaceholder":5662},[5629,17613,17614,17616,17619],{"class":5631,"line":5706},[5629,17615,5570],{"class":5669},[5629,17617,17618],{"class":5673}," CartAction",[5629,17620,6734],{"class":5639},[5629,17622,17623,17625,17627,17629,17632,17634,17637,17640,17642,17644,17646,17648,17650,17652,17654,17656,17659,17661,17663],{"class":5631,"line":5718},[5629,17624,6739],{"class":5639},[5629,17626,5570],{"class":5643},[5629,17628,5686],{"class":5639},[5629,17630,17631],{"class":5652},"\"item_added\"",[5629,17633,8533],{"class":5639},[5629,17635,17636],{"class":5643},"item",[5629,17638,17639],{"class":5639},": { ",[5629,17641,8558],{"class":5643},[5629,17643,5686],{"class":5639},[5629,17645,6801],{"class":5673},[5629,17647,8533],{"class":5639},[5629,17649,17576],{"class":5643},[5629,17651,5686],{"class":5639},[5629,17653,5689],{"class":5673},[5629,17655,8533],{"class":5639},[5629,17657,17658],{"class":5643},"price",[5629,17660,5686],{"class":5639},[5629,17662,6801],{"class":5673},[5629,17664,17665],{"class":5639}," } }\n",[5629,17667,17668,17670,17672,17674,17677,17679,17681,17683,17685],{"class":5631,"line":5731},[5629,17669,6739],{"class":5639},[5629,17671,5570],{"class":5643},[5629,17673,5686],{"class":5639},[5629,17675,17676],{"class":5652},"\"item_removed\"",[5629,17678,8533],{"class":5639},[5629,17680,8558],{"class":5643},[5629,17682,5686],{"class":5639},[5629,17684,6801],{"class":5673},[5629,17686,6749],{"class":5639},[5629,17688,17689,17691,17693,17695,17698],{"class":5631,"line":5743},[5629,17690,6739],{"class":5639},[5629,17692,5570],{"class":5643},[5629,17694,5686],{"class":5639},[5629,17696,17697],{"class":5652},"\"cart_cleared\"",[5629,17699,6776],{"class":5639},[5629,17701,17702],{"class":5631,"line":5752},[5629,17703,5663],{"emptyLinePlaceholder":5662},[5629,17705,17706],{"class":5631,"line":5765},[5629,17707,17708],{"class":6033},"\u002F\u002F Функція ініціалізації: завантажує стан із localStorage\n",[5629,17710,17711,17713,17716,17719,17722],{"class":5631,"line":5777},[5629,17712,5809],{"class":5669},[5629,17714,17715],{"class":5812}," initCartState",[5629,17717,17718],{"class":5639},"(): ",[5629,17720,17721],{"class":5673},"CartState",[5629,17723,5677],{"class":5639},[5629,17725,17726,17728,17731,17733,17736,17738,17741,17743,17746],{"class":5631,"line":5789},[5629,17727,5822],{"class":5669},[5629,17729,17730],{"class":5828}," saved",[5629,17732,6201],{"class":5639},[5629,17734,17735],{"class":5643},"localStorage",[5629,17737,5521],{"class":5639},[5629,17739,17740],{"class":5812},"getItem",[5629,17742,5843],{"class":5639},[5629,17744,17745],{"class":5652},"\"cart\"",[5629,17747,5849],{"class":5639},[5629,17749,17750,17753,17755,17758],{"class":5631,"line":5795},[5629,17751,17752],{"class":5635},"  if",[5629,17754,6043],{"class":5639},[5629,17756,17757],{"class":5643},"saved",[5629,17759,6052],{"class":5639},[5629,17761,17762,17764],{"class":5631,"line":5801},[5629,17763,12886],{"class":5635},[5629,17765,5677],{"class":5639},[5629,17767,17768,17770,17773,17775,17778,17780,17782],{"class":5631,"line":5806},[5629,17769,6456],{"class":5635},[5629,17771,17772],{"class":5828}," JSON",[5629,17774,5521],{"class":5639},[5629,17776,17777],{"class":5812},"parse",[5629,17779,5843],{"class":5639},[5629,17781,17757],{"class":5643},[5629,17783,5849],{"class":5639},[5629,17785,17786,17788,17790],{"class":5631,"line":5819},[5629,17787,12957],{"class":5639},[5629,17789,12960],{"class":5635},[5629,17791,5677],{"class":5639},[5629,17793,17794],{"class":5631,"line":5852},[5629,17795,17796],{"class":6033},"      \u002F\u002F Якщо дані пошкоджені, повертаємо порожній кошик\n",[5629,17798,17799],{"class":5631,"line":5877},[5629,17800,6090],{"class":5639},[5629,17802,17803],{"class":5631,"line":5902},[5629,17804,6923],{"class":5639},[5629,17806,17807,17809,17811,17814,17817,17820,17822],{"class":5631,"line":5928},[5629,17808,6978],{"class":5635},[5629,17810,5640],{"class":5639},[5629,17812,17813],{"class":5643},"items:",[5629,17815,17816],{"class":5639}," [], ",[5629,17818,17819],{"class":5643},"total:",[5629,17821,6896],{"class":6329},[5629,17823,6776],{"class":5639},[5629,17825,17826],{"class":5631,"line":5953},[5629,17827,5798],{"class":5639},[5629,17829,17830],{"class":5631,"line":5987},[5629,17831,5663],{"emptyLinePlaceholder":5662},[5629,17833,17834,17836,17839,17841,17843,17845,17847,17849,17851,17853,17856,17858,17860],{"class":5631,"line":5992},[5629,17835,5809],{"class":5669},[5629,17837,17838],{"class":5812}," cartReducer",[5629,17840,5843],{"class":5639},[5629,17842,6628],{"class":5643},[5629,17844,5686],{"class":5639},[5629,17846,17721],{"class":5673},[5629,17848,5832],{"class":5639},[5629,17850,6592],{"class":5643},[5629,17852,5686],{"class":5639},[5629,17854,17855],{"class":5673},"CartAction",[5629,17857,6813],{"class":5639},[5629,17859,17721],{"class":5673},[5629,17861,5677],{"class":5639},[5629,17863,17864,17866,17868,17870,17872,17874],{"class":5631,"line":6018},[5629,17865,6822],{"class":5635},[5629,17867,6043],{"class":5639},[5629,17869,6592],{"class":5643},[5629,17871,5521],{"class":5639},[5629,17873,5570],{"class":5643},[5629,17875,6052],{"class":5639},[5629,17877,17878,17880,17883],{"class":5631,"line":6030},[5629,17879,6837],{"class":5635},[5629,17881,17882],{"class":5652}," \"item_added\"",[5629,17884,6843],{"class":5639},[5629,17886,17887,17890,17893,17896,17898,17900,17903,17906,17908,17910,17912,17914,17917,17920],{"class":5631,"line":6037},[5629,17888,17889],{"class":5669},"      const",[5629,17891,17892],{"class":5828}," newItems",[5629,17894,17895],{"class":5639}," = [...",[5629,17897,6628],{"class":5643},[5629,17899,5521],{"class":5639},[5629,17901,17902],{"class":5643},"items",[5629,17904,17905],{"class":5639},", { ...",[5629,17907,6592],{"class":5643},[5629,17909,5521],{"class":5639},[5629,17911,17636],{"class":5643},[5629,17913,5832],{"class":5639},[5629,17915,17916],{"class":5643},"quantity:",[5629,17918,17919],{"class":6329}," 1",[5629,17921,17922],{"class":5639}," }];\n",[5629,17924,17925,17927,17929,17931,17933,17935,17937,17939,17941,17944,17946,17948,17950,17952,17954,17956],{"class":5631,"line":6055},[5629,17926,6456],{"class":5635},[5629,17928,5640],{"class":5639},[5629,17930,17813],{"class":5643},[5629,17932,17892],{"class":5643},[5629,17934,5832],{"class":5639},[5629,17936,17819],{"class":5643},[5629,17938,6850],{"class":5643},[5629,17940,5521],{"class":5639},[5629,17942,17943],{"class":5643},"total",[5629,17945,6853],{"class":5639},[5629,17947,6592],{"class":5643},[5629,17949,5521],{"class":5639},[5629,17951,17636],{"class":5643},[5629,17953,5521],{"class":5639},[5629,17955,17658],{"class":5643},[5629,17957,6776],{"class":5639},[5629,17959,17960],{"class":5631,"line":6087},[5629,17961,5663],{"emptyLinePlaceholder":5662},[5629,17963,17964,17966,17969],{"class":5631,"line":6093},[5629,17965,6837],{"class":5635},[5629,17967,17968],{"class":5652}," \"item_removed\"",[5629,17970,6843],{"class":5639},[5629,17972,17973,17975,17978,17980,17982,17984,17986,17988,17990,17992,17994,17996,17998,18001,18003,18005,18007,18009,18011,18013],{"class":5631,"line":6098},[5629,17974,17889],{"class":5669},[5629,17976,17977],{"class":5828}," filtered",[5629,17979,6201],{"class":5639},[5629,17981,6628],{"class":5643},[5629,17983,5521],{"class":5639},[5629,17985,17902],{"class":5643},[5629,17987,5521],{"class":5639},[5629,17989,8823],{"class":5812},[5629,17991,6061],{"class":5639},[5629,17993,17636],{"class":5643},[5629,17995,6010],{"class":5639},[5629,17997,6013],{"class":5669},[5629,17999,18000],{"class":5643}," item",[5629,18002,5521],{"class":5639},[5629,18004,8558],{"class":5643},[5629,18006,6365],{"class":5639},[5629,18008,6592],{"class":5643},[5629,18010,5521],{"class":5639},[5629,18012,8558],{"class":5643},[5629,18014,5849],{"class":5639},[5629,18016,18017,18019,18021,18023,18025,18027,18029,18032,18034,18037],{"class":5631,"line":6103},[5629,18018,6456],{"class":5635},[5629,18020,5640],{"class":5639},[5629,18022,17813],{"class":5643},[5629,18024,17977],{"class":5643},[5629,18026,5832],{"class":5639},[5629,18028,17819],{"class":5643},[5629,18030,18031],{"class":5812}," calculateTotal",[5629,18033,5843],{"class":5639},[5629,18035,18036],{"class":5643},"filtered",[5629,18038,18039],{"class":5639},") };\n",[5629,18041,18042],{"class":5631,"line":6125},[5629,18043,5663],{"emptyLinePlaceholder":5662},[5629,18045,18046,18048,18051],{"class":5631,"line":6137},[5629,18047,6837],{"class":5635},[5629,18049,18050],{"class":5652}," \"cart_cleared\"",[5629,18052,6843],{"class":5639},[5629,18054,18055,18057,18059,18061,18063,18065,18067],{"class":5631,"line":6152},[5629,18056,6456],{"class":5635},[5629,18058,5640],{"class":5639},[5629,18060,17813],{"class":5643},[5629,18062,17816],{"class":5639},[5629,18064,17819],{"class":5643},[5629,18066,6896],{"class":6329},[5629,18068,6776],{"class":5639},[5629,18070,18071],{"class":5631,"line":6178},[5629,18072,5663],{"emptyLinePlaceholder":5662},[5629,18074,18075,18077],{"class":5631,"line":6183},[5629,18076,6903],{"class":5635},[5629,18078,6843],{"class":5639},[5629,18080,18081,18083,18085],{"class":5631,"line":6188},[5629,18082,6456],{"class":5635},[5629,18084,6850],{"class":5643},[5629,18086,5656],{"class":5639},[5629,18088,18089],{"class":5631,"line":6193},[5629,18090,6923],{"class":5639},[5629,18092,18093],{"class":5631,"line":6214},[5629,18094,5798],{"class":5639},[5629,18096,18097],{"class":5631,"line":6227},[5629,18098,5663],{"emptyLinePlaceholder":5662},[5629,18100,18101,18103,18106],{"class":5631,"line":6236},[5629,18102,5809],{"class":5669},[5629,18104,18105],{"class":5812}," ShoppingCart",[5629,18107,5816],{"class":5639},[5629,18109,18110],{"class":5631,"line":6241},[5629,18111,18112],{"class":6033},"  \u002F\u002F Третій аргумент — функція ініціалізації, викликається лише один раз\n",[5629,18114,18115,18117,18119,18122,18124,18126,18128,18130],{"class":5631,"line":6247},[5629,18116,5822],{"class":5669},[5629,18118,5825],{"class":5639},[5629,18120,18121],{"class":5828},"cart",[5629,18123,5832],{"class":5639},[5629,18125,6954],{"class":5828},[5629,18127,5838],{"class":5639},[5629,18129,5479],{"class":5812},[5629,18131,12218],{"class":5639},[5629,18133,18134,18137],{"class":5631,"line":6267},[5629,18135,18136],{"class":5643},"    cartReducer",[5629,18138,8197],{"class":5639},[5629,18140,18141,18144],{"class":5631,"line":6290},[5629,18142,18143],{"class":5669},"    undefined",[5629,18145,8197],{"class":5639},[5629,18147,18148],{"class":5631,"line":6307},[5629,18149,18150],{"class":5643},"    initCartState\n",[5629,18152,18153],{"class":5631,"line":6312},[5629,18154,7202],{"class":5639},[5629,18156,18157],{"class":5631,"line":6335},[5629,18158,5663],{"emptyLinePlaceholder":5662},[5629,18160,18161],{"class":5631,"line":6351},[5629,18162,18163],{"class":6033},"  \u002F\u002F Зберігаємо стан у localStorage при кожній зміні\n",[5629,18165,18166,18169,18172,18174],{"class":5631,"line":6356},[5629,18167,18168],{"class":5812},"  useEffect",[5629,18170,18171],{"class":5639},"(() ",[5629,18173,6013],{"class":5669},[5629,18175,5677],{"class":5639},[5629,18177,18178,18181,18183,18186,18188,18190,18192,18195,18197,18200,18202,18204],{"class":5631,"line":6372},[5629,18179,18180],{"class":5643},"    localStorage",[5629,18182,5521],{"class":5639},[5629,18184,18185],{"class":5812},"setItem",[5629,18187,5843],{"class":5639},[5629,18189,17745],{"class":5652},[5629,18191,5832],{"class":5639},[5629,18193,18194],{"class":5828},"JSON",[5629,18196,5521],{"class":5639},[5629,18198,18199],{"class":5812},"stringify",[5629,18201,5843],{"class":5639},[5629,18203,18121],{"class":5643},[5629,18205,12928],{"class":5639},[5629,18207,18208,18211,18213],{"class":5631,"line":6388},[5629,18209,18210],{"class":5639},"  }, [",[5629,18212,18121],{"class":5643},[5629,18214,18215],{"class":5639},"]);\n",[5629,18217,18218],{"class":5631,"line":6393},[5629,18219,5663],{"emptyLinePlaceholder":5662},[5629,18221,18222],{"class":5631,"line":6398},[5629,18223,18224],{"class":6033},"  \u002F\u002F Решта коду компонента...\n",[5629,18226,18227],{"class":5631,"line":6430},[5629,18228,5798],{"class":5639},[5485,18230,18231],{},[5489,18232,18233,18234,18237],{},"Чому не просто ",[5477,18235,18236],{},"useReducer(cartReducer, initCartState())","?",[5485,18239,18240,18241,18244,18245,18248],{},"Якщо передати результат виклику ",[5477,18242,18243],{},"initCartState()"," як другий аргумент, функція виконається ",[5489,18246,18247],{},"при кожному рендері"," компонента, навіть коли стан уже ініціалізовано. Це марна трата ресурсів, особливо якщо ініціалізація включає парсинг великих JSON-структур або обчислення.",[5485,18250,18251,18252,18255,18256,6043,18259,5539],{},"Передаючи функцію як третій аргумент, ви гарантуєте, що вона виконається ",[5489,18253,18254],{},"лише один раз"," при монтуванні компонента. Це паттерн відомий як ",[5489,18257,18258],{},"ледача ініціалізація",[5529,18260,18261],{},"lazy initialization",[6676,18263,18264,18267],{},[5485,18265,18266],{},"Використовуйте lazy initialization, коли початковий стан:",[5509,18268,18269,18278,18281,18284],{},[5512,18270,18271,18272,18274,18275,5521],{},"Завантажується з ",[5477,18273,17735],{}," або ",[5477,18276,18277],{},"sessionStorage",[5512,18279,18280],{},"Обчислюється на основі складних трансформацій пропсів.",[5512,18282,18283],{},"Парсить дані з URL (query-параметри, хеш-фрагменти).",[5512,18285,18286,18287,6853,18289,5539],{},"Залежить від асинхронних операцій (хоча для асинхронних даних краще підходить комбінація ",[5477,18288,5520],{},[5477,18290,6685],{},[5598,18292],{},[5601,18294,18296,18298,18299,18301],{"id":18295},"usestate-vs-usereducer-коли-використовувати-кожен",[5477,18297,5520],{}," vs ",[5477,18300,5479],{},": коли використовувати кожен",[5485,18303,18304],{},"Обидва хуки призначені для управління станом, але мають різні зони застосування. Ось систематичне порівняння:",[18306,18307,18308,18327],"table",{},[18309,18310,18311],"thead",{},[18312,18313,18314,18319,18323],"tr",{},[18315,18316,18318],"th",{"align":18317},"left","Критерій",[18315,18320,18321],{"align":18317},[5477,18322,5520],{},[18315,18324,18325],{"align":18317},[5477,18326,5479],{},[18328,18329,18330,18344,18357,18370,18382,18395,18411],"tbody",{},[18312,18331,18332,18338,18341],{},[18333,18334,18335],"td",{"align":18317},[5489,18336,18337],{},"Складність стану",[18333,18339,18340],{"align":18317},"Прості примітиви або плоскі об'єкти",[18333,18342,18343],{"align":18317},"Глибоко вкладені об'єкти, зв'язані поля",[18312,18345,18346,18351,18354],{},[18333,18347,18348],{"align":18317},[5489,18349,18350],{},"Логіка оновлень",[18333,18352,18353],{"align":18317},"Проста зміна значення",[18333,18355,18356],{"align":18317},"Складні переходи, множинні залежності",[18312,18358,18359,18364,18367],{},[18333,18360,18361],{"align":18317},[5489,18362,18363],{},"Розподіл логіки",[18333,18365,18366],{"align":18317},"Розсіяна по обробниках подій",[18333,18368,18369],{"align":18317},"Централізована в редюсері",[18312,18371,18372,18376,18379],{},[18333,18373,18374],{"align":18317},[5489,18375,968],{},[18333,18377,18378],{"align":18317},"Потребує монтування компонента",[18333,18380,18381],{"align":18317},"Редюсер тестується ізольовано",[18312,18383,18384,18389,18392],{},[18333,18385,18386],{"align":18317},[5489,18387,18388],{},"Читабельність",[18333,18390,18391],{"align":18317},"Зрозуміліша для простих випадків",[18333,18393,18394],{"align":18317},"Зрозуміліша для складних автоматів станів",[18312,18396,18397,18402,18405],{},[18333,18398,18399],{"align":18317},[5489,18400,18401],{},"Передача вниз",[18333,18403,18404],{"align":18317},"Передача setter-функцій",[18333,18406,18407,18408,18410],{"align":18317},"Передача ",[5477,18409,6954],{}," + екшен-криейтори",[18312,18412,18413,18418,18421],{},[18333,18414,18415],{"align":18317},[5489,18416,18417],{},"Довгострокова підтримка",[18333,18419,18420],{"align":18317},"Може розростатись хаотично",[18333,18422,18423],{"align":18317},"Масштабується передбачувано",[8409,18425,18426,18427,18429,18430,18432,18433,18436],{},"Не застосовуйте ",[5477,18428,5479],{}," скрізь автоматично. Для простих випадків (прапорець, лічильник, одне текстове поле) ",[5477,18431,5520],{}," є кращим вибором — він прозоріший та вимагає менше коду. Редюсер виправданий, коли логіка стану ",[5489,18434,18435],{},"дійсно"," складна.",[8132,18438,18440,18441,8286],{"id":18439},"типові-сигнали-для-переходу-на-usereducer","Типові сигнали для переходу на ",[5477,18442,5479],{},[6532,18444,18445,18454,18462,18468],{},[5512,18446,18447,18453],{},[5489,18448,18449,18450,18452],{},"Множинні ",[5477,18451,5584],{}," у одному обробнику події.","\nЯкщо один клік користувача змінює 3-4 незалежні частини стану, це кандидат на об'єднання у єдиний екшен.",[5512,18455,18456,18459,18460,5521],{},[5489,18457,18458],{},"Дублювання логіки між обробниками.","\nКоли кілька обробників містять ідентичні фрагменти коду (очищення помилок, скидання прапорців), редюсер дозволяє винести цю логіку у гілки ",[5477,18461,8381],{},[5512,18463,18464,18467],{},[5489,18465,18466],{},"Складна валідація або взаємозалежні поля.","\nФорми, де зміна одного поля впливає на доступність або валідацію інших полів, ідеально моделюються через редюсери.",[5512,18469,18470,18473],{},[5489,18471,18472],{},"Необхідність повторного відтворення послідовності дій.","\nДля налагодження або логування корисно мати список екшенів, що призвели до поточного стану. Редюсер робить це природно.",[5598,18475],{},[5601,18477,18479],{"id":18478},"організація-екшенів-від-constans-до-action-creators","Організація екшенів: від constans до action creators",[5485,18481,18482],{},"У міру зростання застосунку кількість різних екшенів може досягати десятків, і виникає потреба у структурованому підході до їхнього визначення. Розглянемо еволюцію патернів організації екшенів — від найпростішого до найбільш масштабованого.",[5598,18484],{},[8132,18486,18488],{"id":18487},"етап-1-інлайнові-рядкові-літерали","Етап 1: Інлайнові рядкові літерали",[5485,18490,18491,18492,8286],{},"На початку, коли екшенів небагато, їх можна створювати безпосередньо у виклику ",[5477,18493,6954],{},[5620,18495,18497],{"className":5622,"code":18496,"language":5624,"meta":5625,"style":5625},"function Counter() {\n  const [count, dispatch] = useReducer(counterReducer, 0);\n\n  return (\n    \u003Cdiv>\n      \u003Cbutton onClick={() => dispatch({ type: \"increment\" })}>+1\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => dispatch({ type: \"decrement\" })}>-1\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,18498,18499,18507,18533,18537,18543,18551,18590,18629,18637,18641],{"__ignoreMap":5625},[5629,18500,18501,18503,18505],{"class":5631,"line":5632},[5629,18502,5809],{"class":5669},[5629,18504,6938],{"class":5812},[5629,18506,5816],{"class":5639},[5629,18508,18509,18511,18513,18515,18517,18519,18521,18523,18525,18527,18529,18531],{"class":5631,"line":5659},[5629,18510,5822],{"class":5669},[5629,18512,5825],{"class":5639},[5629,18514,6949],{"class":5828},[5629,18516,5832],{"class":5639},[5629,18518,6954],{"class":5828},[5629,18520,5838],{"class":5639},[5629,18522,5479],{"class":5812},[5629,18524,5843],{"class":5639},[5629,18526,6963],{"class":5643},[5629,18528,5832],{"class":5639},[5629,18530,6425],{"class":6329},[5629,18532,5849],{"class":5639},[5629,18534,18535],{"class":5631,"line":5666},[5629,18536,5663],{"emptyLinePlaceholder":5662},[5629,18538,18539,18541],{"class":5631,"line":5680},[5629,18540,6978],{"class":5635},[5629,18542,6981],{"class":5639},[5629,18544,18545,18547,18549],{"class":5631,"line":5694},[5629,18546,6987],{"class":6986},[5629,18548,6991],{"class":6990},[5629,18550,7004],{"class":6986},[5629,18552,18553,18555,18557,18559,18561,18563,18565,18567,18569,18571,18573,18575,18577,18579,18581,18584,18586,18588],{"class":5631,"line":5706},[5629,18554,7009],{"class":6986},[5629,18556,7062],{"class":6990},[5629,18558,7065],{"class":6994},[5629,18560,6998],{"class":5639},[5629,18562,7027],{"class":5669},[5629,18564,7073],{"class":7072},[5629,18566,6013],{"class":5669},[5629,18568,7078],{"class":5812},[5629,18570,6486],{"class":7072},[5629,18572,7083],{"class":5643},[5629,18574,6840],{"class":5652},[5629,18576,7088],{"class":7072},[5629,18578,7032],{"class":5669},[5629,18580,7021],{"class":6986},[5629,18582,18583],{"class":5639},"+1",[5629,18585,7035],{"class":6986},[5629,18587,7062],{"class":6990},[5629,18589,7004],{"class":6986},[5629,18591,18592,18594,18596,18598,18600,18602,18604,18606,18608,18610,18612,18614,18616,18618,18620,18623,18625,18627],{"class":5631,"line":5718},[5629,18593,7009],{"class":6986},[5629,18595,7062],{"class":6990},[5629,18597,7065],{"class":6994},[5629,18599,6998],{"class":5639},[5629,18601,7027],{"class":5669},[5629,18603,7073],{"class":7072},[5629,18605,6013],{"class":5669},[5629,18607,7078],{"class":5812},[5629,18609,6486],{"class":7072},[5629,18611,7083],{"class":5643},[5629,18613,6865],{"class":5652},[5629,18615,7088],{"class":7072},[5629,18617,7032],{"class":5669},[5629,18619,7021],{"class":6986},[5629,18621,18622],{"class":5639},"-1",[5629,18624,7035],{"class":6986},[5629,18626,7062],{"class":6990},[5629,18628,7004],{"class":6986},[5629,18630,18631,18633,18635],{"class":5631,"line":5731},[5629,18632,7193],{"class":6986},[5629,18634,6991],{"class":6990},[5629,18636,7004],{"class":6986},[5629,18638,18639],{"class":5631,"line":5743},[5629,18640,7202],{"class":5639},[5629,18642,18643],{"class":5631,"line":5752},[5629,18644,5798],{"class":5639},[5485,18646,18647],{},[5489,18648,18649],{},"Проблеми цього підходу:",[5509,18651,18652,18661,18664],{},[5512,18653,18654,18655,18658,18659,5521],{},"Легко зробити друкарську помилку: ",[5477,18656,18657],{},"{ type: \"incremen\" }"," замість ",[5477,18660,6746],{},[5512,18662,18663],{},"При рефакторингу доводиться шукати всі місця використання вручну.",[5512,18665,18666],{},"Немає централізованого списку всіх можливих екшенів.",[5598,18668],{},[8132,18670,18672],{"id":18671},"етап-2-action-type-constants-константи-типів-екшенів","Етап 2: Action Type Constants (константи типів екшенів)",[5485,18674,18675],{},"Перший крок до структурованості — винести рядкові літерали у константи:",[5620,18677,18679],{"className":5622,"code":18678,"language":5624,"meta":5625,"style":5625},"\u002F\u002F constants.ts\nexport const INCREMENT = \"INCREMENT\" as const;\nexport const DECREMENT = \"DECREMENT\" as const;\nexport const RESET = \"RESET\" as const;\n\n\u002F\u002F types.ts\nimport { INCREMENT, DECREMENT, RESET } from \".\u002Fconstants\";\n\ntype CounterAction =\n  | { type: typeof INCREMENT }\n  | { type: typeof DECREMENT }\n  | { type: typeof RESET };\n\n\u002F\u002F Counter.tsx\nimport { INCREMENT, DECREMENT, RESET } from \".\u002Fconstants\";\n\nfunction Counter() {\n  const [count, dispatch] = useReducer(counterReducer, 0);\n\n  return (\n    \u003Cdiv>\n      \u003Cbutton onClick={() => dispatch({ type: INCREMENT })}>+1\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => dispatch({ type: DECREMENT })}>-1\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => dispatch({ type: RESET })}>↻\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,18680,18681,18686,18708,18728,18748,18752,18757,18785,18789,18797,18812,18826,18840,18844,18849,18873,18877,18885,18911,18915,18921,18929,18967,19005,19043,19051,19055],{"__ignoreMap":5625},[5629,18682,18683],{"class":5631,"line":5632},[5629,18684,18685],{"class":6033},"\u002F\u002F constants.ts\n",[5629,18687,18688,18690,18693,18696,18698,18701,18704,18706],{"class":5631,"line":5659},[5629,18689,7430],{"class":5635},[5629,18691,18692],{"class":5669}," const",[5629,18694,18695],{"class":5828}," INCREMENT",[5629,18697,6201],{"class":5639},[5629,18699,18700],{"class":5652},"\"INCREMENT\"",[5629,18702,18703],{"class":5635}," as",[5629,18705,18692],{"class":5669},[5629,18707,5656],{"class":5639},[5629,18709,18710,18712,18714,18717,18719,18722,18724,18726],{"class":5631,"line":5666},[5629,18711,7430],{"class":5635},[5629,18713,18692],{"class":5669},[5629,18715,18716],{"class":5828}," DECREMENT",[5629,18718,6201],{"class":5639},[5629,18720,18721],{"class":5652},"\"DECREMENT\"",[5629,18723,18703],{"class":5635},[5629,18725,18692],{"class":5669},[5629,18727,5656],{"class":5639},[5629,18729,18730,18732,18734,18737,18739,18742,18744,18746],{"class":5631,"line":5680},[5629,18731,7430],{"class":5635},[5629,18733,18692],{"class":5669},[5629,18735,18736],{"class":5828}," RESET",[5629,18738,6201],{"class":5639},[5629,18740,18741],{"class":5652},"\"RESET\"",[5629,18743,18703],{"class":5635},[5629,18745,18692],{"class":5669},[5629,18747,5656],{"class":5639},[5629,18749,18750],{"class":5631,"line":5694},[5629,18751,5663],{"emptyLinePlaceholder":5662},[5629,18753,18754],{"class":5631,"line":5706},[5629,18755,18756],{"class":6033},"\u002F\u002F types.ts\n",[5629,18758,18759,18761,18763,18766,18768,18771,18773,18776,18778,18780,18783],{"class":5631,"line":5718},[5629,18760,5636],{"class":5635},[5629,18762,5640],{"class":5639},[5629,18764,18765],{"class":5643},"INCREMENT",[5629,18767,5832],{"class":5639},[5629,18769,18770],{"class":5643},"DECREMENT",[5629,18772,5832],{"class":5639},[5629,18774,18775],{"class":5643},"RESET",[5629,18777,5646],{"class":5639},[5629,18779,5649],{"class":5635},[5629,18781,18782],{"class":5652}," \".\u002Fconstants\"",[5629,18784,5656],{"class":5639},[5629,18786,18787],{"class":5631,"line":5731},[5629,18788,5663],{"emptyLinePlaceholder":5662},[5629,18790,18791,18793,18795],{"class":5631,"line":5743},[5629,18792,5570],{"class":5669},[5629,18794,6731],{"class":5673},[5629,18796,6734],{"class":5639},[5629,18798,18799,18801,18803,18805,18808,18810],{"class":5631,"line":5752},[5629,18800,6739],{"class":5639},[5629,18802,5570],{"class":5643},[5629,18804,5686],{"class":5639},[5629,18806,18807],{"class":5669},"typeof",[5629,18809,18695],{"class":5828},[5629,18811,6749],{"class":5639},[5629,18813,18814,18816,18818,18820,18822,18824],{"class":5631,"line":5765},[5629,18815,6739],{"class":5639},[5629,18817,5570],{"class":5643},[5629,18819,5686],{"class":5639},[5629,18821,18807],{"class":5669},[5629,18823,18716],{"class":5828},[5629,18825,6749],{"class":5639},[5629,18827,18828,18830,18832,18834,18836,18838],{"class":5631,"line":5777},[5629,18829,6739],{"class":5639},[5629,18831,5570],{"class":5643},[5629,18833,5686],{"class":5639},[5629,18835,18807],{"class":5669},[5629,18837,18736],{"class":5828},[5629,18839,6776],{"class":5639},[5629,18841,18842],{"class":5631,"line":5789},[5629,18843,5663],{"emptyLinePlaceholder":5662},[5629,18845,18846],{"class":5631,"line":5795},[5629,18847,18848],{"class":6033},"\u002F\u002F Counter.tsx\n",[5629,18850,18851,18853,18855,18857,18859,18861,18863,18865,18867,18869,18871],{"class":5631,"line":5801},[5629,18852,5636],{"class":5635},[5629,18854,5640],{"class":5639},[5629,18856,18765],{"class":5643},[5629,18858,5832],{"class":5639},[5629,18860,18770],{"class":5643},[5629,18862,5832],{"class":5639},[5629,18864,18775],{"class":5643},[5629,18866,5646],{"class":5639},[5629,18868,5649],{"class":5635},[5629,18870,18782],{"class":5652},[5629,18872,5656],{"class":5639},[5629,18874,18875],{"class":5631,"line":5806},[5629,18876,5663],{"emptyLinePlaceholder":5662},[5629,18878,18879,18881,18883],{"class":5631,"line":5819},[5629,18880,5809],{"class":5669},[5629,18882,6938],{"class":5812},[5629,18884,5816],{"class":5639},[5629,18886,18887,18889,18891,18893,18895,18897,18899,18901,18903,18905,18907,18909],{"class":5631,"line":5852},[5629,18888,5822],{"class":5669},[5629,18890,5825],{"class":5639},[5629,18892,6949],{"class":5828},[5629,18894,5832],{"class":5639},[5629,18896,6954],{"class":5828},[5629,18898,5838],{"class":5639},[5629,18900,5479],{"class":5812},[5629,18902,5843],{"class":5639},[5629,18904,6963],{"class":5643},[5629,18906,5832],{"class":5639},[5629,18908,6425],{"class":6329},[5629,18910,5849],{"class":5639},[5629,18912,18913],{"class":5631,"line":5877},[5629,18914,5663],{"emptyLinePlaceholder":5662},[5629,18916,18917,18919],{"class":5631,"line":5902},[5629,18918,6978],{"class":5635},[5629,18920,6981],{"class":5639},[5629,18922,18923,18925,18927],{"class":5631,"line":5928},[5629,18924,6987],{"class":6986},[5629,18926,6991],{"class":6990},[5629,18928,7004],{"class":6986},[5629,18930,18931,18933,18935,18937,18939,18941,18943,18945,18947,18949,18951,18953,18955,18957,18959,18961,18963,18965],{"class":5631,"line":5953},[5629,18932,7009],{"class":6986},[5629,18934,7062],{"class":6990},[5629,18936,7065],{"class":6994},[5629,18938,6998],{"class":5639},[5629,18940,7027],{"class":5669},[5629,18942,7073],{"class":7072},[5629,18944,6013],{"class":5669},[5629,18946,7078],{"class":5812},[5629,18948,6486],{"class":7072},[5629,18950,7083],{"class":5643},[5629,18952,18695],{"class":5828},[5629,18954,7088],{"class":7072},[5629,18956,7032],{"class":5669},[5629,18958,7021],{"class":6986},[5629,18960,18583],{"class":5639},[5629,18962,7035],{"class":6986},[5629,18964,7062],{"class":6990},[5629,18966,7004],{"class":6986},[5629,18968,18969,18971,18973,18975,18977,18979,18981,18983,18985,18987,18989,18991,18993,18995,18997,18999,19001,19003],{"class":5631,"line":5987},[5629,18970,7009],{"class":6986},[5629,18972,7062],{"class":6990},[5629,18974,7065],{"class":6994},[5629,18976,6998],{"class":5639},[5629,18978,7027],{"class":5669},[5629,18980,7073],{"class":7072},[5629,18982,6013],{"class":5669},[5629,18984,7078],{"class":5812},[5629,18986,6486],{"class":7072},[5629,18988,7083],{"class":5643},[5629,18990,18716],{"class":5828},[5629,18992,7088],{"class":7072},[5629,18994,7032],{"class":5669},[5629,18996,7021],{"class":6986},[5629,18998,18622],{"class":5639},[5629,19000,7035],{"class":6986},[5629,19002,7062],{"class":6990},[5629,19004,7004],{"class":6986},[5629,19006,19007,19009,19011,19013,19015,19017,19019,19021,19023,19025,19027,19029,19031,19033,19035,19037,19039,19041],{"class":5631,"line":5992},[5629,19008,7009],{"class":6986},[5629,19010,7062],{"class":6990},[5629,19012,7065],{"class":6994},[5629,19014,6998],{"class":5639},[5629,19016,7027],{"class":5669},[5629,19018,7073],{"class":7072},[5629,19020,6013],{"class":5669},[5629,19022,7078],{"class":5812},[5629,19024,6486],{"class":7072},[5629,19026,7083],{"class":5643},[5629,19028,18736],{"class":5828},[5629,19030,7088],{"class":7072},[5629,19032,7032],{"class":5669},[5629,19034,7021],{"class":6986},[5629,19036,7134],{"class":5639},[5629,19038,7035],{"class":6986},[5629,19040,7062],{"class":6990},[5629,19042,7004],{"class":6986},[5629,19044,19045,19047,19049],{"class":5631,"line":6018},[5629,19046,7193],{"class":6986},[5629,19048,6991],{"class":6990},[5629,19050,7004],{"class":6986},[5629,19052,19053],{"class":5631,"line":6030},[5629,19054,7202],{"class":5639},[5629,19056,19057],{"class":5631,"line":6037},[5629,19058,5798],{"class":5639},[5485,19060,19061],{},[5489,19062,19063],{},"Переваги:",[5509,19065,19066,19072,19075],{},[5512,19067,19068,19069,19071],{},"Захист від друкарських помилок: константа ",[5477,19070,18765],{}," перевіряється TypeScript.",[5512,19073,19074],{},"Рефакторинг стає простішим: зміна значення константи оновлює всі використання.",[5512,19076,19077],{},"Централізований список усіх типів екшенів.",[5485,19079,19080],{},[5489,19081,19082],{},"Недоліки:",[5509,19084,19085,19091],{},[5512,19086,19087,19088,5521],{},"Все ще потрібно вручну створювати об'єкти екшенів ",[5477,19089,19090],{},"{ type: INCREMENT, payload: ... }",[5512,19092,19093],{},"Для екшенів із payload треба пам'ятати структуру кожного екшену.",[6559,19095,19096,19097,19100,19101,19103,19104,19106],{},"Конструкція ",[5477,19098,19099],{},"as const"," перетворює рядок у літеральний тип TypeScript. Без неї TypeScript виводить тип ",[5477,19102,5689],{},", а не конкретне значення ",[5477,19105,18700],{},", що руйнує можливість звуження типу у редюсері.",[5598,19108],{},[8132,19110,19112],{"id":19111},"етап-3-прості-action-creator-функції","Етап 3: Прості Action Creator функції",[5485,19114,19115],{},"Наступний крок — інкапсулювати створення екшен-об'єктів у функції:",[5620,19117,19119],{"className":5622,"code":19118,"language":5624,"meta":5625,"style":5625},"\u002F\u002F actions.ts\nexport const INCREMENT = \"INCREMENT\" as const;\nexport const DECREMENT = \"DECREMENT\" as const;\nexport const INCREMENT_BY = \"INCREMENT_BY\" as const;\n\n\u002F\u002F Action creator функції\nexport const increment = () => ({ type: INCREMENT });\nexport const decrement = () => ({ type: DECREMENT });\nexport const incrementBy = (amount: number) => ({\n  type: INCREMENT_BY,\n  payload: amount,\n});\n\n\u002F\u002F Виведення типу всіх екшенів\nexport type CounterAction =\n  | ReturnType\u003Ctypeof increment>\n  | ReturnType\u003Ctypeof decrement>\n  | ReturnType\u003Ctypeof incrementBy>;\n",[5477,19120,19121,19126,19144,19162,19182,19186,19191,19213,19234,19259,19268,19278,19282,19286,19291,19302,19318,19332],{"__ignoreMap":5625},[5629,19122,19123],{"class":5631,"line":5632},[5629,19124,19125],{"class":6033},"\u002F\u002F actions.ts\n",[5629,19127,19128,19130,19132,19134,19136,19138,19140,19142],{"class":5631,"line":5659},[5629,19129,7430],{"class":5635},[5629,19131,18692],{"class":5669},[5629,19133,18695],{"class":5828},[5629,19135,6201],{"class":5639},[5629,19137,18700],{"class":5652},[5629,19139,18703],{"class":5635},[5629,19141,18692],{"class":5669},[5629,19143,5656],{"class":5639},[5629,19145,19146,19148,19150,19152,19154,19156,19158,19160],{"class":5631,"line":5666},[5629,19147,7430],{"class":5635},[5629,19149,18692],{"class":5669},[5629,19151,18716],{"class":5828},[5629,19153,6201],{"class":5639},[5629,19155,18721],{"class":5652},[5629,19157,18703],{"class":5635},[5629,19159,18692],{"class":5669},[5629,19161,5656],{"class":5639},[5629,19163,19164,19166,19168,19171,19173,19176,19178,19180],{"class":5631,"line":5680},[5629,19165,7430],{"class":5635},[5629,19167,18692],{"class":5669},[5629,19169,19170],{"class":5828}," INCREMENT_BY",[5629,19172,6201],{"class":5639},[5629,19174,19175],{"class":5652},"\"INCREMENT_BY\"",[5629,19177,18703],{"class":5635},[5629,19179,18692],{"class":5669},[5629,19181,5656],{"class":5639},[5629,19183,19184],{"class":5631,"line":5694},[5629,19185,5663],{"emptyLinePlaceholder":5662},[5629,19187,19188],{"class":5631,"line":5706},[5629,19189,19190],{"class":6033},"\u002F\u002F Action creator функції\n",[5629,19192,19193,19195,19197,19200,19202,19204,19207,19209,19211],{"class":5631,"line":5718},[5629,19194,7430],{"class":5635},[5629,19196,18692],{"class":5669},[5629,19198,19199],{"class":5812}," increment",[5629,19201,8950],{"class":5639},[5629,19203,6013],{"class":5669},[5629,19205,19206],{"class":5639}," ({ ",[5629,19208,7083],{"class":5643},[5629,19210,18695],{"class":5828},[5629,19212,6495],{"class":5639},[5629,19214,19215,19217,19219,19222,19224,19226,19228,19230,19232],{"class":5631,"line":5731},[5629,19216,7430],{"class":5635},[5629,19218,18692],{"class":5669},[5629,19220,19221],{"class":5812}," decrement",[5629,19223,8950],{"class":5639},[5629,19225,6013],{"class":5669},[5629,19227,19206],{"class":5639},[5629,19229,7083],{"class":5643},[5629,19231,18716],{"class":5828},[5629,19233,6495],{"class":5639},[5629,19235,19236,19238,19240,19243,19245,19248,19250,19252,19254,19256],{"class":5631,"line":5743},[5629,19237,7430],{"class":5635},[5629,19239,18692],{"class":5669},[5629,19241,19242],{"class":5812}," incrementBy",[5629,19244,6000],{"class":5639},[5629,19246,19247],{"class":5643},"amount",[5629,19249,5686],{"class":5639},[5629,19251,6801],{"class":5673},[5629,19253,6010],{"class":5639},[5629,19255,6013],{"class":5669},[5629,19257,19258],{"class":5639}," ({\n",[5629,19260,19261,19264,19266],{"class":5631,"line":5752},[5629,19262,19263],{"class":5643},"  type:",[5629,19265,19170],{"class":5828},[5629,19267,8197],{"class":5639},[5629,19269,19270,19273,19276],{"class":5631,"line":5765},[5629,19271,19272],{"class":5643},"  payload:",[5629,19274,19275],{"class":5643}," amount",[5629,19277,8197],{"class":5639},[5629,19279,19280],{"class":5631,"line":5777},[5629,19281,17503],{"class":5639},[5629,19283,19284],{"class":5631,"line":5789},[5629,19285,5663],{"emptyLinePlaceholder":5662},[5629,19287,19288],{"class":5631,"line":5795},[5629,19289,19290],{"class":6033},"\u002F\u002F Виведення типу всіх екшенів\n",[5629,19292,19293,19295,19298,19300],{"class":5631,"line":5801},[5629,19294,7430],{"class":5635},[5629,19296,19297],{"class":5669}," type",[5629,19299,6731],{"class":5673},[5629,19301,6734],{"class":5639},[5629,19303,19304,19307,19310,19312,19314,19316],{"class":5631,"line":5806},[5629,19305,19306],{"class":5639},"  | ",[5629,19308,19309],{"class":5673},"ReturnType",[5629,19311,5972],{"class":5639},[5629,19313,18807],{"class":5669},[5629,19315,19199],{"class":5643},[5629,19317,7004],{"class":5639},[5629,19319,19320,19322,19324,19326,19328,19330],{"class":5631,"line":5819},[5629,19321,19306],{"class":5639},[5629,19323,19309],{"class":5673},[5629,19325,5972],{"class":5639},[5629,19327,18807],{"class":5669},[5629,19329,19221],{"class":5643},[5629,19331,7004],{"class":5639},[5629,19333,19334,19336,19338,19340,19342,19344],{"class":5631,"line":5852},[5629,19335,19306],{"class":5639},[5629,19337,19309],{"class":5673},[5629,19339,5972],{"class":5639},[5629,19341,18807],{"class":5669},[5629,19343,19242],{"class":5643},[5629,19345,19346],{"class":5639},">;\n",[5620,19348,19350],{"className":5622,"code":19349,"language":5624,"meta":5625,"style":5625},"\u002F\u002F Counter.tsx\nimport { useReducer } from \"react\";\nimport { increment, decrement, incrementBy } from \".\u002Factions\";\n\nfunction Counter() {\n  const [count, dispatch] = useReducer(counterReducer, 0);\n\n  return (\n    \u003Cdiv>\n      \u003Cbutton onClick={() => dispatch(decrement())}>-1\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => dispatch(increment())}>+1\u003C\u002Fbutton>\n      \u003Cbutton onClick={() => dispatch(incrementBy(5))}>+5\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,19351,19352,19356,19372,19400,19404,19412,19438,19442,19448,19456,19493,19529,19572,19580,19584],{"__ignoreMap":5625},[5629,19353,19354],{"class":5631,"line":5632},[5629,19355,18848],{"class":6033},[5629,19357,19358,19360,19362,19364,19366,19368,19370],{"class":5631,"line":5659},[5629,19359,5636],{"class":5635},[5629,19361,5640],{"class":5639},[5629,19363,5479],{"class":5643},[5629,19365,5646],{"class":5639},[5629,19367,5649],{"class":5635},[5629,19369,5653],{"class":5652},[5629,19371,5656],{"class":5639},[5629,19373,19374,19376,19378,19381,19383,19386,19388,19391,19393,19395,19398],{"class":5631,"line":5666},[5629,19375,5636],{"class":5635},[5629,19377,5640],{"class":5639},[5629,19379,19380],{"class":5643},"increment",[5629,19382,5832],{"class":5639},[5629,19384,19385],{"class":5643},"decrement",[5629,19387,5832],{"class":5639},[5629,19389,19390],{"class":5643},"incrementBy",[5629,19392,5646],{"class":5639},[5629,19394,5649],{"class":5635},[5629,19396,19397],{"class":5652}," \".\u002Factions\"",[5629,19399,5656],{"class":5639},[5629,19401,19402],{"class":5631,"line":5680},[5629,19403,5663],{"emptyLinePlaceholder":5662},[5629,19405,19406,19408,19410],{"class":5631,"line":5694},[5629,19407,5809],{"class":5669},[5629,19409,6938],{"class":5812},[5629,19411,5816],{"class":5639},[5629,19413,19414,19416,19418,19420,19422,19424,19426,19428,19430,19432,19434,19436],{"class":5631,"line":5706},[5629,19415,5822],{"class":5669},[5629,19417,5825],{"class":5639},[5629,19419,6949],{"class":5828},[5629,19421,5832],{"class":5639},[5629,19423,6954],{"class":5828},[5629,19425,5838],{"class":5639},[5629,19427,5479],{"class":5812},[5629,19429,5843],{"class":5639},[5629,19431,6963],{"class":5643},[5629,19433,5832],{"class":5639},[5629,19435,6425],{"class":6329},[5629,19437,5849],{"class":5639},[5629,19439,19440],{"class":5631,"line":5718},[5629,19441,5663],{"emptyLinePlaceholder":5662},[5629,19443,19444,19446],{"class":5631,"line":5731},[5629,19445,6978],{"class":5635},[5629,19447,6981],{"class":5639},[5629,19449,19450,19452,19454],{"class":5631,"line":5743},[5629,19451,6987],{"class":6986},[5629,19453,6991],{"class":6990},[5629,19455,7004],{"class":6986},[5629,19457,19458,19460,19462,19464,19466,19468,19470,19472,19474,19476,19478,19481,19483,19485,19487,19489,19491],{"class":5631,"line":5752},[5629,19459,7009],{"class":6986},[5629,19461,7062],{"class":6990},[5629,19463,7065],{"class":6994},[5629,19465,6998],{"class":5639},[5629,19467,7027],{"class":5669},[5629,19469,7073],{"class":7072},[5629,19471,6013],{"class":5669},[5629,19473,7078],{"class":5812},[5629,19475,5843],{"class":7072},[5629,19477,19385],{"class":5812},[5629,19479,19480],{"class":7072},"())",[5629,19482,7032],{"class":5669},[5629,19484,7021],{"class":6986},[5629,19486,18622],{"class":5639},[5629,19488,7035],{"class":6986},[5629,19490,7062],{"class":6990},[5629,19492,7004],{"class":6986},[5629,19494,19495,19497,19499,19501,19503,19505,19507,19509,19511,19513,19515,19517,19519,19521,19523,19525,19527],{"class":5631,"line":5765},[5629,19496,7009],{"class":6986},[5629,19498,7062],{"class":6990},[5629,19500,7065],{"class":6994},[5629,19502,6998],{"class":5639},[5629,19504,7027],{"class":5669},[5629,19506,7073],{"class":7072},[5629,19508,6013],{"class":5669},[5629,19510,7078],{"class":5812},[5629,19512,5843],{"class":7072},[5629,19514,19380],{"class":5812},[5629,19516,19480],{"class":7072},[5629,19518,7032],{"class":5669},[5629,19520,7021],{"class":6986},[5629,19522,18583],{"class":5639},[5629,19524,7035],{"class":6986},[5629,19526,7062],{"class":6990},[5629,19528,7004],{"class":6986},[5629,19530,19531,19533,19535,19537,19539,19541,19543,19545,19547,19549,19551,19553,19556,19559,19561,19563,19566,19568,19570],{"class":5631,"line":5777},[5629,19532,7009],{"class":6986},[5629,19534,7062],{"class":6990},[5629,19536,7065],{"class":6994},[5629,19538,6998],{"class":5639},[5629,19540,7027],{"class":5669},[5629,19542,7073],{"class":7072},[5629,19544,6013],{"class":5669},[5629,19546,7078],{"class":5812},[5629,19548,5843],{"class":7072},[5629,19550,19390],{"class":5812},[5629,19552,5843],{"class":7072},[5629,19554,19555],{"class":6329},"5",[5629,19557,19558],{"class":7072},"))",[5629,19560,7032],{"class":5669},[5629,19562,7021],{"class":6986},[5629,19564,19565],{"class":5639},"+5",[5629,19567,7035],{"class":6986},[5629,19569,7062],{"class":6990},[5629,19571,7004],{"class":6986},[5629,19573,19574,19576,19578],{"class":5631,"line":5789},[5629,19575,7193],{"class":6986},[5629,19577,6991],{"class":6990},[5629,19579,7004],{"class":6986},[5629,19581,19582],{"class":5631,"line":5795},[5629,19583,7202],{"class":5639},[5629,19585,19586],{"class":5631,"line":5801},[5629,19587,5798],{"class":5639},[5485,19589,19590],{},[5489,19591,19063],{},[5509,19593,19594,19603,19606],{},[5512,19595,19596,19597,19599,19600,5521],{},"Автодоповнення параметрів: IDE підказує, що ",[5477,19598,19390],{}," приймає ",[5477,19601,19602],{},"amount: number",[5512,19604,19605],{},"Інкапсуляція структури: якщо потрібно додати поле до екшену, змінюємо лише action creator.",[5512,19607,19608,19609,19612,19613,5521],{},"Читабельність: ",[5477,19610,19611],{},"dispatch(incrementBy(5))"," природніше, ніж ",[5477,19614,19615],{},"dispatch({ type: INCREMENT_BY, payload: 5 })",[5485,19617,19618],{},[5489,19619,19082],{},[5509,19621,19622,19630],{},[5512,19623,19624,19625,19627,19628,5521],{},"Доводиться вручну перераховувати всі ",[5477,19626,19309],{}," у типі ",[5477,19629,6810],{},[5512,19631,19632],{},"Константи типів і action creators розкидані по коду.",[5598,19634],{},[8132,19636,19638],{"id":19637},"етап-4-обєкт-action-creators-масштабований-підхід","Етап 4: Об'єкт Action Creators (масштабований підхід)",[5485,19640,19641],{},"Для великих застосунків зручно групувати всі action creators в один об'єкт:",[5620,19643,19645],{"className":5622,"code":19644,"language":5624,"meta":5625,"style":5625},"\u002F\u002F actions.ts — Централізоване визначення всіх екшенів\nexport const taskActions = {\n  added: (text: string) => ({ type: \"added\" as const, text }),\n  toggled: (id: number) => ({ type: \"toggled\" as const, id }),\n  deleted: (id: number) => ({ type: \"deleted\" as const, id }),\n  edited: (id: number, newText: string) => ({\n    type: \"edited\" as const,\n    id,\n    newText,\n  }),\n};\n\n\u002F\u002F Автоматичне виведення типу всіх екшенів\nexport type TaskAction = ReturnType\u003C\n  (typeof taskActions)[keyof typeof taskActions]\n>;\n",[5477,19646,19647,19652,19663,19699,19734,19769,19799,19813,19820,19827,19832,19836,19840,19845,19860,19883],{"__ignoreMap":5625},[5629,19648,19649],{"class":5631,"line":5632},[5629,19650,19651],{"class":6033},"\u002F\u002F actions.ts — Централізоване визначення всіх екшенів\n",[5629,19653,19654,19656,19658,19661],{"class":5631,"line":5659},[5629,19655,7430],{"class":5635},[5629,19657,18692],{"class":5669},[5629,19659,19660],{"class":5828}," taskActions",[5629,19662,12146],{"class":5639},[5629,19664,19665,19668,19670,19672,19674,19676,19678,19680,19682,19684,19686,19688,19690,19692,19694,19696],{"class":5631,"line":5666},[5629,19666,19667],{"class":5812},"  added",[5629,19669,8286],{"class":5643},[5629,19671,6043],{"class":5639},[5629,19673,8536],{"class":5643},[5629,19675,5686],{"class":5639},[5629,19677,5689],{"class":5673},[5629,19679,6010],{"class":5639},[5629,19681,6013],{"class":5669},[5629,19683,19206],{"class":5639},[5629,19685,7083],{"class":5643},[5629,19687,8643],{"class":5652},[5629,19689,18703],{"class":5635},[5629,19691,18692],{"class":5669},[5629,19693,5832],{"class":5639},[5629,19695,8536],{"class":5643},[5629,19697,19698],{"class":5639}," }),\n",[5629,19700,19701,19704,19706,19708,19710,19712,19714,19716,19718,19720,19722,19724,19726,19728,19730,19732],{"class":5631,"line":5680},[5629,19702,19703],{"class":5812},"  toggled",[5629,19705,8286],{"class":5643},[5629,19707,6043],{"class":5639},[5629,19709,8558],{"class":5643},[5629,19711,5686],{"class":5639},[5629,19713,6801],{"class":5673},[5629,19715,6010],{"class":5639},[5629,19717,6013],{"class":5669},[5629,19719,19206],{"class":5639},[5629,19721,7083],{"class":5643},[5629,19723,8727],{"class":5652},[5629,19725,18703],{"class":5635},[5629,19727,18692],{"class":5669},[5629,19729,5832],{"class":5639},[5629,19731,8558],{"class":5643},[5629,19733,19698],{"class":5639},[5629,19735,19736,19739,19741,19743,19745,19747,19749,19751,19753,19755,19757,19759,19761,19763,19765,19767],{"class":5631,"line":5694},[5629,19737,19738],{"class":5812},"  deleted",[5629,19740,8286],{"class":5643},[5629,19742,6043],{"class":5639},[5629,19744,8558],{"class":5643},[5629,19746,5686],{"class":5639},[5629,19748,6801],{"class":5673},[5629,19750,6010],{"class":5639},[5629,19752,6013],{"class":5669},[5629,19754,19206],{"class":5639},[5629,19756,7083],{"class":5643},[5629,19758,8810],{"class":5652},[5629,19760,18703],{"class":5635},[5629,19762,18692],{"class":5669},[5629,19764,5832],{"class":5639},[5629,19766,8558],{"class":5643},[5629,19768,19698],{"class":5639},[5629,19770,19771,19774,19776,19778,19780,19782,19784,19786,19789,19791,19793,19795,19797],{"class":5631,"line":5706},[5629,19772,19773],{"class":5812},"  edited",[5629,19775,8286],{"class":5643},[5629,19777,6043],{"class":5639},[5629,19779,8558],{"class":5643},[5629,19781,5686],{"class":5639},[5629,19783,6801],{"class":5673},[5629,19785,5832],{"class":5639},[5629,19787,19788],{"class":5643},"newText",[5629,19790,5686],{"class":5639},[5629,19792,5689],{"class":5673},[5629,19794,6010],{"class":5639},[5629,19796,6013],{"class":5669},[5629,19798,19258],{"class":5639},[5629,19800,19801,19804,19807,19809,19811],{"class":5631,"line":5718},[5629,19802,19803],{"class":5643},"    type:",[5629,19805,19806],{"class":5652}," \"edited\"",[5629,19808,18703],{"class":5635},[5629,19810,18692],{"class":5669},[5629,19812,8197],{"class":5639},[5629,19814,19815,19818],{"class":5631,"line":5731},[5629,19816,19817],{"class":5643},"    id",[5629,19819,8197],{"class":5639},[5629,19821,19822,19825],{"class":5631,"line":5743},[5629,19823,19824],{"class":5643},"    newText",[5629,19826,8197],{"class":5639},[5629,19828,19829],{"class":5631,"line":5752},[5629,19830,19831],{"class":5639},"  }),\n",[5629,19833,19834],{"class":5631,"line":5765},[5629,19835,12204],{"class":5639},[5629,19837,19838],{"class":5631,"line":5777},[5629,19839,5663],{"emptyLinePlaceholder":5662},[5629,19841,19842],{"class":5631,"line":5789},[5629,19843,19844],{"class":6033},"\u002F\u002F Автоматичне виведення типу всіх екшенів\n",[5629,19846,19847,19849,19851,19853,19855,19857],{"class":5631,"line":5795},[5629,19848,7430],{"class":5635},[5629,19850,19297],{"class":5669},[5629,19852,8517],{"class":5673},[5629,19854,6201],{"class":5639},[5629,19856,19309],{"class":5673},[5629,19858,19859],{"class":5639},"\u003C\n",[5629,19861,19862,19865,19867,19869,19872,19875,19878,19880],{"class":5631,"line":5801},[5629,19863,19864],{"class":5639},"  (",[5629,19866,18807],{"class":5669},[5629,19868,19660],{"class":5643},[5629,19870,19871],{"class":5639},")[",[5629,19873,19874],{"class":5669},"keyof",[5629,19876,19877],{"class":5669}," typeof",[5629,19879,19660],{"class":5643},[5629,19881,19882],{"class":5639},"]\n",[5629,19884,19885],{"class":5631,"line":5806},[5629,19886,19346],{"class":5639},[5620,19888,19890],{"className":5622,"code":19889,"language":5624,"meta":5625,"style":5625},"\u002F\u002F TaskList.tsx\nimport { useReducer } from \"react\";\nimport { taskActions, TaskAction } from \".\u002Factions\";\n\ninterface Task {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\nfunction tasksReducer(state: Task[], action: TaskAction): Task[] {\n  switch (action.type) {\n    case \"added\":\n      return [\n        ...state,\n        { id: Date.now(), text: action.text, completed: false },\n      ];\n    case \"toggled\":\n      return state.map((task) =>\n        task.id === action.id ? { ...task, completed: !task.completed } : task\n      );\n    case \"deleted\":\n      return state.filter((task) => task.id !== action.id);\n    case \"edited\":\n      return state.map((task) =>\n        task.id === action.id ? { ...task, text: action.newText } : task\n      );\n    default:\n      return state;\n  }\n}\n\nfunction TaskList() {\n  const [tasks, dispatch] = useReducer(tasksReducer, []);\n\n  return (\n    \u003Cdiv>\n      \u003Cbutton onClick={() => dispatch(taskActions.added(\"Нове завдання\"))}>\n        Додати\n      \u003C\u002Fbutton>\n      {tasks.map((task) => (\n        \u003Cdiv key={task.id}>\n          \u003Cspan>{task.text}\u003C\u002Fspan>\n          \u003Cbutton onClick={() => dispatch(taskActions.toggled(task.id))}>\n            Перемкнути\n          \u003C\u002Fbutton>\n          \u003Cbutton onClick={() => dispatch(taskActions.deleted(task.id))}>\n            Видалити\n          \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      ))}\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,19891,19892,19897,19913,19934,19938,19946,19956,19966,19976,19980,19984,20012,20026,20034,20040,20048,20080,20084,20092,20110,20146,20150,20158,20192,20200,20218,20252,20256,20262,20270,20274,20278,20282,20290,20312,20316,20322,20330,20367,20372,20380,20400,20422,20446,20486,20491,20499,20539,20544,20552,20560,20567,20575,20579],{"__ignoreMap":5625},[5629,19893,19894],{"class":5631,"line":5632},[5629,19895,19896],{"class":6033},"\u002F\u002F TaskList.tsx\n",[5629,19898,19899,19901,19903,19905,19907,19909,19911],{"class":5631,"line":5659},[5629,19900,5636],{"class":5635},[5629,19902,5640],{"class":5639},[5629,19904,5479],{"class":5643},[5629,19906,5646],{"class":5639},[5629,19908,5649],{"class":5635},[5629,19910,5653],{"class":5652},[5629,19912,5656],{"class":5639},[5629,19914,19915,19917,19919,19922,19924,19926,19928,19930,19932],{"class":5631,"line":5666},[5629,19916,5636],{"class":5635},[5629,19918,5640],{"class":5639},[5629,19920,19921],{"class":5643},"taskActions",[5629,19923,5832],{"class":5639},[5629,19925,8615],{"class":5643},[5629,19927,5646],{"class":5639},[5629,19929,5649],{"class":5635},[5629,19931,19397],{"class":5652},[5629,19933,5656],{"class":5639},[5629,19935,19936],{"class":5631,"line":5680},[5629,19937,5663],{"emptyLinePlaceholder":5662},[5629,19939,19940,19942,19944],{"class":5631,"line":5694},[5629,19941,5670],{"class":5669},[5629,19943,8467],{"class":5673},[5629,19945,5677],{"class":5639},[5629,19947,19948,19950,19952,19954],{"class":5631,"line":5706},[5629,19949,8474],{"class":5643},[5629,19951,5686],{"class":5639},[5629,19953,6801],{"class":5673},[5629,19955,5656],{"class":5639},[5629,19957,19958,19960,19962,19964],{"class":5631,"line":5718},[5629,19959,8485],{"class":5643},[5629,19961,5686],{"class":5639},[5629,19963,5689],{"class":5673},[5629,19965,5656],{"class":5639},[5629,19967,19968,19970,19972,19974],{"class":5631,"line":5731},[5629,19969,8496],{"class":5643},[5629,19971,5686],{"class":5639},[5629,19973,5726],{"class":5673},[5629,19975,5656],{"class":5639},[5629,19977,19978],{"class":5631,"line":5743},[5629,19979,5798],{"class":5639},[5629,19981,19982],{"class":5631,"line":5752},[5629,19983,5663],{"emptyLinePlaceholder":5662},[5629,19985,19986,19988,19990,19992,19994,19996,19998,20000,20002,20004,20006,20008,20010],{"class":5631,"line":5765},[5629,19987,5809],{"class":5669},[5629,19989,8596],{"class":5812},[5629,19991,5843],{"class":5639},[5629,19993,6628],{"class":5643},[5629,19995,5686],{"class":5639},[5629,19997,8605],{"class":5673},[5629,19999,8608],{"class":5639},[5629,20001,6592],{"class":5643},[5629,20003,5686],{"class":5639},[5629,20005,8615],{"class":5673},[5629,20007,6813],{"class":5639},[5629,20009,8605],{"class":5673},[5629,20011,8622],{"class":5639},[5629,20013,20014,20016,20018,20020,20022,20024],{"class":5631,"line":5777},[5629,20015,6822],{"class":5635},[5629,20017,6043],{"class":5639},[5629,20019,6592],{"class":5643},[5629,20021,5521],{"class":5639},[5629,20023,5570],{"class":5643},[5629,20025,6052],{"class":5639},[5629,20027,20028,20030,20032],{"class":5631,"line":5789},[5629,20029,6837],{"class":5635},[5629,20031,8643],{"class":5652},[5629,20033,6843],{"class":5639},[5629,20035,20036,20038],{"class":5631,"line":5795},[5629,20037,6456],{"class":5635},[5629,20039,8652],{"class":5639},[5629,20041,20042,20044,20046],{"class":5631,"line":5801},[5629,20043,8657],{"class":5639},[5629,20045,6628],{"class":5643},[5629,20047,8197],{"class":5639},[5629,20049,20050,20053,20055,20057,20059,20061,20064,20066,20068,20070,20072,20074,20076,20078],{"class":5631,"line":5806},[5629,20051,20052],{"class":5639},"        { ",[5629,20054,9367],{"class":5643},[5629,20056,8674],{"class":5643},[5629,20058,5521],{"class":5639},[5629,20060,8679],{"class":5812},[5629,20062,20063],{"class":5639},"(), ",[5629,20065,8986],{"class":5643},[5629,20067,8690],{"class":5643},[5629,20069,5521],{"class":5639},[5629,20071,8536],{"class":5643},[5629,20073,5832],{"class":5639},[5629,20075,8778],{"class":5643},[5629,20077,8704],{"class":5669},[5629,20079,17284],{"class":5639},[5629,20081,20082],{"class":5631,"line":5819},[5629,20083,8716],{"class":5639},[5629,20085,20086,20088,20090],{"class":5631,"line":5852},[5629,20087,6837],{"class":5635},[5629,20089,8727],{"class":5652},[5629,20091,6843],{"class":5639},[5629,20093,20094,20096,20098,20100,20102,20104,20106,20108],{"class":5631,"line":5877},[5629,20095,6456],{"class":5635},[5629,20097,6850],{"class":5643},[5629,20099,5521],{"class":5639},[5629,20101,8740],{"class":5812},[5629,20103,6061],{"class":5639},[5629,20105,8745],{"class":5643},[5629,20107,6010],{"class":5639},[5629,20109,8750],{"class":5669},[5629,20111,20112,20114,20116,20118,20120,20122,20124,20126,20128,20130,20132,20134,20136,20138,20140,20142,20144],{"class":5631,"line":5902},[5629,20113,8755],{"class":5643},[5629,20115,5521],{"class":5639},[5629,20117,8558],{"class":5643},[5629,20119,8762],{"class":5639},[5629,20121,6592],{"class":5643},[5629,20123,5521],{"class":5639},[5629,20125,8558],{"class":5643},[5629,20127,8771],{"class":5639},[5629,20129,8745],{"class":5643},[5629,20131,5832],{"class":5639},[5629,20133,8778],{"class":5643},[5629,20135,8781],{"class":5639},[5629,20137,8745],{"class":5643},[5629,20139,5521],{"class":5639},[5629,20141,8788],{"class":5643},[5629,20143,8791],{"class":5639},[5629,20145,8794],{"class":5643},[5629,20147,20148],{"class":5631,"line":5928},[5629,20149,8799],{"class":5639},[5629,20151,20152,20154,20156],{"class":5631,"line":5953},[5629,20153,6837],{"class":5635},[5629,20155,8810],{"class":5652},[5629,20157,6843],{"class":5639},[5629,20159,20160,20162,20164,20166,20168,20170,20172,20174,20176,20178,20180,20182,20184,20186,20188,20190],{"class":5631,"line":5987},[5629,20161,6456],{"class":5635},[5629,20163,6850],{"class":5643},[5629,20165,5521],{"class":5639},[5629,20167,8823],{"class":5812},[5629,20169,6061],{"class":5639},[5629,20171,8745],{"class":5643},[5629,20173,6010],{"class":5639},[5629,20175,6013],{"class":5669},[5629,20177,8834],{"class":5643},[5629,20179,5521],{"class":5639},[5629,20181,8558],{"class":5643},[5629,20183,6365],{"class":5639},[5629,20185,6592],{"class":5643},[5629,20187,5521],{"class":5639},[5629,20189,8558],{"class":5643},[5629,20191,5849],{"class":5639},[5629,20193,20194,20196,20198],{"class":5631,"line":5992},[5629,20195,6837],{"class":5635},[5629,20197,19806],{"class":5652},[5629,20199,6843],{"class":5639},[5629,20201,20202,20204,20206,20208,20210,20212,20214,20216],{"class":5631,"line":6018},[5629,20203,6456],{"class":5635},[5629,20205,6850],{"class":5643},[5629,20207,5521],{"class":5639},[5629,20209,8740],{"class":5812},[5629,20211,6061],{"class":5639},[5629,20213,8745],{"class":5643},[5629,20215,6010],{"class":5639},[5629,20217,8750],{"class":5669},[5629,20219,20220,20222,20224,20226,20228,20230,20232,20234,20236,20238,20240,20242,20244,20246,20248,20250],{"class":5631,"line":6030},[5629,20221,8755],{"class":5643},[5629,20223,5521],{"class":5639},[5629,20225,8558],{"class":5643},[5629,20227,8762],{"class":5639},[5629,20229,6592],{"class":5643},[5629,20231,5521],{"class":5639},[5629,20233,8558],{"class":5643},[5629,20235,8771],{"class":5639},[5629,20237,8745],{"class":5643},[5629,20239,5832],{"class":5639},[5629,20241,8986],{"class":5643},[5629,20243,8690],{"class":5643},[5629,20245,5521],{"class":5639},[5629,20247,19788],{"class":5643},[5629,20249,8791],{"class":5639},[5629,20251,8794],{"class":5643},[5629,20253,20254],{"class":5631,"line":6037},[5629,20255,8799],{"class":5639},[5629,20257,20258,20260],{"class":5631,"line":6055},[5629,20259,6903],{"class":5635},[5629,20261,6843],{"class":5639},[5629,20263,20264,20266,20268],{"class":5631,"line":6087},[5629,20265,6456],{"class":5635},[5629,20267,6850],{"class":5643},[5629,20269,5656],{"class":5639},[5629,20271,20272],{"class":5631,"line":6093},[5629,20273,6923],{"class":5639},[5629,20275,20276],{"class":5631,"line":6098},[5629,20277,5798],{"class":5639},[5629,20279,20280],{"class":5631,"line":6103},[5629,20281,5663],{"emptyLinePlaceholder":5662},[5629,20283,20284,20286,20288],{"class":5631,"line":6125},[5629,20285,5809],{"class":5669},[5629,20287,8885],{"class":5812},[5629,20289,5816],{"class":5639},[5629,20291,20292,20294,20296,20298,20300,20302,20304,20306,20308,20310],{"class":5631,"line":6137},[5629,20293,5822],{"class":5669},[5629,20295,5825],{"class":5639},[5629,20297,8896],{"class":5828},[5629,20299,5832],{"class":5639},[5629,20301,6954],{"class":5828},[5629,20303,5838],{"class":5639},[5629,20305,5479],{"class":5812},[5629,20307,5843],{"class":5639},[5629,20309,8909],{"class":5643},[5629,20311,8912],{"class":5639},[5629,20313,20314],{"class":5631,"line":6152},[5629,20315,5663],{"emptyLinePlaceholder":5662},[5629,20317,20318,20320],{"class":5631,"line":6178},[5629,20319,6978],{"class":5635},[5629,20321,6981],{"class":5639},[5629,20323,20324,20326,20328],{"class":5631,"line":6183},[5629,20325,6987],{"class":6986},[5629,20327,6991],{"class":6990},[5629,20329,7004],{"class":6986},[5629,20331,20332,20334,20336,20338,20340,20342,20344,20346,20348,20350,20352,20354,20356,20358,20361,20363,20365],{"class":5631,"line":6188},[5629,20333,7009],{"class":6986},[5629,20335,7062],{"class":6990},[5629,20337,7065],{"class":6994},[5629,20339,6998],{"class":5639},[5629,20341,7027],{"class":5669},[5629,20343,7073],{"class":7072},[5629,20345,6013],{"class":5669},[5629,20347,7078],{"class":5812},[5629,20349,5843],{"class":7072},[5629,20351,19921],{"class":5643},[5629,20353,5521],{"class":7072},[5629,20355,11793],{"class":5812},[5629,20357,5843],{"class":7072},[5629,20359,20360],{"class":5652},"\"Нове завдання\"",[5629,20362,19558],{"class":7072},[5629,20364,7032],{"class":5669},[5629,20366,7004],{"class":6986},[5629,20368,20369],{"class":5631,"line":6193},[5629,20370,20371],{"class":5639},"        Додати\n",[5629,20373,20374,20376,20378],{"class":5631,"line":6214},[5629,20375,7184],{"class":6986},[5629,20377,7062],{"class":6990},[5629,20379,7004],{"class":6986},[5629,20381,20382,20384,20386,20388,20390,20392,20394,20396,20398],{"class":5631,"line":6227},[5629,20383,9523],{"class":5669},[5629,20385,8896],{"class":5643},[5629,20387,5521],{"class":7072},[5629,20389,8740],{"class":5812},[5629,20391,6061],{"class":7072},[5629,20393,8745],{"class":5643},[5629,20395,6010],{"class":7072},[5629,20397,6013],{"class":5669},[5629,20399,6981],{"class":7072},[5629,20401,20402,20404,20406,20408,20410,20412,20414,20416,20418,20420],{"class":5631,"line":6236},[5629,20403,7059],{"class":6986},[5629,20405,6991],{"class":6990},[5629,20407,9265],{"class":6994},[5629,20409,6998],{"class":5639},[5629,20411,7027],{"class":5669},[5629,20413,8745],{"class":5643},[5629,20415,5521],{"class":7072},[5629,20417,8558],{"class":5643},[5629,20419,7032],{"class":5669},[5629,20421,7004],{"class":6986},[5629,20423,20424,20426,20428,20430,20432,20434,20436,20438,20440,20442,20444],{"class":5631,"line":6241},[5629,20425,7553],{"class":6986},[5629,20427,5629],{"class":6990},[5629,20429,7021],{"class":6986},[5629,20431,7027],{"class":5669},[5629,20433,8745],{"class":5643},[5629,20435,5521],{"class":7072},[5629,20437,8536],{"class":5643},[5629,20439,7032],{"class":5669},[5629,20441,7035],{"class":6986},[5629,20443,5629],{"class":6990},[5629,20445,7004],{"class":6986},[5629,20447,20448,20450,20452,20454,20456,20458,20460,20462,20464,20466,20468,20470,20472,20474,20476,20478,20480,20482,20484],{"class":5631,"line":6247},[5629,20449,7553],{"class":6986},[5629,20451,7062],{"class":6990},[5629,20453,7065],{"class":6994},[5629,20455,6998],{"class":5639},[5629,20457,7027],{"class":5669},[5629,20459,7073],{"class":7072},[5629,20461,6013],{"class":5669},[5629,20463,7078],{"class":5812},[5629,20465,5843],{"class":7072},[5629,20467,19921],{"class":5643},[5629,20469,5521],{"class":7072},[5629,20471,11803],{"class":5812},[5629,20473,5843],{"class":7072},[5629,20475,8745],{"class":5643},[5629,20477,5521],{"class":7072},[5629,20479,8558],{"class":5643},[5629,20481,19558],{"class":7072},[5629,20483,7032],{"class":5669},[5629,20485,7004],{"class":6986},[5629,20487,20488],{"class":5631,"line":6267},[5629,20489,20490],{"class":7072},"            Перемкнути\n",[5629,20492,20493,20495,20497],{"class":5631,"line":6290},[5629,20494,9491],{"class":6986},[5629,20496,7062],{"class":6990},[5629,20498,7004],{"class":6986},[5629,20500,20501,20503,20505,20507,20509,20511,20513,20515,20517,20519,20521,20523,20525,20527,20529,20531,20533,20535,20537],{"class":5631,"line":6307},[5629,20502,7553],{"class":6986},[5629,20504,7062],{"class":6990},[5629,20506,7065],{"class":6994},[5629,20508,6998],{"class":5639},[5629,20510,7027],{"class":5669},[5629,20512,7073],{"class":7072},[5629,20514,6013],{"class":5669},[5629,20516,7078],{"class":5812},[5629,20518,5843],{"class":7072},[5629,20520,19921],{"class":5643},[5629,20522,5521],{"class":7072},[5629,20524,11813],{"class":5812},[5629,20526,5843],{"class":7072},[5629,20528,8745],{"class":5643},[5629,20530,5521],{"class":7072},[5629,20532,8558],{"class":5643},[5629,20534,19558],{"class":7072},[5629,20536,7032],{"class":5669},[5629,20538,7004],{"class":6986},[5629,20540,20541],{"class":5631,"line":6312},[5629,20542,20543],{"class":7072},"            Видалити\n",[5629,20545,20546,20548,20550],{"class":5631,"line":6335},[5629,20547,9491],{"class":6986},[5629,20549,7062],{"class":6990},[5629,20551,7004],{"class":6986},[5629,20553,20554,20556,20558],{"class":5631,"line":6351},[5629,20555,7668],{"class":6986},[5629,20557,6991],{"class":6990},[5629,20559,7004],{"class":6986},[5629,20561,20562,20565],{"class":5631,"line":6356},[5629,20563,20564],{"class":7072},"      ))",[5629,20566,5798],{"class":5669},[5629,20568,20569,20571,20573],{"class":5631,"line":6372},[5629,20570,7193],{"class":6986},[5629,20572,6991],{"class":6990},[5629,20574,7004],{"class":6986},[5629,20576,20577],{"class":5631,"line":6388},[5629,20578,7202],{"class":5639},[5629,20580,20581],{"class":5631,"line":6393},[5629,20582,5798],{"class":5639},[5485,20584,20585],{},[5489,20586,20587],{},"Розбір TypeScript-магії:",[5620,20589,20591],{"className":5622,"code":20590,"language":5624,"meta":5625,"style":5625},"type TaskAction = ReturnType\u003C\n  (typeof taskActions)[keyof typeof taskActions]\n>;\n",[5477,20592,20593,20605,20623],{"__ignoreMap":5625},[5629,20594,20595,20597,20599,20601,20603],{"class":5631,"line":5632},[5629,20596,5570],{"class":5669},[5629,20598,8517],{"class":5673},[5629,20600,6201],{"class":5639},[5629,20602,19309],{"class":5673},[5629,20604,19859],{"class":5639},[5629,20606,20607,20609,20611,20613,20615,20617,20619,20621],{"class":5631,"line":5659},[5629,20608,19864],{"class":5639},[5629,20610,18807],{"class":5669},[5629,20612,19660],{"class":5643},[5629,20614,19871],{"class":5639},[5629,20616,19874],{"class":5669},[5629,20618,19877],{"class":5669},[5629,20620,19660],{"class":5643},[5629,20622,19882],{"class":5639},[5629,20624,20625],{"class":5631,"line":5666},[5629,20626,19346],{"class":5639},[5485,20628,20629],{},"Ця конструкція працює наступним чином:",[6532,20631,20632,20726,20735,20741],{},[5512,20633,20634,20637,20638],{},[5477,20635,20636],{},"typeof taskActions"," — отримуємо тип об'єкта:",[5620,20639,20641],{"className":5622,"code":20640,"language":5624,"meta":5625,"style":5625},"{\n  added: (text: string) => { type: \"added\"; text: string };\n  toggled: (id: number) => { type: \"toggled\"; id: number };\n  \u002F\u002F ...\n}\n",[5477,20642,20643,20648,20683,20717,20722],{"__ignoreMap":5625},[5629,20644,20645],{"class":5631,"line":5632},[5629,20646,20647],{"class":5639},"{\n",[5629,20649,20650,20653,20655,20657,20659,20661,20663,20665,20667,20669,20671,20673,20675,20677,20679,20681],{"class":5631,"line":5659},[5629,20651,19667],{"class":20652},"s5IvJ",[5629,20654,8174],{"class":5639},[5629,20656,8536],{"class":5643},[5629,20658,5686],{"class":5639},[5629,20660,5689],{"class":5673},[5629,20662,6010],{"class":5639},[5629,20664,6013],{"class":5669},[5629,20666,5640],{"class":5639},[5629,20668,5570],{"class":20652},[5629,20670,5686],{"class":5639},[5629,20672,8530],{"class":5652},[5629,20674,8533],{"class":5639},[5629,20676,8536],{"class":20652},[5629,20678,5686],{"class":5639},[5629,20680,5689],{"class":5643},[5629,20682,6776],{"class":5639},[5629,20684,20685,20687,20689,20691,20693,20695,20697,20699,20701,20703,20705,20707,20709,20711,20713,20715],{"class":5631,"line":5666},[5629,20686,19703],{"class":20652},[5629,20688,8174],{"class":5639},[5629,20690,8558],{"class":5643},[5629,20692,5686],{"class":5639},[5629,20694,6801],{"class":5673},[5629,20696,6010],{"class":5639},[5629,20698,6013],{"class":5669},[5629,20700,5640],{"class":5639},[5629,20702,5570],{"class":20652},[5629,20704,5686],{"class":5639},[5629,20706,8553],{"class":5652},[5629,20708,8533],{"class":5639},[5629,20710,8558],{"class":20652},[5629,20712,5686],{"class":5639},[5629,20714,6801],{"class":5643},[5629,20716,6776],{"class":5639},[5629,20718,20719],{"class":5631,"line":5680},[5629,20720,20721],{"class":6033},"  \u002F\u002F ...\n",[5629,20723,20724],{"class":5631,"line":5694},[5629,20725,5798],{"class":5639},[5512,20727,20728,20731,20732,5521],{},[5477,20729,20730],{},"keyof typeof taskActions"," — отримуємо об'єднання ключів: ",[5477,20733,20734],{},"\"added\" | \"toggled\" | \"deleted\" | \"edited\"",[5512,20736,20737,20740],{},[5477,20738,20739],{},"(typeof taskActions)[keyof typeof taskActions]"," — індексація об'єкта всіма ключами одночасно дає об'єднання всіх типів функцій.",[5512,20742,20743,20746],{},[5477,20744,20745],{},"ReturnType\u003C...>"," — витягуємо типи повернення всіх функцій, отримуючи фінальне об'єднання екшенів.",[5485,20748,20749],{},[5489,20750,20751],{},"Переваги цього підходу:",[6532,20753,20754,20763,20773,20779,20785],{},[5512,20755,20756,20759,20760,20762],{},[5489,20757,20758],{},"Автоматичне виведення типів."," Додавання нового action creator автоматично додає його до типу ",[5477,20761,8615],{}," — не треба вручну оновлювати об'єднання типів.",[5512,20764,20765,20768,20769,20772],{},[5489,20766,20767],{},"Автодоповнення."," IDE пропонує всі доступні методи ",[5477,20770,20771],{},"taskActions.*"," із сигнатурами параметрів.",[5512,20774,20775,20778],{},[5489,20776,20777],{},"Захист від помилок."," Неможливо випадково створити екшен з неправильним типом або структурою.",[5512,20780,20781,20784],{},[5489,20782,20783],{},"Централізований рефакторинг."," Зміна структури екшену потребує правки лише в одному місці.",[5512,20786,20787,5492,20790,19612,20793,5521],{},[5489,20788,20789],{},"Читабельність.",[5477,20791,20792],{},"taskActions.added(text)",[5477,20794,20795],{},"{ type: \"added\", text }",[6676,20797,20798,20799,20802],{},"Цей підхід є стандартом де-факто у великих проєктах і використовується у Redux Toolkit (функція ",[5477,20800,20801],{},"createSlice"," генерує саме такий об'єкт action creators автоматично).",[5598,20804],{},[8132,20806,20808],{"id":20807},"порівняльна-таблиця-підходів","Порівняльна таблиця підходів",[18306,20810,20811,20833],{},[18309,20812,20813],{},[18312,20814,20815,20818,20821,20824,20827,20830],{},[18315,20816,20817],{"align":18317},"Підхід",[18315,20819,20820],{"align":7735},"Захист від помилок",[18315,20822,20823],{"align":7735},"Автодоповнення",[18315,20825,20826],{"align":7735},"Рефакторинг",[18315,20828,20829],{"align":7735},"Складність",[18315,20831,20832],{"align":18317},"Рекомендовано для",[18328,20834,20835,20853,20871,20888],{},[18312,20836,20837,20840,20843,20845,20847,20850],{},[18333,20838,20839],{"align":18317},"Інлайнові літерали",[18333,20841,20842],{"align":7735},"❌",[18333,20844,20842],{"align":7735},[18333,20846,20842],{"align":7735},[18333,20848,20849],{"align":7735},"Низька",[18333,20851,20852],{"align":18317},"Прототипи, навчання",[18312,20854,20855,20858,20861,20864,20866,20868],{},[18333,20856,20857],{"align":18317},"Action Constants",[18333,20859,20860],{"align":7735},"✅",[18333,20862,20863],{"align":7735},"Часткове",[18333,20865,20860],{"align":7735},[18333,20867,20849],{"align":7735},[18333,20869,20870],{"align":18317},"Малі проєкти (\u003C 10 екшенів)",[18312,20872,20873,20876,20878,20880,20882,20885],{},[18333,20874,20875],{"align":18317},"Прості функції",[18333,20877,20860],{"align":7735},[18333,20879,20860],{"align":7735},[18333,20881,20860],{"align":7735},[18333,20883,20884],{"align":7735},"Середня",[18333,20886,20887],{"align":18317},"Середні проєкти (10-30 екшенів)",[18312,20889,20890,20893,20895,20897,20899,20901],{},[18333,20891,20892],{"align":18317},"Об'єкт creators",[18333,20894,20860],{"align":7735},[18333,20896,20860],{"align":7735},[18333,20898,20860],{"align":7735},[18333,20900,20884],{"align":7735},[18333,20902,20903],{"align":18317},"Великі проєкти (30+ екшенів)",[8409,20905,20906],{},"Не переходьте відразу до найскладнішого підходу. Якщо у вашого компонента 3-5 екшенів, інлайнові літерали цілком достатні. Рефакторинг у action creators має сенс, коли ви відчуваєте біль від дублювання коду або помилок у назвах типів.",[5598,20908],{},[5601,20910,20912],{"id":20911},"практичні-завдання","Практичні завдання",[20914,20915,20916,20972],"accordion",{},[20917,20918,20921,20928,20948,20951,20956],"accordion-item",{"icon":20919,"label":20920},"i-lucide-clipboard-list","📋 Завдання 1: Лічильник із кроком",[5485,20922,20923,20924,20927],{},"Розширте базовий лічильник, додавши можливість змінювати значення на довільний крок (",[5529,20925,20926],{},"step","). Додайте екшени:",[5509,20929,20930,20936,20942],{},[5512,20931,20932,20935],{},[5477,20933,20934],{},"increment_by"," — збільшення на вказане число.",[5512,20937,20938,20941],{},[5477,20939,20940],{},"decrement_by"," — зменшення на вказане число.",[5512,20943,20944,20947],{},[5477,20945,20946],{},"set_step"," — зміна значення кроку.",[5485,20949,20950],{},"Інтерфейс має містити інпут для встановлення кроку та кнопки для інкременту\u002Fдекременту.",[5485,20952,20953],{},[5489,20954,20955],{},"Вимоги:",[5509,20957,20958,20963,20966],{},[5512,20959,20960,20961,5521],{},"Початковий крок: ",[5477,20962,6856],{},[5512,20964,20965],{},"Крок має бути додатним цілим числом (валідація в редюсері).",[5512,20967,20968,20969,5521],{},"Типізація через ",[5477,20970,20971],{},"discriminated union",[20917,20973,20976,22009,22014],{"icon":20974,"label":20975},"i-lucide-check-circle","✅ Розв'язок",[5620,20977,20979],{"className":5622,"code":20978,"language":5624,"meta":5625,"style":5625},"import { useReducer, useState } from \"react\";\n\ninterface CounterState {\n  value: number;\n  step: number;\n}\n\ntype CounterAction =\n  | { type: \"increment_by\"; amount: number }\n  | { type: \"decrement_by\"; amount: number }\n  | { type: \"set_step\"; step: number }\n  | { type: \"reset\" };\n\nfunction counterReducer(\n  state: CounterState,\n  action: CounterAction\n): CounterState {\n  switch (action.type) {\n    case \"increment_by\":\n      return { ...state, value: state.value + action.amount };\n\n    case \"decrement_by\":\n      return { ...state, value: state.value - action.amount };\n\n    case \"set_step\":\n      \u002F\u002F Валідація: крок має бути додатним\n      const validStep = Math.max(1, Math.floor(action.step));\n      return { ...state, step: validStep };\n\n    case \"reset\":\n      return { value: 0, step: 1 };\n\n    default:\n      return state;\n  }\n}\n\nfunction StepCounter() {\n  const [state, dispatch] = useReducer(counterReducer, {\n    value: 0,\n    step: 1,\n  });\n\n  const [stepInput, setStepInput] = useState(\"1\");\n\n  const handleStepChange = () => {\n    const parsed = parseInt(stepInput, 10);\n    if (!isNaN(parsed)) {\n      dispatch({ type: \"set_step\", step: parsed });\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"step-counter\">\n      \u003Cp className=\"display\">Значення: {state.value}\u003C\u002Fp>\n\n      \u003Cdiv className=\"step-controls\">\n        \u003Clabel>\n          Крок:\n          \u003Cinput\n            type=\"number\"\n            min=\"1\"\n            value={stepInput}\n            onChange={(e) => setStepInput(e.target.value)}\n            onBlur={handleStepChange}\n          \u002F>\n        \u003C\u002Flabel>\n        \u003Cspan>Поточний крок: {state.step}\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"controls\">\n        \u003Cbutton\n          onClick={() =>\n            dispatch({ type: \"decrement_by\", amount: state.step })\n          }\n        >\n          −{state.step}\n        \u003C\u002Fbutton>\n        \u003Cbutton onClick={() => dispatch({ type: \"reset\" })}>Скинути\u003C\u002Fbutton>\n        \u003Cbutton\n          onClick={() =>\n            dispatch({ type: \"increment_by\", amount: state.step })\n          }\n        >\n          +{state.step}\n        \u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,20980,20981,21001,21005,21014,21025,21036,21040,21044,21052,21073,21094,21115,21127,21131,21139,21150,21159,21167,21181,21190,21220,21224,21233,21261,21265,21274,21279,21319,21336,21340,21348,21366,21370,21376,21384,21388,21392,21396,21405,21427,21436,21445,21449,21453,21478,21482,21495,21518,21534,21552,21556,21560,21564,21570,21585,21618,21622,21637,21645,21650,21656,21665,21675,21687,21722,21736,21740,21748,21775,21783,21787,21801,21807,21820,21844,21848,21852,21867,21875,21914,21920,21932,21954,21958,21962,21977,21985,21993,22001,22005],{"__ignoreMap":5625},[5629,20982,20983,20985,20987,20989,20991,20993,20995,20997,20999],{"class":5631,"line":5632},[5629,20984,5636],{"class":5635},[5629,20986,5640],{"class":5639},[5629,20988,5479],{"class":5643},[5629,20990,5832],{"class":5639},[5629,20992,5520],{"class":5643},[5629,20994,5646],{"class":5639},[5629,20996,5649],{"class":5635},[5629,20998,5653],{"class":5652},[5629,21000,5656],{"class":5639},[5629,21002,21003],{"class":5631,"line":5659},[5629,21004,5663],{"emptyLinePlaceholder":5662},[5629,21006,21007,21009,21012],{"class":5631,"line":5666},[5629,21008,5670],{"class":5669},[5629,21010,21011],{"class":5673}," CounterState",[5629,21013,5677],{"class":5639},[5629,21015,21016,21019,21021,21023],{"class":5631,"line":5680},[5629,21017,21018],{"class":5643},"  value",[5629,21020,5686],{"class":5639},[5629,21022,6801],{"class":5673},[5629,21024,5656],{"class":5639},[5629,21026,21027,21030,21032,21034],{"class":5631,"line":5694},[5629,21028,21029],{"class":5643},"  step",[5629,21031,5686],{"class":5639},[5629,21033,6801],{"class":5673},[5629,21035,5656],{"class":5639},[5629,21037,21038],{"class":5631,"line":5706},[5629,21039,5798],{"class":5639},[5629,21041,21042],{"class":5631,"line":5718},[5629,21043,5663],{"emptyLinePlaceholder":5662},[5629,21045,21046,21048,21050],{"class":5631,"line":5731},[5629,21047,5570],{"class":5669},[5629,21049,6731],{"class":5673},[5629,21051,6734],{"class":5639},[5629,21053,21054,21056,21058,21060,21063,21065,21067,21069,21071],{"class":5631,"line":5743},[5629,21055,6739],{"class":5639},[5629,21057,5570],{"class":5643},[5629,21059,5686],{"class":5639},[5629,21061,21062],{"class":5652},"\"increment_by\"",[5629,21064,8533],{"class":5639},[5629,21066,19247],{"class":5643},[5629,21068,5686],{"class":5639},[5629,21070,6801],{"class":5673},[5629,21072,6749],{"class":5639},[5629,21074,21075,21077,21079,21081,21084,21086,21088,21090,21092],{"class":5631,"line":5752},[5629,21076,6739],{"class":5639},[5629,21078,5570],{"class":5643},[5629,21080,5686],{"class":5639},[5629,21082,21083],{"class":5652},"\"decrement_by\"",[5629,21085,8533],{"class":5639},[5629,21087,19247],{"class":5643},[5629,21089,5686],{"class":5639},[5629,21091,6801],{"class":5673},[5629,21093,6749],{"class":5639},[5629,21095,21096,21098,21100,21102,21105,21107,21109,21111,21113],{"class":5631,"line":5765},[5629,21097,6739],{"class":5639},[5629,21099,5570],{"class":5643},[5629,21101,5686],{"class":5639},[5629,21103,21104],{"class":5652},"\"set_step\"",[5629,21106,8533],{"class":5639},[5629,21108,20926],{"class":5643},[5629,21110,5686],{"class":5639},[5629,21112,6801],{"class":5673},[5629,21114,6749],{"class":5639},[5629,21116,21117,21119,21121,21123,21125],{"class":5631,"line":5777},[5629,21118,6739],{"class":5639},[5629,21120,5570],{"class":5643},[5629,21122,5686],{"class":5639},[5629,21124,6773],{"class":5652},[5629,21126,6776],{"class":5639},[5629,21128,21129],{"class":5631,"line":5789},[5629,21130,5663],{"emptyLinePlaceholder":5662},[5629,21132,21133,21135,21137],{"class":5631,"line":5795},[5629,21134,5809],{"class":5669},[5629,21136,6792],{"class":5812},[5629,21138,12218],{"class":5639},[5629,21140,21141,21143,21145,21148],{"class":5631,"line":5801},[5629,21142,12223],{"class":5643},[5629,21144,5686],{"class":5639},[5629,21146,21147],{"class":5673},"CounterState",[5629,21149,8197],{"class":5639},[5629,21151,21152,21154,21156],{"class":5631,"line":5806},[5629,21153,12234],{"class":5643},[5629,21155,5686],{"class":5639},[5629,21157,21158],{"class":5673},"CounterAction\n",[5629,21160,21161,21163,21165],{"class":5631,"line":5819},[5629,21162,6813],{"class":5639},[5629,21164,21147],{"class":5673},[5629,21166,5677],{"class":5639},[5629,21168,21169,21171,21173,21175,21177,21179],{"class":5631,"line":5852},[5629,21170,6822],{"class":5635},[5629,21172,6043],{"class":5639},[5629,21174,6592],{"class":5643},[5629,21176,5521],{"class":5639},[5629,21178,5570],{"class":5643},[5629,21180,6052],{"class":5639},[5629,21182,21183,21185,21188],{"class":5631,"line":5877},[5629,21184,6837],{"class":5635},[5629,21186,21187],{"class":5652}," \"increment_by\"",[5629,21189,6843],{"class":5639},[5629,21191,21192,21194,21197,21199,21201,21204,21206,21208,21210,21212,21214,21216,21218],{"class":5631,"line":5902},[5629,21193,6456],{"class":5635},[5629,21195,21196],{"class":5639}," { ...",[5629,21198,6628],{"class":5643},[5629,21200,5832],{"class":5639},[5629,21202,21203],{"class":5643},"value:",[5629,21205,6850],{"class":5643},[5629,21207,5521],{"class":5639},[5629,21209,6003],{"class":5643},[5629,21211,6853],{"class":5639},[5629,21213,6592],{"class":5643},[5629,21215,5521],{"class":5639},[5629,21217,19247],{"class":5643},[5629,21219,6776],{"class":5639},[5629,21221,21222],{"class":5631,"line":5928},[5629,21223,5663],{"emptyLinePlaceholder":5662},[5629,21225,21226,21228,21231],{"class":5631,"line":5953},[5629,21227,6837],{"class":5635},[5629,21229,21230],{"class":5652}," \"decrement_by\"",[5629,21232,6843],{"class":5639},[5629,21234,21235,21237,21239,21241,21243,21245,21247,21249,21251,21253,21255,21257,21259],{"class":5631,"line":5987},[5629,21236,6456],{"class":5635},[5629,21238,21196],{"class":5639},[5629,21240,6628],{"class":5643},[5629,21242,5832],{"class":5639},[5629,21244,21203],{"class":5643},[5629,21246,6850],{"class":5643},[5629,21248,5521],{"class":5639},[5629,21250,6003],{"class":5643},[5629,21252,6876],{"class":5639},[5629,21254,6592],{"class":5643},[5629,21256,5521],{"class":5639},[5629,21258,19247],{"class":5643},[5629,21260,6776],{"class":5639},[5629,21262,21263],{"class":5631,"line":5992},[5629,21264,5663],{"emptyLinePlaceholder":5662},[5629,21266,21267,21269,21272],{"class":5631,"line":6018},[5629,21268,6837],{"class":5635},[5629,21270,21271],{"class":5652}," \"set_step\"",[5629,21273,6843],{"class":5639},[5629,21275,21276],{"class":5631,"line":6030},[5629,21277,21278],{"class":6033},"      \u002F\u002F Валідація: крок має бути додатним\n",[5629,21280,21281,21283,21286,21288,21291,21293,21296,21298,21300,21302,21304,21306,21309,21311,21313,21315,21317],{"class":5631,"line":6037},[5629,21282,17889],{"class":5669},[5629,21284,21285],{"class":5828}," validStep",[5629,21287,6201],{"class":5639},[5629,21289,21290],{"class":5643},"Math",[5629,21292,5521],{"class":5639},[5629,21294,21295],{"class":5812},"max",[5629,21297,5843],{"class":5639},[5629,21299,6856],{"class":6329},[5629,21301,5832],{"class":5639},[5629,21303,21290],{"class":5643},[5629,21305,5521],{"class":5639},[5629,21307,21308],{"class":5812},"floor",[5629,21310,5843],{"class":5639},[5629,21312,6592],{"class":5643},[5629,21314,5521],{"class":5639},[5629,21316,20926],{"class":5643},[5629,21318,12928],{"class":5639},[5629,21320,21321,21323,21325,21327,21329,21332,21334],{"class":5631,"line":6055},[5629,21322,6456],{"class":5635},[5629,21324,21196],{"class":5639},[5629,21326,6628],{"class":5643},[5629,21328,5832],{"class":5639},[5629,21330,21331],{"class":5643},"step:",[5629,21333,21285],{"class":5643},[5629,21335,6776],{"class":5639},[5629,21337,21338],{"class":5631,"line":6087},[5629,21339,5663],{"emptyLinePlaceholder":5662},[5629,21341,21342,21344,21346],{"class":5631,"line":6093},[5629,21343,6837],{"class":5635},[5629,21345,6887],{"class":5652},[5629,21347,6843],{"class":5639},[5629,21349,21350,21352,21354,21356,21358,21360,21362,21364],{"class":5631,"line":6098},[5629,21351,6456],{"class":5635},[5629,21353,5640],{"class":5639},[5629,21355,21203],{"class":5643},[5629,21357,6896],{"class":6329},[5629,21359,5832],{"class":5639},[5629,21361,21331],{"class":5643},[5629,21363,17919],{"class":6329},[5629,21365,6776],{"class":5639},[5629,21367,21368],{"class":5631,"line":6103},[5629,21369,5663],{"emptyLinePlaceholder":5662},[5629,21371,21372,21374],{"class":5631,"line":6125},[5629,21373,6903],{"class":5635},[5629,21375,6843],{"class":5639},[5629,21377,21378,21380,21382],{"class":5631,"line":6137},[5629,21379,6456],{"class":5635},[5629,21381,6850],{"class":5643},[5629,21383,5656],{"class":5639},[5629,21385,21386],{"class":5631,"line":6152},[5629,21387,6923],{"class":5639},[5629,21389,21390],{"class":5631,"line":6178},[5629,21391,5798],{"class":5639},[5629,21393,21394],{"class":5631,"line":6183},[5629,21395,5663],{"emptyLinePlaceholder":5662},[5629,21397,21398,21400,21403],{"class":5631,"line":6188},[5629,21399,5809],{"class":5669},[5629,21401,21402],{"class":5812}," StepCounter",[5629,21404,5816],{"class":5639},[5629,21406,21407,21409,21411,21413,21415,21417,21419,21421,21423,21425],{"class":5631,"line":6193},[5629,21408,5822],{"class":5669},[5629,21410,5825],{"class":5639},[5629,21412,6628],{"class":5828},[5629,21414,5832],{"class":5639},[5629,21416,6954],{"class":5828},[5629,21418,5838],{"class":5639},[5629,21420,5479],{"class":5812},[5629,21422,5843],{"class":5639},[5629,21424,6963],{"class":5643},[5629,21426,17311],{"class":5639},[5629,21428,21429,21432,21434],{"class":5631,"line":6214},[5629,21430,21431],{"class":5643},"    value:",[5629,21433,6896],{"class":6329},[5629,21435,8197],{"class":5639},[5629,21437,21438,21441,21443],{"class":5631,"line":6227},[5629,21439,21440],{"class":5643},"    step:",[5629,21442,17919],{"class":6329},[5629,21444,8197],{"class":5639},[5629,21446,21447],{"class":5631,"line":6236},[5629,21448,17402],{"class":5639},[5629,21450,21451],{"class":5631,"line":6241},[5629,21452,5663],{"emptyLinePlaceholder":5662},[5629,21454,21455,21457,21459,21462,21464,21467,21469,21471,21473,21476],{"class":5631,"line":6247},[5629,21456,5822],{"class":5669},[5629,21458,5825],{"class":5639},[5629,21460,21461],{"class":5828},"stepInput",[5629,21463,5832],{"class":5639},[5629,21465,21466],{"class":5828},"setStepInput",[5629,21468,5838],{"class":5639},[5629,21470,5520],{"class":5812},[5629,21472,5843],{"class":5639},[5629,21474,21475],{"class":5652},"\"1\"",[5629,21477,5849],{"class":5639},[5629,21479,21480],{"class":5631,"line":6267},[5629,21481,5663],{"emptyLinePlaceholder":5662},[5629,21483,21484,21486,21489,21491,21493],{"class":5631,"line":6290},[5629,21485,5822],{"class":5669},[5629,21487,21488],{"class":5812}," handleStepChange",[5629,21490,8950],{"class":5639},[5629,21492,6013],{"class":5669},[5629,21494,5677],{"class":5639},[5629,21496,21497,21499,21502,21504,21507,21509,21511,21513,21516],{"class":5631,"line":6307},[5629,21498,6250],{"class":5669},[5629,21500,21501],{"class":5828}," parsed",[5629,21503,6201],{"class":5639},[5629,21505,21506],{"class":5812},"parseInt",[5629,21508,5843],{"class":5639},[5629,21510,21461],{"class":5643},[5629,21512,5832],{"class":5639},[5629,21514,21515],{"class":6329},"10",[5629,21517,5849],{"class":5639},[5629,21519,21520,21522,21524,21527,21529,21532],{"class":5631,"line":6312},[5629,21521,6040],{"class":5635},[5629,21523,6272],{"class":5639},[5629,21525,21526],{"class":5812},"isNaN",[5629,21528,5843],{"class":5639},[5629,21530,21531],{"class":5643},"parsed",[5629,21533,6287],{"class":5639},[5629,21535,21536,21538,21540,21542,21544,21546,21548,21550],{"class":5631,"line":6335},[5629,21537,8975],{"class":5812},[5629,21539,6486],{"class":5639},[5629,21541,7083],{"class":5643},[5629,21543,21271],{"class":5652},[5629,21545,5832],{"class":5639},[5629,21547,21331],{"class":5643},[5629,21549,21501],{"class":5643},[5629,21551,6495],{"class":5639},[5629,21553,21554],{"class":5631,"line":6351},[5629,21555,6090],{"class":5639},[5629,21557,21558],{"class":5631,"line":6356},[5629,21559,5792],{"class":5639},[5629,21561,21562],{"class":5631,"line":6372},[5629,21563,5663],{"emptyLinePlaceholder":5662},[5629,21565,21566,21568],{"class":5631,"line":6388},[5629,21567,6978],{"class":5635},[5629,21569,6981],{"class":5639},[5629,21571,21572,21574,21576,21578,21580,21583],{"class":5631,"line":6393},[5629,21573,6987],{"class":6986},[5629,21575,6991],{"class":6990},[5629,21577,6995],{"class":6994},[5629,21579,6998],{"class":5639},[5629,21581,21582],{"class":5652},"\"step-counter\"",[5629,21584,7004],{"class":6986},[5629,21586,21587,21589,21591,21593,21595,21597,21599,21602,21604,21606,21608,21610,21612,21614,21616],{"class":5631,"line":6398},[5629,21588,7009],{"class":6986},[5629,21590,5485],{"class":6990},[5629,21592,6995],{"class":6994},[5629,21594,6998],{"class":5639},[5629,21596,7018],{"class":5652},[5629,21598,7021],{"class":6986},[5629,21600,21601],{"class":5639},"Значення: ",[5629,21603,7027],{"class":5669},[5629,21605,6628],{"class":5643},[5629,21607,5521],{"class":7072},[5629,21609,6003],{"class":5643},[5629,21611,7032],{"class":5669},[5629,21613,7035],{"class":6986},[5629,21615,5485],{"class":6990},[5629,21617,7004],{"class":6986},[5629,21619,21620],{"class":5631,"line":6430},[5629,21621,5663],{"emptyLinePlaceholder":5662},[5629,21623,21624,21626,21628,21630,21632,21635],{"class":5631,"line":6441},[5629,21625,7009],{"class":6986},[5629,21627,6991],{"class":6990},[5629,21629,6995],{"class":6994},[5629,21631,6998],{"class":5639},[5629,21633,21634],{"class":5652},"\"step-controls\"",[5629,21636,7004],{"class":6986},[5629,21638,21639,21641,21643],{"class":5631,"line":6453},[5629,21640,7059],{"class":6986},[5629,21642,13085],{"class":6990},[5629,21644,7004],{"class":6986},[5629,21646,21647],{"class":5631,"line":6461},[5629,21648,21649],{"class":5639},"          Крок:\n",[5629,21651,21652,21654],{"class":5631,"line":6466},[5629,21653,7553],{"class":6986},[5629,21655,9062],{"class":6990},[5629,21657,21658,21660,21662],{"class":5631,"line":6471},[5629,21659,10208],{"class":6994},[5629,21661,6998],{"class":5639},[5629,21663,21664],{"class":5652},"\"number\"\n",[5629,21666,21667,21670,21672],{"class":5631,"line":6477},[5629,21668,21669],{"class":6994},"            min",[5629,21671,6998],{"class":5639},[5629,21673,21674],{"class":5652},"\"1\"\n",[5629,21676,21677,21679,21681,21683,21685],{"class":5631,"line":6498},[5629,21678,10226],{"class":6994},[5629,21680,6998],{"class":5639},[5629,21682,7027],{"class":5669},[5629,21684,21461],{"class":5643},[5629,21686,5798],{"class":5669},[5629,21688,21689,21691,21693,21695,21697,21699,21701,21703,21706,21708,21710,21712,21714,21716,21718,21720],{"class":5631,"line":6509},[5629,21690,10239],{"class":6994},[5629,21692,6998],{"class":5639},[5629,21694,7027],{"class":5669},[5629,21696,5843],{"class":7072},[5629,21698,9109],{"class":5643},[5629,21700,6010],{"class":7072},[5629,21702,6013],{"class":5669},[5629,21704,21705],{"class":5812}," setStepInput",[5629,21707,5843],{"class":7072},[5629,21709,9109],{"class":5643},[5629,21711,5521],{"class":7072},[5629,21713,9125],{"class":5643},[5629,21715,5521],{"class":7072},[5629,21717,6003],{"class":5643},[5629,21719,9132],{"class":7072},[5629,21721,5798],{"class":5669},[5629,21723,21724,21727,21729,21731,21734],{"class":5631,"line":6514},[5629,21725,21726],{"class":6994},"            onBlur",[5629,21728,6998],{"class":5639},[5629,21730,7027],{"class":5669},[5629,21732,21733],{"class":5643},"handleStepChange",[5629,21735,5798],{"class":5669},[5629,21737,21738],{"class":5631,"line":6519},[5629,21739,10310],{"class":6986},[5629,21741,21742,21744,21746],{"class":5631,"line":6525},[5629,21743,7668],{"class":6986},[5629,21745,13085],{"class":6990},[5629,21747,7004],{"class":6986},[5629,21749,21750,21752,21754,21756,21759,21761,21763,21765,21767,21769,21771,21773],{"class":5631,"line":9325},[5629,21751,7059],{"class":6986},[5629,21753,5629],{"class":6990},[5629,21755,7021],{"class":6986},[5629,21757,21758],{"class":5639},"Поточний крок: ",[5629,21760,7027],{"class":5669},[5629,21762,6628],{"class":5643},[5629,21764,5521],{"class":7072},[5629,21766,20926],{"class":5643},[5629,21768,7032],{"class":5669},[5629,21770,7035],{"class":6986},[5629,21772,5629],{"class":6990},[5629,21774,7004],{"class":6986},[5629,21776,21777,21779,21781],{"class":5631,"line":9343},[5629,21778,7184],{"class":6986},[5629,21780,6991],{"class":6990},[5629,21782,7004],{"class":6986},[5629,21784,21785],{"class":5631,"line":9380},[5629,21786,5663],{"emptyLinePlaceholder":5662},[5629,21788,21789,21791,21793,21795,21797,21799],{"class":5631,"line":9386},[5629,21790,7009],{"class":6986},[5629,21792,6991],{"class":6990},[5629,21794,6995],{"class":6994},[5629,21796,6998],{"class":5639},[5629,21798,7052],{"class":5652},[5629,21800,7004],{"class":6986},[5629,21802,21803,21805],{"class":5631,"line":9411},[5629,21804,7059],{"class":6986},[5629,21806,9416],{"class":6990},[5629,21808,21809,21812,21814,21816,21818],{"class":5631,"line":9419},[5629,21810,21811],{"class":6994},"          onClick",[5629,21813,6998],{"class":5639},[5629,21815,7027],{"class":5669},[5629,21817,7073],{"class":7072},[5629,21819,8750],{"class":5669},[5629,21821,21822,21824,21826,21828,21830,21832,21835,21837,21839,21841],{"class":5631,"line":9430},[5629,21823,13170],{"class":5812},[5629,21825,6486],{"class":7072},[5629,21827,7083],{"class":5643},[5629,21829,21230],{"class":5652},[5629,21831,5832],{"class":7072},[5629,21833,21834],{"class":5643},"amount:",[5629,21836,6850],{"class":5643},[5629,21838,5521],{"class":7072},[5629,21840,20926],{"class":5643},[5629,21842,21843],{"class":7072}," })\n",[5629,21845,21846],{"class":5631,"line":9466},[5629,21847,13224],{"class":5669},[5629,21849,21850],{"class":5631,"line":9472},[5629,21851,16097],{"class":6986},[5629,21853,21854,21857,21859,21861,21863,21865],{"class":5631,"line":9478},[5629,21855,21856],{"class":5639},"          −",[5629,21858,7027],{"class":5669},[5629,21860,6628],{"class":5643},[5629,21862,5521],{"class":7072},[5629,21864,20926],{"class":5643},[5629,21866,5798],{"class":5669},[5629,21868,21869,21871,21873],{"class":5631,"line":9488},[5629,21870,7668],{"class":6986},[5629,21872,7062],{"class":6990},[5629,21874,7004],{"class":6986},[5629,21876,21877,21879,21881,21883,21885,21887,21889,21891,21893,21895,21897,21899,21901,21903,21905,21908,21910,21912],{"class":5631,"line":9498},[5629,21878,7059],{"class":6986},[5629,21880,7062],{"class":6990},[5629,21882,7065],{"class":6994},[5629,21884,6998],{"class":5639},[5629,21886,7027],{"class":5669},[5629,21888,7073],{"class":7072},[5629,21890,6013],{"class":5669},[5629,21892,7078],{"class":5812},[5629,21894,6486],{"class":7072},[5629,21896,7083],{"class":5643},[5629,21898,6887],{"class":5652},[5629,21900,7088],{"class":7072},[5629,21902,7032],{"class":5669},[5629,21904,7021],{"class":6986},[5629,21906,21907],{"class":5639},"Скинути",[5629,21909,7035],{"class":6986},[5629,21911,7062],{"class":6990},[5629,21913,7004],{"class":6986},[5629,21915,21916,21918],{"class":5631,"line":9506},[5629,21917,7059],{"class":6986},[5629,21919,9416],{"class":6990},[5629,21921,21922,21924,21926,21928,21930],{"class":5631,"line":9515},[5629,21923,21811],{"class":6994},[5629,21925,6998],{"class":5639},[5629,21927,7027],{"class":5669},[5629,21929,7073],{"class":7072},[5629,21931,8750],{"class":5669},[5629,21933,21934,21936,21938,21940,21942,21944,21946,21948,21950,21952],{"class":5631,"line":9520},[5629,21935,13170],{"class":5812},[5629,21937,6486],{"class":7072},[5629,21939,7083],{"class":5643},[5629,21941,21187],{"class":5652},[5629,21943,5832],{"class":7072},[5629,21945,21834],{"class":5643},[5629,21947,6850],{"class":5643},[5629,21949,5521],{"class":7072},[5629,21951,20926],{"class":5643},[5629,21953,21843],{"class":7072},[5629,21955,21956],{"class":5631,"line":9540},[5629,21957,13224],{"class":5669},[5629,21959,21960],{"class":5631,"line":9565},[5629,21961,16097],{"class":6986},[5629,21963,21964,21967,21969,21971,21973,21975],{"class":5631,"line":9573},[5629,21965,21966],{"class":5639},"          +",[5629,21968,7027],{"class":5669},[5629,21970,6628],{"class":5643},[5629,21972,5521],{"class":7072},[5629,21974,20926],{"class":5643},[5629,21976,5798],{"class":5669},[5629,21978,21979,21981,21983],{"class":5631,"line":9582},[5629,21980,7668],{"class":6986},[5629,21982,7062],{"class":6990},[5629,21984,7004],{"class":6986},[5629,21986,21987,21989,21991],{"class":5631,"line":9587},[5629,21988,7184],{"class":6986},[5629,21990,6991],{"class":6990},[5629,21992,7004],{"class":6986},[5629,21994,21995,21997,21999],{"class":5631,"line":10688},[5629,21996,7193],{"class":6986},[5629,21998,6991],{"class":6990},[5629,22000,7004],{"class":6986},[5629,22002,22003],{"class":5631,"line":10693},[5629,22004,7202],{"class":5639},[5629,22006,22007],{"class":5631,"line":11554},[5629,22008,5798],{"class":5639},[5485,22010,22011],{},[5489,22012,22013],{},"Покроковий аналіз:",[6532,22015,22016,22028,22045],{},[5512,22017,22018,22021,22022,22024,22025,22027],{},[5489,22019,22020],{},"Структура стану:"," Об'єкт ",[5477,22023,21147],{}," містить як поточне значення, так і крок. Це природніше, ніж окремі ",[5477,22026,5520],{}," для кожного поля.",[5512,22029,22030,22033,22034,22036,22037,22040,22041,22044],{},[5489,22031,22032],{},"Валідація кроку в редюсері:"," Гілка ",[5477,22035,20946],{}," застосовує ",[5477,22038,22039],{},"Math.max(1, ...)"," та ",[5477,22042,22043],{},"Math.floor()",", гарантуючи, що крок завжди додатне ціле число. Це приклад того, як редюсер може містити бізнес-логіку, а не лише трансформації даних.",[5512,22046,22047,22050,22051,22053,22054,22056,22057,5539],{},[5489,22048,22049],{},"Локальний стан інпута:"," Значення ",[5477,22052,21461],{}," зберігається у ",[5477,22055,5520],{},", а не в редюсері, оскільки це тимчасовий UI-стан до моменту підтвердження (",[5529,22058,22059],{},"blur event",[20914,22061,22062,22100],{},[20917,22063,22065,22068,22076,22079,22097],{"icon":20919,"label":22064},"📋 Завдання 2: Фільтрований список завдань",[5485,22066,22067],{},"Розширте список завдань, додавши фільтрацію за статусом. Додайте екшен:",[5509,22069,22070],{},[5512,22071,22072,22075],{},[5477,22073,22074],{},"filter_changed"," — зміна активного фільтра.",[5485,22077,22078],{},"Варіанти фільтрів:",[5509,22080,22081,22086,22092],{},[5512,22082,22083,22085],{},[5477,22084,8046],{}," — показати всі завдання.",[5512,22087,22088,22091],{},[5477,22089,22090],{},"active"," — лише незавершені.",[5512,22093,22094,22096],{},[5477,22095,8788],{}," — лише завершені.",[5485,22098,22099],{},"Інтерфейс має містити три кнопки фільтрів над списком. Активний фільтр має візуально виділятися.",[20917,22101,22102,23740,23744],{"icon":20974,"label":20975},[5620,22103,22105],{"className":5622,"code":22104,"language":5624,"meta":5625,"style":5625},"import { useReducer, useState } from \"react\";\n\ninterface Task {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\ntype Filter = \"all\" | \"active\" | \"completed\";\n\ninterface TasksState {\n  tasks: Task[];\n  filter: Filter;\n}\n\ntype TaskAction =\n  | { type: \"added\"; text: string }\n  | { type: \"toggled\"; id: number }\n  | { type: \"deleted\"; id: number }\n  | { type: \"filter_changed\"; filter: Filter };\n\nfunction tasksReducer(state: TasksState, action: TaskAction): TasksState {\n  switch (action.type) {\n    case \"added\":\n      return {\n        ...state,\n        tasks: [\n          ...state.tasks,\n          { id: Date.now(), text: action.text, completed: false },\n        ],\n      };\n\n    case \"toggled\":\n      return {\n        ...state,\n        tasks: state.tasks.map((task) =>\n          task.id === action.id\n            ? { ...task, completed: !task.completed }\n            : task\n        ),\n      };\n\n    case \"deleted\":\n      return {\n        ...state,\n        tasks: state.tasks.filter((task) => task.id !== action.id),\n      };\n\n    case \"filter_changed\":\n      return {\n        ...state,\n        filter: action.filter,\n      };\n\n    default:\n      return state;\n  }\n}\n\nfunction FilteredTaskList() {\n  const [state, dispatch] = useReducer(tasksReducer, {\n    tasks: [],\n    filter: \"all\",\n  });\n\n  const [inputValue, setInputValue] = useState(\"\");\n\n  \u002F\u002F Обчислення відфільтрованих завдань\n  const filteredTasks = state.tasks.filter((task) => {\n    if (state.filter === \"active\") return !task.completed;\n    if (state.filter === \"completed\") return task.completed;\n    return true;\n  });\n\n  const handleAdd = () => {\n    if (inputValue.trim()) {\n      dispatch({ type: \"added\", text: inputValue.trim() });\n      setInputValue(\"\");\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"filtered-task-list\">\n      \u003Cdiv className=\"input-group\">\n        \u003Cinput\n          type=\"text\"\n          placeholder=\"Нове завдання...\"\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n          onKeyDown={(e) => e.key === \"Enter\" && handleAdd()}\n        \u002F>\n        \u003Cbutton onClick={handleAdd}>Додати\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"filters\">\n        {([\"all\", \"active\", \"completed\"] as const).map((filter) => (\n          \u003Cbutton\n            key={filter}\n            className={state.filter === filter ? \"active\" : \"\"}\n            onClick={() => dispatch({ type: \"filter_changed\", filter })}\n          >\n            {filter === \"all\" && \"Усі\"}\n            {filter === \"active\" && \"Активні\"}\n            {filter === \"completed\" && \"Завершені\"}\n          \u003C\u002Fbutton>\n        ))}\n      \u003C\u002Fdiv>\n\n      \u003Cul className=\"tasks\">\n        {filteredTasks.map((task) => (\n          \u003Cli key={task.id} className={task.completed ? \"completed\" : \"\"}>\n            \u003Cinput\n              type=\"checkbox\"\n              checked={task.completed}\n              onChange={() => dispatch({ type: \"toggled\", id: task.id })}\n            \u002F>\n            \u003Cspan>{task.text}\u003C\u002Fspan>\n            \u003Cbutton onClick={() => dispatch({ type: \"deleted\", id: task.id })}>\n              ✕\n            \u003C\u002Fbutton>\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n\n      {filteredTasks.length === 0 && (\n        \u003Cp className=\"empty-state\">\n          {state.filter === \"all\" && \"Список завдань порожній\"}\n          {state.filter === \"active\" && \"Немає активних завдань\"}\n          {state.filter === \"completed\" && \"Немає завершених завдань\"}\n        \u003C\u002Fp>\n      )}\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,22106,22107,22127,22131,22139,22149,22159,22169,22173,22177,22201,22205,22214,22226,22238,22242,22246,22254,22274,22294,22314,22335,22339,22368,22382,22390,22396,22404,22411,22423,22454,22459,22463,22467,22475,22481,22489,22511,22529,22550,22557,22562,22566,22570,22578,22584,22592,22631,22635,22639,22648,22654,22662,22675,22679,22683,22689,22697,22701,22705,22709,22718,22740,22748,22758,22762,22766,22788,22792,22797,22826,22857,22885,22894,22898,22902,22914,22928,22950,22960,22964,22968,22972,22978,22993,23007,23013,23021,23029,23041,23075,23109,23113,23139,23147,23151,23166,23205,23211,23224,23254,23283,23288,23306,23323,23340,23348,23354,23362,23366,23380,23401,23445,23451,23459,23475,23509,23513,23537,23577,23581,23589,23597,23603,23611,23615,23633,23647,23668,23689,23710,23718,23724,23732,23736],{"__ignoreMap":5625},[5629,22108,22109,22111,22113,22115,22117,22119,22121,22123,22125],{"class":5631,"line":5632},[5629,22110,5636],{"class":5635},[5629,22112,5640],{"class":5639},[5629,22114,5479],{"class":5643},[5629,22116,5832],{"class":5639},[5629,22118,5520],{"class":5643},[5629,22120,5646],{"class":5639},[5629,22122,5649],{"class":5635},[5629,22124,5653],{"class":5652},[5629,22126,5656],{"class":5639},[5629,22128,22129],{"class":5631,"line":5659},[5629,22130,5663],{"emptyLinePlaceholder":5662},[5629,22132,22133,22135,22137],{"class":5631,"line":5666},[5629,22134,5670],{"class":5669},[5629,22136,8467],{"class":5673},[5629,22138,5677],{"class":5639},[5629,22140,22141,22143,22145,22147],{"class":5631,"line":5680},[5629,22142,8474],{"class":5643},[5629,22144,5686],{"class":5639},[5629,22146,6801],{"class":5673},[5629,22148,5656],{"class":5639},[5629,22150,22151,22153,22155,22157],{"class":5631,"line":5694},[5629,22152,8485],{"class":5643},[5629,22154,5686],{"class":5639},[5629,22156,5689],{"class":5673},[5629,22158,5656],{"class":5639},[5629,22160,22161,22163,22165,22167],{"class":5631,"line":5706},[5629,22162,8496],{"class":5643},[5629,22164,5686],{"class":5639},[5629,22166,5726],{"class":5673},[5629,22168,5656],{"class":5639},[5629,22170,22171],{"class":5631,"line":5718},[5629,22172,5798],{"class":5639},[5629,22174,22175],{"class":5631,"line":5731},[5629,22176,5663],{"emptyLinePlaceholder":5662},[5629,22178,22179,22181,22184,22186,22189,22191,22194,22196,22199],{"class":5631,"line":5743},[5629,22180,5570],{"class":5669},[5629,22182,22183],{"class":5673}," Filter",[5629,22185,6201],{"class":5639},[5629,22187,22188],{"class":5652},"\"all\"",[5629,22190,12030],{"class":5639},[5629,22192,22193],{"class":5652},"\"active\"",[5629,22195,12030],{"class":5639},[5629,22197,22198],{"class":5652},"\"completed\"",[5629,22200,5656],{"class":5639},[5629,22202,22203],{"class":5631,"line":5752},[5629,22204,5663],{"emptyLinePlaceholder":5662},[5629,22206,22207,22209,22212],{"class":5631,"line":5765},[5629,22208,5670],{"class":5669},[5629,22210,22211],{"class":5673}," TasksState",[5629,22213,5677],{"class":5639},[5629,22215,22216,22219,22221,22223],{"class":5631,"line":5777},[5629,22217,22218],{"class":5643},"  tasks",[5629,22220,5686],{"class":5639},[5629,22222,8605],{"class":5673},[5629,22224,22225],{"class":5639},"[];\n",[5629,22227,22228,22231,22233,22236],{"class":5631,"line":5789},[5629,22229,22230],{"class":5643},"  filter",[5629,22232,5686],{"class":5639},[5629,22234,22235],{"class":5673},"Filter",[5629,22237,5656],{"class":5639},[5629,22239,22240],{"class":5631,"line":5795},[5629,22241,5798],{"class":5639},[5629,22243,22244],{"class":5631,"line":5801},[5629,22245,5663],{"emptyLinePlaceholder":5662},[5629,22247,22248,22250,22252],{"class":5631,"line":5806},[5629,22249,5570],{"class":5669},[5629,22251,8517],{"class":5673},[5629,22253,6734],{"class":5639},[5629,22255,22256,22258,22260,22262,22264,22266,22268,22270,22272],{"class":5631,"line":5819},[5629,22257,6739],{"class":5639},[5629,22259,5570],{"class":5643},[5629,22261,5686],{"class":5639},[5629,22263,8530],{"class":5652},[5629,22265,8533],{"class":5639},[5629,22267,8536],{"class":5643},[5629,22269,5686],{"class":5639},[5629,22271,5689],{"class":5673},[5629,22273,6749],{"class":5639},[5629,22275,22276,22278,22280,22282,22284,22286,22288,22290,22292],{"class":5631,"line":5852},[5629,22277,6739],{"class":5639},[5629,22279,5570],{"class":5643},[5629,22281,5686],{"class":5639},[5629,22283,8553],{"class":5652},[5629,22285,8533],{"class":5639},[5629,22287,8558],{"class":5643},[5629,22289,5686],{"class":5639},[5629,22291,6801],{"class":5673},[5629,22293,6749],{"class":5639},[5629,22295,22296,22298,22300,22302,22304,22306,22308,22310,22312],{"class":5631,"line":5877},[5629,22297,6739],{"class":5639},[5629,22299,5570],{"class":5643},[5629,22301,5686],{"class":5639},[5629,22303,8575],{"class":5652},[5629,22305,8533],{"class":5639},[5629,22307,8558],{"class":5643},[5629,22309,5686],{"class":5639},[5629,22311,6801],{"class":5673},[5629,22313,6749],{"class":5639},[5629,22315,22316,22318,22320,22322,22325,22327,22329,22331,22333],{"class":5631,"line":5902},[5629,22317,6739],{"class":5639},[5629,22319,5570],{"class":5643},[5629,22321,5686],{"class":5639},[5629,22323,22324],{"class":5652},"\"filter_changed\"",[5629,22326,8533],{"class":5639},[5629,22328,8823],{"class":5643},[5629,22330,5686],{"class":5639},[5629,22332,22235],{"class":5673},[5629,22334,6776],{"class":5639},[5629,22336,22337],{"class":5631,"line":5928},[5629,22338,5663],{"emptyLinePlaceholder":5662},[5629,22340,22341,22343,22345,22347,22349,22351,22354,22356,22358,22360,22362,22364,22366],{"class":5631,"line":5953},[5629,22342,5809],{"class":5669},[5629,22344,8596],{"class":5812},[5629,22346,5843],{"class":5639},[5629,22348,6628],{"class":5643},[5629,22350,5686],{"class":5639},[5629,22352,22353],{"class":5673},"TasksState",[5629,22355,5832],{"class":5639},[5629,22357,6592],{"class":5643},[5629,22359,5686],{"class":5639},[5629,22361,8615],{"class":5673},[5629,22363,6813],{"class":5639},[5629,22365,22353],{"class":5673},[5629,22367,5677],{"class":5639},[5629,22369,22370,22372,22374,22376,22378,22380],{"class":5631,"line":5987},[5629,22371,6822],{"class":5635},[5629,22373,6043],{"class":5639},[5629,22375,6592],{"class":5643},[5629,22377,5521],{"class":5639},[5629,22379,5570],{"class":5643},[5629,22381,6052],{"class":5639},[5629,22383,22384,22386,22388],{"class":5631,"line":5992},[5629,22385,6837],{"class":5635},[5629,22387,8643],{"class":5652},[5629,22389,6843],{"class":5639},[5629,22391,22392,22394],{"class":5631,"line":6018},[5629,22393,6456],{"class":5635},[5629,22395,5677],{"class":5639},[5629,22397,22398,22400,22402],{"class":5631,"line":6030},[5629,22399,8657],{"class":5639},[5629,22401,6628],{"class":5643},[5629,22403,8197],{"class":5639},[5629,22405,22406,22409],{"class":5631,"line":6037},[5629,22407,22408],{"class":5643},"        tasks:",[5629,22410,8652],{"class":5639},[5629,22412,22413,22415,22417,22419,22421],{"class":5631,"line":6055},[5629,22414,12314],{"class":5639},[5629,22416,6628],{"class":5643},[5629,22418,5521],{"class":5639},[5629,22420,8896],{"class":5643},[5629,22422,8197],{"class":5639},[5629,22424,22425,22428,22430,22432,22434,22436,22438,22440,22442,22444,22446,22448,22450,22452],{"class":5631,"line":6087},[5629,22426,22427],{"class":5639},"          { ",[5629,22429,9367],{"class":5643},[5629,22431,8674],{"class":5643},[5629,22433,5521],{"class":5639},[5629,22435,8679],{"class":5812},[5629,22437,20063],{"class":5639},[5629,22439,8986],{"class":5643},[5629,22441,8690],{"class":5643},[5629,22443,5521],{"class":5639},[5629,22445,8536],{"class":5643},[5629,22447,5832],{"class":5639},[5629,22449,8778],{"class":5643},[5629,22451,8704],{"class":5669},[5629,22453,17284],{"class":5639},[5629,22455,22456],{"class":5631,"line":6093},[5629,22457,22458],{"class":5639},"        ],\n",[5629,22460,22461],{"class":5631,"line":6098},[5629,22462,12340],{"class":5639},[5629,22464,22465],{"class":5631,"line":6103},[5629,22466,5663],{"emptyLinePlaceholder":5662},[5629,22468,22469,22471,22473],{"class":5631,"line":6125},[5629,22470,6837],{"class":5635},[5629,22472,8727],{"class":5652},[5629,22474,6843],{"class":5639},[5629,22476,22477,22479],{"class":5631,"line":6137},[5629,22478,6456],{"class":5635},[5629,22480,5677],{"class":5639},[5629,22482,22483,22485,22487],{"class":5631,"line":6152},[5629,22484,8657],{"class":5639},[5629,22486,6628],{"class":5643},[5629,22488,8197],{"class":5639},[5629,22490,22491,22493,22495,22497,22499,22501,22503,22505,22507,22509],{"class":5631,"line":6178},[5629,22492,22408],{"class":5643},[5629,22494,6850],{"class":5643},[5629,22496,5521],{"class":5639},[5629,22498,8896],{"class":5643},[5629,22500,5521],{"class":5639},[5629,22502,8740],{"class":5812},[5629,22504,6061],{"class":5639},[5629,22506,8745],{"class":5643},[5629,22508,6010],{"class":5639},[5629,22510,8750],{"class":5669},[5629,22512,22513,22516,22518,22520,22522,22524,22526],{"class":5631,"line":6183},[5629,22514,22515],{"class":5643},"          task",[5629,22517,5521],{"class":5639},[5629,22519,8558],{"class":5643},[5629,22521,8762],{"class":5639},[5629,22523,6592],{"class":5643},[5629,22525,5521],{"class":5639},[5629,22527,22528],{"class":5643},"id\n",[5629,22530,22531,22534,22536,22538,22540,22542,22544,22546,22548],{"class":5631,"line":6188},[5629,22532,22533],{"class":5639},"            ? { ...",[5629,22535,8745],{"class":5643},[5629,22537,5832],{"class":5639},[5629,22539,8778],{"class":5643},[5629,22541,8781],{"class":5639},[5629,22543,8745],{"class":5643},[5629,22545,5521],{"class":5639},[5629,22547,8788],{"class":5643},[5629,22549,6749],{"class":5639},[5629,22551,22552,22555],{"class":5631,"line":6193},[5629,22553,22554],{"class":5639},"            : ",[5629,22556,8794],{"class":5643},[5629,22558,22559],{"class":5631,"line":6214},[5629,22560,22561],{"class":5639},"        ),\n",[5629,22563,22564],{"class":5631,"line":6227},[5629,22565,12340],{"class":5639},[5629,22567,22568],{"class":5631,"line":6236},[5629,22569,5663],{"emptyLinePlaceholder":5662},[5629,22571,22572,22574,22576],{"class":5631,"line":6241},[5629,22573,6837],{"class":5635},[5629,22575,8810],{"class":5652},[5629,22577,6843],{"class":5639},[5629,22579,22580,22582],{"class":5631,"line":6247},[5629,22581,6456],{"class":5635},[5629,22583,5677],{"class":5639},[5629,22585,22586,22588,22590],{"class":5631,"line":6267},[5629,22587,8657],{"class":5639},[5629,22589,6628],{"class":5643},[5629,22591,8197],{"class":5639},[5629,22593,22594,22596,22598,22600,22602,22604,22606,22608,22610,22612,22614,22616,22618,22620,22622,22624,22626,22628],{"class":5631,"line":6290},[5629,22595,22408],{"class":5643},[5629,22597,6850],{"class":5643},[5629,22599,5521],{"class":5639},[5629,22601,8896],{"class":5643},[5629,22603,5521],{"class":5639},[5629,22605,8823],{"class":5812},[5629,22607,6061],{"class":5639},[5629,22609,8745],{"class":5643},[5629,22611,6010],{"class":5639},[5629,22613,6013],{"class":5669},[5629,22615,8834],{"class":5643},[5629,22617,5521],{"class":5639},[5629,22619,8558],{"class":5643},[5629,22621,6365],{"class":5639},[5629,22623,6592],{"class":5643},[5629,22625,5521],{"class":5639},[5629,22627,8558],{"class":5643},[5629,22629,22630],{"class":5639},"),\n",[5629,22632,22633],{"class":5631,"line":6307},[5629,22634,12340],{"class":5639},[5629,22636,22637],{"class":5631,"line":6312},[5629,22638,5663],{"emptyLinePlaceholder":5662},[5629,22640,22641,22643,22646],{"class":5631,"line":6335},[5629,22642,6837],{"class":5635},[5629,22644,22645],{"class":5652}," \"filter_changed\"",[5629,22647,6843],{"class":5639},[5629,22649,22650,22652],{"class":5631,"line":6351},[5629,22651,6456],{"class":5635},[5629,22653,5677],{"class":5639},[5629,22655,22656,22658,22660],{"class":5631,"line":6356},[5629,22657,8657],{"class":5639},[5629,22659,6628],{"class":5643},[5629,22661,8197],{"class":5639},[5629,22663,22664,22667,22669,22671,22673],{"class":5631,"line":6372},[5629,22665,22666],{"class":5643},"        filter:",[5629,22668,8690],{"class":5643},[5629,22670,5521],{"class":5639},[5629,22672,8823],{"class":5643},[5629,22674,8197],{"class":5639},[5629,22676,22677],{"class":5631,"line":6388},[5629,22678,12340],{"class":5639},[5629,22680,22681],{"class":5631,"line":6393},[5629,22682,5663],{"emptyLinePlaceholder":5662},[5629,22684,22685,22687],{"class":5631,"line":6398},[5629,22686,6903],{"class":5635},[5629,22688,6843],{"class":5639},[5629,22690,22691,22693,22695],{"class":5631,"line":6430},[5629,22692,6456],{"class":5635},[5629,22694,6850],{"class":5643},[5629,22696,5656],{"class":5639},[5629,22698,22699],{"class":5631,"line":6441},[5629,22700,6923],{"class":5639},[5629,22702,22703],{"class":5631,"line":6453},[5629,22704,5798],{"class":5639},[5629,22706,22707],{"class":5631,"line":6461},[5629,22708,5663],{"emptyLinePlaceholder":5662},[5629,22710,22711,22713,22716],{"class":5631,"line":6466},[5629,22712,5809],{"class":5669},[5629,22714,22715],{"class":5812}," FilteredTaskList",[5629,22717,5816],{"class":5639},[5629,22719,22720,22722,22724,22726,22728,22730,22732,22734,22736,22738],{"class":5631,"line":6471},[5629,22721,5822],{"class":5669},[5629,22723,5825],{"class":5639},[5629,22725,6628],{"class":5828},[5629,22727,5832],{"class":5639},[5629,22729,6954],{"class":5828},[5629,22731,5838],{"class":5639},[5629,22733,5479],{"class":5812},[5629,22735,5843],{"class":5639},[5629,22737,8909],{"class":5643},[5629,22739,17311],{"class":5639},[5629,22741,22742,22745],{"class":5631,"line":6477},[5629,22743,22744],{"class":5643},"    tasks:",[5629,22746,22747],{"class":5639}," [],\n",[5629,22749,22750,22753,22756],{"class":5631,"line":6498},[5629,22751,22752],{"class":5643},"    filter:",[5629,22754,22755],{"class":5652}," \"all\"",[5629,22757,8197],{"class":5639},[5629,22759,22760],{"class":5631,"line":6509},[5629,22761,17402],{"class":5639},[5629,22763,22764],{"class":5631,"line":6514},[5629,22765,5663],{"emptyLinePlaceholder":5662},[5629,22767,22768,22770,22772,22774,22776,22778,22780,22782,22784,22786],{"class":5631,"line":6519},[5629,22769,5822],{"class":5669},[5629,22771,5825],{"class":5639},[5629,22773,8921],{"class":5828},[5629,22775,5832],{"class":5639},[5629,22777,8926],{"class":5828},[5629,22779,5838],{"class":5639},[5629,22781,5520],{"class":5812},[5629,22783,5843],{"class":5639},[5629,22785,5846],{"class":5652},[5629,22787,5849],{"class":5639},[5629,22789,22790],{"class":5631,"line":6525},[5629,22791,5663],{"emptyLinePlaceholder":5662},[5629,22793,22794],{"class":5631,"line":9325},[5629,22795,22796],{"class":6033},"  \u002F\u002F Обчислення відфільтрованих завдань\n",[5629,22798,22799,22801,22804,22806,22808,22810,22812,22814,22816,22818,22820,22822,22824],{"class":5631,"line":9343},[5629,22800,5822],{"class":5669},[5629,22802,22803],{"class":5828}," filteredTasks",[5629,22805,6201],{"class":5639},[5629,22807,6628],{"class":5643},[5629,22809,5521],{"class":5639},[5629,22811,8896],{"class":5643},[5629,22813,5521],{"class":5639},[5629,22815,8823],{"class":5812},[5629,22817,6061],{"class":5639},[5629,22819,8745],{"class":5643},[5629,22821,6010],{"class":5639},[5629,22823,6013],{"class":5669},[5629,22825,5677],{"class":5639},[5629,22827,22828,22830,22832,22834,22836,22838,22840,22842,22844,22847,22849,22851,22853,22855],{"class":5631,"line":9380},[5629,22829,6040],{"class":5635},[5629,22831,6043],{"class":5639},[5629,22833,6628],{"class":5643},[5629,22835,5521],{"class":5639},[5629,22837,8823],{"class":5643},[5629,22839,8762],{"class":5639},[5629,22841,22193],{"class":5652},[5629,22843,6010],{"class":5639},[5629,22845,22846],{"class":5635},"return",[5629,22848,8781],{"class":5639},[5629,22850,8745],{"class":5643},[5629,22852,5521],{"class":5639},[5629,22854,8788],{"class":5643},[5629,22856,5656],{"class":5639},[5629,22858,22859,22861,22863,22865,22867,22869,22871,22873,22875,22877,22879,22881,22883],{"class":5631,"line":9386},[5629,22860,6040],{"class":5635},[5629,22862,6043],{"class":5639},[5629,22864,6628],{"class":5643},[5629,22866,5521],{"class":5639},[5629,22868,8823],{"class":5643},[5629,22870,8762],{"class":5639},[5629,22872,22198],{"class":5652},[5629,22874,6010],{"class":5639},[5629,22876,22846],{"class":5635},[5629,22878,8834],{"class":5643},[5629,22880,5521],{"class":5639},[5629,22882,8788],{"class":5643},[5629,22884,5656],{"class":5639},[5629,22886,22887,22890,22892],{"class":5631,"line":9411},[5629,22888,22889],{"class":5635},"    return",[5629,22891,12421],{"class":5669},[5629,22893,5656],{"class":5639},[5629,22895,22896],{"class":5631,"line":9419},[5629,22897,17402],{"class":5639},[5629,22899,22900],{"class":5631,"line":9430},[5629,22901,5663],{"emptyLinePlaceholder":5662},[5629,22903,22904,22906,22908,22910,22912],{"class":5631,"line":9466},[5629,22905,5822],{"class":5669},[5629,22907,8947],{"class":5812},[5629,22909,8950],{"class":5639},[5629,22911,6013],{"class":5669},[5629,22913,5677],{"class":5639},[5629,22915,22916,22918,22920,22922,22924,22926],{"class":5631,"line":9472},[5629,22917,6040],{"class":5635},[5629,22919,6043],{"class":5639},[5629,22921,8921],{"class":5643},[5629,22923,5521],{"class":5639},[5629,22925,8967],{"class":5812},[5629,22927,8970],{"class":5639},[5629,22929,22930,22932,22934,22936,22938,22940,22942,22944,22946,22948],{"class":5631,"line":9478},[5629,22931,8975],{"class":5812},[5629,22933,6486],{"class":5639},[5629,22935,7083],{"class":5643},[5629,22937,8643],{"class":5652},[5629,22939,5832],{"class":5639},[5629,22941,8986],{"class":5643},[5629,22943,8989],{"class":5643},[5629,22945,5521],{"class":5639},[5629,22947,8967],{"class":5812},[5629,22949,8996],{"class":5639},[5629,22951,22952,22954,22956,22958],{"class":5631,"line":9488},[5629,22953,9001],{"class":5812},[5629,22955,5843],{"class":5639},[5629,22957,5846],{"class":5652},[5629,22959,5849],{"class":5639},[5629,22961,22962],{"class":5631,"line":9498},[5629,22963,6090],{"class":5639},[5629,22965,22966],{"class":5631,"line":9506},[5629,22967,5792],{"class":5639},[5629,22969,22970],{"class":5631,"line":9515},[5629,22971,5663],{"emptyLinePlaceholder":5662},[5629,22973,22974,22976],{"class":5631,"line":9520},[5629,22975,6978],{"class":5635},[5629,22977,6981],{"class":5639},[5629,22979,22980,22982,22984,22986,22988,22991],{"class":5631,"line":9540},[5629,22981,6987],{"class":6986},[5629,22983,6991],{"class":6990},[5629,22985,6995],{"class":6994},[5629,22987,6998],{"class":5639},[5629,22989,22990],{"class":5652},"\"filtered-task-list\"",[5629,22992,7004],{"class":6986},[5629,22994,22995,22997,22999,23001,23003,23005],{"class":5631,"line":9565},[5629,22996,7009],{"class":6986},[5629,22998,6991],{"class":6990},[5629,23000,6995],{"class":6994},[5629,23002,6998],{"class":5639},[5629,23004,9053],{"class":5652},[5629,23006,7004],{"class":6986},[5629,23008,23009,23011],{"class":5631,"line":9573},[5629,23010,7059],{"class":6986},[5629,23012,9062],{"class":6990},[5629,23014,23015,23017,23019],{"class":5631,"line":9582},[5629,23016,9067],{"class":6994},[5629,23018,6998],{"class":5639},[5629,23020,9072],{"class":5652},[5629,23022,23023,23025,23027],{"class":5631,"line":9587},[5629,23024,9077],{"class":6994},[5629,23026,6998],{"class":5639},[5629,23028,9082],{"class":5652},[5629,23030,23031,23033,23035,23037,23039],{"class":5631,"line":10688},[5629,23032,9087],{"class":6994},[5629,23034,6998],{"class":5639},[5629,23036,7027],{"class":5669},[5629,23038,8921],{"class":5643},[5629,23040,5798],{"class":5669},[5629,23042,23043,23045,23047,23049,23051,23053,23055,23057,23059,23061,23063,23065,23067,23069,23071,23073],{"class":5631,"line":10693},[5629,23044,9100],{"class":6994},[5629,23046,6998],{"class":5639},[5629,23048,7027],{"class":5669},[5629,23050,5843],{"class":7072},[5629,23052,9109],{"class":5643},[5629,23054,6010],{"class":7072},[5629,23056,6013],{"class":5669},[5629,23058,9116],{"class":5812},[5629,23060,5843],{"class":7072},[5629,23062,9109],{"class":5643},[5629,23064,5521],{"class":7072},[5629,23066,9125],{"class":5643},[5629,23068,5521],{"class":7072},[5629,23070,6003],{"class":5643},[5629,23072,9132],{"class":7072},[5629,23074,5798],{"class":5669},[5629,23076,23077,23079,23081,23083,23085,23087,23089,23091,23093,23095,23097,23099,23101,23103,23105,23107],{"class":5631,"line":11554},[5629,23078,9139],{"class":6994},[5629,23080,6998],{"class":5639},[5629,23082,7027],{"class":5669},[5629,23084,5843],{"class":7072},[5629,23086,9109],{"class":5643},[5629,23088,6010],{"class":7072},[5629,23090,6013],{"class":5669},[5629,23092,9154],{"class":5643},[5629,23094,5521],{"class":7072},[5629,23096,9159],{"class":5643},[5629,23098,9162],{"class":5639},[5629,23100,9165],{"class":5652},[5629,23102,9168],{"class":5639},[5629,23104,8947],{"class":5812},[5629,23106,9173],{"class":7072},[5629,23108,5798],{"class":5669},[5629,23110,23111],{"class":5631,"line":11559},[5629,23112,9180],{"class":6986},[5629,23114,23115,23117,23119,23121,23123,23125,23127,23129,23131,23133,23135,23137],{"class":5631,"line":11564},[5629,23116,7059],{"class":6986},[5629,23118,7062],{"class":6990},[5629,23120,7065],{"class":6994},[5629,23122,6998],{"class":5639},[5629,23124,7027],{"class":5669},[5629,23126,9195],{"class":5643},[5629,23128,7032],{"class":5669},[5629,23130,7021],{"class":6986},[5629,23132,9202],{"class":5639},[5629,23134,7035],{"class":6986},[5629,23136,7062],{"class":6990},[5629,23138,7004],{"class":6986},[5629,23140,23141,23143,23145],{"class":5631,"line":11573},[5629,23142,7184],{"class":6986},[5629,23144,6991],{"class":6990},[5629,23146,7004],{"class":6986},[5629,23148,23149],{"class":5631,"line":11584},[5629,23150,5663],{"emptyLinePlaceholder":5662},[5629,23152,23153,23155,23157,23159,23161,23164],{"class":5631,"line":11595},[5629,23154,7009],{"class":6986},[5629,23156,6991],{"class":6990},[5629,23158,6995],{"class":6994},[5629,23160,6998],{"class":5639},[5629,23162,23163],{"class":5652},"\"filters\"",[5629,23165,7004],{"class":6986},[5629,23167,23168,23170,23173,23175,23177,23179,23181,23183,23186,23189,23191,23193,23195,23197,23199,23201,23203],{"class":5631,"line":11606},[5629,23169,9240],{"class":5669},[5629,23171,23172],{"class":7072},"([",[5629,23174,22188],{"class":5652},[5629,23176,5832],{"class":7072},[5629,23178,22193],{"class":5652},[5629,23180,5832],{"class":7072},[5629,23182,22198],{"class":5652},[5629,23184,23185],{"class":7072},"] ",[5629,23187,23188],{"class":5635},"as",[5629,23190,18692],{"class":5669},[5629,23192,5539],{"class":7072},[5629,23194,8740],{"class":5812},[5629,23196,6061],{"class":7072},[5629,23198,8823],{"class":5643},[5629,23200,6010],{"class":7072},[5629,23202,6013],{"class":5669},[5629,23204,6981],{"class":7072},[5629,23206,23207,23209],{"class":5631,"line":11611},[5629,23208,7553],{"class":6986},[5629,23210,9416],{"class":6990},[5629,23212,23213,23216,23218,23220,23222],{"class":5631,"line":11616},[5629,23214,23215],{"class":6994},"            key",[5629,23217,6998],{"class":5639},[5629,23219,7027],{"class":5669},[5629,23221,8823],{"class":5643},[5629,23223,5798],{"class":5669},[5629,23225,23226,23228,23230,23232,23234,23236,23238,23240,23243,23245,23248,23250,23252],{"class":5631,"line":11624},[5629,23227,15353],{"class":6994},[5629,23229,6998],{"class":5639},[5629,23231,7027],{"class":5669},[5629,23233,6628],{"class":5643},[5629,23235,5521],{"class":7072},[5629,23237,8823],{"class":5643},[5629,23239,9162],{"class":5639},[5629,23241,23242],{"class":5643}," filter",[5629,23244,9292],{"class":5639},[5629,23246,23247],{"class":5652}," \"active\"",[5629,23249,9298],{"class":5639},[5629,23251,9301],{"class":5652},[5629,23253,5798],{"class":5669},[5629,23255,23256,23259,23261,23263,23265,23267,23269,23271,23273,23275,23277,23279,23281],{"class":5631,"line":11638},[5629,23257,23258],{"class":6994},"            onClick",[5629,23260,6998],{"class":5639},[5629,23262,7027],{"class":5669},[5629,23264,7073],{"class":7072},[5629,23266,6013],{"class":5669},[5629,23268,7078],{"class":5812},[5629,23270,6486],{"class":7072},[5629,23272,7083],{"class":5643},[5629,23274,22645],{"class":5652},[5629,23276,5832],{"class":7072},[5629,23278,8823],{"class":5643},[5629,23280,7088],{"class":7072},[5629,23282,5798],{"class":5669},[5629,23284,23285],{"class":5631,"line":11650},[5629,23286,23287],{"class":6986},"          >\n",[5629,23289,23290,23293,23295,23297,23299,23301,23304],{"class":5631,"line":11661},[5629,23291,23292],{"class":5669},"            {",[5629,23294,8823],{"class":5643},[5629,23296,9162],{"class":5639},[5629,23298,22755],{"class":5652},[5629,23300,9168],{"class":5639},[5629,23302,23303],{"class":5652}," \"Усі\"",[5629,23305,5798],{"class":5669},[5629,23307,23308,23310,23312,23314,23316,23318,23321],{"class":5631,"line":11666},[5629,23309,23292],{"class":5669},[5629,23311,8823],{"class":5643},[5629,23313,9162],{"class":5639},[5629,23315,23247],{"class":5652},[5629,23317,9168],{"class":5639},[5629,23319,23320],{"class":5652}," \"Активні\"",[5629,23322,5798],{"class":5669},[5629,23324,23325,23327,23329,23331,23333,23335,23338],{"class":5631,"line":11671},[5629,23326,23292],{"class":5669},[5629,23328,8823],{"class":5643},[5629,23330,9162],{"class":5639},[5629,23332,9295],{"class":5652},[5629,23334,9168],{"class":5639},[5629,23336,23337],{"class":5652}," \"Завершені\"",[5629,23339,5798],{"class":5669},[5629,23341,23342,23344,23346],{"class":5631,"line":11679},[5629,23343,9491],{"class":6986},[5629,23345,7062],{"class":6990},[5629,23347,7004],{"class":6986},[5629,23349,23350,23352],{"class":5631,"line":11691},[5629,23351,9501],{"class":7072},[5629,23353,5798],{"class":5669},[5629,23355,23356,23358,23360],{"class":5631,"line":11696},[5629,23357,7184],{"class":6986},[5629,23359,6991],{"class":6990},[5629,23361,7004],{"class":6986},[5629,23363,23364],{"class":5631,"line":11701},[5629,23365,5663],{"emptyLinePlaceholder":5662},[5629,23367,23368,23370,23372,23374,23376,23378],{"class":5631,"line":11709},[5629,23369,7009],{"class":6986},[5629,23371,5509],{"class":6990},[5629,23373,6995],{"class":6994},[5629,23375,6998],{"class":5639},[5629,23377,9233],{"class":5652},[5629,23379,7004],{"class":6986},[5629,23381,23382,23384,23387,23389,23391,23393,23395,23397,23399],{"class":5631,"line":11720},[5629,23383,9240],{"class":5669},[5629,23385,23386],{"class":5643},"filteredTasks",[5629,23388,5521],{"class":7072},[5629,23390,8740],{"class":5812},[5629,23392,6061],{"class":7072},[5629,23394,8745],{"class":5643},[5629,23396,6010],{"class":7072},[5629,23398,6013],{"class":5669},[5629,23400,6981],{"class":7072},[5629,23402,23403,23405,23407,23409,23411,23413,23415,23417,23419,23421,23423,23425,23427,23429,23431,23433,23435,23437,23439,23441,23443],{"class":5631,"line":11732},[5629,23404,7553],{"class":6986},[5629,23406,5512],{"class":6990},[5629,23408,9265],{"class":6994},[5629,23410,6998],{"class":5639},[5629,23412,7027],{"class":5669},[5629,23414,8745],{"class":5643},[5629,23416,5521],{"class":7072},[5629,23418,8558],{"class":5643},[5629,23420,7032],{"class":5669},[5629,23422,6995],{"class":6994},[5629,23424,6998],{"class":5639},[5629,23426,7027],{"class":5669},[5629,23428,8745],{"class":5643},[5629,23430,5521],{"class":7072},[5629,23432,8788],{"class":5643},[5629,23434,9292],{"class":5639},[5629,23436,9295],{"class":5652},[5629,23438,9298],{"class":5639},[5629,23440,9301],{"class":5652},[5629,23442,7032],{"class":5669},[5629,23444,7004],{"class":6986},[5629,23446,23447,23449],{"class":5631,"line":11743},[5629,23448,9310],{"class":6986},[5629,23450,9062],{"class":6990},[5629,23452,23453,23455,23457],{"class":5631,"line":11756},[5629,23454,9317],{"class":6994},[5629,23456,6998],{"class":5639},[5629,23458,9322],{"class":5652},[5629,23460,23461,23463,23465,23467,23469,23471,23473],{"class":5631,"line":12965},[5629,23462,9328],{"class":6994},[5629,23464,6998],{"class":5639},[5629,23466,7027],{"class":5669},[5629,23468,8745],{"class":5643},[5629,23470,5521],{"class":7072},[5629,23472,8788],{"class":5643},[5629,23474,5798],{"class":5669},[5629,23476,23477,23479,23481,23483,23485,23487,23489,23491,23493,23495,23497,23499,23501,23503,23505,23507],{"class":5631,"line":12978},[5629,23478,9346],{"class":6994},[5629,23480,6998],{"class":5639},[5629,23482,7027],{"class":5669},[5629,23484,7073],{"class":7072},[5629,23486,6013],{"class":5669},[5629,23488,7078],{"class":5812},[5629,23490,6486],{"class":7072},[5629,23492,7083],{"class":5643},[5629,23494,8727],{"class":5652},[5629,23496,5832],{"class":7072},[5629,23498,9367],{"class":5643},[5629,23500,8834],{"class":5643},[5629,23502,5521],{"class":7072},[5629,23504,8558],{"class":5643},[5629,23506,7088],{"class":7072},[5629,23508,5798],{"class":5669},[5629,23510,23511],{"class":5631,"line":12990},[5629,23512,9383],{"class":6986},[5629,23514,23515,23517,23519,23521,23523,23525,23527,23529,23531,23533,23535],{"class":5631,"line":12995},[5629,23516,9310],{"class":6986},[5629,23518,5629],{"class":6990},[5629,23520,7021],{"class":6986},[5629,23522,7027],{"class":5669},[5629,23524,8745],{"class":5643},[5629,23526,5521],{"class":7072},[5629,23528,8536],{"class":5643},[5629,23530,7032],{"class":5669},[5629,23532,7035],{"class":6986},[5629,23534,5629],{"class":6990},[5629,23536,7004],{"class":6986},[5629,23538,23539,23541,23543,23545,23547,23549,23551,23553,23555,23557,23559,23561,23563,23565,23567,23569,23571,23573,23575],{"class":5631,"line":13000},[5629,23540,9310],{"class":6986},[5629,23542,7062],{"class":6990},[5629,23544,7065],{"class":6994},[5629,23546,6998],{"class":5639},[5629,23548,7027],{"class":5669},[5629,23550,7073],{"class":7072},[5629,23552,6013],{"class":5669},[5629,23554,7078],{"class":5812},[5629,23556,6486],{"class":7072},[5629,23558,7083],{"class":5643},[5629,23560,8810],{"class":5652},[5629,23562,5832],{"class":7072},[5629,23564,9367],{"class":5643},[5629,23566,8834],{"class":5643},[5629,23568,5521],{"class":7072},[5629,23570,8558],{"class":5643},[5629,23572,7088],{"class":7072},[5629,23574,7032],{"class":5669},[5629,23576,7004],{"class":6986},[5629,23578,23579],{"class":5631,"line":13005},[5629,23580,9475],{"class":7072},[5629,23582,23583,23585,23587],{"class":5631,"line":13012},[5629,23584,9481],{"class":6986},[5629,23586,7062],{"class":6990},[5629,23588,7004],{"class":6986},[5629,23590,23591,23593,23595],{"class":5631,"line":13041},[5629,23592,9491],{"class":6986},[5629,23594,5512],{"class":6990},[5629,23596,7004],{"class":6986},[5629,23598,23599,23601],{"class":5631,"line":13059},[5629,23600,9501],{"class":7072},[5629,23602,5798],{"class":5669},[5629,23604,23605,23607,23609],{"class":5631,"line":13064},[5629,23606,7184],{"class":6986},[5629,23608,5509],{"class":6990},[5629,23610,7004],{"class":6986},[5629,23612,23613],{"class":5631,"line":13080},[5629,23614,5663],{"emptyLinePlaceholder":5662},[5629,23616,23617,23619,23621,23623,23625,23627,23629,23631],{"class":5631,"line":13106},[5629,23618,9523],{"class":5669},[5629,23620,23386],{"class":5643},[5629,23622,5521],{"class":7072},[5629,23624,6323],{"class":5643},[5629,23626,9162],{"class":5639},[5629,23628,6896],{"class":6329},[5629,23630,9168],{"class":5639},[5629,23632,6981],{"class":7072},[5629,23634,23635,23637,23639,23641,23643,23645],{"class":5631,"line":13113},[5629,23636,7059],{"class":6986},[5629,23638,5485],{"class":6990},[5629,23640,6995],{"class":6994},[5629,23642,6998],{"class":5639},[5629,23644,9551],{"class":5652},[5629,23646,7004],{"class":6986},[5629,23648,23649,23651,23653,23655,23657,23659,23661,23663,23666],{"class":5631,"line":13124},[5629,23650,10367],{"class":5669},[5629,23652,6628],{"class":5643},[5629,23654,5521],{"class":7072},[5629,23656,8823],{"class":5643},[5629,23658,9162],{"class":5639},[5629,23660,22755],{"class":5652},[5629,23662,9168],{"class":5639},[5629,23664,23665],{"class":5652}," \"Список завдань порожній\"",[5629,23667,5798],{"class":5669},[5629,23669,23670,23672,23674,23676,23678,23680,23682,23684,23687],{"class":5631,"line":13133},[5629,23671,10367],{"class":5669},[5629,23673,6628],{"class":5643},[5629,23675,5521],{"class":7072},[5629,23677,8823],{"class":5643},[5629,23679,9162],{"class":5639},[5629,23681,23247],{"class":5652},[5629,23683,9168],{"class":5639},[5629,23685,23686],{"class":5652}," \"Немає активних завдань\"",[5629,23688,5798],{"class":5669},[5629,23690,23691,23693,23695,23697,23699,23701,23703,23705,23708],{"class":5631,"line":13150},[5629,23692,10367],{"class":5669},[5629,23694,6628],{"class":5643},[5629,23696,5521],{"class":7072},[5629,23698,8823],{"class":5643},[5629,23700,9162],{"class":5639},[5629,23702,9295],{"class":5652},[5629,23704,9168],{"class":5639},[5629,23706,23707],{"class":5652}," \"Немає завершених завдань\"",[5629,23709,5798],{"class":5669},[5629,23711,23712,23714,23716],{"class":5631,"line":13167},[5629,23713,7668],{"class":6986},[5629,23715,5485],{"class":6990},[5629,23717,7004],{"class":6986},[5629,23719,23720,23722],{"class":5631,"line":13176},[5629,23721,9568],{"class":7072},[5629,23723,5798],{"class":5669},[5629,23725,23726,23728,23730],{"class":5631,"line":13186},[5629,23727,7193],{"class":6986},[5629,23729,6991],{"class":6990},[5629,23731,7004],{"class":6986},[5629,23733,23734],{"class":5631,"line":13197},[5629,23735,7202],{"class":5639},[5629,23737,23738],{"class":5631,"line":13215},[5629,23739,5798],{"class":5639},[5485,23741,23742],{},[5489,23743,22013],{},[6532,23745,23746,23758,23771],{},[5512,23747,23748,23751,23752,23754,23755,23757],{},[5489,23749,23750],{},"Розширення стану:"," До ",[5477,23753,8896],{}," додано поле ",[5477,23756,8823],{},". Тепер редюсер управляє як даними, так і UI-станом фільтрації.",[5512,23759,23760,23763,23764,23766,23767,23770],{},[5489,23761,23762],{},"Обчислювана логіка фільтрації:"," Функція компонента обчислює ",[5477,23765,23386],{}," на основі поточного фільтра. Це приклад того, що ",[5489,23768,23769],{},"не всі"," дані мають зберігатися у стані — обчислювані значення краще виводити безпосередньо при рендері.",[5512,23772,23773,23776,23777,23779],{},[5489,23774,23775],{},"Візуальна індикація:"," Активна кнопка фільтра отримує клас ",[5477,23778,22090],{},", що дозволяє користувачу бачити поточний режим перегляду.",[20914,23781,23782,23842],{},[20917,23783,23785,23792,23812,23816],{"icon":20919,"label":23784},"📋 Завдання 3: Багаторівневий візард форми",[5485,23786,23787,23788,23791],{},"Створіть багатокрокову форму реєстрації (",[5529,23789,23790],{},"wizard",") з трьома кроками:",[6532,23793,23794,23800,23806],{},[5512,23795,23796,23799],{},[5489,23797,23798],{},"Особисті дані:"," ім'я, прізвище.",[5512,23801,23802,23805],{},[5489,23803,23804],{},"Контактна інформація:"," email, телефон.",[5512,23807,23808,23811],{},[5489,23809,23810],{},"Підтвердження:"," перегляд усіх даних та відправка.",[5485,23813,23814],{},[5489,23815,20955],{},[5509,23817,23818,23821,23824,23827],{},[5512,23819,23820],{},"Навігація вперед\u002Fназад між кроками.",[5512,23822,23823],{},"Валідація на кожному кроці (неможливо перейти далі з порожніми полями).",[5512,23825,23826],{},"Візуальний індикатор поточного кроку (прогрес-бар або нумерація).",[5512,23828,23829,23830,5832,23833,5832,23836,5832,23839,5521],{},"Екшени: ",[5477,23831,23832],{},"next_step",[5477,23834,23835],{},"previous_step",[5477,23837,23838],{},"field_changed",[5477,23840,23841],{},"submit",[20917,23843,23844,26698,26702],{"icon":20974,"label":20975},[5620,23845,23847],{"className":5622,"code":23846,"language":5624,"meta":5625,"style":5625},"import { useReducer } from \"react\";\n\ninterface WizardState {\n  currentStep: number;\n  data: {\n    firstName: string;\n    lastName: string;\n    email: string;\n    phone: string;\n  };\n  errors: {\n    firstName?: string;\n    lastName?: string;\n    email?: string;\n    phone?: string;\n  };\n}\n\ntype WizardAction =\n  | { type: \"next_step\" }\n  | { type: \"previous_step\" }\n  | {\n      type: \"field_changed\";\n      field: keyof WizardState[\"data\"];\n      value: string;\n    }\n  | { type: \"validation_failed\"; errors: WizardState[\"errors\"] }\n  | { type: \"submit\" };\n\nconst initialState: WizardState = {\n  currentStep: 1,\n  data: {\n    firstName: \"\",\n    lastName: \"\",\n    email: \"\",\n    phone: \"\",\n  },\n  errors: {},\n};\n\nfunction wizardReducer(state: WizardState, action: WizardAction): WizardState {\n  switch (action.type) {\n    case \"next_step\":\n      return {\n        ...state,\n        currentStep: Math.min(3, state.currentStep + 1),\n        errors: {},\n      };\n\n    case \"previous_step\":\n      return {\n        ...state,\n        currentStep: Math.max(1, state.currentStep - 1),\n        errors: {},\n      };\n\n    case \"field_changed\":\n      return {\n        ...state,\n        data: {\n          ...state.data,\n          [action.field]: action.value,\n        },\n        errors: {\n          ...state.errors,\n          [action.field]: undefined,\n        },\n      };\n\n    case \"validation_failed\":\n      return {\n        ...state,\n        errors: action.errors,\n      };\n\n    case \"submit\":\n      \u002F\u002F Логіка відправки форми\n      console.log(\"Відправка даних:\", state.data);\n      return initialState; \u002F\u002F Скидання після успішної відправки\n\n    default:\n      return state;\n  }\n}\n\nfunction RegistrationWizard() {\n  const [state, dispatch] = useReducer(wizardReducer, initialState);\n\n  const validateStep = (): boolean => {\n    const errors: WizardState[\"errors\"] = {};\n\n    if (state.currentStep === 1) {\n      if (!state.data.firstName.trim())\n        errors.firstName = \"Введіть ім'я\";\n      if (!state.data.lastName.trim())\n        errors.lastName = \"Введіть прізвище\";\n    }\n\n    if (state.currentStep === 2) {\n      if (!state.data.email.includes(\"@\"))\n        errors.email = \"Невірний формат email\";\n      if (!\u002F^\\+?\\d{10,}$\u002F.test(state.data.phone))\n        errors.phone = \"Невірний формат телефону\";\n    }\n\n    if (Object.keys(errors).length > 0) {\n      dispatch({ type: \"validation_failed\", errors });\n      return false;\n    }\n\n    return true;\n  };\n\n  const handleNext = () => {\n    if (validateStep()) {\n      dispatch({ type: \"next_step\" });\n    }\n  };\n\n  const handleSubmit = () => {\n    if (validateStep()) {\n      dispatch({ type: \"submit\" });\n      alert(\"Реєстрація успішна!\");\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"wizard\">\n      \u003Cdiv className=\"progress\">\n        \u003Cdiv className=\"step-indicator\">\n          \u003Cspan className={state.currentStep >= 1 ? \"active\" : \"\"}>1\u003C\u002Fspan>\n          \u003Cspan className={state.currentStep >= 2 ? \"active\" : \"\"}>2\u003C\u002Fspan>\n          \u003Cspan className={state.currentStep >= 3 ? \"active\" : \"\"}>3\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"wizard-content\">\n        {state.currentStep === 1 && (\n          \u003Cdiv className=\"step\">\n            \u003Ch2>Крок 1: Особисті дані\u003C\u002Fh2>\n            \u003Cinput\n              type=\"text\"\n              placeholder=\"Ім'я\"\n              value={state.data.firstName}\n              onChange={(e) =>\n                dispatch({\n                  type: \"field_changed\",\n                  field: \"firstName\",\n                  value: e.target.value,\n                })\n              }\n            \u002F>\n            {state.errors.firstName && (\n              \u003Cspan className=\"error\">{state.errors.firstName}\u003C\u002Fspan>\n            )}\n\n            \u003Cinput\n              type=\"text\"\n              placeholder=\"Прізвище\"\n              value={state.data.lastName}\n              onChange={(e) =>\n                dispatch({\n                  type: \"field_changed\",\n                  field: \"lastName\",\n                  value: e.target.value,\n                })\n              }\n            \u002F>\n            {state.errors.lastName && (\n              \u003Cspan className=\"error\">{state.errors.lastName}\u003C\u002Fspan>\n            )}\n          \u003C\u002Fdiv>\n        )}\n\n        {state.currentStep === 2 && (\n          \u003Cdiv className=\"step\">\n            \u003Ch2>Крок 2: Контактна інформація\u003C\u002Fh2>\n            \u003Cinput\n              type=\"email\"\n              placeholder=\"Email\"\n              value={state.data.email}\n              onChange={(e) =>\n                dispatch({\n                  type: \"field_changed\",\n                  field: \"email\",\n                  value: e.target.value,\n                })\n              }\n            \u002F>\n            {state.errors.email && (\n              \u003Cspan className=\"error\">{state.errors.email}\u003C\u002Fspan>\n            )}\n\n            \u003Cinput\n              type=\"tel\"\n              placeholder=\"Телефон\"\n              value={state.data.phone}\n              onChange={(e) =>\n                dispatch({\n                  type: \"field_changed\",\n                  field: \"phone\",\n                  value: e.target.value,\n                })\n              }\n            \u002F>\n            {state.errors.phone && (\n              \u003Cspan className=\"error\">{state.errors.phone}\u003C\u002Fspan>\n            )}\n          \u003C\u002Fdiv>\n        )}\n\n        {state.currentStep === 3 && (\n          \u003Cdiv className=\"step\">\n            \u003Ch2>Крок 3: Підтвердження\u003C\u002Fh2>\n            \u003Cdiv className=\"summary\">\n              \u003Cp>\n                \u003Cstrong>Ім'я:\u003C\u002Fstrong> {state.data.firstName}\n              \u003C\u002Fp>\n              \u003Cp>\n                \u003Cstrong>Прізвище:\u003C\u002Fstrong> {state.data.lastName}\n              \u003C\u002Fp>\n              \u003Cp>\n                \u003Cstrong>Email:\u003C\u002Fstrong> {state.data.email}\n              \u003C\u002Fp>\n              \u003Cp>\n                \u003Cstrong>Телефон:\u003C\u002Fstrong> {state.data.phone}\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"wizard-controls\">\n        {state.currentStep > 1 && (\n          \u003Cbutton onClick={() => dispatch({ type: \"previous_step\" })}>\n            Назад\n          \u003C\u002Fbutton>\n        )}\n\n        {state.currentStep \u003C 3 && (\n          \u003Cbutton onClick={handleNext}>Далі\u003C\u002Fbutton>\n        )}\n\n        {state.currentStep === 3 && (\n          \u003Cbutton onClick={handleSubmit}>Зареєструватись\u003C\u002Fbutton>\n        )}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5477,23848,23849,23865,23869,23878,23889,23896,23907,23918,23928,23939,23943,23949,23959,23969,23979,23989,23993,23997,24001,24010,24023,24036,24041,24052,24071,24082,24086,24111,24124,24128,24140,24149,24156,24165,24174,24183,24192,24197,24203,24207,24211,24241,24255,24264,24270,24278,24311,24317,24321,24325,24334,24340,24348,24376,24382,24386,24390,24398,24404,24412,24419,24432,24444,24448,24454,24466,24474,24478,24482,24486,24494,24500,24508,24520,24524,24528,24537,24542,24567,24578,24582,24588,24596,24600,24604,24608,24617,24644,24648,24665,24681,24685,24703,24728,24744,24767,24782,24786,24790,24809,24836,24850,24901,24916,24920,24924,24950,24966,24974,24978,24982,24990,24994,24998,25011,25022,25034,25038,25042,25046,25058,25068,25080,25090,25094,25098,25102,25108,25123,25138,25153,25196,25239,25282,25290,25298,25302,25317,25335,25350,25367,25373,25381,25391,25412,25428,25435,25444,25454,25471,25476,25481,25485,25503,25538,25545,25549,25555,25563,25572,25592,25608,25614,25622,25631,25647,25651,25655,25659,25677,25711,25717,25725,25731,25735,25753,25767,25784,25790,25798,25807,25827,25843,25849,25857,25865,25881,25885,25889,25893,25911,25945,25951,25955,25961,25970,25979,25999,26015,26021,26029,26038,26055,26060,26065,26070,26089,26124,26131,26140,26147,26152,26171,26186,26204,26220,26229,26263,26272,26281,26313,26322,26331,26363,26372,26381,26413,26422,26431,26440,26447,26456,26461,26477,26497,26528,26534,26543,26550,26555,26575,26604,26611,26616,26635,26663,26670,26679,26688,26693],{"__ignoreMap":5625},[5629,23850,23851,23853,23855,23857,23859,23861,23863],{"class":5631,"line":5632},[5629,23852,5636],{"class":5635},[5629,23854,5640],{"class":5639},[5629,23856,5479],{"class":5643},[5629,23858,5646],{"class":5639},[5629,23860,5649],{"class":5635},[5629,23862,5653],{"class":5652},[5629,23864,5656],{"class":5639},[5629,23866,23867],{"class":5631,"line":5659},[5629,23868,5663],{"emptyLinePlaceholder":5662},[5629,23870,23871,23873,23876],{"class":5631,"line":5666},[5629,23872,5670],{"class":5669},[5629,23874,23875],{"class":5673}," WizardState",[5629,23877,5677],{"class":5639},[5629,23879,23880,23883,23885,23887],{"class":5631,"line":5680},[5629,23881,23882],{"class":5643},"  currentStep",[5629,23884,5686],{"class":5639},[5629,23886,6801],{"class":5673},[5629,23888,5656],{"class":5639},[5629,23890,23891,23894],{"class":5631,"line":5694},[5629,23892,23893],{"class":5643},"  data",[5629,23895,5749],{"class":5639},[5629,23897,23898,23901,23903,23905],{"class":5631,"line":5706},[5629,23899,23900],{"class":5643},"    firstName",[5629,23902,5686],{"class":5639},[5629,23904,5689],{"class":5673},[5629,23906,5656],{"class":5639},[5629,23908,23909,23912,23914,23916],{"class":5631,"line":5718},[5629,23910,23911],{"class":5643},"    lastName",[5629,23913,5686],{"class":5639},[5629,23915,5689],{"class":5673},[5629,23917,5656],{"class":5639},[5629,23919,23920,23922,23924,23926],{"class":5631,"line":5731},[5629,23921,5755],{"class":5643},[5629,23923,5686],{"class":5639},[5629,23925,5689],{"class":5673},[5629,23927,5656],{"class":5639},[5629,23929,23930,23933,23935,23937],{"class":5631,"line":5743},[5629,23931,23932],{"class":5643},"    phone",[5629,23934,5686],{"class":5639},[5629,23936,5689],{"class":5673},[5629,23938,5656],{"class":5639},[5629,23940,23941],{"class":5631,"line":5752},[5629,23942,5792],{"class":5639},[5629,23944,23945,23947],{"class":5631,"line":5765},[5629,23946,5746],{"class":5643},[5629,23948,5749],{"class":5639},[5629,23950,23951,23953,23955,23957],{"class":5631,"line":5777},[5629,23952,23900],{"class":5643},[5629,23954,5758],{"class":5639},[5629,23956,5689],{"class":5673},[5629,23958,5656],{"class":5639},[5629,23960,23961,23963,23965,23967],{"class":5631,"line":5789},[5629,23962,23911],{"class":5643},[5629,23964,5758],{"class":5639},[5629,23966,5689],{"class":5673},[5629,23968,5656],{"class":5639},[5629,23970,23971,23973,23975,23977],{"class":5631,"line":5795},[5629,23972,5755],{"class":5643},[5629,23974,5758],{"class":5639},[5629,23976,5689],{"class":5673},[5629,23978,5656],{"class":5639},[5629,23980,23981,23983,23985,23987],{"class":5631,"line":5801},[5629,23982,23932],{"class":5643},[5629,23984,5758],{"class":5639},[5629,23986,5689],{"class":5673},[5629,23988,5656],{"class":5639},[5629,23990,23991],{"class":5631,"line":5806},[5629,23992,5792],{"class":5639},[5629,23994,23995],{"class":5631,"line":5819},[5629,23996,5798],{"class":5639},[5629,23998,23999],{"class":5631,"line":5852},[5629,24000,5663],{"emptyLinePlaceholder":5662},[5629,24002,24003,24005,24008],{"class":5631,"line":5877},[5629,24004,5570],{"class":5669},[5629,24006,24007],{"class":5673}," WizardAction",[5629,24009,6734],{"class":5639},[5629,24011,24012,24014,24016,24018,24021],{"class":5631,"line":5902},[5629,24013,6739],{"class":5639},[5629,24015,5570],{"class":5643},[5629,24017,5686],{"class":5639},[5629,24019,24020],{"class":5652},"\"next_step\"",[5629,24022,6749],{"class":5639},[5629,24024,24025,24027,24029,24031,24034],{"class":5631,"line":5928},[5629,24026,6739],{"class":5639},[5629,24028,5570],{"class":5643},[5629,24030,5686],{"class":5639},[5629,24032,24033],{"class":5652},"\"previous_step\"",[5629,24035,6749],{"class":5639},[5629,24037,24038],{"class":5631,"line":5953},[5629,24039,24040],{"class":5639},"  | {\n",[5629,24042,24043,24046,24048,24050],{"class":5631,"line":5987},[5629,24044,24045],{"class":5643},"      type",[5629,24047,5686],{"class":5639},[5629,24049,12017],{"class":5652},[5629,24051,5656],{"class":5639},[5629,24053,24054,24057,24059,24061,24063,24065,24068],{"class":5631,"line":5992},[5629,24055,24056],{"class":5643},"      field",[5629,24058,5686],{"class":5639},[5629,24060,19874],{"class":5669},[5629,24062,23875],{"class":5673},[5629,24064,5978],{"class":5639},[5629,24066,24067],{"class":5652},"\"data\"",[5629,24069,24070],{"class":5639},"];\n",[5629,24072,24073,24076,24078,24080],{"class":5631,"line":6018},[5629,24074,24075],{"class":5643},"      value",[5629,24077,5686],{"class":5639},[5629,24079,5689],{"class":5673},[5629,24081,5656],{"class":5639},[5629,24083,24084],{"class":5631,"line":6030},[5629,24085,6090],{"class":5639},[5629,24087,24088,24090,24092,24094,24096,24098,24100,24102,24105,24107,24109],{"class":5631,"line":6037},[5629,24089,6739],{"class":5639},[5629,24091,5570],{"class":5643},[5629,24093,5686],{"class":5639},[5629,24095,12085],{"class":5652},[5629,24097,8533],{"class":5639},[5629,24099,5960],{"class":5643},[5629,24101,5686],{"class":5639},[5629,24103,24104],{"class":5673},"WizardState",[5629,24106,5978],{"class":5639},[5629,24108,5981],{"class":5652},[5629,24110,12101],{"class":5639},[5629,24112,24113,24115,24117,24119,24122],{"class":5631,"line":6055},[5629,24114,6739],{"class":5639},[5629,24116,5570],{"class":5643},[5629,24118,5686],{"class":5639},[5629,24120,24121],{"class":5652},"\"submit\"",[5629,24123,6776],{"class":5639},[5629,24125,24126],{"class":5631,"line":6087},[5629,24127,5663],{"emptyLinePlaceholder":5662},[5629,24129,24130,24132,24134,24136,24138],{"class":5631,"line":6093},[5629,24131,12136],{"class":5669},[5629,24133,12139],{"class":5828},[5629,24135,5686],{"class":5639},[5629,24137,24104],{"class":5673},[5629,24139,12146],{"class":5639},[5629,24141,24142,24145,24147],{"class":5631,"line":6098},[5629,24143,24144],{"class":5643},"  currentStep:",[5629,24146,17919],{"class":6329},[5629,24148,8197],{"class":5639},[5629,24150,24151,24154],{"class":5631,"line":6103},[5629,24152,24153],{"class":5643},"  data:",[5629,24155,5677],{"class":5639},[5629,24157,24158,24161,24163],{"class":5631,"line":6125},[5629,24159,24160],{"class":5643},"    firstName:",[5629,24162,9301],{"class":5652},[5629,24164,8197],{"class":5639},[5629,24166,24167,24170,24172],{"class":5631,"line":6137},[5629,24168,24169],{"class":5643},"    lastName:",[5629,24171,9301],{"class":5652},[5629,24173,8197],{"class":5639},[5629,24175,24176,24179,24181],{"class":5631,"line":6152},[5629,24177,24178],{"class":5643},"    email:",[5629,24180,9301],{"class":5652},[5629,24182,8197],{"class":5639},[5629,24184,24185,24188,24190],{"class":5631,"line":6178},[5629,24186,24187],{"class":5643},"    phone:",[5629,24189,9301],{"class":5652},[5629,24191,8197],{"class":5639},[5629,24193,24194],{"class":5631,"line":6183},[5629,24195,24196],{"class":5639},"  },\n",[5629,24198,24199,24201],{"class":5631,"line":6188},[5629,24200,12196],{"class":5643},[5629,24202,12199],{"class":5639},[5629,24204,24205],{"class":5631,"line":6193},[5629,24206,12204],{"class":5639},[5629,24208,24209],{"class":5631,"line":6214},[5629,24210,5663],{"emptyLinePlaceholder":5662},[5629,24212,24213,24215,24218,24220,24222,24224,24226,24228,24230,24232,24235,24237,24239],{"class":5631,"line":6227},[5629,24214,5809],{"class":5669},[5629,24216,24217],{"class":5812}," wizardReducer",[5629,24219,5843],{"class":5639},[5629,24221,6628],{"class":5643},[5629,24223,5686],{"class":5639},[5629,24225,24104],{"class":5673},[5629,24227,5832],{"class":5639},[5629,24229,6592],{"class":5643},[5629,24231,5686],{"class":5639},[5629,24233,24234],{"class":5673},"WizardAction",[5629,24236,6813],{"class":5639},[5629,24238,24104],{"class":5673},[5629,24240,5677],{"class":5639},[5629,24242,24243,24245,24247,24249,24251,24253],{"class":5631,"line":6236},[5629,24244,6822],{"class":5635},[5629,24246,6043],{"class":5639},[5629,24248,6592],{"class":5643},[5629,24250,5521],{"class":5639},[5629,24252,5570],{"class":5643},[5629,24254,6052],{"class":5639},[5629,24256,24257,24259,24262],{"class":5631,"line":6241},[5629,24258,6837],{"class":5635},[5629,24260,24261],{"class":5652}," \"next_step\"",[5629,24263,6843],{"class":5639},[5629,24265,24266,24268],{"class":5631,"line":6247},[5629,24267,6456],{"class":5635},[5629,24269,5677],{"class":5639},[5629,24271,24272,24274,24276],{"class":5631,"line":6267},[5629,24273,8657],{"class":5639},[5629,24275,6628],{"class":5643},[5629,24277,8197],{"class":5639},[5629,24279,24280,24283,24286,24288,24291,24293,24296,24298,24300,24302,24305,24307,24309],{"class":5631,"line":6290},[5629,24281,24282],{"class":5643},"        currentStep:",[5629,24284,24285],{"class":5643}," Math",[5629,24287,5521],{"class":5639},[5629,24289,24290],{"class":5812},"min",[5629,24292,5843],{"class":5639},[5629,24294,24295],{"class":6329},"3",[5629,24297,5832],{"class":5639},[5629,24299,6628],{"class":5643},[5629,24301,5521],{"class":5639},[5629,24303,24304],{"class":5643},"currentStep",[5629,24306,6853],{"class":5639},[5629,24308,6856],{"class":6329},[5629,24310,22630],{"class":5639},[5629,24312,24313,24315],{"class":5631,"line":6307},[5629,24314,12307],{"class":5643},[5629,24316,12199],{"class":5639},[5629,24318,24319],{"class":5631,"line":6312},[5629,24320,12340],{"class":5639},[5629,24322,24323],{"class":5631,"line":6335},[5629,24324,5663],{"emptyLinePlaceholder":5662},[5629,24326,24327,24329,24332],{"class":5631,"line":6351},[5629,24328,6837],{"class":5635},[5629,24330,24331],{"class":5652}," \"previous_step\"",[5629,24333,6843],{"class":5639},[5629,24335,24336,24338],{"class":5631,"line":6356},[5629,24337,6456],{"class":5635},[5629,24339,5677],{"class":5639},[5629,24341,24342,24344,24346],{"class":5631,"line":6372},[5629,24343,8657],{"class":5639},[5629,24345,6628],{"class":5643},[5629,24347,8197],{"class":5639},[5629,24349,24350,24352,24354,24356,24358,24360,24362,24364,24366,24368,24370,24372,24374],{"class":5631,"line":6388},[5629,24351,24282],{"class":5643},[5629,24353,24285],{"class":5643},[5629,24355,5521],{"class":5639},[5629,24357,21295],{"class":5812},[5629,24359,5843],{"class":5639},[5629,24361,6856],{"class":6329},[5629,24363,5832],{"class":5639},[5629,24365,6628],{"class":5643},[5629,24367,5521],{"class":5639},[5629,24369,24304],{"class":5643},[5629,24371,6876],{"class":5639},[5629,24373,6856],{"class":6329},[5629,24375,22630],{"class":5639},[5629,24377,24378,24380],{"class":5631,"line":6393},[5629,24379,12307],{"class":5643},[5629,24381,12199],{"class":5639},[5629,24383,24384],{"class":5631,"line":6398},[5629,24385,12340],{"class":5639},[5629,24387,24388],{"class":5631,"line":6430},[5629,24389,5663],{"emptyLinePlaceholder":5662},[5629,24391,24392,24394,24396],{"class":5631,"line":6441},[5629,24393,6837],{"class":5635},[5629,24395,12268],{"class":5652},[5629,24397,6843],{"class":5639},[5629,24399,24400,24402],{"class":5631,"line":6453},[5629,24401,6456],{"class":5635},[5629,24403,5677],{"class":5639},[5629,24405,24406,24408,24410],{"class":5631,"line":6461},[5629,24407,8657],{"class":5639},[5629,24409,6628],{"class":5643},[5629,24411,8197],{"class":5639},[5629,24413,24414,24417],{"class":5631,"line":6466},[5629,24415,24416],{"class":5643},"        data:",[5629,24418,5677],{"class":5639},[5629,24420,24421,24423,24425,24427,24430],{"class":5631,"line":6471},[5629,24422,12314],{"class":5639},[5629,24424,6628],{"class":5643},[5629,24426,5521],{"class":5639},[5629,24428,24429],{"class":5643},"data",[5629,24431,8197],{"class":5639},[5629,24433,24434,24436,24438,24440,24442],{"class":5631,"line":6477},[5629,24435,12327],{"class":5643},[5629,24437,8690],{"class":5643},[5629,24439,5521],{"class":5639},[5629,24441,6003],{"class":5643},[5629,24443,8197],{"class":5639},[5629,24445,24446],{"class":5631,"line":6498},[5629,24447,8711],{"class":5639},[5629,24449,24450,24452],{"class":5631,"line":6509},[5629,24451,12307],{"class":5643},[5629,24453,5677],{"class":5639},[5629,24455,24456,24458,24460,24462,24464],{"class":5631,"line":6514},[5629,24457,12314],{"class":5639},[5629,24459,6628],{"class":5643},[5629,24461,5521],{"class":5639},[5629,24463,5960],{"class":5643},[5629,24465,8197],{"class":5639},[5629,24467,24468,24470,24472],{"class":5631,"line":6519},[5629,24469,12327],{"class":5643},[5629,24471,6081],{"class":5669},[5629,24473,8197],{"class":5639},[5629,24475,24476],{"class":5631,"line":6525},[5629,24477,8711],{"class":5639},[5629,24479,24480],{"class":5631,"line":9325},[5629,24481,12340],{"class":5639},[5629,24483,24484],{"class":5631,"line":9343},[5629,24485,5663],{"emptyLinePlaceholder":5662},[5629,24487,24488,24490,24492],{"class":5631,"line":9380},[5629,24489,6837],{"class":5635},[5629,24491,12444],{"class":5652},[5629,24493,6843],{"class":5639},[5629,24495,24496,24498],{"class":5631,"line":9386},[5629,24497,6456],{"class":5635},[5629,24499,5677],{"class":5639},[5629,24501,24502,24504,24506],{"class":5631,"line":9411},[5629,24503,8657],{"class":5639},[5629,24505,6628],{"class":5643},[5629,24507,8197],{"class":5639},[5629,24509,24510,24512,24514,24516,24518],{"class":5631,"line":9419},[5629,24511,12307],{"class":5643},[5629,24513,8690],{"class":5643},[5629,24515,5521],{"class":5639},[5629,24517,5960],{"class":5643},[5629,24519,8197],{"class":5639},[5629,24521,24522],{"class":5631,"line":9430},[5629,24523,12340],{"class":5639},[5629,24525,24526],{"class":5631,"line":9466},[5629,24527,5663],{"emptyLinePlaceholder":5662},[5629,24529,24530,24532,24535],{"class":5631,"line":9472},[5629,24531,6837],{"class":5635},[5629,24533,24534],{"class":5652}," \"submit\"",[5629,24536,6843],{"class":5639},[5629,24538,24539],{"class":5631,"line":9478},[5629,24540,24541],{"class":6033},"      \u002F\u002F Логіка відправки форми\n",[5629,24543,24544,24547,24549,24552,24554,24557,24559,24561,24563,24565],{"class":5631,"line":9488},[5629,24545,24546],{"class":5643},"      console",[5629,24548,5521],{"class":5639},[5629,24550,24551],{"class":5812},"log",[5629,24553,5843],{"class":5639},[5629,24555,24556],{"class":5652},"\"Відправка даних:\"",[5629,24558,5832],{"class":5639},[5629,24560,6628],{"class":5643},[5629,24562,5521],{"class":5639},[5629,24564,24429],{"class":5643},[5629,24566,5849],{"class":5639},[5629,24568,24569,24571,24573,24575],{"class":5631,"line":9498},[5629,24570,6456],{"class":5635},[5629,24572,12139],{"class":5643},[5629,24574,8533],{"class":5639},[5629,24576,24577],{"class":6033},"\u002F\u002F Скидання після успішної відправки\n",[5629,24579,24580],{"class":5631,"line":9506},[5629,24581,5663],{"emptyLinePlaceholder":5662},[5629,24583,24584,24586],{"class":5631,"line":9515},[5629,24585,6903],{"class":5635},[5629,24587,6843],{"class":5639},[5629,24589,24590,24592,24594],{"class":5631,"line":9520},[5629,24591,6456],{"class":5635},[5629,24593,6850],{"class":5643},[5629,24595,5656],{"class":5639},[5629,24597,24598],{"class":5631,"line":9540},[5629,24599,6923],{"class":5639},[5629,24601,24602],{"class":5631,"line":9565},[5629,24603,5798],{"class":5639},[5629,24605,24606],{"class":5631,"line":9573},[5629,24607,5663],{"emptyLinePlaceholder":5662},[5629,24609,24610,24612,24615],{"class":5631,"line":9582},[5629,24611,5809],{"class":5669},[5629,24613,24614],{"class":5812}," RegistrationWizard",[5629,24616,5816],{"class":5639},[5629,24618,24619,24621,24623,24625,24627,24629,24631,24633,24635,24638,24640,24642],{"class":5631,"line":9587},[5629,24620,5822],{"class":5669},[5629,24622,5825],{"class":5639},[5629,24624,6628],{"class":5828},[5629,24626,5832],{"class":5639},[5629,24628,6954],{"class":5828},[5629,24630,5838],{"class":5639},[5629,24632,5479],{"class":5812},[5629,24634,5843],{"class":5639},[5629,24636,24637],{"class":5643},"wizardReducer",[5629,24639,5832],{"class":5639},[5629,24641,8258],{"class":5643},[5629,24643,5849],{"class":5639},[5629,24645,24646],{"class":5631,"line":10688},[5629,24647,5663],{"emptyLinePlaceholder":5662},[5629,24649,24650,24652,24655,24658,24660,24663],{"class":5631,"line":10693},[5629,24651,5822],{"class":5669},[5629,24653,24654],{"class":5812}," validateStep",[5629,24656,24657],{"class":5639}," = (): ",[5629,24659,5726],{"class":5673},[5629,24661,24662],{"class":5669}," =>",[5629,24664,5677],{"class":5639},[5629,24666,24667,24669,24671,24673,24675,24677,24679],{"class":5631,"line":11554},[5629,24668,6250],{"class":5669},[5629,24670,12690],{"class":5828},[5629,24672,5686],{"class":5639},[5629,24674,24104],{"class":5673},[5629,24676,5978],{"class":5639},[5629,24678,5981],{"class":5652},[5629,24680,6264],{"class":5639},[5629,24682,24683],{"class":5631,"line":11559},[5629,24684,5663],{"emptyLinePlaceholder":5662},[5629,24686,24687,24689,24691,24693,24695,24697,24699,24701],{"class":5631,"line":11564},[5629,24688,6040],{"class":5635},[5629,24690,6043],{"class":5639},[5629,24692,6628],{"class":5643},[5629,24694,5521],{"class":5639},[5629,24696,24304],{"class":5643},[5629,24698,8762],{"class":5639},[5629,24700,6856],{"class":6329},[5629,24702,6052],{"class":5639},[5629,24704,24705,24708,24710,24712,24714,24716,24718,24721,24723,24725],{"class":5631,"line":11573},[5629,24706,24707],{"class":5635},"      if",[5629,24709,6272],{"class":5639},[5629,24711,6628],{"class":5643},[5629,24713,5521],{"class":5639},[5629,24715,24429],{"class":5643},[5629,24717,5521],{"class":5639},[5629,24719,24720],{"class":5643},"firstName",[5629,24722,5521],{"class":5639},[5629,24724,8967],{"class":5812},[5629,24726,24727],{"class":5639},"())\n",[5629,24729,24730,24733,24735,24737,24739,24742],{"class":5631,"line":11584},[5629,24731,24732],{"class":5643},"        errors",[5629,24734,5521],{"class":5639},[5629,24736,24720],{"class":5643},[5629,24738,6201],{"class":5639},[5629,24740,24741],{"class":5652},"\"Введіть ім'я\"",[5629,24743,5656],{"class":5639},[5629,24745,24746,24748,24750,24752,24754,24756,24758,24761,24763,24765],{"class":5631,"line":11595},[5629,24747,24707],{"class":5635},[5629,24749,6272],{"class":5639},[5629,24751,6628],{"class":5643},[5629,24753,5521],{"class":5639},[5629,24755,24429],{"class":5643},[5629,24757,5521],{"class":5639},[5629,24759,24760],{"class":5643},"lastName",[5629,24762,5521],{"class":5639},[5629,24764,8967],{"class":5812},[5629,24766,24727],{"class":5639},[5629,24768,24769,24771,24773,24775,24777,24780],{"class":5631,"line":11606},[5629,24770,24732],{"class":5643},[5629,24772,5521],{"class":5639},[5629,24774,24760],{"class":5643},[5629,24776,6201],{"class":5639},[5629,24778,24779],{"class":5652},"\"Введіть прізвище\"",[5629,24781,5656],{"class":5639},[5629,24783,24784],{"class":5631,"line":11611},[5629,24785,6090],{"class":5639},[5629,24787,24788],{"class":5631,"line":11616},[5629,24789,5663],{"emptyLinePlaceholder":5662},[5629,24791,24792,24794,24796,24798,24800,24802,24804,24807],{"class":5631,"line":11624},[5629,24793,6040],{"class":5635},[5629,24795,6043],{"class":5639},[5629,24797,6628],{"class":5643},[5629,24799,5521],{"class":5639},[5629,24801,24304],{"class":5643},[5629,24803,8762],{"class":5639},[5629,24805,24806],{"class":6329},"2",[5629,24808,6052],{"class":5639},[5629,24810,24811,24813,24815,24817,24819,24821,24823,24825,24827,24829,24831,24833],{"class":5631,"line":11638},[5629,24812,24707],{"class":5635},[5629,24814,6272],{"class":5639},[5629,24816,6628],{"class":5643},[5629,24818,5521],{"class":5639},[5629,24820,24429],{"class":5643},[5629,24822,5521],{"class":5639},[5629,24824,5829],{"class":5643},[5629,24826,5521],{"class":5639},[5629,24828,6279],{"class":5812},[5629,24830,5843],{"class":5639},[5629,24832,6284],{"class":5652},[5629,24834,24835],{"class":5639},"))\n",[5629,24837,24838,24840,24842,24844,24846,24848],{"class":5631,"line":11650},[5629,24839,24732],{"class":5643},[5629,24841,5521],{"class":5639},[5629,24843,5829],{"class":5643},[5629,24845,6201],{"class":5639},[5629,24847,6302],{"class":5652},[5629,24849,5656],{"class":5639},[5629,24851,24852,24854,24856,24860,24864,24868,24871,24874,24877,24880,24882,24884,24886,24888,24890,24892,24894,24896,24899],{"class":5631,"line":11661},[5629,24853,24707],{"class":5635},[5629,24855,6272],{"class":5639},[5629,24857,24859],{"class":24858},"shsrj","\u002F",[5629,24861,24863],{"class":24862},"siofk","^",[5629,24865,24867],{"class":24866},"sjcCO","\\+",[5629,24869,18237],{"class":24870},"sYsli",[5629,24872,24873],{"class":24858},"\\d",[5629,24875,24876],{"class":24870},"{10,}",[5629,24878,24879],{"class":24862},"$",[5629,24881,24859],{"class":24858},[5629,24883,5521],{"class":5639},[5629,24885,17198],{"class":5812},[5629,24887,5843],{"class":5639},[5629,24889,6628],{"class":5643},[5629,24891,5521],{"class":5639},[5629,24893,24429],{"class":5643},[5629,24895,5521],{"class":5639},[5629,24897,24898],{"class":5643},"phone",[5629,24900,24835],{"class":5639},[5629,24902,24903,24905,24907,24909,24911,24914],{"class":5631,"line":11666},[5629,24904,24732],{"class":5643},[5629,24906,5521],{"class":5639},[5629,24908,24898],{"class":5643},[5629,24910,6201],{"class":5639},[5629,24912,24913],{"class":5652},"\"Невірний формат телефону\"",[5629,24915,5656],{"class":5639},[5629,24917,24918],{"class":5631,"line":11671},[5629,24919,6090],{"class":5639},[5629,24921,24922],{"class":5631,"line":11679},[5629,24923,5663],{"emptyLinePlaceholder":5662},[5629,24925,24926,24928,24930,24932,24934,24936,24938,24940,24942,24944,24946,24948],{"class":5631,"line":11691},[5629,24927,6040],{"class":5635},[5629,24929,6043],{"class":5639},[5629,24931,6405],{"class":5643},[5629,24933,5521],{"class":5639},[5629,24935,6410],{"class":5812},[5629,24937,5843],{"class":5639},[5629,24939,5960],{"class":5643},[5629,24941,5539],{"class":5639},[5629,24943,6323],{"class":5643},[5629,24945,6422],{"class":5639},[5629,24947,6425],{"class":6329},[5629,24949,6052],{"class":5639},[5629,24951,24952,24954,24956,24958,24960,24962,24964],{"class":5631,"line":11696},[5629,24953,8975],{"class":5812},[5629,24955,6486],{"class":5639},[5629,24957,7083],{"class":5643},[5629,24959,12444],{"class":5652},[5629,24961,5832],{"class":5639},[5629,24963,5960],{"class":5643},[5629,24965,6495],{"class":5639},[5629,24967,24968,24970,24972],{"class":5631,"line":11701},[5629,24969,6456],{"class":5635},[5629,24971,8704],{"class":5669},[5629,24973,5656],{"class":5639},[5629,24975,24976],{"class":5631,"line":11709},[5629,24977,6090],{"class":5639},[5629,24979,24980],{"class":5631,"line":11720},[5629,24981,5663],{"emptyLinePlaceholder":5662},[5629,24983,24984,24986,24988],{"class":5631,"line":11732},[5629,24985,22889],{"class":5635},[5629,24987,12421],{"class":5669},[5629,24989,5656],{"class":5639},[5629,24991,24992],{"class":5631,"line":11743},[5629,24993,5792],{"class":5639},[5629,24995,24996],{"class":5631,"line":11756},[5629,24997,5663],{"emptyLinePlaceholder":5662},[5629,24999,25000,25002,25005,25007,25009],{"class":5631,"line":12965},[5629,25001,5822],{"class":5669},[5629,25003,25004],{"class":5812}," handleNext",[5629,25006,8950],{"class":5639},[5629,25008,6013],{"class":5669},[5629,25010,5677],{"class":5639},[5629,25012,25013,25015,25017,25020],{"class":5631,"line":12978},[5629,25014,6040],{"class":5635},[5629,25016,6043],{"class":5639},[5629,25018,25019],{"class":5812},"validateStep",[5629,25021,8970],{"class":5639},[5629,25023,25024,25026,25028,25030,25032],{"class":5631,"line":12990},[5629,25025,8975],{"class":5812},[5629,25027,6486],{"class":5639},[5629,25029,7083],{"class":5643},[5629,25031,24261],{"class":5652},[5629,25033,6495],{"class":5639},[5629,25035,25036],{"class":5631,"line":12995},[5629,25037,6090],{"class":5639},[5629,25039,25040],{"class":5631,"line":13000},[5629,25041,5792],{"class":5639},[5629,25043,25044],{"class":5631,"line":13005},[5629,25045,5663],{"emptyLinePlaceholder":5662},[5629,25047,25048,25050,25052,25054,25056],{"class":5631,"line":13012},[5629,25049,5822],{"class":5669},[5629,25051,6198],{"class":5812},[5629,25053,8950],{"class":5639},[5629,25055,6013],{"class":5669},[5629,25057,5677],{"class":5639},[5629,25059,25060,25062,25064,25066],{"class":5631,"line":13041},[5629,25061,6040],{"class":5635},[5629,25063,6043],{"class":5639},[5629,25065,25019],{"class":5812},[5629,25067,8970],{"class":5639},[5629,25069,25070,25072,25074,25076,25078],{"class":5631,"line":13059},[5629,25071,8975],{"class":5812},[5629,25073,6486],{"class":5639},[5629,25075,7083],{"class":5643},[5629,25077,24534],{"class":5652},[5629,25079,6495],{"class":5639},[5629,25081,25082,25084,25086,25088],{"class":5631,"line":13064},[5629,25083,12945],{"class":5812},[5629,25085,5843],{"class":5639},[5629,25087,12950],{"class":5652},[5629,25089,5849],{"class":5639},[5629,25091,25092],{"class":5631,"line":13080},[5629,25093,6090],{"class":5639},[5629,25095,25096],{"class":5631,"line":13106},[5629,25097,5792],{"class":5639},[5629,25099,25100],{"class":5631,"line":13113},[5629,25101,5663],{"emptyLinePlaceholder":5662},[5629,25103,25104,25106],{"class":5631,"line":13124},[5629,25105,6978],{"class":5635},[5629,25107,6981],{"class":5639},[5629,25109,25110,25112,25114,25116,25118,25121],{"class":5631,"line":13133},[5629,25111,6987],{"class":6986},[5629,25113,6991],{"class":6990},[5629,25115,6995],{"class":6994},[5629,25117,6998],{"class":5639},[5629,25119,25120],{"class":5652},"\"wizard\"",[5629,25122,7004],{"class":6986},[5629,25124,25125,25127,25129,25131,25133,25136],{"class":5631,"line":13150},[5629,25126,7009],{"class":6986},[5629,25128,6991],{"class":6990},[5629,25130,6995],{"class":6994},[5629,25132,6998],{"class":5639},[5629,25134,25135],{"class":5652},"\"progress\"",[5629,25137,7004],{"class":6986},[5629,25139,25140,25142,25144,25146,25148,25151],{"class":5631,"line":13167},[5629,25141,7059],{"class":6986},[5629,25143,6991],{"class":6990},[5629,25145,6995],{"class":6994},[5629,25147,6998],{"class":5639},[5629,25149,25150],{"class":5652},"\"step-indicator\"",[5629,25152,7004],{"class":6986},[5629,25154,25155,25157,25159,25161,25163,25165,25167,25169,25171,25174,25176,25178,25180,25182,25184,25186,25188,25190,25192,25194],{"class":5631,"line":13176},[5629,25156,7553],{"class":6986},[5629,25158,5629],{"class":6990},[5629,25160,6995],{"class":6994},[5629,25162,6998],{"class":5639},[5629,25164,7027],{"class":5669},[5629,25166,6628],{"class":5643},[5629,25168,5521],{"class":7072},[5629,25170,24304],{"class":5643},[5629,25172,25173],{"class":5639}," >=",[5629,25175,17919],{"class":6329},[5629,25177,9292],{"class":5639},[5629,25179,23247],{"class":5652},[5629,25181,9298],{"class":5639},[5629,25183,9301],{"class":5652},[5629,25185,7032],{"class":5669},[5629,25187,7021],{"class":6986},[5629,25189,6856],{"class":5639},[5629,25191,7035],{"class":6986},[5629,25193,5629],{"class":6990},[5629,25195,7004],{"class":6986},[5629,25197,25198,25200,25202,25204,25206,25208,25210,25212,25214,25216,25219,25221,25223,25225,25227,25229,25231,25233,25235,25237],{"class":5631,"line":13186},[5629,25199,7553],{"class":6986},[5629,25201,5629],{"class":6990},[5629,25203,6995],{"class":6994},[5629,25205,6998],{"class":5639},[5629,25207,7027],{"class":5669},[5629,25209,6628],{"class":5643},[5629,25211,5521],{"class":7072},[5629,25213,24304],{"class":5643},[5629,25215,25173],{"class":5639},[5629,25217,25218],{"class":6329}," 2",[5629,25220,9292],{"class":5639},[5629,25222,23247],{"class":5652},[5629,25224,9298],{"class":5639},[5629,25226,9301],{"class":5652},[5629,25228,7032],{"class":5669},[5629,25230,7021],{"class":6986},[5629,25232,24806],{"class":5639},[5629,25234,7035],{"class":6986},[5629,25236,5629],{"class":6990},[5629,25238,7004],{"class":6986},[5629,25240,25241,25243,25245,25247,25249,25251,25253,25255,25257,25259,25262,25264,25266,25268,25270,25272,25274,25276,25278,25280],{"class":5631,"line":13197},[5629,25242,7553],{"class":6986},[5629,25244,5629],{"class":6990},[5629,25246,6995],{"class":6994},[5629,25248,6998],{"class":5639},[5629,25250,7027],{"class":5669},[5629,25252,6628],{"class":5643},[5629,25254,5521],{"class":7072},[5629,25256,24304],{"class":5643},[5629,25258,25173],{"class":5639},[5629,25260,25261],{"class":6329}," 3",[5629,25263,9292],{"class":5639},[5629,25265,23247],{"class":5652},[5629,25267,9298],{"class":5639},[5629,25269,9301],{"class":5652},[5629,25271,7032],{"class":5669},[5629,25273,7021],{"class":6986},[5629,25275,24295],{"class":5639},[5629,25277,7035],{"class":6986},[5629,25279,5629],{"class":6990},[5629,25281,7004],{"class":6986},[5629,25283,25284,25286,25288],{"class":5631,"line":13215},[5629,25285,7668],{"class":6986},[5629,25287,6991],{"class":6990},[5629,25289,7004],{"class":6986},[5629,25291,25292,25294,25296],{"class":5631,"line":13221},[5629,25293,7184],{"class":6986},[5629,25295,6991],{"class":6990},[5629,25297,7004],{"class":6986},[5629,25299,25300],{"class":5631,"line":13227},[5629,25301,5663],{"emptyLinePlaceholder":5662},[5629,25303,25304,25306,25308,25310,25312,25315],{"class":5631,"line":13258},[5629,25305,7009],{"class":6986},[5629,25307,6991],{"class":6990},[5629,25309,6995],{"class":6994},[5629,25311,6998],{"class":5639},[5629,25313,25314],{"class":5652},"\"wizard-content\"",[5629,25316,7004],{"class":6986},[5629,25318,25319,25321,25323,25325,25327,25329,25331,25333],{"class":5631,"line":13263},[5629,25320,9240],{"class":5669},[5629,25322,6628],{"class":5643},[5629,25324,5521],{"class":7072},[5629,25326,24304],{"class":5643},[5629,25328,9162],{"class":5639},[5629,25330,17919],{"class":6329},[5629,25332,9168],{"class":5639},[5629,25334,6981],{"class":7072},[5629,25336,25337,25339,25341,25343,25345,25348],{"class":5631,"line":13282},[5629,25338,7553],{"class":6986},[5629,25340,6991],{"class":6990},[5629,25342,6995],{"class":6994},[5629,25344,6998],{"class":5639},[5629,25346,25347],{"class":5652},"\"step\"",[5629,25349,7004],{"class":6986},[5629,25351,25352,25354,25356,25358,25361,25363,25365],{"class":5631,"line":13318},[5629,25353,9310],{"class":6986},[5629,25355,5601],{"class":6990},[5629,25357,7021],{"class":6986},[5629,25359,25360],{"class":7072},"Крок 1: Особисті дані",[5629,25362,7035],{"class":6986},[5629,25364,5601],{"class":6990},[5629,25366,7004],{"class":6986},[5629,25368,25369,25371],{"class":5631,"line":13325},[5629,25370,9310],{"class":6986},[5629,25372,9062],{"class":6990},[5629,25374,25375,25377,25379],{"class":5631,"line":13334},[5629,25376,9317],{"class":6994},[5629,25378,6998],{"class":5639},[5629,25380,9072],{"class":5652},[5629,25382,25383,25386,25388],{"class":5631,"line":13339},[5629,25384,25385],{"class":6994},"              placeholder",[5629,25387,6998],{"class":5639},[5629,25389,25390],{"class":5652},"\"Ім'я\"\n",[5629,25392,25393,25396,25398,25400,25402,25404,25406,25408,25410],{"class":5631,"line":13354},[5629,25394,25395],{"class":6994},"              value",[5629,25397,6998],{"class":5639},[5629,25399,7027],{"class":5669},[5629,25401,6628],{"class":5643},[5629,25403,5521],{"class":7072},[5629,25405,24429],{"class":5643},[5629,25407,5521],{"class":7072},[5629,25409,24720],{"class":5643},[5629,25411,5798],{"class":5669},[5629,25413,25414,25416,25418,25420,25422,25424,25426],{"class":5631,"line":13378},[5629,25415,9346],{"class":6994},[5629,25417,6998],{"class":5639},[5629,25419,7027],{"class":5669},[5629,25421,5843],{"class":7072},[5629,25423,9109],{"class":5643},[5629,25425,6010],{"class":7072},[5629,25427,8750],{"class":5669},[5629,25429,25430,25433],{"class":5631,"line":13385},[5629,25431,25432],{"class":5812},"                dispatch",[5629,25434,13173],{"class":7072},[5629,25436,25437,25440,25442],{"class":5631,"line":13395},[5629,25438,25439],{"class":5643},"                  type:",[5629,25441,12268],{"class":5652},[5629,25443,8197],{"class":7072},[5629,25445,25446,25449,25452],{"class":5631,"line":13404},[5629,25447,25448],{"class":5643},"                  field:",[5629,25450,25451],{"class":5652}," \"firstName\"",[5629,25453,8197],{"class":7072},[5629,25455,25456,25459,25461,25463,25465,25467,25469],{"class":5631,"line":13421},[5629,25457,25458],{"class":5643},"                  value:",[5629,25460,9154],{"class":5643},[5629,25462,5521],{"class":7072},[5629,25464,9125],{"class":5643},[5629,25466,5521],{"class":7072},[5629,25468,6003],{"class":5643},[5629,25470,8197],{"class":7072},[5629,25472,25473],{"class":5631,"line":13438},[5629,25474,25475],{"class":7072},"                })\n",[5629,25477,25478],{"class":5631,"line":13445},[5629,25479,25480],{"class":5669},"              }\n",[5629,25482,25483],{"class":5631,"line":13454},[5629,25484,9383],{"class":6986},[5629,25486,25487,25489,25491,25493,25495,25497,25499,25501],{"class":5631,"line":13464},[5629,25488,23292],{"class":5669},[5629,25490,6628],{"class":5643},[5629,25492,5521],{"class":7072},[5629,25494,5960],{"class":5643},[5629,25496,5521],{"class":7072},[5629,25498,24720],{"class":5643},[5629,25500,9168],{"class":5639},[5629,25502,6981],{"class":7072},[5629,25504,25505,25507,25509,25511,25513,25516,25518,25520,25522,25524,25526,25528,25530,25532,25534,25536],{"class":5631,"line":13481},[5629,25506,10434],{"class":6986},[5629,25508,5629],{"class":6990},[5629,25510,6995],{"class":6994},[5629,25512,6998],{"class":5639},[5629,25514,25515],{"class":5652},"\"error\"",[5629,25517,7021],{"class":6986},[5629,25519,7027],{"class":5669},[5629,25521,6628],{"class":5643},[5629,25523,5521],{"class":7072},[5629,25525,5960],{"class":5643},[5629,25527,5521],{"class":7072},[5629,25529,24720],{"class":5643},[5629,25531,7032],{"class":5669},[5629,25533,7035],{"class":6986},[5629,25535,5629],{"class":6990},[5629,25537,7004],{"class":6986},[5629,25539,25540,25543],{"class":5631,"line":13486},[5629,25541,25542],{"class":7072},"            )",[5629,25544,5798],{"class":5669},[5629,25546,25547],{"class":5631,"line":13491},[5629,25548,5663],{"emptyLinePlaceholder":5662},[5629,25550,25551,25553],{"class":5631,"line":13520},[5629,25552,9310],{"class":6986},[5629,25554,9062],{"class":6990},[5629,25556,25557,25559,25561],{"class":5631,"line":13525},[5629,25558,9317],{"class":6994},[5629,25560,6998],{"class":5639},[5629,25562,9072],{"class":5652},[5629,25564,25565,25567,25569],{"class":5631,"line":13544},[5629,25566,25385],{"class":6994},[5629,25568,6998],{"class":5639},[5629,25570,25571],{"class":5652},"\"Прізвище\"\n",[5629,25573,25574,25576,25578,25580,25582,25584,25586,25588,25590],{"class":5631,"line":13579},[5629,25575,25395],{"class":6994},[5629,25577,6998],{"class":5639},[5629,25579,7027],{"class":5669},[5629,25581,6628],{"class":5643},[5629,25583,5521],{"class":7072},[5629,25585,24429],{"class":5643},[5629,25587,5521],{"class":7072},[5629,25589,24760],{"class":5643},[5629,25591,5798],{"class":5669},[5629,25593,25594,25596,25598,25600,25602,25604,25606],{"class":5631,"line":13586},[5629,25595,9346],{"class":6994},[5629,25597,6998],{"class":5639},[5629,25599,7027],{"class":5669},[5629,25601,5843],{"class":7072},[5629,25603,9109],{"class":5643},[5629,25605,6010],{"class":7072},[5629,25607,8750],{"class":5669},[5629,25609,25610,25612],{"class":5631,"line":13595},[5629,25611,25432],{"class":5812},[5629,25613,13173],{"class":7072},[5629,25615,25616,25618,25620],{"class":5631,"line":13600},[5629,25617,25439],{"class":5643},[5629,25619,12268],{"class":5652},[5629,25621,8197],{"class":7072},[5629,25623,25624,25626,25629],{"class":5631,"line":13615},[5629,25625,25448],{"class":5643},[5629,25627,25628],{"class":5652}," \"lastName\"",[5629,25630,8197],{"class":7072},[5629,25632,25633,25635,25637,25639,25641,25643,25645],{"class":5631,"line":13639},[5629,25634,25458],{"class":5643},[5629,25636,9154],{"class":5643},[5629,25638,5521],{"class":7072},[5629,25640,9125],{"class":5643},[5629,25642,5521],{"class":7072},[5629,25644,6003],{"class":5643},[5629,25646,8197],{"class":7072},[5629,25648,25649],{"class":5631,"line":13646},[5629,25650,25475],{"class":7072},[5629,25652,25653],{"class":5631,"line":13656},[5629,25654,25480],{"class":5669},[5629,25656,25657],{"class":5631,"line":13665},[5629,25658,9383],{"class":6986},[5629,25660,25661,25663,25665,25667,25669,25671,25673,25675],{"class":5631,"line":13682},[5629,25662,23292],{"class":5669},[5629,25664,6628],{"class":5643},[5629,25666,5521],{"class":7072},[5629,25668,5960],{"class":5643},[5629,25670,5521],{"class":7072},[5629,25672,24760],{"class":5643},[5629,25674,9168],{"class":5639},[5629,25676,6981],{"class":7072},[5629,25678,25679,25681,25683,25685,25687,25689,25691,25693,25695,25697,25699,25701,25703,25705,25707,25709],{"class":5631,"line":13699},[5629,25680,10434],{"class":6986},[5629,25682,5629],{"class":6990},[5629,25684,6995],{"class":6994},[5629,25686,6998],{"class":5639},[5629,25688,25515],{"class":5652},[5629,25690,7021],{"class":6986},[5629,25692,7027],{"class":5669},[5629,25694,6628],{"class":5643},[5629,25696,5521],{"class":7072},[5629,25698,5960],{"class":5643},[5629,25700,5521],{"class":7072},[5629,25702,24760],{"class":5643},[5629,25704,7032],{"class":5669},[5629,25706,7035],{"class":6986},[5629,25708,5629],{"class":6990},[5629,25710,7004],{"class":6986},[5629,25712,25713,25715],{"class":5631,"line":13706},[5629,25714,25542],{"class":7072},[5629,25716,5798],{"class":5669},[5629,25718,25719,25721,25723],{"class":5631,"line":13715},[5629,25720,9491],{"class":6986},[5629,25722,6991],{"class":6990},[5629,25724,7004],{"class":6986},[5629,25726,25727,25729],{"class":5631,"line":13725},[5629,25728,10667],{"class":7072},[5629,25730,5798],{"class":5669},[5629,25732,25733],{"class":5631,"line":13742},[5629,25734,5663],{"emptyLinePlaceholder":5662},[5629,25736,25737,25739,25741,25743,25745,25747,25749,25751],{"class":5631,"line":13747},[5629,25738,9240],{"class":5669},[5629,25740,6628],{"class":5643},[5629,25742,5521],{"class":7072},[5629,25744,24304],{"class":5643},[5629,25746,9162],{"class":5639},[5629,25748,25218],{"class":6329},[5629,25750,9168],{"class":5639},[5629,25752,6981],{"class":7072},[5629,25754,25755,25757,25759,25761,25763,25765],{"class":5631,"line":13752},[5629,25756,7553],{"class":6986},[5629,25758,6991],{"class":6990},[5629,25760,6995],{"class":6994},[5629,25762,6998],{"class":5639},[5629,25764,25347],{"class":5652},[5629,25766,7004],{"class":6986},[5629,25768,25769,25771,25773,25775,25778,25780,25782],{"class":5631,"line":13781},[5629,25770,9310],{"class":6986},[5629,25772,5601],{"class":6990},[5629,25774,7021],{"class":6986},[5629,25776,25777],{"class":7072},"Крок 2: Контактна інформація",[5629,25779,7035],{"class":6986},[5629,25781,5601],{"class":6990},[5629,25783,7004],{"class":6986},[5629,25785,25786,25788],{"class":5631,"line":13786},[5629,25787,9310],{"class":6986},[5629,25789,9062],{"class":6990},[5629,25791,25792,25794,25796],{"class":5631,"line":13805},[5629,25793,9317],{"class":6994},[5629,25795,6998],{"class":5639},[5629,25797,13121],{"class":5652},[5629,25799,25800,25802,25804],{"class":5631,"line":13840},[5629,25801,25385],{"class":6994},[5629,25803,6998],{"class":5639},[5629,25805,25806],{"class":5652},"\"Email\"\n",[5629,25808,25809,25811,25813,25815,25817,25819,25821,25823,25825],{"class":5631,"line":13847},[5629,25810,25395],{"class":6994},[5629,25812,6998],{"class":5639},[5629,25814,7027],{"class":5669},[5629,25816,6628],{"class":5643},[5629,25818,5521],{"class":7072},[5629,25820,24429],{"class":5643},[5629,25822,5521],{"class":7072},[5629,25824,5829],{"class":5643},[5629,25826,5798],{"class":5669},[5629,25828,25829,25831,25833,25835,25837,25839,25841],{"class":5631,"line":13856},[5629,25830,9346],{"class":6994},[5629,25832,6998],{"class":5639},[5629,25834,7027],{"class":5669},[5629,25836,5843],{"class":7072},[5629,25838,9109],{"class":5643},[5629,25840,6010],{"class":7072},[5629,25842,8750],{"class":5669},[5629,25844,25845,25847],{"class":5631,"line":13861},[5629,25846,25432],{"class":5812},[5629,25848,13173],{"class":7072},[5629,25850,25851,25853,25855],{"class":5631,"line":13877},[5629,25852,25439],{"class":5643},[5629,25854,12268],{"class":5652},[5629,25856,8197],{"class":7072},[5629,25858,25859,25861,25863],{"class":5631,"line":13884},[5629,25860,25448],{"class":5643},[5629,25862,13192],{"class":5652},[5629,25864,8197],{"class":7072},[5629,25866,25867,25869,25871,25873,25875,25877,25879],{"class":5631,"line":13894},[5629,25868,25458],{"class":5643},[5629,25870,9154],{"class":5643},[5629,25872,5521],{"class":7072},[5629,25874,9125],{"class":5643},[5629,25876,5521],{"class":7072},[5629,25878,6003],{"class":5643},[5629,25880,8197],{"class":7072},[5629,25882,25883],{"class":5631,"line":13903},[5629,25884,25475],{"class":7072},[5629,25886,25887],{"class":5631,"line":13921},[5629,25888,25480],{"class":5669},[5629,25890,25891],{"class":5631,"line":13946},[5629,25892,9383],{"class":6986},[5629,25894,25895,25897,25899,25901,25903,25905,25907,25909],{"class":5631,"line":13951},[5629,25896,23292],{"class":5669},[5629,25898,6628],{"class":5643},[5629,25900,5521],{"class":7072},[5629,25902,5960],{"class":5643},[5629,25904,5521],{"class":7072},[5629,25906,5829],{"class":5643},[5629,25908,9168],{"class":5639},[5629,25910,6981],{"class":7072},[5629,25912,25913,25915,25917,25919,25921,25923,25925,25927,25929,25931,25933,25935,25937,25939,25941,25943],{"class":5631,"line":13976},[5629,25914,10434],{"class":6986},[5629,25916,5629],{"class":6990},[5629,25918,6995],{"class":6994},[5629,25920,6998],{"class":5639},[5629,25922,25515],{"class":5652},[5629,25924,7021],{"class":6986},[5629,25926,7027],{"class":5669},[5629,25928,6628],{"class":5643},[5629,25930,5521],{"class":7072},[5629,25932,5960],{"class":5643},[5629,25934,5521],{"class":7072},[5629,25936,5829],{"class":5643},[5629,25938,7032],{"class":5669},[5629,25940,7035],{"class":6986},[5629,25942,5629],{"class":6990},[5629,25944,7004],{"class":6986},[5629,25946,25947,25949],{"class":5631,"line":13985},[5629,25948,25542],{"class":7072},[5629,25950,5798],{"class":5669},[5629,25952,25953],{"class":5631,"line":13990},[5629,25954,5663],{"emptyLinePlaceholder":5662},[5629,25956,25957,25959],{"class":5631,"line":13997},[5629,25958,9310],{"class":6986},[5629,25960,9062],{"class":6990},[5629,25962,25963,25965,25967],{"class":5631,"line":14008},[5629,25964,9317],{"class":6994},[5629,25966,6998],{"class":5639},[5629,25968,25969],{"class":5652},"\"tel\"\n",[5629,25971,25972,25974,25976],{"class":5631,"line":14038},[5629,25973,25385],{"class":6994},[5629,25975,6998],{"class":5639},[5629,25977,25978],{"class":5652},"\"Телефон\"\n",[5629,25980,25981,25983,25985,25987,25989,25991,25993,25995,25997],{"class":5631,"line":14044},[5629,25982,25395],{"class":6994},[5629,25984,6998],{"class":5639},[5629,25986,7027],{"class":5669},[5629,25988,6628],{"class":5643},[5629,25990,5521],{"class":7072},[5629,25992,24429],{"class":5643},[5629,25994,5521],{"class":7072},[5629,25996,24898],{"class":5643},[5629,25998,5798],{"class":5669},[5629,26000,26001,26003,26005,26007,26009,26011,26013],{"class":5631,"line":14067},[5629,26002,9346],{"class":6994},[5629,26004,6998],{"class":5639},[5629,26006,7027],{"class":5669},[5629,26008,5843],{"class":7072},[5629,26010,9109],{"class":5643},[5629,26012,6010],{"class":7072},[5629,26014,8750],{"class":5669},[5629,26016,26017,26019],{"class":5631,"line":14076},[5629,26018,25432],{"class":5812},[5629,26020,13173],{"class":7072},[5629,26022,26023,26025,26027],{"class":5631,"line":14085},[5629,26024,25439],{"class":5643},[5629,26026,12268],{"class":5652},[5629,26028,8197],{"class":7072},[5629,26030,26031,26033,26036],{"class":5631,"line":14090},[5629,26032,25448],{"class":5643},[5629,26034,26035],{"class":5652}," \"phone\"",[5629,26037,8197],{"class":7072},[5629,26039,26041,26043,26045,26047,26049,26051,26053],{"class":5631,"line":26040},202,[5629,26042,25458],{"class":5643},[5629,26044,9154],{"class":5643},[5629,26046,5521],{"class":7072},[5629,26048,9125],{"class":5643},[5629,26050,5521],{"class":7072},[5629,26052,6003],{"class":5643},[5629,26054,8197],{"class":7072},[5629,26056,26058],{"class":5631,"line":26057},203,[5629,26059,25475],{"class":7072},[5629,26061,26063],{"class":5631,"line":26062},204,[5629,26064,25480],{"class":5669},[5629,26066,26068],{"class":5631,"line":26067},205,[5629,26069,9383],{"class":6986},[5629,26071,26073,26075,26077,26079,26081,26083,26085,26087],{"class":5631,"line":26072},206,[5629,26074,23292],{"class":5669},[5629,26076,6628],{"class":5643},[5629,26078,5521],{"class":7072},[5629,26080,5960],{"class":5643},[5629,26082,5521],{"class":7072},[5629,26084,24898],{"class":5643},[5629,26086,9168],{"class":5639},[5629,26088,6981],{"class":7072},[5629,26090,26092,26094,26096,26098,26100,26102,26104,26106,26108,26110,26112,26114,26116,26118,26120,26122],{"class":5631,"line":26091},207,[5629,26093,10434],{"class":6986},[5629,26095,5629],{"class":6990},[5629,26097,6995],{"class":6994},[5629,26099,6998],{"class":5639},[5629,26101,25515],{"class":5652},[5629,26103,7021],{"class":6986},[5629,26105,7027],{"class":5669},[5629,26107,6628],{"class":5643},[5629,26109,5521],{"class":7072},[5629,26111,5960],{"class":5643},[5629,26113,5521],{"class":7072},[5629,26115,24898],{"class":5643},[5629,26117,7032],{"class":5669},[5629,26119,7035],{"class":6986},[5629,26121,5629],{"class":6990},[5629,26123,7004],{"class":6986},[5629,26125,26127,26129],{"class":5631,"line":26126},208,[5629,26128,25542],{"class":7072},[5629,26130,5798],{"class":5669},[5629,26132,26134,26136,26138],{"class":5631,"line":26133},209,[5629,26135,9491],{"class":6986},[5629,26137,6991],{"class":6990},[5629,26139,7004],{"class":6986},[5629,26141,26143,26145],{"class":5631,"line":26142},210,[5629,26144,10667],{"class":7072},[5629,26146,5798],{"class":5669},[5629,26148,26150],{"class":5631,"line":26149},211,[5629,26151,5663],{"emptyLinePlaceholder":5662},[5629,26153,26155,26157,26159,26161,26163,26165,26167,26169],{"class":5631,"line":26154},212,[5629,26156,9240],{"class":5669},[5629,26158,6628],{"class":5643},[5629,26160,5521],{"class":7072},[5629,26162,24304],{"class":5643},[5629,26164,9162],{"class":5639},[5629,26166,25261],{"class":6329},[5629,26168,9168],{"class":5639},[5629,26170,6981],{"class":7072},[5629,26172,26174,26176,26178,26180,26182,26184],{"class":5631,"line":26173},213,[5629,26175,7553],{"class":6986},[5629,26177,6991],{"class":6990},[5629,26179,6995],{"class":6994},[5629,26181,6998],{"class":5639},[5629,26183,25347],{"class":5652},[5629,26185,7004],{"class":6986},[5629,26187,26189,26191,26193,26195,26198,26200,26202],{"class":5631,"line":26188},214,[5629,26190,9310],{"class":6986},[5629,26192,5601],{"class":6990},[5629,26194,7021],{"class":6986},[5629,26196,26197],{"class":7072},"Крок 3: Підтвердження",[5629,26199,7035],{"class":6986},[5629,26201,5601],{"class":6990},[5629,26203,7004],{"class":6986},[5629,26205,26207,26209,26211,26213,26215,26218],{"class":5631,"line":26206},215,[5629,26208,9310],{"class":6986},[5629,26210,6991],{"class":6990},[5629,26212,6995],{"class":6994},[5629,26214,6998],{"class":5639},[5629,26216,26217],{"class":5652},"\"summary\"",[5629,26219,7004],{"class":6986},[5629,26221,26223,26225,26227],{"class":5631,"line":26222},216,[5629,26224,10434],{"class":6986},[5629,26226,5485],{"class":6990},[5629,26228,7004],{"class":6986},[5629,26230,26232,26235,26237,26239,26242,26244,26246,26248,26251,26253,26255,26257,26259,26261],{"class":5631,"line":26231},217,[5629,26233,26234],{"class":6986},"                \u003C",[5629,26236,5489],{"class":6990},[5629,26238,7021],{"class":6986},[5629,26240,26241],{"class":7072},"Ім'я:",[5629,26243,7035],{"class":6986},[5629,26245,5489],{"class":6990},[5629,26247,7021],{"class":6986},[5629,26249,26250],{"class":5669}," {",[5629,26252,6628],{"class":5643},[5629,26254,5521],{"class":7072},[5629,26256,24429],{"class":5643},[5629,26258,5521],{"class":7072},[5629,26260,24720],{"class":5643},[5629,26262,5798],{"class":5669},[5629,26264,26266,26268,26270],{"class":5631,"line":26265},218,[5629,26267,10591],{"class":6986},[5629,26269,5485],{"class":6990},[5629,26271,7004],{"class":6986},[5629,26273,26275,26277,26279],{"class":5631,"line":26274},219,[5629,26276,10434],{"class":6986},[5629,26278,5485],{"class":6990},[5629,26280,7004],{"class":6986},[5629,26282,26284,26286,26288,26290,26293,26295,26297,26299,26301,26303,26305,26307,26309,26311],{"class":5631,"line":26283},220,[5629,26285,26234],{"class":6986},[5629,26287,5489],{"class":6990},[5629,26289,7021],{"class":6986},[5629,26291,26292],{"class":7072},"Прізвище:",[5629,26294,7035],{"class":6986},[5629,26296,5489],{"class":6990},[5629,26298,7021],{"class":6986},[5629,26300,26250],{"class":5669},[5629,26302,6628],{"class":5643},[5629,26304,5521],{"class":7072},[5629,26306,24429],{"class":5643},[5629,26308,5521],{"class":7072},[5629,26310,24760],{"class":5643},[5629,26312,5798],{"class":5669},[5629,26314,26316,26318,26320],{"class":5631,"line":26315},221,[5629,26317,10591],{"class":6986},[5629,26319,5485],{"class":6990},[5629,26321,7004],{"class":6986},[5629,26323,26325,26327,26329],{"class":5631,"line":26324},222,[5629,26326,10434],{"class":6986},[5629,26328,5485],{"class":6990},[5629,26330,7004],{"class":6986},[5629,26332,26334,26336,26338,26340,26343,26345,26347,26349,26351,26353,26355,26357,26359,26361],{"class":5631,"line":26333},223,[5629,26335,26234],{"class":6986},[5629,26337,5489],{"class":6990},[5629,26339,7021],{"class":6986},[5629,26341,26342],{"class":7072},"Email:",[5629,26344,7035],{"class":6986},[5629,26346,5489],{"class":6990},[5629,26348,7021],{"class":6986},[5629,26350,26250],{"class":5669},[5629,26352,6628],{"class":5643},[5629,26354,5521],{"class":7072},[5629,26356,24429],{"class":5643},[5629,26358,5521],{"class":7072},[5629,26360,5829],{"class":5643},[5629,26362,5798],{"class":5669},[5629,26364,26366,26368,26370],{"class":5631,"line":26365},224,[5629,26367,10591],{"class":6986},[5629,26369,5485],{"class":6990},[5629,26371,7004],{"class":6986},[5629,26373,26375,26377,26379],{"class":5631,"line":26374},225,[5629,26376,10434],{"class":6986},[5629,26378,5485],{"class":6990},[5629,26380,7004],{"class":6986},[5629,26382,26384,26386,26388,26390,26393,26395,26397,26399,26401,26403,26405,26407,26409,26411],{"class":5631,"line":26383},226,[5629,26385,26234],{"class":6986},[5629,26387,5489],{"class":6990},[5629,26389,7021],{"class":6986},[5629,26391,26392],{"class":7072},"Телефон:",[5629,26394,7035],{"class":6986},[5629,26396,5489],{"class":6990},[5629,26398,7021],{"class":6986},[5629,26400,26250],{"class":5669},[5629,26402,6628],{"class":5643},[5629,26404,5521],{"class":7072},[5629,26406,24429],{"class":5643},[5629,26408,5521],{"class":7072},[5629,26410,24898],{"class":5643},[5629,26412,5798],{"class":5669},[5629,26414,26416,26418,26420],{"class":5631,"line":26415},227,[5629,26417,10591],{"class":6986},[5629,26419,5485],{"class":6990},[5629,26421,7004],{"class":6986},[5629,26423,26425,26427,26429],{"class":5631,"line":26424},228,[5629,26426,9481],{"class":6986},[5629,26428,6991],{"class":6990},[5629,26430,7004],{"class":6986},[5629,26432,26434,26436,26438],{"class":5631,"line":26433},229,[5629,26435,9491],{"class":6986},[5629,26437,6991],{"class":6990},[5629,26439,7004],{"class":6986},[5629,26441,26443,26445],{"class":5631,"line":26442},230,[5629,26444,10667],{"class":7072},[5629,26446,5798],{"class":5669},[5629,26448,26450,26452,26454],{"class":5631,"line":26449},231,[5629,26451,7184],{"class":6986},[5629,26453,6991],{"class":6990},[5629,26455,7004],{"class":6986},[5629,26457,26459],{"class":5631,"line":26458},232,[5629,26460,5663],{"emptyLinePlaceholder":5662},[5629,26462,26464,26466,26468,26470,26472,26475],{"class":5631,"line":26463},233,[5629,26465,7009],{"class":6986},[5629,26467,6991],{"class":6990},[5629,26469,6995],{"class":6994},[5629,26471,6998],{"class":5639},[5629,26473,26474],{"class":5652},"\"wizard-controls\"",[5629,26476,7004],{"class":6986},[5629,26478,26480,26482,26484,26486,26488,26491,26493,26495],{"class":5631,"line":26479},234,[5629,26481,9240],{"class":5669},[5629,26483,6628],{"class":5643},[5629,26485,5521],{"class":7072},[5629,26487,24304],{"class":5643},[5629,26489,26490],{"class":5639}," >",[5629,26492,17919],{"class":6329},[5629,26494,9168],{"class":5639},[5629,26496,6981],{"class":7072},[5629,26498,26500,26502,26504,26506,26508,26510,26512,26514,26516,26518,26520,26522,26524,26526],{"class":5631,"line":26499},235,[5629,26501,7553],{"class":6986},[5629,26503,7062],{"class":6990},[5629,26505,7065],{"class":6994},[5629,26507,6998],{"class":5639},[5629,26509,7027],{"class":5669},[5629,26511,7073],{"class":7072},[5629,26513,6013],{"class":5669},[5629,26515,7078],{"class":5812},[5629,26517,6486],{"class":7072},[5629,26519,7083],{"class":5643},[5629,26521,24331],{"class":5652},[5629,26523,7088],{"class":7072},[5629,26525,7032],{"class":5669},[5629,26527,7004],{"class":6986},[5629,26529,26531],{"class":5631,"line":26530},236,[5629,26532,26533],{"class":7072},"            Назад\n",[5629,26535,26537,26539,26541],{"class":5631,"line":26536},237,[5629,26538,9491],{"class":6986},[5629,26540,7062],{"class":6990},[5629,26542,7004],{"class":6986},[5629,26544,26546,26548],{"class":5631,"line":26545},238,[5629,26547,10667],{"class":7072},[5629,26549,5798],{"class":5669},[5629,26551,26553],{"class":5631,"line":26552},239,[5629,26554,5663],{"emptyLinePlaceholder":5662},[5629,26556,26558,26560,26562,26564,26566,26569,26571,26573],{"class":5631,"line":26557},240,[5629,26559,9240],{"class":5669},[5629,26561,6628],{"class":5643},[5629,26563,5521],{"class":7072},[5629,26565,24304],{"class":5643},[5629,26567,26568],{"class":5639}," \u003C",[5629,26570,25261],{"class":6329},[5629,26572,9168],{"class":5639},[5629,26574,6981],{"class":7072},[5629,26576,26578,26580,26582,26584,26586,26588,26591,26593,26595,26598,26600,26602],{"class":5631,"line":26577},241,[5629,26579,7553],{"class":6986},[5629,26581,7062],{"class":6990},[5629,26583,7065],{"class":6994},[5629,26585,6998],{"class":5639},[5629,26587,7027],{"class":5669},[5629,26589,26590],{"class":5643},"handleNext",[5629,26592,7032],{"class":5669},[5629,26594,7021],{"class":6986},[5629,26596,26597],{"class":7072},"Далі",[5629,26599,7035],{"class":6986},[5629,26601,7062],{"class":6990},[5629,26603,7004],{"class":6986},[5629,26605,26607,26609],{"class":5631,"line":26606},242,[5629,26608,10667],{"class":7072},[5629,26610,5798],{"class":5669},[5629,26612,26614],{"class":5631,"line":26613},243,[5629,26615,5663],{"emptyLinePlaceholder":5662},[5629,26617,26619,26621,26623,26625,26627,26629,26631,26633],{"class":5631,"line":26618},244,[5629,26620,9240],{"class":5669},[5629,26622,6628],{"class":5643},[5629,26624,5521],{"class":7072},[5629,26626,24304],{"class":5643},[5629,26628,9162],{"class":5639},[5629,26630,25261],{"class":6329},[5629,26632,9168],{"class":5639},[5629,26634,6981],{"class":7072},[5629,26636,26638,26640,26642,26644,26646,26648,26650,26652,26654,26657,26659,26661],{"class":5631,"line":26637},245,[5629,26639,7553],{"class":6986},[5629,26641,7062],{"class":6990},[5629,26643,7065],{"class":6994},[5629,26645,6998],{"class":5639},[5629,26647,7027],{"class":5669},[5629,26649,13034],{"class":5643},[5629,26651,7032],{"class":5669},[5629,26653,7021],{"class":6986},[5629,26655,26656],{"class":7072},"Зареєструватись",[5629,26658,7035],{"class":6986},[5629,26660,7062],{"class":6990},[5629,26662,7004],{"class":6986},[5629,26664,26666,26668],{"class":5631,"line":26665},246,[5629,26667,10667],{"class":7072},[5629,26669,5798],{"class":5669},[5629,26671,26673,26675,26677],{"class":5631,"line":26672},247,[5629,26674,7184],{"class":6986},[5629,26676,6991],{"class":6990},[5629,26678,7004],{"class":6986},[5629,26680,26682,26684,26686],{"class":5631,"line":26681},248,[5629,26683,7193],{"class":6986},[5629,26685,6991],{"class":6990},[5629,26687,7004],{"class":6986},[5629,26689,26691],{"class":5631,"line":26690},249,[5629,26692,7202],{"class":5639},[5629,26694,26696],{"class":5631,"line":26695},250,[5629,26697,5798],{"class":5639},[5485,26699,26700],{},[5489,26701,22013],{},[6532,26703,26704,26717,26725],{},[5512,26705,26706,26709,26710,26712,26713,26716],{},[5489,26707,26708],{},"Крок як частина стану:"," Поле ",[5477,26711,24304],{}," контролює, який блок форми відображається. Це класичний приклад машини станів (",[5529,26714,26715],{},"state machine",") — кожен крок є окремим станом із власними переходами.",[5512,26718,26719,8276,26722,26724],{},[5489,26720,26721],{},"Валідація на кожному кроці:",[5477,26723,25019],{}," перевіряє лише поля поточного кроку. Це дозволяє користувачу отримувати негайний фідбек, не чекаючи кінця всієї форми.",[5512,26726,26727,26730],{},[5489,26728,26729],{},"Умовна навігація:"," Кнопка «Назад» з'являється лише після першого кроку, а кнопка «Зареєструватись» — лише на останньому.",[5598,26732],{},[5601,26734,26736],{"id":26735},"запитання-для-самоконтролю","Запитання для самоконтролю",[20914,26738,26739,26776,26923,27083,27140],{},[20917,26740,26743,26746,26766],{"icon":26741,"label":26742},"i-lucide-help-circle","❓ Чому редюсер має бути чистою функцією?",[5485,26744,26745],{},"Чистота редюсера критична з трьох причин:",[6532,26747,26748,26754,26760],{},[5512,26749,26750,26753],{},[5489,26751,26752],{},"Передбачуваність та відтворюваність."," Чиста функція завжди повертає однаковий результат для однакових аргументів. Це дозволяє React безпечно викликати редюсер кілька разів (наприклад, у Strict Mode або під час конкурентного рендерингу) без зміни кінцевого результату.",[5512,26755,26756,26759],{},[5489,26757,26758],{},"Можливість оптимізації."," React може мемоїзувати результати рендерингу та пропускати повторні виклики, якщо пропси та стан не змінилися. Побічні ефекти у редюсері порушують цю гарантію — кожен виклик може мати різний результат навіть із однаковими вхідними даними.",[5512,26761,26762,26765],{},[5489,26763,26764],{},"Тестування та налагодження."," Чисті функції легко тестувати ізольовано без моків, стабів чи складного налаштування. Для перевірки редюсера достатньо передати стан та екшен і порівняти результат.",[6676,26767,26768,26769,26772,26773,26775],{},"Якщо вам потрібно виконати побічний ефект у відповідь на екшен (мережевий запит, логування, зміна URL), розмістіть його в обробнику події ",[5489,26770,26771],{},"після"," виклику ",[5477,26774,6954],{},", а не всередині редюсера.",[20917,26777,26779,26782,26914,26920],{"icon":26741,"label":26778},"❓ Чи можна використовувати кілька useReducer в одному компоненті?",[5485,26780,26781],{},"Так, абсолютно. Якщо компонент управляє кількома незалежними доменами стану (наприклад, форма користувача та стан модального вікна), логічно розділити їх на окремі редюсери:",[5620,26783,26785],{"className":5622,"code":26784,"language":5624,"meta":5625,"style":5625},"function ComplexComponent() {\n  const [formState, formDispatch] = useReducer(formReducer, initialFormState);\n  const [modalState, modalDispatch] = useReducer(modalReducer, { isOpen: false });\n  const [notificationState, notificationDispatch] = useReducer(\n    notificationReducer,\n    { messages: [] }\n  );\n\n  \u002F\u002F Кожен редюсер управляє своєю логікою\n}\n",[5477,26786,26787,26796,26826,26859,26879,26886,26897,26901,26905,26910],{"__ignoreMap":5625},[5629,26788,26789,26791,26794],{"class":5631,"line":5632},[5629,26790,5809],{"class":5669},[5629,26792,26793],{"class":5812}," ComplexComponent",[5629,26795,5816],{"class":5639},[5629,26797,26798,26800,26802,26805,26807,26810,26812,26814,26816,26819,26821,26824],{"class":5631,"line":5659},[5629,26799,5822],{"class":5669},[5629,26801,5825],{"class":5639},[5629,26803,26804],{"class":5828},"formState",[5629,26806,5832],{"class":5639},[5629,26808,26809],{"class":5828},"formDispatch",[5629,26811,5838],{"class":5639},[5629,26813,5479],{"class":5812},[5629,26815,5843],{"class":5639},[5629,26817,26818],{"class":5643},"formReducer",[5629,26820,5832],{"class":5639},[5629,26822,26823],{"class":5643},"initialFormState",[5629,26825,5849],{"class":5639},[5629,26827,26828,26830,26832,26835,26837,26840,26842,26844,26846,26849,26852,26855,26857],{"class":5631,"line":5666},[5629,26829,5822],{"class":5669},[5629,26831,5825],{"class":5639},[5629,26833,26834],{"class":5828},"modalState",[5629,26836,5832],{"class":5639},[5629,26838,26839],{"class":5828},"modalDispatch",[5629,26841,5838],{"class":5639},[5629,26843,5479],{"class":5812},[5629,26845,5843],{"class":5639},[5629,26847,26848],{"class":5643},"modalReducer",[5629,26850,26851],{"class":5639},", { ",[5629,26853,26854],{"class":5643},"isOpen:",[5629,26856,8704],{"class":5669},[5629,26858,6495],{"class":5639},[5629,26860,26861,26863,26865,26868,26870,26873,26875,26877],{"class":5631,"line":5680},[5629,26862,5822],{"class":5669},[5629,26864,5825],{"class":5639},[5629,26866,26867],{"class":5828},"notificationState",[5629,26869,5832],{"class":5639},[5629,26871,26872],{"class":5828},"notificationDispatch",[5629,26874,5838],{"class":5639},[5629,26876,5479],{"class":5812},[5629,26878,12218],{"class":5639},[5629,26880,26881,26884],{"class":5631,"line":5694},[5629,26882,26883],{"class":5643},"    notificationReducer",[5629,26885,8197],{"class":5639},[5629,26887,26888,26891,26894],{"class":5631,"line":5706},[5629,26889,26890],{"class":5639},"    { ",[5629,26892,26893],{"class":5643},"messages:",[5629,26895,26896],{"class":5639}," [] }\n",[5629,26898,26899],{"class":5631,"line":5718},[5629,26900,7202],{"class":5639},[5629,26902,26903],{"class":5631,"line":5731},[5629,26904,5663],{"emptyLinePlaceholder":5662},[5629,26906,26907],{"class":5631,"line":5743},[5629,26908,26909],{"class":6033},"  \u002F\u002F Кожен редюсер управляє своєю логікою\n",[5629,26911,26912],{"class":5631,"line":5752},[5629,26913,5798],{"class":5639},[5485,26915,26916,26917,26919],{},"Це краще, ніж один величезний редюсер із гілками ",[5477,26918,8381],{},", що охоплюють різні аспекти UI. Розділення на менші редюсери покращує модульність та тестованість.",[6559,26921,26922],{},"Якщо два редюсери часто синхронізуються (один екшен змінює обидва стани), це сигнал до об'єднання їх у єдиний редюсер або використання бібліотеки управління станом (Redux, Zustand).",[20917,26924,26926,26929,26938,26953,26961,26983,26986,27073],{"icon":26741,"label":26925},"❓ Яка різниця між dispatch у useReducer та setState у useState?",[5485,26927,26928],{},"Обидві функції плануют оновлення стану, але вони принципово відрізняються за підходом:",[5485,26930,26931],{},[5489,26932,26933,26935,26936,5553],{},[5477,26934,5584],{}," (від ",[5477,26937,5520],{},[5509,26939,26940,26947,26950],{},[5512,26941,26942,26943,26946],{},"Імперативний підхід: «Встанови значення ",[5477,26944,26945],{},"X","».",[5512,26948,26949],{},"Безпосередньо змінює конкретну частину стану.",[5512,26951,26952],{},"Не містить семантики «що сталося» — лише «яке нове значення».",[5485,26954,26955],{},[5489,26956,26957,26935,26959,5553],{},[5477,26958,6954],{},[5477,26960,5479],{},[5509,26962,26963,26973,26980],{},[5512,26964,26965,26966,26969,26970,26946],{},"Декларативний підхід: «Сталася подія типу ",[5477,26967,26968],{},"Y"," з даними ",[5477,26971,26972],{},"Z",[5512,26974,26975,26976,26979],{},"Передає управління редюсеру, який вирішує, ",[5489,26977,26978],{},"як"," змінити стан.",[5512,26981,26982],{},"Містить семантичний опис дії користувача або системи.",[5485,26984,26985],{},"Приклад різниці:",[5620,26987,26989],{"className":5622,"code":26988,"language":5624,"meta":5625,"style":5625},"\u002F\u002F useState: імперативно\nsetCount(count + 1);\nsetCount(count + 1);\n\u002F\u002F Обидва виклики виконаються послідовно, але якщо count не оновиться\n\u002F\u002F між викликами через батчинг, результат буде неправильним.\n\n\u002F\u002F useReducer: декларативно\ndispatch({ type: \"increment\" });\ndispatch({ type: \"increment\" });\n\u002F\u002F Кожен виклик незалежний, редюсер отримує актуальний стан.\n",[5477,26990,26991,26996,27011,27025,27030,27035,27039,27044,27056,27068],{"__ignoreMap":5625},[5629,26992,26993],{"class":5631,"line":5632},[5629,26994,26995],{"class":6033},"\u002F\u002F useState: імперативно\n",[5629,26997,26998,27001,27003,27005,27007,27009],{"class":5631,"line":5659},[5629,26999,27000],{"class":5812},"setCount",[5629,27002,5843],{"class":5639},[5629,27004,6949],{"class":5643},[5629,27006,6853],{"class":5639},[5629,27008,6856],{"class":6329},[5629,27010,5849],{"class":5639},[5629,27012,27013,27015,27017,27019,27021,27023],{"class":5631,"line":5666},[5629,27014,27000],{"class":5812},[5629,27016,5843],{"class":5639},[5629,27018,6949],{"class":5643},[5629,27020,6853],{"class":5639},[5629,27022,6856],{"class":6329},[5629,27024,5849],{"class":5639},[5629,27026,27027],{"class":5631,"line":5680},[5629,27028,27029],{"class":6033},"\u002F\u002F Обидва виклики виконаються послідовно, але якщо count не оновиться\n",[5629,27031,27032],{"class":5631,"line":5694},[5629,27033,27034],{"class":6033},"\u002F\u002F між викликами через батчинг, результат буде неправильним.\n",[5629,27036,27037],{"class":5631,"line":5706},[5629,27038,5663],{"emptyLinePlaceholder":5662},[5629,27040,27041],{"class":5631,"line":5718},[5629,27042,27043],{"class":6033},"\u002F\u002F useReducer: декларативно\n",[5629,27045,27046,27048,27050,27052,27054],{"class":5631,"line":5731},[5629,27047,6954],{"class":5812},[5629,27049,6486],{"class":5639},[5629,27051,7083],{"class":5643},[5629,27053,6840],{"class":5652},[5629,27055,6495],{"class":5639},[5629,27057,27058,27060,27062,27064,27066],{"class":5631,"line":5743},[5629,27059,6954],{"class":5812},[5629,27061,6486],{"class":5639},[5629,27063,7083],{"class":5643},[5629,27065,6840],{"class":5652},[5629,27067,6495],{"class":5639},[5629,27069,27070],{"class":5631,"line":5752},[5629,27071,27072],{"class":6033},"\u002F\u002F Кожен виклик незалежний, редюсер отримує актуальний стан.\n",[8409,27074,27075,27076,27078,27079,27082],{},"Ключова різниця: ",[5477,27077,5584],{}," може призвести до гонки станів (",[5529,27080,27081],{},"race conditions","), якщо кілька оновлень відбуваються одночасно. Редюсер цього уникає, оскільки кожен екшен обробляється послідовно з актуальним станом.",[20917,27084,27086,27093,27128],{"icon":26741,"label":27085},"❓ Коли варто переходити від useState до useReducer?",[5485,27087,27088,27089,27092],{},"Перехід виправданий, коли виникає ",[5489,27090,27091],{},"хоча б одна"," з цих ситуацій:",[6532,27094,27095,27101,27110,27116,27122],{},[5512,27096,27097,27100],{},[5489,27098,27099],{},"Кілька пов'язаних змінних стану.","\nЯкщо зміна однієї змінної завжди супроводжується змінами інших, об'єднайте їх у єдиний об'єкт стану та управляйте через редюсер.",[5512,27102,27103,27106,27107,27109],{},[5489,27104,27105],{},"Складна логіка оновлення.","\nЯкщо виклик ",[5477,27108,5584],{}," містить вкладені умови, перетворення масивів або об'єктів, винесіть цю логіку в редюсер.",[5512,27111,27112,27115],{},[5489,27113,27114],{},"Повторювана логіка між обробниками.","\nЯкщо кілька обробників подій містять ідентичні фрагменти коду, це сигнал до централізації.",[5512,27117,27118,27121],{},[5489,27119,27120],{},"Необхідність тестування логіки стану окремо.","\nРедюсер можна тестувати як чисту функцію без монтування компонента.",[5512,27123,27124,27127],{},[5489,27125,27126],{},"Налагодження складних переходів станів.","\nЯкщо важко відстежити, чому стан змінився так, а не інакше, екшени дають чітку історію подій.",[5485,27129,27130,27133,27134,27136,27137,27139],{},[5489,27131,27132],{},"Антипатерн:"," Застосовувати ",[5477,27135,5479],{}," для простих булевих прапорців або лічильників. У таких випадках ",[5477,27138,5520],{}," читабельніший і лаконічніший.",[20917,27141,27143,27151,27356,27362],{"icon":26741,"label":27142},"❓ Чи можна передавати dispatch вниз по дереву компонентів?",[5485,27144,27145,27146,8404,27148,27150],{},"Так, і це один із найбільш потужних патернів ",[5477,27147,5479],{},[5477,27149,6954],{}," стабільна між рендерами (React гарантує, що це завжди той самий референс), тому її можна безпечно передавати як проп без побоювань щодо непотрібних перерендерів.",[5620,27152,27154],{"className":5622,"code":27153,"language":5624,"meta":5625,"style":5625},"function ParentComponent() {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return (\n    \u003Cdiv>\n      \u003CChildA dispatch={dispatch} \u002F>\n      \u003CChildB dispatch={dispatch} \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction ChildA({ dispatch }: { dispatch: React.Dispatch\u003CAction> }) {\n  return (\n    \u003Cbutton onClick={() => dispatch({ type: \"increment\" })}>\n      Інкремент\n    \u003C\u002Fbutton>\n  );\n}\n",[5477,27155,27156,27165,27191,27195,27201,27209,27229,27248,27256,27260,27264,27268,27299,27305,27335,27340,27348,27352],{"__ignoreMap":5625},[5629,27157,27158,27160,27163],{"class":5631,"line":5632},[5629,27159,5809],{"class":5669},[5629,27161,27162],{"class":5812}," ParentComponent",[5629,27164,5816],{"class":5639},[5629,27166,27167,27169,27171,27173,27175,27177,27179,27181,27183,27185,27187,27189],{"class":5631,"line":5659},[5629,27168,5822],{"class":5669},[5629,27170,5825],{"class":5639},[5629,27172,6628],{"class":5828},[5629,27174,5832],{"class":5639},[5629,27176,6954],{"class":5828},[5629,27178,5838],{"class":5639},[5629,27180,5479],{"class":5812},[5629,27182,5843],{"class":5639},[5629,27184,6588],{"class":5643},[5629,27186,5832],{"class":5639},[5629,27188,8258],{"class":5643},[5629,27190,5849],{"class":5639},[5629,27192,27193],{"class":5631,"line":5666},[5629,27194,5663],{"emptyLinePlaceholder":5662},[5629,27196,27197,27199],{"class":5631,"line":5680},[5629,27198,6978],{"class":5635},[5629,27200,6981],{"class":5639},[5629,27202,27203,27205,27207],{"class":5631,"line":5694},[5629,27204,6987],{"class":6986},[5629,27206,6991],{"class":6990},[5629,27208,7004],{"class":6986},[5629,27210,27211,27213,27216,27218,27220,27222,27224,27226],{"class":5631,"line":5706},[5629,27212,7009],{"class":6986},[5629,27214,27215],{"class":5673},"ChildA",[5629,27217,7078],{"class":6994},[5629,27219,6998],{"class":5639},[5629,27221,7027],{"class":5669},[5629,27223,6954],{"class":5643},[5629,27225,7032],{"class":5669},[5629,27227,27228],{"class":6986}," \u002F>\n",[5629,27230,27231,27233,27236,27238,27240,27242,27244,27246],{"class":5631,"line":5718},[5629,27232,7009],{"class":6986},[5629,27234,27235],{"class":5673},"ChildB",[5629,27237,7078],{"class":6994},[5629,27239,6998],{"class":5639},[5629,27241,7027],{"class":5669},[5629,27243,6954],{"class":5643},[5629,27245,7032],{"class":5669},[5629,27247,27228],{"class":6986},[5629,27249,27250,27252,27254],{"class":5631,"line":5731},[5629,27251,7193],{"class":6986},[5629,27253,6991],{"class":6990},[5629,27255,7004],{"class":6986},[5629,27257,27258],{"class":5631,"line":5743},[5629,27259,7202],{"class":5639},[5629,27261,27262],{"class":5631,"line":5752},[5629,27263,5798],{"class":5639},[5629,27265,27266],{"class":5631,"line":5765},[5629,27267,5663],{"emptyLinePlaceholder":5662},[5629,27269,27270,27272,27275,27277,27279,27282,27284,27286,27288,27290,27292,27294,27296],{"class":5631,"line":5777},[5629,27271,5809],{"class":5669},[5629,27273,27274],{"class":5812}," ChildA",[5629,27276,6486],{"class":5639},[5629,27278,6954],{"class":5643},[5629,27280,27281],{"class":5639}," }: { ",[5629,27283,6954],{"class":5643},[5629,27285,5686],{"class":5639},[5629,27287,2303],{"class":5673},[5629,27289,5521],{"class":5639},[5629,27291,8219],{"class":5673},[5629,27293,5972],{"class":5639},[5629,27295,5566],{"class":5673},[5629,27297,27298],{"class":5639},"> }) {\n",[5629,27300,27301,27303],{"class":5631,"line":5789},[5629,27302,6978],{"class":5635},[5629,27304,6981],{"class":5639},[5629,27306,27307,27309,27311,27313,27315,27317,27319,27321,27323,27325,27327,27329,27331,27333],{"class":5631,"line":5795},[5629,27308,6987],{"class":6986},[5629,27310,7062],{"class":6990},[5629,27312,7065],{"class":6994},[5629,27314,6998],{"class":5639},[5629,27316,7027],{"class":5669},[5629,27318,7073],{"class":7072},[5629,27320,6013],{"class":5669},[5629,27322,7078],{"class":5812},[5629,27324,6486],{"class":7072},[5629,27326,7083],{"class":5643},[5629,27328,6840],{"class":5652},[5629,27330,7088],{"class":7072},[5629,27332,7032],{"class":5669},[5629,27334,7004],{"class":6986},[5629,27336,27337],{"class":5631,"line":5801},[5629,27338,27339],{"class":5639},"      Інкремент\n",[5629,27341,27342,27344,27346],{"class":5631,"line":5806},[5629,27343,7193],{"class":6986},[5629,27345,7062],{"class":6990},[5629,27347,7004],{"class":6986},[5629,27349,27350],{"class":5631,"line":5819},[5629,27351,7202],{"class":5639},[5629,27353,27354],{"class":5631,"line":5852},[5629,27355,5798],{"class":5639},[5485,27357,27358,27359,27361],{},"Це особливо корисно в поєднанні з Context API — ",[5477,27360,6954],{}," розміщується у контексті, і будь-який компонент може надсилати екшени без прокидання пропсів через всі проміжні рівні.",[6676,27363,27364,27369],{},[5485,27365,18407,27366,27368],{},[5477,27367,6954],{}," краще за передачу окремих callback-функцій, оскільки:",[5509,27370,27371,27374,27377],{},[5512,27372,27373],{},"Дочірні компоненти не залежать від конкретної реалізації логіки.",[5512,27375,27376],{},"Легко додавати нові екшени без зміни сигнатур пропсів.",[5512,27378,27379,27380,6043,27383,27386,27387,5539],{},"Дочірні компоненти описують ",[5489,27381,27382],{},"намір",[5477,27384,27385],{},"dispatch({ type: \"save\" })","), а не деталі реалізації (",[5477,27388,27389],{},"handleSave()",[5598,27391],{},[5601,27393,27395],{"id":27394},"підсумок","Підсумок",[5485,27397,5475,27398,27400],{},[5477,27399,5479],{}," є потужним інструментом для управління складним станом у React-застосунках. Ключові висновки цієї лекції:",[5501,27402,27403,27407,27422,27426],{},[5504,27404,27406],{"icon":4645,"title":27405},"📦 Централізація логіки","Усі переходи стану зібрані в одній чистій функції-редюсері, що спрощує розуміння, тестування та підтримку коду.",[5504,27408,27410,27411,27413,27414,27417,27418,27421],{"icon":5506,"title":27409},"🎯 Декларативність","Виклики ",[5477,27412,6954],{}," описують ",[5489,27415,27416],{},"що сталося"," (намір користувача), а не ",[5489,27419,27420],{},"як змінити стан"," (механіку реалізації). Це робить код самодокументованим.",[5504,27423,27425],{"icon":793,"title":27424},"🔒 Типобезпека","TypeScript-типізація через дискримінантні об'єднання забезпечує автодоповнення, перевірку екшенів на етапі компіляції та захист від друкарських помилок.",[5504,27427,27429,27430,5521],{"icon":92,"title":27428},"⚡ Масштабованість","Редюсери природно масштабуються — додавання нових екшенів не вимагає перероблення існуючої логіки, лише нової гілки у ",[5477,27431,8381],{},[8132,27433,27435,27436,22040,27438],{"id":27434},"вибір-між-usestate-та-usereducer","Вибір між ",[5477,27437,5520],{},[5477,27439,5479],{},[5485,27441,27442,27443,27448,27449,27451,27452,27454,27455,27457],{},"Остаточне правило дуже просте: ",[5489,27444,27445,27446],{},"починайте з ",[5477,27447,5520],{},", і переходьте до ",[5477,27450,5479],{},", коли відчуєте, що логіка стану виходить з-під контролю. ",[5477,27453,5479],{}," — це не заміна ",[5477,27456,5520],{},", а інструмент для випадків, коли складність вимагає структурованого підходу.",[6559,27459,27460,27461,27463],{},"У наступних лекціях ми розглянемо, як поєднувати ",[5477,27462,5479],{}," із Context API для побудови глобального сховища стану без сторонніх бібліотек, а також як інтегрувати редюсери з асинхронною логікою через middleware-патерни.",[5598,27465],{},[5601,27467,27469],{"id":27468},"додаткові-ресурси","Додаткові ресурси",[27471,27472,27473,27482,27491,27498],"field-group",{},[12022,27474,27477,27481],{"name":27475,"type":27476},"Офіційна документація","посилання",[5494,27478,27480],{"href":5496,"rel":27479},[5498],"Extracting State Logic into a Reducer"," — повний посібник від команди React з інтерактивними прикладами.",[12022,27483,27485,27490],{"name":27484,"type":27476},"TypeScript Handbook",[5494,27486,27489],{"href":27487,"rel":27488},"https:\u002F\u002Fwww.typescriptlang.org\u002Fdocs\u002Fhandbook\u002F2\u002Fnarrowing.html#discriminated-unions",[5498],"Discriminated Unions"," — офіційна документація про дискримінантні об'єднання у TypeScript.",[12022,27492,27494,27495,27497],{"name":2485,"type":27493},"бібліотека","Хоча Redux Toolkit призначений для глобального стану, його функція ",[5477,27496,20801],{}," автоматично генерує екшени та редюсери з TypeScript-типізацією. Корисно вивчити для розуміння масштабованих патернів.",[12022,27499,27501,27502,18658,27505,27508],{"name":27500,"type":27493},"Immer","Бібліотека для роботи з незмінними структурами через мутабельний API. Дозволяє писати ",[5477,27503,27504],{},"state.count++",[5477,27506,27507],{},"{ ...state, count: state.count + 1 }",". React Redux та Redux Toolkit використовують Immer під капотом.",[27510,27511,27512],"style",{},"html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}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 .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 .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sqdDX, html code.shiki .sqdDX{--shiki-light:#800000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sDUd3, html code.shiki .sDUd3{--shiki-light:#0451A5;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}html pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .siofk, html code.shiki .siofk{--shiki-light:#EE0000;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sYsli, html code.shiki .sYsli{--shiki-light:#000000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":5625,"searchDepth":5659,"depth":5659,"links":27514},[27515,27517,27518,27521,27524,27527,27528,27533,27540,27541,27542,27546],{"id":5603,"depth":5659,"text":27516},"Від розсіяних setState до централізованої логіки",{"id":6579,"depth":5659,"text":6580},{"id":6690,"depth":5659,"text":6691,"children":27519},[27520],{"id":8134,"depth":5666,"text":8135},{"id":8420,"depth":5659,"text":8421,"children":27522},[27523],{"id":11761,"depth":5666,"text":11762},{"id":11856,"depth":5659,"text":11857,"children":27525},[27526],{"id":17145,"depth":5666,"text":17146},{"id":17528,"depth":5659,"text":17529},{"id":18295,"depth":5659,"text":27529,"children":27530},"useState vs useReducer: коли використовувати кожен",[27531],{"id":18439,"depth":5666,"text":27532},"Типові сигнали для переходу на useReducer:",{"id":18478,"depth":5659,"text":18479,"children":27534},[27535,27536,27537,27538,27539],{"id":18487,"depth":5666,"text":18488},{"id":18671,"depth":5666,"text":18672},{"id":19111,"depth":5666,"text":19112},{"id":19637,"depth":5666,"text":19638},{"id":20807,"depth":5666,"text":20808},{"id":20911,"depth":5659,"text":20912},{"id":26735,"depth":5659,"text":26736},{"id":27394,"depth":5659,"text":27395,"children":27543},[27544],{"id":27434,"depth":5666,"text":27545},"Вибір між useState та useReducer",{"id":27468,"depth":5659,"text":27469},"Глибоке занурення в хук useReducer для керування складним станом у React через чіткі екшени та передбачувану логіку оновлень. Від простих лічильників до багаторівневих форм.","md",null,{},{"title":5381,"description":27547},"ldSJne_fS8qKKN1Gg-2JfELTrU7tUmfkgT3YqUE-eMg",[27554,27556],{"title":5377,"path":5378,"stem":5379,"description":27555,"children":-1},"Практичне використання TypeScript-виразів у JSX — фігурні дужки як вікно у TypeScript, динамічне формування атрибутів, обчислювані стилі, умовний рендеринг через тернарні оператори та логічні вирази, робота з масивами та об'єктами у розмітці.",{"title":5385,"path":5386,"stem":5387,"description":27557,"children":-1},"Глибоке занурення в Context API для передавання даних через дерево компонентів без прокидання пропсів. Від простих тем до складних систем глобального стану.",1794237372817]