[{"data":1,"prerenderedAt":23542},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-react-hook-form-zod":5466,"-react-typescript-react-hook-form-zod-surround":23537},[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":5459,"body":5468,"description":23531,"extension":23532,"links":23533,"meta":23534,"navigation":5679,"path":5460,"seo":23535,"stem":5461,"__hash__":23536},"docs\u002F22.react-typescript\u002F39.react-hook-form-zod.md",{"type":5469,"value":5470,"toc":23494},"minimark",[5471,5475,5500,5562,5565,5570,5589,5969,5976,6018,6047,6049,6053,6104,6130,6132,6136,6139,6143,6366,6438,6442,7196,7266,7268,7272,7275,7548,7579,7582,8370,8441,8443,8447,8450,8881,8954,8956,8960,8970,8974,9584,9659,9663,10159,10188,10192,10878,10888,10890,10897,10900,11540,11631,11633,11637,11640,12788,12807,12809,12816,12823,12829,12833,14245,14335,14350,14352,14356,14362,15234,15259,15269,15271,15278,15283,16290,16354,16356,16360,16366,16373,16377,17095,17155,17157,17161,17171,18207,18502,18504,18508,18515,18613,18766,18768,18772,19872,22034,23340,23342,23346,23433,23490],[5472,5473,5459],"h1",{"id":5474},"react-hook-form-zod-типобезпечна-валідація-форм",[5476,5477,5478],"blockquote",{},[5479,5480,5481,5482,5486,5487,5494,5495],"p",{},"🔗 ",[5483,5484,5485],"strong",{},"Офіційний референс:"," ",[5488,5489,5493],"a",{"href":5490,"rel":5491},"https:\u002F\u002Freact-hook-form.com\u002Fget-started",[5492],"nofollow","Документація React Hook Form"," та ",[5488,5496,5499],{"href":5497,"rel":5498},"https:\u002F\u002Fzod.dev\u002F",[5492],"Zod Documentation",[5501,5502,5503,5524],"card-group",{},[5504,5505,5508],"card",{"icon":5506,"title":5507},"i-lucide-target","🎯 Мета лекції",[5509,5510,5511,5515,5518,5521],"ul",{},[5512,5513,5514],"li",{},"Зрозуміти філософію React Hook Form: мінімізація ререндерів та некерований підхід.",[5512,5516,5517],{},"Опанувати Zod як інструмент декларативного опису та валідації структур даних.",[5512,5519,5520],{},"Навчитися створювати типобезпечні форми з автоматичним виведенням TypeScript-типів із схем.",[5512,5522,5523],{},"Застосувати динамічні поля, асинхронну валідацію та інтеграцію з бекенд-валідацією.",[5504,5525,5527],{"icon":4854,"title":5526},"🔑 Ключові терміни",[5509,5528,5529,5540,5546,5552],{},[5512,5530,5531,5534,5535,5539],{},[5483,5532,5533],{},"React Hook Form (RHF):"," бібліотека для керування формами через некеровані (",[5536,5537,5538],"em",{},"uncontrolled",") інпути та реф-підхід.",[5512,5541,5542,5545],{},[5483,5543,5544],{},"Zod:"," бібліотека для декларативного опису схем даних із валідацією та автоматичним виведенням TypeScript-типів.",[5512,5547,5548,5551],{},[5483,5549,5550],{},"Resolver:"," адаптер, що інтегрує зовнішню валідаційну бібліотеку (Zod, Yup, Joi) з React Hook Form.",[5512,5553,5554,5561],{},[5483,5555,5556,5560],{},[5557,5558,5559],"code",{},"useFieldArray",":"," хук для роботи з динамічними списками полів (масиви об'єктів у формі).",[5563,5564],"hr",{},[5566,5567,5569],"h2",{"id":5568},"чому-класичні-підходи-до-форм-у-react-є-проблемними","Чому класичні підходи до форм у React є проблемними?",[5479,5571,5572,5573,5576,5577,5580,5581,5584,5585,5588],{},"У попередніх лекціях ми працювали з формами через ",[5483,5574,5575],{},"керовані компоненти"," (",[5536,5578,5579],{},"controlled components","): значення кожного поля зберігається у стані React через ",[5557,5582,5583],{},"useState",", а при зміні поля викликається обробник ",[5557,5586,5587],{},"onChange",", що оновлює стан.",[5590,5591,5596],"pre",{"className":5592,"code":5593,"language":5594,"meta":5595,"style":5595},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","function SimpleForm() {\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    console.log({ name, email });\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit}>\n      \u003Cinput value={name} onChange={(e) => setName(e.target.value)} \u002F>\n      \u003Cinput value={email} onChange={(e) => setEmail(e.target.value)} \u002F>\n      \u003Cbutton type=\"submit\">Відправити\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n","tsx","",[5557,5597,5598,5615,5649,5674,5681,5717,5731,5754,5760,5765,5775,5805,5866,5918,5947,5957,5963],{"__ignoreMap":5595},[5599,5600,5603,5607,5611],"span",{"class":5601,"line":5602},"line",1,[5599,5604,5606],{"class":5605},"su1O8","function",[5599,5608,5610],{"class":5609},"s8Opu"," SimpleForm",[5599,5612,5614],{"class":5613},"sHH4Y","() {\n",[5599,5616,5618,5621,5624,5628,5631,5634,5637,5639,5642,5646],{"class":5601,"line":5617},2,[5599,5619,5620],{"class":5605},"  const",[5599,5622,5623],{"class":5613}," [",[5599,5625,5627],{"class":5626},"s-QsJ","name",[5599,5629,5630],{"class":5613},", ",[5599,5632,5633],{"class":5626},"setName",[5599,5635,5636],{"class":5613},"] = ",[5599,5638,5583],{"class":5609},[5599,5640,5641],{"class":5613},"(",[5599,5643,5645],{"class":5644},"sbdoH","\"\"",[5599,5647,5648],{"class":5613},");\n",[5599,5650,5652,5654,5656,5659,5661,5664,5666,5668,5670,5672],{"class":5601,"line":5651},3,[5599,5653,5620],{"class":5605},[5599,5655,5623],{"class":5613},[5599,5657,5658],{"class":5626},"email",[5599,5660,5630],{"class":5613},[5599,5662,5663],{"class":5626},"setEmail",[5599,5665,5636],{"class":5613},[5599,5667,5583],{"class":5609},[5599,5669,5641],{"class":5613},[5599,5671,5645],{"class":5644},[5599,5673,5648],{"class":5613},[5599,5675,5677],{"class":5601,"line":5676},4,[5599,5678,5680],{"emptyLinePlaceholder":5679},true,"\n",[5599,5682,5684,5686,5689,5692,5696,5699,5702,5705,5708,5711,5714],{"class":5601,"line":5683},5,[5599,5685,5620],{"class":5605},[5599,5687,5688],{"class":5609}," handleSubmit",[5599,5690,5691],{"class":5613}," = (",[5599,5693,5695],{"class":5694},"siwwj","e",[5599,5697,5698],{"class":5613},": ",[5599,5700,2303],{"class":5701},"sN1BT",[5599,5703,5704],{"class":5613},".",[5599,5706,5707],{"class":5701},"FormEvent",[5599,5709,5710],{"class":5613},") ",[5599,5712,5713],{"class":5605},"=>",[5599,5715,5716],{"class":5613}," {\n",[5599,5718,5720,5723,5725,5728],{"class":5601,"line":5719},6,[5599,5721,5722],{"class":5694},"    e",[5599,5724,5704],{"class":5613},[5599,5726,5727],{"class":5609},"preventDefault",[5599,5729,5730],{"class":5613},"();\n",[5599,5732,5734,5737,5739,5742,5745,5747,5749,5751],{"class":5601,"line":5733},7,[5599,5735,5736],{"class":5694},"    console",[5599,5738,5704],{"class":5613},[5599,5740,5741],{"class":5609},"log",[5599,5743,5744],{"class":5613},"({ ",[5599,5746,5627],{"class":5694},[5599,5748,5630],{"class":5613},[5599,5750,5658],{"class":5694},[5599,5752,5753],{"class":5613}," });\n",[5599,5755,5757],{"class":5601,"line":5756},8,[5599,5758,5759],{"class":5613},"  };\n",[5599,5761,5763],{"class":5601,"line":5762},9,[5599,5764,5680],{"emptyLinePlaceholder":5679},[5599,5766,5768,5772],{"class":5601,"line":5767},10,[5599,5769,5771],{"class":5770},"s8xlr","  return",[5599,5773,5774],{"class":5613}," (\n",[5599,5776,5778,5782,5786,5790,5793,5796,5799,5802],{"class":5601,"line":5777},11,[5599,5779,5781],{"class":5780},"s0P7L","    \u003C",[5599,5783,5785],{"class":5784},"sKtos","form",[5599,5787,5789],{"class":5788},"sa4r_"," onSubmit",[5599,5791,5792],{"class":5613},"=",[5599,5794,5795],{"class":5605},"{",[5599,5797,5798],{"class":5694},"handleSubmit",[5599,5800,5801],{"class":5605},"}",[5599,5803,5804],{"class":5780},">\n",[5599,5806,5808,5811,5814,5817,5819,5821,5823,5825,5828,5830,5832,5835,5837,5839,5841,5844,5846,5848,5850,5853,5855,5858,5861,5863],{"class":5601,"line":5807},12,[5599,5809,5810],{"class":5780},"      \u003C",[5599,5812,5813],{"class":5784},"input",[5599,5815,5816],{"class":5788}," value",[5599,5818,5792],{"class":5613},[5599,5820,5795],{"class":5605},[5599,5822,5627],{"class":5694},[5599,5824,5801],{"class":5605},[5599,5826,5827],{"class":5788}," onChange",[5599,5829,5792],{"class":5613},[5599,5831,5795],{"class":5605},[5599,5833,5641],{"class":5834},"sD7JJ",[5599,5836,5695],{"class":5694},[5599,5838,5710],{"class":5834},[5599,5840,5713],{"class":5605},[5599,5842,5843],{"class":5609}," setName",[5599,5845,5641],{"class":5834},[5599,5847,5695],{"class":5694},[5599,5849,5704],{"class":5834},[5599,5851,5852],{"class":5694},"target",[5599,5854,5704],{"class":5834},[5599,5856,5857],{"class":5694},"value",[5599,5859,5860],{"class":5834},")",[5599,5862,5801],{"class":5605},[5599,5864,5865],{"class":5780}," \u002F>\n",[5599,5867,5869,5871,5873,5875,5877,5879,5881,5883,5885,5887,5889,5891,5893,5895,5897,5900,5902,5904,5906,5908,5910,5912,5914,5916],{"class":5601,"line":5868},13,[5599,5870,5810],{"class":5780},[5599,5872,5813],{"class":5784},[5599,5874,5816],{"class":5788},[5599,5876,5792],{"class":5613},[5599,5878,5795],{"class":5605},[5599,5880,5658],{"class":5694},[5599,5882,5801],{"class":5605},[5599,5884,5827],{"class":5788},[5599,5886,5792],{"class":5613},[5599,5888,5795],{"class":5605},[5599,5890,5641],{"class":5834},[5599,5892,5695],{"class":5694},[5599,5894,5710],{"class":5834},[5599,5896,5713],{"class":5605},[5599,5898,5899],{"class":5609}," setEmail",[5599,5901,5641],{"class":5834},[5599,5903,5695],{"class":5694},[5599,5905,5704],{"class":5834},[5599,5907,5852],{"class":5694},[5599,5909,5704],{"class":5834},[5599,5911,5857],{"class":5694},[5599,5913,5860],{"class":5834},[5599,5915,5801],{"class":5605},[5599,5917,5865],{"class":5780},[5599,5919,5921,5923,5926,5929,5931,5934,5937,5940,5943,5945],{"class":5601,"line":5920},14,[5599,5922,5810],{"class":5780},[5599,5924,5925],{"class":5784},"button",[5599,5927,5928],{"class":5788}," type",[5599,5930,5792],{"class":5613},[5599,5932,5933],{"class":5644},"\"submit\"",[5599,5935,5936],{"class":5780},">",[5599,5938,5939],{"class":5613},"Відправити",[5599,5941,5942],{"class":5780},"\u003C\u002F",[5599,5944,5925],{"class":5784},[5599,5946,5804],{"class":5780},[5599,5948,5950,5953,5955],{"class":5601,"line":5949},15,[5599,5951,5952],{"class":5780},"    \u003C\u002F",[5599,5954,5785],{"class":5784},[5599,5956,5804],{"class":5780},[5599,5958,5960],{"class":5601,"line":5959},16,[5599,5961,5962],{"class":5613},"  );\n",[5599,5964,5966],{"class":5601,"line":5965},17,[5599,5967,5968],{"class":5613},"}\n",[5479,5970,5971,5972,5975],{},"Цей підхід працює для простих форм, але має ",[5483,5973,5974],{},"серйозні недоліки"," при масштабуванні:",[5977,5978,5979,5984,5991,5995,6004,6008,6011,6015],"steps",{},[5980,5981,5983],"h3",{"id":5982},"проблема-1-надмірні-ререндери","Проблема 1: Надмірні ререндери",[5479,5985,5986,5987,5990],{},"Кожна зміна символу у будь-якому полі викликає ререндер ",[5483,5988,5989],{},"усього компонента форми"," та всіх його дочірніх компонентів. У формі з 20 полями це призводить до тисяч непотрібних рендерів при заповненні.",[5980,5992,5994],{"id":5993},"проблема-2-багатослівність-коду-валідації","Проблема 2: Багатослівність коду валідації",[5479,5996,5997,5998,5494,6001,6003],{},"Для кожного поля потрібно писати окремі змінні стану для помилок, логіку валідації, обробники ",[5557,5999,6000],{},"onBlur",[5557,6002,5587],{},". Код швидко стає громіздким та важко підтримуваним.",[5980,6005,6007],{"id":6006},"проблема-3-відсутність-централізованої-схеми","Проблема 3: Відсутність централізованої схеми",[5479,6009,6010],{},"Логіка валідації розпорошена по всьому компоненту. Немає єдиного місця, де можна побачити структуру даних форми та всі правила валідації.",[5980,6012,6014],{"id":6013},"проблема-4-ручна-синхронізація-типів","Проблема 4: Ручна синхронізація типів",[5479,6016,6017],{},"TypeScript не знає структуру даних форми автоматично — доводиться вручну підтримувати синхронізацію між інтерфейсами типів і реальною структурою форми.",[6019,6020,6021,6026,6044],"note",{},[5479,6022,6023],{},[5483,6024,6025],{},"Філософія React Hook Form:",[5479,6027,6028,6029,5576,6032,6035,6036,6039,6040,6043],{},"Замість того щоб робити всі поля керованими та викликати ререндер при кожній зміні, React Hook Form використовує ",[5483,6030,6031],{},"некеровані інпути",[5536,6033,6034],{},"uncontrolled inputs",") та реф-підхід: значення полів зберігаються безпосередньо у DOM, а React Hook Form лише ",[5483,6037,6038],{},"підписується"," на події через ",[5557,6041,6042],{},"ref"," та валідує дані при сабміті або за потреби.",[5479,6045,6046],{},"Це радикально зменшує кількість ререндерів та покращує продуктивність, зберігаючи зручний API.",[5563,6048],{},[5566,6050,6052],{"id":6051},"встановлення-бібліотек","Встановлення бібліотек",[6054,6055,6056,6083],"tabs",{},[6057,6058,6060],"tabs-item",{"label":6059},"npm",[5590,6061,6065],{"className":6062,"code":6063,"language":6064,"meta":5595,"style":5595},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install react-hook-form zod @hookform\u002Fresolvers\n","bash",[5557,6066,6067],{"__ignoreMap":5595},[5599,6068,6069,6071,6074,6077,6080],{"class":5601,"line":5602},[5599,6070,6059],{"class":5609},[5599,6072,6073],{"class":5644}," install",[5599,6075,6076],{"class":5644}," react-hook-form",[5599,6078,6079],{"class":5644}," zod",[5599,6081,6082],{"class":5644}," @hookform\u002Fresolvers\n",[6057,6084,6086],{"label":6085},"pnpm",[5590,6087,6089],{"className":6062,"code":6088,"language":6064,"meta":5595,"style":5595},"pnpm add react-hook-form zod @hookform\u002Fresolvers\n",[5557,6090,6091],{"__ignoreMap":5595},[5599,6092,6093,6095,6098,6100,6102],{"class":5601,"line":5602},[5599,6094,6085],{"class":5609},[5599,6096,6097],{"class":5644}," add",[5599,6099,6076],{"class":5644},[5599,6101,6079],{"class":5644},[5599,6103,6082],{"class":5644},[5509,6105,6106,6114,6122],{},[5512,6107,6108,6113],{},[5483,6109,6110],{},[5557,6111,6112],{},"react-hook-form"," — ядро бібліотеки для роботи з формами.",[5512,6115,6116,6121],{},[5483,6117,6118],{},[5557,6119,6120],{},"zod"," — бібліотека для декларативного опису та валідації схем даних.",[5512,6123,6124,6129],{},[5483,6125,6126],{},[5557,6127,6128],{},"@hookform\u002Fresolvers"," — пакет з адаптерами (resolvers) для інтеграції React Hook Form з популярними валідаційними бібліотеками (Zod, Yup, Joi, Vest).",[5563,6131],{},[5566,6133,6135],{"id":6134},"перша-форма-базова-реєстрація-користувача","Перша форма: базова реєстрація користувача",[5479,6137,6138],{},"Почнемо з найпростішої форми реєстрації із трьома полями: ім'я, email та пароль.",[5980,6140,6142],{"id":6141},"крок-1-визначення-схеми-валідації-через-zod","Крок 1: Визначення схеми валідації через Zod",[5590,6144,6146],{"className":5592,"code":6145,"language":5594,"meta":5595,"style":5595},"import { z } from \"zod\";\n\n\u002F\u002F Zod-схема — єдине джерело правди для структури та валідації\nconst registrationSchema = z.object({\n  name: z\n    .string()\n    .min(2, \"Ім'я має містити щонайменше 2 символи\")\n    .max(50, \"Ім'я не може перевищувати 50 символів\"),\n  email: z\n    .string()\n    .email(\"Введіть коректну електронну адресу\"),\n  password: z\n    .string()\n    .min(8, \"Пароль має містити щонайменше 8 символів\"),\n});\n\n\u002F\u002F TypeScript-тип автоматично виводиться зі схеми!\ntype RegistrationFormData = z.infer\u003Ctypeof registrationSchema>;\n",[5557,6147,6148,6171,6175,6181,6202,6210,6221,6242,6262,6269,6277,6290,6297,6305,6323,6328,6332,6337],{"__ignoreMap":5595},[5599,6149,6150,6153,6156,6159,6162,6165,6168],{"class":5601,"line":5602},[5599,6151,6152],{"class":5770},"import",[5599,6154,6155],{"class":5613}," { ",[5599,6157,6158],{"class":5694},"z",[5599,6160,6161],{"class":5613}," } ",[5599,6163,6164],{"class":5770},"from",[5599,6166,6167],{"class":5644}," \"zod\"",[5599,6169,6170],{"class":5613},";\n",[5599,6172,6173],{"class":5601,"line":5617},[5599,6174,5680],{"emptyLinePlaceholder":5679},[5599,6176,6177],{"class":5601,"line":5651},[5599,6178,6180],{"class":6179},"spJ8K","\u002F\u002F Zod-схема — єдине джерело правди для структури та валідації\n",[5599,6182,6183,6186,6189,6192,6194,6196,6199],{"class":5601,"line":5676},[5599,6184,6185],{"class":5605},"const",[5599,6187,6188],{"class":5626}," registrationSchema",[5599,6190,6191],{"class":5613}," = ",[5599,6193,6158],{"class":5694},[5599,6195,5704],{"class":5613},[5599,6197,6198],{"class":5609},"object",[5599,6200,6201],{"class":5613},"({\n",[5599,6203,6204,6207],{"class":5601,"line":5683},[5599,6205,6206],{"class":5694},"  name:",[5599,6208,6209],{"class":5694}," z\n",[5599,6211,6212,6215,6218],{"class":5601,"line":5719},[5599,6213,6214],{"class":5613},"    .",[5599,6216,6217],{"class":5609},"string",[5599,6219,6220],{"class":5613},"()\n",[5599,6222,6223,6225,6228,6230,6234,6236,6239],{"class":5601,"line":5733},[5599,6224,6214],{"class":5613},[5599,6226,6227],{"class":5609},"min",[5599,6229,5641],{"class":5613},[5599,6231,6233],{"class":6232},"sJj4R","2",[5599,6235,5630],{"class":5613},[5599,6237,6238],{"class":5644},"\"Ім'я має містити щонайменше 2 символи\"",[5599,6240,6241],{"class":5613},")\n",[5599,6243,6244,6246,6249,6251,6254,6256,6259],{"class":5601,"line":5756},[5599,6245,6214],{"class":5613},[5599,6247,6248],{"class":5609},"max",[5599,6250,5641],{"class":5613},[5599,6252,6253],{"class":6232},"50",[5599,6255,5630],{"class":5613},[5599,6257,6258],{"class":5644},"\"Ім'я не може перевищувати 50 символів\"",[5599,6260,6261],{"class":5613},"),\n",[5599,6263,6264,6267],{"class":5601,"line":5762},[5599,6265,6266],{"class":5694},"  email:",[5599,6268,6209],{"class":5694},[5599,6270,6271,6273,6275],{"class":5601,"line":5767},[5599,6272,6214],{"class":5613},[5599,6274,6217],{"class":5609},[5599,6276,6220],{"class":5613},[5599,6278,6279,6281,6283,6285,6288],{"class":5601,"line":5777},[5599,6280,6214],{"class":5613},[5599,6282,5658],{"class":5609},[5599,6284,5641],{"class":5613},[5599,6286,6287],{"class":5644},"\"Введіть коректну електронну адресу\"",[5599,6289,6261],{"class":5613},[5599,6291,6292,6295],{"class":5601,"line":5807},[5599,6293,6294],{"class":5694},"  password:",[5599,6296,6209],{"class":5694},[5599,6298,6299,6301,6303],{"class":5601,"line":5868},[5599,6300,6214],{"class":5613},[5599,6302,6217],{"class":5609},[5599,6304,6220],{"class":5613},[5599,6306,6307,6309,6311,6313,6316,6318,6321],{"class":5601,"line":5920},[5599,6308,6214],{"class":5613},[5599,6310,6227],{"class":5609},[5599,6312,5641],{"class":5613},[5599,6314,6315],{"class":6232},"8",[5599,6317,5630],{"class":5613},[5599,6319,6320],{"class":5644},"\"Пароль має містити щонайменше 8 символів\"",[5599,6322,6261],{"class":5613},[5599,6324,6325],{"class":5601,"line":5949},[5599,6326,6327],{"class":5613},"});\n",[5599,6329,6330],{"class":5601,"line":5959},[5599,6331,5680],{"emptyLinePlaceholder":5679},[5599,6333,6334],{"class":5601,"line":5965},[5599,6335,6336],{"class":6179},"\u002F\u002F TypeScript-тип автоматично виводиться зі схеми!\n",[5599,6338,6340,6343,6346,6348,6350,6352,6355,6358,6361,6363],{"class":5601,"line":6339},18,[5599,6341,6342],{"class":5605},"type",[5599,6344,6345],{"class":5701}," RegistrationFormData",[5599,6347,6191],{"class":5613},[5599,6349,6158],{"class":5701},[5599,6351,5704],{"class":5613},[5599,6353,6354],{"class":5701},"infer",[5599,6356,6357],{"class":5613},"\u003C",[5599,6359,6360],{"class":5605},"typeof",[5599,6362,6188],{"class":5694},[5599,6364,6365],{"class":5613},">;\n",[6367,6368,6369,6379,6431],"tip",{},[5479,6370,6371,6372,5698,6375,6378],{},"Зверніть увагу на ",[5483,6373,6374],{},"автоматичне виведення типу",[5557,6376,6377],{},"z.infer\u003Ctypeof registrationSchema>"," аналізує схему Zod і генерує точний TypeScript-тип:",[5590,6380,6382],{"className":5592,"code":6381,"language":5594,"meta":5595,"style":5595},"type RegistrationFormData = {\n  name: string;\n  email: string;\n  password: string;\n};\n",[5557,6383,6384,6393,6404,6415,6426],{"__ignoreMap":5595},[5599,6385,6386,6388,6390],{"class":5601,"line":5602},[5599,6387,6342],{"class":5605},[5599,6389,6345],{"class":5701},[5599,6391,6392],{"class":5613}," = {\n",[5599,6394,6395,6398,6400,6402],{"class":5601,"line":5617},[5599,6396,6397],{"class":5694},"  name",[5599,6399,5698],{"class":5613},[5599,6401,6217],{"class":5701},[5599,6403,6170],{"class":5613},[5599,6405,6406,6409,6411,6413],{"class":5601,"line":5651},[5599,6407,6408],{"class":5694},"  email",[5599,6410,5698],{"class":5613},[5599,6412,6217],{"class":5701},[5599,6414,6170],{"class":5613},[5599,6416,6417,6420,6422,6424],{"class":5601,"line":5676},[5599,6418,6419],{"class":5694},"  password",[5599,6421,5698],{"class":5613},[5599,6423,6217],{"class":5701},[5599,6425,6170],{"class":5613},[5599,6427,6428],{"class":5601,"line":5683},[5599,6429,6430],{"class":5613},"};\n",[5479,6432,6433,6434,6437],{},"Це означає, що ви описуєте структуру даних ",[5483,6435,6436],{},"один раз"," у схемі Zod, а TypeScript автоматично отримує типи. Жодного дублювання, жодної ручної синхронізації.",[5980,6439,6441],{"id":6440},"крок-2-створення-форми-з-react-hook-form","Крок 2: Створення форми з React Hook Form",[5590,6443,6445],{"className":5592,"code":6444,"language":5594,"meta":5595,"style":5595},"import { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\n\nfunction RegistrationForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n  });\n\n  const onSubmit = async (data: RegistrationFormData) => {\n    \u002F\u002F Дані вже валідовані відповідно до схеми!\n    console.log(\"Валідні дані:\", data);\n    \u002F\u002F Імітація відправки на сервер\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    alert(\"Реєстрація успішна!\");\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput id=\"password\" type=\"password\" {...register(\"password\")} \u002F>\n        {errors.password && \u003Cp className=\"error\">{errors.password.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Відправка...\" : \"Зареєструватися\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,6446,6447,6465,6483,6487,6496,6502,6510,6517,6536,6551,6566,6571,6575,6601,6606,6625,6630,6666,6678,6683,6688,6695,6721,6731,6759,6792,6845,6855,6860,6869,6894,6929,6976,6985,6990,6999,7024,7059,7107,7116,7121,7147,7168,7177,7186,7191],{"__ignoreMap":5595},[5599,6448,6449,6451,6453,6456,6458,6460,6463],{"class":5601,"line":5602},[5599,6450,6152],{"class":5770},[5599,6452,6155],{"class":5613},[5599,6454,6455],{"class":5694},"useForm",[5599,6457,6161],{"class":5613},[5599,6459,6164],{"class":5770},[5599,6461,6462],{"class":5644}," \"react-hook-form\"",[5599,6464,6170],{"class":5613},[5599,6466,6467,6469,6471,6474,6476,6478,6481],{"class":5601,"line":5617},[5599,6468,6152],{"class":5770},[5599,6470,6155],{"class":5613},[5599,6472,6473],{"class":5694},"zodResolver",[5599,6475,6161],{"class":5613},[5599,6477,6164],{"class":5770},[5599,6479,6480],{"class":5644}," \"@hookform\u002Fresolvers\u002Fzod\"",[5599,6482,6170],{"class":5613},[5599,6484,6485],{"class":5601,"line":5651},[5599,6486,5680],{"emptyLinePlaceholder":5679},[5599,6488,6489,6491,6494],{"class":5601,"line":5676},[5599,6490,5606],{"class":5605},[5599,6492,6493],{"class":5609}," RegistrationForm",[5599,6495,5614],{"class":5613},[5599,6497,6498,6500],{"class":5601,"line":5683},[5599,6499,5620],{"class":5605},[5599,6501,5716],{"class":5613},[5599,6503,6504,6507],{"class":5601,"line":5719},[5599,6505,6506],{"class":5626},"    register",[5599,6508,6509],{"class":5613},",\n",[5599,6511,6512,6515],{"class":5601,"line":5733},[5599,6513,6514],{"class":5626},"    handleSubmit",[5599,6516,6509],{"class":5613},[5599,6518,6519,6522,6525,6528,6530,6533],{"class":5601,"line":5756},[5599,6520,6521],{"class":5694},"    formState",[5599,6523,6524],{"class":5613},": { ",[5599,6526,6527],{"class":5626},"errors",[5599,6529,5630],{"class":5613},[5599,6531,6532],{"class":5626},"isSubmitting",[5599,6534,6535],{"class":5613}," },\n",[5599,6537,6538,6541,6543,6545,6548],{"class":5601,"line":5762},[5599,6539,6540],{"class":5613},"  } = ",[5599,6542,6455],{"class":5609},[5599,6544,6357],{"class":5613},[5599,6546,6547],{"class":5701},"RegistrationFormData",[5599,6549,6550],{"class":5613},">({\n",[5599,6552,6553,6556,6559,6561,6564],{"class":5601,"line":5767},[5599,6554,6555],{"class":5694},"    resolver:",[5599,6557,6558],{"class":5609}," zodResolver",[5599,6560,5641],{"class":5613},[5599,6562,6563],{"class":5694},"registrationSchema",[5599,6565,6261],{"class":5613},[5599,6567,6568],{"class":5601,"line":5777},[5599,6569,6570],{"class":5613},"  });\n",[5599,6572,6573],{"class":5601,"line":5807},[5599,6574,5680],{"emptyLinePlaceholder":5679},[5599,6576,6577,6579,6581,6583,6586,6588,6591,6593,6595,6597,6599],{"class":5601,"line":5868},[5599,6578,5620],{"class":5605},[5599,6580,5789],{"class":5609},[5599,6582,6191],{"class":5613},[5599,6584,6585],{"class":5605},"async",[5599,6587,5576],{"class":5613},[5599,6589,6590],{"class":5694},"data",[5599,6592,5698],{"class":5613},[5599,6594,6547],{"class":5701},[5599,6596,5710],{"class":5613},[5599,6598,5713],{"class":5605},[5599,6600,5716],{"class":5613},[5599,6602,6603],{"class":5601,"line":5920},[5599,6604,6605],{"class":6179},"    \u002F\u002F Дані вже валідовані відповідно до схеми!\n",[5599,6607,6608,6610,6612,6614,6616,6619,6621,6623],{"class":5601,"line":5949},[5599,6609,5736],{"class":5694},[5599,6611,5704],{"class":5613},[5599,6613,5741],{"class":5609},[5599,6615,5641],{"class":5613},[5599,6617,6618],{"class":5644},"\"Валідні дані:\"",[5599,6620,5630],{"class":5613},[5599,6622,6590],{"class":5694},[5599,6624,5648],{"class":5613},[5599,6626,6627],{"class":5601,"line":5959},[5599,6628,6629],{"class":6179},"    \u002F\u002F Імітація відправки на сервер\n",[5599,6631,6632,6635,6638,6641,6644,6647,6649,6651,6654,6656,6658,6660,6663],{"class":5601,"line":5965},[5599,6633,6634],{"class":5770},"    await",[5599,6636,6637],{"class":5605}," new",[5599,6639,6640],{"class":5701}," Promise",[5599,6642,6643],{"class":5613},"((",[5599,6645,6646],{"class":5694},"resolve",[5599,6648,5710],{"class":5613},[5599,6650,5713],{"class":5605},[5599,6652,6653],{"class":5609}," setTimeout",[5599,6655,5641],{"class":5613},[5599,6657,6646],{"class":5694},[5599,6659,5630],{"class":5613},[5599,6661,6662],{"class":6232},"1000",[5599,6664,6665],{"class":5613},"));\n",[5599,6667,6668,6671,6673,6676],{"class":5601,"line":6339},[5599,6669,6670],{"class":5609},"    alert",[5599,6672,5641],{"class":5613},[5599,6674,6675],{"class":5644},"\"Реєстрація успішна!\"",[5599,6677,5648],{"class":5613},[5599,6679,6681],{"class":5601,"line":6680},19,[5599,6682,5759],{"class":5613},[5599,6684,6686],{"class":5601,"line":6685},20,[5599,6687,5680],{"emptyLinePlaceholder":5679},[5599,6689,6691,6693],{"class":5601,"line":6690},21,[5599,6692,5771],{"class":5770},[5599,6694,5774],{"class":5613},[5599,6696,6698,6700,6702,6704,6706,6708,6710,6712,6715,6717,6719],{"class":5601,"line":6697},22,[5599,6699,5781],{"class":5780},[5599,6701,5785],{"class":5784},[5599,6703,5789],{"class":5788},[5599,6705,5792],{"class":5613},[5599,6707,5795],{"class":5605},[5599,6709,5798],{"class":5609},[5599,6711,5641],{"class":5834},[5599,6713,6714],{"class":5694},"onSubmit",[5599,6716,5860],{"class":5834},[5599,6718,5801],{"class":5605},[5599,6720,5804],{"class":5780},[5599,6722,6724,6726,6729],{"class":5601,"line":6723},23,[5599,6725,5810],{"class":5780},[5599,6727,6728],{"class":5784},"div",[5599,6730,5804],{"class":5780},[5599,6732,6734,6737,6740,6743,6745,6748,6750,6753,6755,6757],{"class":5601,"line":6733},24,[5599,6735,6736],{"class":5780},"        \u003C",[5599,6738,6739],{"class":5784},"label",[5599,6741,6742],{"class":5788}," htmlFor",[5599,6744,5792],{"class":5613},[5599,6746,6747],{"class":5644},"\"name\"",[5599,6749,5936],{"class":5780},[5599,6751,6752],{"class":5613},"Ім'я",[5599,6754,5942],{"class":5780},[5599,6756,6739],{"class":5784},[5599,6758,5804],{"class":5780},[5599,6760,6762,6764,6766,6769,6771,6773,6776,6779,6782,6784,6786,6788,6790],{"class":5601,"line":6761},25,[5599,6763,6736],{"class":5780},[5599,6765,5813],{"class":5784},[5599,6767,6768],{"class":5788}," id",[5599,6770,5792],{"class":5613},[5599,6772,6747],{"class":5644},[5599,6774,6775],{"class":5605}," {",[5599,6777,6778],{"class":5613},"...",[5599,6780,6781],{"class":5609},"register",[5599,6783,5641],{"class":5834},[5599,6785,6747],{"class":5644},[5599,6787,5860],{"class":5834},[5599,6789,5801],{"class":5605},[5599,6791,5865],{"class":5780},[5599,6793,6795,6798,6800,6802,6804,6807,6810,6812,6815,6817,6820,6822,6824,6826,6828,6830,6832,6835,6837,6839,6841,6843],{"class":5601,"line":6794},26,[5599,6796,6797],{"class":5605},"        {",[5599,6799,6527],{"class":5694},[5599,6801,5704],{"class":5834},[5599,6803,5627],{"class":5694},[5599,6805,6806],{"class":5613}," &&",[5599,6808,6809],{"class":5780}," \u003C",[5599,6811,5479],{"class":5784},[5599,6813,6814],{"class":5788}," className",[5599,6816,5792],{"class":5613},[5599,6818,6819],{"class":5644},"\"error\"",[5599,6821,5936],{"class":5780},[5599,6823,5795],{"class":5605},[5599,6825,6527],{"class":5694},[5599,6827,5704],{"class":5834},[5599,6829,5627],{"class":5694},[5599,6831,5704],{"class":5834},[5599,6833,6834],{"class":5694},"message",[5599,6836,5801],{"class":5605},[5599,6838,5942],{"class":5780},[5599,6840,5479],{"class":5784},[5599,6842,5936],{"class":5780},[5599,6844,5968],{"class":5605},[5599,6846,6848,6851,6853],{"class":5601,"line":6847},27,[5599,6849,6850],{"class":5780},"      \u003C\u002F",[5599,6852,6728],{"class":5784},[5599,6854,5804],{"class":5780},[5599,6856,6858],{"class":5601,"line":6857},28,[5599,6859,5680],{"emptyLinePlaceholder":5679},[5599,6861,6863,6865,6867],{"class":5601,"line":6862},29,[5599,6864,5810],{"class":5780},[5599,6866,6728],{"class":5784},[5599,6868,5804],{"class":5780},[5599,6870,6872,6874,6876,6878,6880,6883,6885,6888,6890,6892],{"class":5601,"line":6871},30,[5599,6873,6736],{"class":5780},[5599,6875,6739],{"class":5784},[5599,6877,6742],{"class":5788},[5599,6879,5792],{"class":5613},[5599,6881,6882],{"class":5644},"\"email\"",[5599,6884,5936],{"class":5780},[5599,6886,6887],{"class":5613},"Email",[5599,6889,5942],{"class":5780},[5599,6891,6739],{"class":5784},[5599,6893,5804],{"class":5780},[5599,6895,6897,6899,6901,6903,6905,6907,6909,6911,6913,6915,6917,6919,6921,6923,6925,6927],{"class":5601,"line":6896},31,[5599,6898,6736],{"class":5780},[5599,6900,5813],{"class":5784},[5599,6902,6768],{"class":5788},[5599,6904,5792],{"class":5613},[5599,6906,6882],{"class":5644},[5599,6908,5928],{"class":5788},[5599,6910,5792],{"class":5613},[5599,6912,6882],{"class":5644},[5599,6914,6775],{"class":5605},[5599,6916,6778],{"class":5613},[5599,6918,6781],{"class":5609},[5599,6920,5641],{"class":5834},[5599,6922,6882],{"class":5644},[5599,6924,5860],{"class":5834},[5599,6926,5801],{"class":5605},[5599,6928,5865],{"class":5780},[5599,6930,6932,6934,6936,6938,6940,6942,6944,6946,6948,6950,6952,6954,6956,6958,6960,6962,6964,6966,6968,6970,6972,6974],{"class":5601,"line":6931},32,[5599,6933,6797],{"class":5605},[5599,6935,6527],{"class":5694},[5599,6937,5704],{"class":5834},[5599,6939,5658],{"class":5694},[5599,6941,6806],{"class":5613},[5599,6943,6809],{"class":5780},[5599,6945,5479],{"class":5784},[5599,6947,6814],{"class":5788},[5599,6949,5792],{"class":5613},[5599,6951,6819],{"class":5644},[5599,6953,5936],{"class":5780},[5599,6955,5795],{"class":5605},[5599,6957,6527],{"class":5694},[5599,6959,5704],{"class":5834},[5599,6961,5658],{"class":5694},[5599,6963,5704],{"class":5834},[5599,6965,6834],{"class":5694},[5599,6967,5801],{"class":5605},[5599,6969,5942],{"class":5780},[5599,6971,5479],{"class":5784},[5599,6973,5936],{"class":5780},[5599,6975,5968],{"class":5605},[5599,6977,6979,6981,6983],{"class":5601,"line":6978},33,[5599,6980,6850],{"class":5780},[5599,6982,6728],{"class":5784},[5599,6984,5804],{"class":5780},[5599,6986,6988],{"class":5601,"line":6987},34,[5599,6989,5680],{"emptyLinePlaceholder":5679},[5599,6991,6993,6995,6997],{"class":5601,"line":6992},35,[5599,6994,5810],{"class":5780},[5599,6996,6728],{"class":5784},[5599,6998,5804],{"class":5780},[5599,7000,7002,7004,7006,7008,7010,7013,7015,7018,7020,7022],{"class":5601,"line":7001},36,[5599,7003,6736],{"class":5780},[5599,7005,6739],{"class":5784},[5599,7007,6742],{"class":5788},[5599,7009,5792],{"class":5613},[5599,7011,7012],{"class":5644},"\"password\"",[5599,7014,5936],{"class":5780},[5599,7016,7017],{"class":5613},"Пароль",[5599,7019,5942],{"class":5780},[5599,7021,6739],{"class":5784},[5599,7023,5804],{"class":5780},[5599,7025,7027,7029,7031,7033,7035,7037,7039,7041,7043,7045,7047,7049,7051,7053,7055,7057],{"class":5601,"line":7026},37,[5599,7028,6736],{"class":5780},[5599,7030,5813],{"class":5784},[5599,7032,6768],{"class":5788},[5599,7034,5792],{"class":5613},[5599,7036,7012],{"class":5644},[5599,7038,5928],{"class":5788},[5599,7040,5792],{"class":5613},[5599,7042,7012],{"class":5644},[5599,7044,6775],{"class":5605},[5599,7046,6778],{"class":5613},[5599,7048,6781],{"class":5609},[5599,7050,5641],{"class":5834},[5599,7052,7012],{"class":5644},[5599,7054,5860],{"class":5834},[5599,7056,5801],{"class":5605},[5599,7058,5865],{"class":5780},[5599,7060,7062,7064,7066,7068,7071,7073,7075,7077,7079,7081,7083,7085,7087,7089,7091,7093,7095,7097,7099,7101,7103,7105],{"class":5601,"line":7061},38,[5599,7063,6797],{"class":5605},[5599,7065,6527],{"class":5694},[5599,7067,5704],{"class":5834},[5599,7069,7070],{"class":5694},"password",[5599,7072,6806],{"class":5613},[5599,7074,6809],{"class":5780},[5599,7076,5479],{"class":5784},[5599,7078,6814],{"class":5788},[5599,7080,5792],{"class":5613},[5599,7082,6819],{"class":5644},[5599,7084,5936],{"class":5780},[5599,7086,5795],{"class":5605},[5599,7088,6527],{"class":5694},[5599,7090,5704],{"class":5834},[5599,7092,7070],{"class":5694},[5599,7094,5704],{"class":5834},[5599,7096,6834],{"class":5694},[5599,7098,5801],{"class":5605},[5599,7100,5942],{"class":5780},[5599,7102,5479],{"class":5784},[5599,7104,5936],{"class":5780},[5599,7106,5968],{"class":5605},[5599,7108,7110,7112,7114],{"class":5601,"line":7109},39,[5599,7111,6850],{"class":5780},[5599,7113,6728],{"class":5784},[5599,7115,5804],{"class":5780},[5599,7117,7119],{"class":5601,"line":7118},40,[5599,7120,5680],{"emptyLinePlaceholder":5679},[5599,7122,7124,7126,7128,7130,7132,7134,7137,7139,7141,7143,7145],{"class":5601,"line":7123},41,[5599,7125,5810],{"class":5780},[5599,7127,5925],{"class":5784},[5599,7129,5928],{"class":5788},[5599,7131,5792],{"class":5613},[5599,7133,5933],{"class":5644},[5599,7135,7136],{"class":5788}," disabled",[5599,7138,5792],{"class":5613},[5599,7140,5795],{"class":5605},[5599,7142,6532],{"class":5694},[5599,7144,5801],{"class":5605},[5599,7146,5804],{"class":5780},[5599,7148,7150,7152,7154,7157,7160,7163,7166],{"class":5601,"line":7149},42,[5599,7151,6797],{"class":5605},[5599,7153,6532],{"class":5694},[5599,7155,7156],{"class":5613}," ?",[5599,7158,7159],{"class":5644}," \"Відправка...\"",[5599,7161,7162],{"class":5613}," :",[5599,7164,7165],{"class":5644}," \"Зареєструватися\"",[5599,7167,5968],{"class":5605},[5599,7169,7171,7173,7175],{"class":5601,"line":7170},43,[5599,7172,6850],{"class":5780},[5599,7174,5925],{"class":5784},[5599,7176,5804],{"class":5780},[5599,7178,7180,7182,7184],{"class":5601,"line":7179},44,[5599,7181,5952],{"class":5780},[5599,7183,5785],{"class":5784},[5599,7185,5804],{"class":5780},[5599,7187,7189],{"class":5601,"line":7188},45,[5599,7190,5962],{"class":5613},[5599,7192,7194],{"class":5601,"line":7193},46,[5599,7195,5968],{"class":5613},[6019,7197,7198,7203],{},[5479,7199,7200],{},[5483,7201,7202],{},"Ключові елементи цього коду:",[7204,7205,7206,7214,7222,7239,7259],"ol",{},[5512,7207,7208,7213],{},[5483,7209,7210,5560],{},[5557,7211,7212],{},"useForm\u003CRegistrationFormData>"," хук приймає дженерик-тип, що забезпечує типобезпеку при роботі з полями.",[5512,7215,7216,7221],{},[5483,7217,7218,5560],{},[5557,7219,7220],{},"resolver: zodResolver(registrationSchema)"," підключає Zod-схему як валідатор форми.",[5512,7223,7224,7229,7230,5630,7232,5630,7234,5630,7236,7238],{},[5483,7225,7226,5560],{},[5557,7227,7228],{},"register(\"name\")"," повертає об'єкт з ",[5557,7231,6042],{},[5557,7233,5627],{},[5557,7235,5587],{},[5557,7237,6000],{}," — ці атрибути spread-оператор прив'язує до інпута.",[5512,7240,7241,7246,7247,7249,7250,5486,7252,7255,7256,7258],{},[5483,7242,7243,5560],{},[5557,7244,7245],{},"handleSubmit(onSubmit)"," обробник сабміту, що валідує дані перед викликом ",[5557,7248,6714],{},". Якщо валідація не пройдена, ",[5557,7251,6714],{},[5483,7253,7254],{},"не викликається",", натомість ",[5557,7257,6527],{}," заповнюється помилками.",[5512,7260,7261,7265],{},[5483,7262,7263,5560],{},[5557,7264,6527],{}," об'єкт з помилками валідації, структура якого відповідає структурі схеми.",[5563,7267],{},[5566,7269,7271],{"id":7270},"розширена-валідація-підтвердження-пароля-та-складні-правила","Розширена валідація: підтвердження пароля та складні правила",[5479,7273,7274],{},"Тепер додамо поле підтвердження пароля та перевірку, що обидва паролі збігаються.",[5590,7276,7278],{"className":5592,"code":7277,"language":5594,"meta":5595,"style":5595},"const registrationSchema = z\n  .object({\n    name: z.string().min(2, \"Ім'я має містити щонайменше 2 символи\"),\n    email: z.string().email(\"Введіть коректну електронну адресу\"),\n    password: z\n      .string()\n      .min(8, \"Пароль має містити щонайменше 8 символів\")\n      .regex(\u002F[A-Z]\u002F, \"Пароль має містити хоча б одну велику літеру\")\n      .regex(\u002F[0-9]\u002F, \"Пароль має містити хоча б одну цифру\"),\n    confirmPassword: z.string(),\n  })\n  .refine((data) => data.password === data.confirmPassword, {\n    message: \"Паролі не збігаються\",\n    path: [\"confirmPassword\"], \u002F\u002F Прив'язка помилки до конкретного поля\n  });\n\ntype RegistrationFormData = z.infer\u003Ctypeof registrationSchema>;\n",[5557,7279,7280,7291,7300,7327,7348,7355,7364,7380,7412,7438,7452,7457,7492,7502,7518,7522,7526],{"__ignoreMap":5595},[5599,7281,7282,7284,7286,7288],{"class":5601,"line":5602},[5599,7283,6185],{"class":5605},[5599,7285,6188],{"class":5626},[5599,7287,6191],{"class":5613},[5599,7289,7290],{"class":5694},"z\n",[5599,7292,7293,7296,7298],{"class":5601,"line":5617},[5599,7294,7295],{"class":5613},"  .",[5599,7297,6198],{"class":5609},[5599,7299,6201],{"class":5613},[5599,7301,7302,7305,7308,7310,7312,7315,7317,7319,7321,7323,7325],{"class":5601,"line":5651},[5599,7303,7304],{"class":5694},"    name:",[5599,7306,7307],{"class":5694}," z",[5599,7309,5704],{"class":5613},[5599,7311,6217],{"class":5609},[5599,7313,7314],{"class":5613},"().",[5599,7316,6227],{"class":5609},[5599,7318,5641],{"class":5613},[5599,7320,6233],{"class":6232},[5599,7322,5630],{"class":5613},[5599,7324,6238],{"class":5644},[5599,7326,6261],{"class":5613},[5599,7328,7329,7332,7334,7336,7338,7340,7342,7344,7346],{"class":5601,"line":5676},[5599,7330,7331],{"class":5694},"    email:",[5599,7333,7307],{"class":5694},[5599,7335,5704],{"class":5613},[5599,7337,6217],{"class":5609},[5599,7339,7314],{"class":5613},[5599,7341,5658],{"class":5609},[5599,7343,5641],{"class":5613},[5599,7345,6287],{"class":5644},[5599,7347,6261],{"class":5613},[5599,7349,7350,7353],{"class":5601,"line":5683},[5599,7351,7352],{"class":5694},"    password:",[5599,7354,6209],{"class":5694},[5599,7356,7357,7360,7362],{"class":5601,"line":5719},[5599,7358,7359],{"class":5613},"      .",[5599,7361,6217],{"class":5609},[5599,7363,6220],{"class":5613},[5599,7365,7366,7368,7370,7372,7374,7376,7378],{"class":5601,"line":5733},[5599,7367,7359],{"class":5613},[5599,7369,6227],{"class":5609},[5599,7371,5641],{"class":5613},[5599,7373,6315],{"class":6232},[5599,7375,5630],{"class":5613},[5599,7377,6320],{"class":5644},[5599,7379,6241],{"class":5613},[5599,7381,7382,7384,7387,7389,7393,7397,7400,7403,7405,7407,7410],{"class":5601,"line":5756},[5599,7383,7359],{"class":5613},[5599,7385,7386],{"class":5609},"regex",[5599,7388,5641],{"class":5613},[5599,7390,7392],{"class":7391},"shsrj","\u002F",[5599,7394,7396],{"class":7395},"sAV2Q","[",[5599,7398,7399],{"class":7391},"A-Z",[5599,7401,7402],{"class":7395},"]",[5599,7404,7392],{"class":7391},[5599,7406,5630],{"class":5613},[5599,7408,7409],{"class":5644},"\"Пароль має містити хоча б одну велику літеру\"",[5599,7411,6241],{"class":5613},[5599,7413,7414,7416,7418,7420,7422,7424,7427,7429,7431,7433,7436],{"class":5601,"line":5762},[5599,7415,7359],{"class":5613},[5599,7417,7386],{"class":5609},[5599,7419,5641],{"class":5613},[5599,7421,7392],{"class":7391},[5599,7423,7396],{"class":7395},[5599,7425,7426],{"class":7391},"0-9",[5599,7428,7402],{"class":7395},[5599,7430,7392],{"class":7391},[5599,7432,5630],{"class":5613},[5599,7434,7435],{"class":5644},"\"Пароль має містити хоча б одну цифру\"",[5599,7437,6261],{"class":5613},[5599,7439,7440,7443,7445,7447,7449],{"class":5601,"line":5767},[5599,7441,7442],{"class":5694},"    confirmPassword:",[5599,7444,7307],{"class":5694},[5599,7446,5704],{"class":5613},[5599,7448,6217],{"class":5609},[5599,7450,7451],{"class":5613},"(),\n",[5599,7453,7454],{"class":5601,"line":5777},[5599,7455,7456],{"class":5613},"  })\n",[5599,7458,7459,7461,7464,7466,7468,7470,7472,7475,7477,7479,7482,7484,7486,7489],{"class":5601,"line":5807},[5599,7460,7295],{"class":5613},[5599,7462,7463],{"class":5609},"refine",[5599,7465,6643],{"class":5613},[5599,7467,6590],{"class":5694},[5599,7469,5710],{"class":5613},[5599,7471,5713],{"class":5605},[5599,7473,7474],{"class":5694}," data",[5599,7476,5704],{"class":5613},[5599,7478,7070],{"class":5694},[5599,7480,7481],{"class":5613}," === ",[5599,7483,6590],{"class":5694},[5599,7485,5704],{"class":5613},[5599,7487,7488],{"class":5694},"confirmPassword",[5599,7490,7491],{"class":5613},", {\n",[5599,7493,7494,7497,7500],{"class":5601,"line":5868},[5599,7495,7496],{"class":5694},"    message:",[5599,7498,7499],{"class":5644}," \"Паролі не збігаються\"",[5599,7501,6509],{"class":5613},[5599,7503,7504,7507,7509,7512,7515],{"class":5601,"line":5920},[5599,7505,7506],{"class":5694},"    path:",[5599,7508,5623],{"class":5613},[5599,7510,7511],{"class":5644},"\"confirmPassword\"",[5599,7513,7514],{"class":5613},"], ",[5599,7516,7517],{"class":6179},"\u002F\u002F Прив'язка помилки до конкретного поля\n",[5599,7519,7520],{"class":5601,"line":5949},[5599,7521,6570],{"class":5613},[5599,7523,7524],{"class":5601,"line":5959},[5599,7525,5680],{"emptyLinePlaceholder":5679},[5599,7527,7528,7530,7532,7534,7536,7538,7540,7542,7544,7546],{"class":5601,"line":5965},[5599,7529,6342],{"class":5605},[5599,7531,6345],{"class":5701},[5599,7533,6191],{"class":5613},[5599,7535,6158],{"class":5701},[5599,7537,5704],{"class":5613},[5599,7539,6354],{"class":5701},[5599,7541,6357],{"class":5613},[5599,7543,6360],{"class":5605},[5599,7545,6188],{"class":5694},[5599,7547,6365],{"class":5613},[6367,7549,7550,7572],{},[5479,7551,7552,7558,7559,5576,7562,7565,7566,7569,7570,5704],{},[5483,7553,7554,7555],{},"Метод ",[5557,7556,7557],{},".refine()"," дозволяє додавати ",[5483,7560,7561],{},"міжполеві валідації",[5536,7563,7564],{},"cross-field validations","), коли правило залежить від кількох полів одночасно. Параметр ",[5557,7567,7568],{},"path"," вказує, до якого поля прив'язати помилку у об'єкті ",[5557,7571,6527],{},[5479,7573,7574,7575,7578],{},"Альтернативно можна використовувати ",[5557,7576,7577],{},".superRefine()"," для ще більш складних сценаріїв з множинними помилками.",[5479,7580,7581],{},"Тепер додамо поле підтвердження пароля до форми:",[5590,7583,7585],{"className":5592,"code":7584,"language":5594,"meta":5595,"style":5595},"function RegistrationForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n    mode: \"onBlur\", \u002F\u002F Валідація при втраті фокуса\n  });\n\n  const onSubmit = async (data: RegistrationFormData) => {\n    console.log(\"Валідні дані:\", data);\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    alert(\"Реєстрація успішна!\");\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput id=\"password\" type=\"password\" {...register(\"password\")} \u002F>\n        {errors.password && \u003Cp className=\"error\">{errors.password.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"confirmPassword\">Підтвердження пароля\u003C\u002Flabel>\n        \u003Cinput\n          id=\"confirmPassword\"\n          type=\"password\"\n          {...register(\"confirmPassword\")}\n        \u002F>\n        {errors.confirmPassword && (\n          \u003Cp className=\"error\">{errors.confirmPassword.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Відправка...\" : \"Зареєструватися\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,7586,7587,7595,7601,7607,7613,7627,7639,7651,7664,7668,7672,7696,7714,7742,7752,7756,7760,7766,7790,7798,7820,7848,7894,7902,7906,7914,7936,7970,8016,8024,8028,8036,8058,8092,8138,8146,8150,8158,8181,8188,8198,8208,8225,8230,8244,8279,8286,8295,8300,8325,8342,8351,8360,8365],{"__ignoreMap":5595},[5599,7588,7589,7591,7593],{"class":5601,"line":5602},[5599,7590,5606],{"class":5605},[5599,7592,6493],{"class":5609},[5599,7594,5614],{"class":5613},[5599,7596,7597,7599],{"class":5601,"line":5617},[5599,7598,5620],{"class":5605},[5599,7600,5716],{"class":5613},[5599,7602,7603,7605],{"class":5601,"line":5651},[5599,7604,6506],{"class":5626},[5599,7606,6509],{"class":5613},[5599,7608,7609,7611],{"class":5601,"line":5676},[5599,7610,6514],{"class":5626},[5599,7612,6509],{"class":5613},[5599,7614,7615,7617,7619,7621,7623,7625],{"class":5601,"line":5683},[5599,7616,6521],{"class":5694},[5599,7618,6524],{"class":5613},[5599,7620,6527],{"class":5626},[5599,7622,5630],{"class":5613},[5599,7624,6532],{"class":5626},[5599,7626,6535],{"class":5613},[5599,7628,7629,7631,7633,7635,7637],{"class":5601,"line":5719},[5599,7630,6540],{"class":5613},[5599,7632,6455],{"class":5609},[5599,7634,6357],{"class":5613},[5599,7636,6547],{"class":5701},[5599,7638,6550],{"class":5613},[5599,7640,7641,7643,7645,7647,7649],{"class":5601,"line":5733},[5599,7642,6555],{"class":5694},[5599,7644,6558],{"class":5609},[5599,7646,5641],{"class":5613},[5599,7648,6563],{"class":5694},[5599,7650,6261],{"class":5613},[5599,7652,7653,7656,7659,7661],{"class":5601,"line":5756},[5599,7654,7655],{"class":5694},"    mode:",[5599,7657,7658],{"class":5644}," \"onBlur\"",[5599,7660,5630],{"class":5613},[5599,7662,7663],{"class":6179},"\u002F\u002F Валідація при втраті фокуса\n",[5599,7665,7666],{"class":5601,"line":5762},[5599,7667,6570],{"class":5613},[5599,7669,7670],{"class":5601,"line":5767},[5599,7671,5680],{"emptyLinePlaceholder":5679},[5599,7673,7674,7676,7678,7680,7682,7684,7686,7688,7690,7692,7694],{"class":5601,"line":5777},[5599,7675,5620],{"class":5605},[5599,7677,5789],{"class":5609},[5599,7679,6191],{"class":5613},[5599,7681,6585],{"class":5605},[5599,7683,5576],{"class":5613},[5599,7685,6590],{"class":5694},[5599,7687,5698],{"class":5613},[5599,7689,6547],{"class":5701},[5599,7691,5710],{"class":5613},[5599,7693,5713],{"class":5605},[5599,7695,5716],{"class":5613},[5599,7697,7698,7700,7702,7704,7706,7708,7710,7712],{"class":5601,"line":5807},[5599,7699,5736],{"class":5694},[5599,7701,5704],{"class":5613},[5599,7703,5741],{"class":5609},[5599,7705,5641],{"class":5613},[5599,7707,6618],{"class":5644},[5599,7709,5630],{"class":5613},[5599,7711,6590],{"class":5694},[5599,7713,5648],{"class":5613},[5599,7715,7716,7718,7720,7722,7724,7726,7728,7730,7732,7734,7736,7738,7740],{"class":5601,"line":5868},[5599,7717,6634],{"class":5770},[5599,7719,6637],{"class":5605},[5599,7721,6640],{"class":5701},[5599,7723,6643],{"class":5613},[5599,7725,6646],{"class":5694},[5599,7727,5710],{"class":5613},[5599,7729,5713],{"class":5605},[5599,7731,6653],{"class":5609},[5599,7733,5641],{"class":5613},[5599,7735,6646],{"class":5694},[5599,7737,5630],{"class":5613},[5599,7739,6662],{"class":6232},[5599,7741,6665],{"class":5613},[5599,7743,7744,7746,7748,7750],{"class":5601,"line":5920},[5599,7745,6670],{"class":5609},[5599,7747,5641],{"class":5613},[5599,7749,6675],{"class":5644},[5599,7751,5648],{"class":5613},[5599,7753,7754],{"class":5601,"line":5949},[5599,7755,5759],{"class":5613},[5599,7757,7758],{"class":5601,"line":5959},[5599,7759,5680],{"emptyLinePlaceholder":5679},[5599,7761,7762,7764],{"class":5601,"line":5965},[5599,7763,5771],{"class":5770},[5599,7765,5774],{"class":5613},[5599,7767,7768,7770,7772,7774,7776,7778,7780,7782,7784,7786,7788],{"class":5601,"line":6339},[5599,7769,5781],{"class":5780},[5599,7771,5785],{"class":5784},[5599,7773,5789],{"class":5788},[5599,7775,5792],{"class":5613},[5599,7777,5795],{"class":5605},[5599,7779,5798],{"class":5609},[5599,7781,5641],{"class":5834},[5599,7783,6714],{"class":5694},[5599,7785,5860],{"class":5834},[5599,7787,5801],{"class":5605},[5599,7789,5804],{"class":5780},[5599,7791,7792,7794,7796],{"class":5601,"line":6680},[5599,7793,5810],{"class":5780},[5599,7795,6728],{"class":5784},[5599,7797,5804],{"class":5780},[5599,7799,7800,7802,7804,7806,7808,7810,7812,7814,7816,7818],{"class":5601,"line":6685},[5599,7801,6736],{"class":5780},[5599,7803,6739],{"class":5784},[5599,7805,6742],{"class":5788},[5599,7807,5792],{"class":5613},[5599,7809,6747],{"class":5644},[5599,7811,5936],{"class":5780},[5599,7813,6752],{"class":5613},[5599,7815,5942],{"class":5780},[5599,7817,6739],{"class":5784},[5599,7819,5804],{"class":5780},[5599,7821,7822,7824,7826,7828,7830,7832,7834,7836,7838,7840,7842,7844,7846],{"class":5601,"line":6690},[5599,7823,6736],{"class":5780},[5599,7825,5813],{"class":5784},[5599,7827,6768],{"class":5788},[5599,7829,5792],{"class":5613},[5599,7831,6747],{"class":5644},[5599,7833,6775],{"class":5605},[5599,7835,6778],{"class":5613},[5599,7837,6781],{"class":5609},[5599,7839,5641],{"class":5834},[5599,7841,6747],{"class":5644},[5599,7843,5860],{"class":5834},[5599,7845,5801],{"class":5605},[5599,7847,5865],{"class":5780},[5599,7849,7850,7852,7854,7856,7858,7860,7862,7864,7866,7868,7870,7872,7874,7876,7878,7880,7882,7884,7886,7888,7890,7892],{"class":5601,"line":6697},[5599,7851,6797],{"class":5605},[5599,7853,6527],{"class":5694},[5599,7855,5704],{"class":5834},[5599,7857,5627],{"class":5694},[5599,7859,6806],{"class":5613},[5599,7861,6809],{"class":5780},[5599,7863,5479],{"class":5784},[5599,7865,6814],{"class":5788},[5599,7867,5792],{"class":5613},[5599,7869,6819],{"class":5644},[5599,7871,5936],{"class":5780},[5599,7873,5795],{"class":5605},[5599,7875,6527],{"class":5694},[5599,7877,5704],{"class":5834},[5599,7879,5627],{"class":5694},[5599,7881,5704],{"class":5834},[5599,7883,6834],{"class":5694},[5599,7885,5801],{"class":5605},[5599,7887,5942],{"class":5780},[5599,7889,5479],{"class":5784},[5599,7891,5936],{"class":5780},[5599,7893,5968],{"class":5605},[5599,7895,7896,7898,7900],{"class":5601,"line":6723},[5599,7897,6850],{"class":5780},[5599,7899,6728],{"class":5784},[5599,7901,5804],{"class":5780},[5599,7903,7904],{"class":5601,"line":6733},[5599,7905,5680],{"emptyLinePlaceholder":5679},[5599,7907,7908,7910,7912],{"class":5601,"line":6761},[5599,7909,5810],{"class":5780},[5599,7911,6728],{"class":5784},[5599,7913,5804],{"class":5780},[5599,7915,7916,7918,7920,7922,7924,7926,7928,7930,7932,7934],{"class":5601,"line":6794},[5599,7917,6736],{"class":5780},[5599,7919,6739],{"class":5784},[5599,7921,6742],{"class":5788},[5599,7923,5792],{"class":5613},[5599,7925,6882],{"class":5644},[5599,7927,5936],{"class":5780},[5599,7929,6887],{"class":5613},[5599,7931,5942],{"class":5780},[5599,7933,6739],{"class":5784},[5599,7935,5804],{"class":5780},[5599,7937,7938,7940,7942,7944,7946,7948,7950,7952,7954,7956,7958,7960,7962,7964,7966,7968],{"class":5601,"line":6847},[5599,7939,6736],{"class":5780},[5599,7941,5813],{"class":5784},[5599,7943,6768],{"class":5788},[5599,7945,5792],{"class":5613},[5599,7947,6882],{"class":5644},[5599,7949,5928],{"class":5788},[5599,7951,5792],{"class":5613},[5599,7953,6882],{"class":5644},[5599,7955,6775],{"class":5605},[5599,7957,6778],{"class":5613},[5599,7959,6781],{"class":5609},[5599,7961,5641],{"class":5834},[5599,7963,6882],{"class":5644},[5599,7965,5860],{"class":5834},[5599,7967,5801],{"class":5605},[5599,7969,5865],{"class":5780},[5599,7971,7972,7974,7976,7978,7980,7982,7984,7986,7988,7990,7992,7994,7996,7998,8000,8002,8004,8006,8008,8010,8012,8014],{"class":5601,"line":6857},[5599,7973,6797],{"class":5605},[5599,7975,6527],{"class":5694},[5599,7977,5704],{"class":5834},[5599,7979,5658],{"class":5694},[5599,7981,6806],{"class":5613},[5599,7983,6809],{"class":5780},[5599,7985,5479],{"class":5784},[5599,7987,6814],{"class":5788},[5599,7989,5792],{"class":5613},[5599,7991,6819],{"class":5644},[5599,7993,5936],{"class":5780},[5599,7995,5795],{"class":5605},[5599,7997,6527],{"class":5694},[5599,7999,5704],{"class":5834},[5599,8001,5658],{"class":5694},[5599,8003,5704],{"class":5834},[5599,8005,6834],{"class":5694},[5599,8007,5801],{"class":5605},[5599,8009,5942],{"class":5780},[5599,8011,5479],{"class":5784},[5599,8013,5936],{"class":5780},[5599,8015,5968],{"class":5605},[5599,8017,8018,8020,8022],{"class":5601,"line":6862},[5599,8019,6850],{"class":5780},[5599,8021,6728],{"class":5784},[5599,8023,5804],{"class":5780},[5599,8025,8026],{"class":5601,"line":6871},[5599,8027,5680],{"emptyLinePlaceholder":5679},[5599,8029,8030,8032,8034],{"class":5601,"line":6896},[5599,8031,5810],{"class":5780},[5599,8033,6728],{"class":5784},[5599,8035,5804],{"class":5780},[5599,8037,8038,8040,8042,8044,8046,8048,8050,8052,8054,8056],{"class":5601,"line":6931},[5599,8039,6736],{"class":5780},[5599,8041,6739],{"class":5784},[5599,8043,6742],{"class":5788},[5599,8045,5792],{"class":5613},[5599,8047,7012],{"class":5644},[5599,8049,5936],{"class":5780},[5599,8051,7017],{"class":5613},[5599,8053,5942],{"class":5780},[5599,8055,6739],{"class":5784},[5599,8057,5804],{"class":5780},[5599,8059,8060,8062,8064,8066,8068,8070,8072,8074,8076,8078,8080,8082,8084,8086,8088,8090],{"class":5601,"line":6978},[5599,8061,6736],{"class":5780},[5599,8063,5813],{"class":5784},[5599,8065,6768],{"class":5788},[5599,8067,5792],{"class":5613},[5599,8069,7012],{"class":5644},[5599,8071,5928],{"class":5788},[5599,8073,5792],{"class":5613},[5599,8075,7012],{"class":5644},[5599,8077,6775],{"class":5605},[5599,8079,6778],{"class":5613},[5599,8081,6781],{"class":5609},[5599,8083,5641],{"class":5834},[5599,8085,7012],{"class":5644},[5599,8087,5860],{"class":5834},[5599,8089,5801],{"class":5605},[5599,8091,5865],{"class":5780},[5599,8093,8094,8096,8098,8100,8102,8104,8106,8108,8110,8112,8114,8116,8118,8120,8122,8124,8126,8128,8130,8132,8134,8136],{"class":5601,"line":6987},[5599,8095,6797],{"class":5605},[5599,8097,6527],{"class":5694},[5599,8099,5704],{"class":5834},[5599,8101,7070],{"class":5694},[5599,8103,6806],{"class":5613},[5599,8105,6809],{"class":5780},[5599,8107,5479],{"class":5784},[5599,8109,6814],{"class":5788},[5599,8111,5792],{"class":5613},[5599,8113,6819],{"class":5644},[5599,8115,5936],{"class":5780},[5599,8117,5795],{"class":5605},[5599,8119,6527],{"class":5694},[5599,8121,5704],{"class":5834},[5599,8123,7070],{"class":5694},[5599,8125,5704],{"class":5834},[5599,8127,6834],{"class":5694},[5599,8129,5801],{"class":5605},[5599,8131,5942],{"class":5780},[5599,8133,5479],{"class":5784},[5599,8135,5936],{"class":5780},[5599,8137,5968],{"class":5605},[5599,8139,8140,8142,8144],{"class":5601,"line":6992},[5599,8141,6850],{"class":5780},[5599,8143,6728],{"class":5784},[5599,8145,5804],{"class":5780},[5599,8147,8148],{"class":5601,"line":7001},[5599,8149,5680],{"emptyLinePlaceholder":5679},[5599,8151,8152,8154,8156],{"class":5601,"line":7026},[5599,8153,5810],{"class":5780},[5599,8155,6728],{"class":5784},[5599,8157,5804],{"class":5780},[5599,8159,8160,8162,8164,8166,8168,8170,8172,8175,8177,8179],{"class":5601,"line":7061},[5599,8161,6736],{"class":5780},[5599,8163,6739],{"class":5784},[5599,8165,6742],{"class":5788},[5599,8167,5792],{"class":5613},[5599,8169,7511],{"class":5644},[5599,8171,5936],{"class":5780},[5599,8173,8174],{"class":5613},"Підтвердження пароля",[5599,8176,5942],{"class":5780},[5599,8178,6739],{"class":5784},[5599,8180,5804],{"class":5780},[5599,8182,8183,8185],{"class":5601,"line":7109},[5599,8184,6736],{"class":5780},[5599,8186,8187],{"class":5784},"input\n",[5599,8189,8190,8193,8195],{"class":5601,"line":7118},[5599,8191,8192],{"class":5788},"          id",[5599,8194,5792],{"class":5613},[5599,8196,8197],{"class":5644},"\"confirmPassword\"\n",[5599,8199,8200,8203,8205],{"class":5601,"line":7123},[5599,8201,8202],{"class":5788},"          type",[5599,8204,5792],{"class":5613},[5599,8206,8207],{"class":5644},"\"password\"\n",[5599,8209,8210,8213,8215,8217,8219,8221,8223],{"class":5601,"line":7149},[5599,8211,8212],{"class":5605},"          {",[5599,8214,6778],{"class":5613},[5599,8216,6781],{"class":5609},[5599,8218,5641],{"class":5834},[5599,8220,7511],{"class":5644},[5599,8222,5860],{"class":5834},[5599,8224,5968],{"class":5605},[5599,8226,8227],{"class":5601,"line":7170},[5599,8228,8229],{"class":5780},"        \u002F>\n",[5599,8231,8232,8234,8236,8238,8240,8242],{"class":5601,"line":7179},[5599,8233,6797],{"class":5605},[5599,8235,6527],{"class":5694},[5599,8237,5704],{"class":5834},[5599,8239,7488],{"class":5694},[5599,8241,6806],{"class":5613},[5599,8243,5774],{"class":5834},[5599,8245,8246,8249,8251,8253,8255,8257,8259,8261,8263,8265,8267,8269,8271,8273,8275,8277],{"class":5601,"line":7188},[5599,8247,8248],{"class":5780},"          \u003C",[5599,8250,5479],{"class":5784},[5599,8252,6814],{"class":5788},[5599,8254,5792],{"class":5613},[5599,8256,6819],{"class":5644},[5599,8258,5936],{"class":5780},[5599,8260,5795],{"class":5605},[5599,8262,6527],{"class":5694},[5599,8264,5704],{"class":5834},[5599,8266,7488],{"class":5694},[5599,8268,5704],{"class":5834},[5599,8270,6834],{"class":5694},[5599,8272,5801],{"class":5605},[5599,8274,5942],{"class":5780},[5599,8276,5479],{"class":5784},[5599,8278,5804],{"class":5780},[5599,8280,8281,8284],{"class":5601,"line":7193},[5599,8282,8283],{"class":5834},"        )",[5599,8285,5968],{"class":5605},[5599,8287,8289,8291,8293],{"class":5601,"line":8288},47,[5599,8290,6850],{"class":5780},[5599,8292,6728],{"class":5784},[5599,8294,5804],{"class":5780},[5599,8296,8298],{"class":5601,"line":8297},48,[5599,8299,5680],{"emptyLinePlaceholder":5679},[5599,8301,8303,8305,8307,8309,8311,8313,8315,8317,8319,8321,8323],{"class":5601,"line":8302},49,[5599,8304,5810],{"class":5780},[5599,8306,5925],{"class":5784},[5599,8308,5928],{"class":5788},[5599,8310,5792],{"class":5613},[5599,8312,5933],{"class":5644},[5599,8314,7136],{"class":5788},[5599,8316,5792],{"class":5613},[5599,8318,5795],{"class":5605},[5599,8320,6532],{"class":5694},[5599,8322,5801],{"class":5605},[5599,8324,5804],{"class":5780},[5599,8326,8328,8330,8332,8334,8336,8338,8340],{"class":5601,"line":8327},50,[5599,8329,6797],{"class":5605},[5599,8331,6532],{"class":5694},[5599,8333,7156],{"class":5613},[5599,8335,7159],{"class":5644},[5599,8337,7162],{"class":5613},[5599,8339,7165],{"class":5644},[5599,8341,5968],{"class":5605},[5599,8343,8345,8347,8349],{"class":5601,"line":8344},51,[5599,8346,6850],{"class":5780},[5599,8348,5925],{"class":5784},[5599,8350,5804],{"class":5780},[5599,8352,8354,8356,8358],{"class":5601,"line":8353},52,[5599,8355,5952],{"class":5780},[5599,8357,5785],{"class":5784},[5599,8359,5804],{"class":5780},[5599,8361,8363],{"class":5601,"line":8362},53,[5599,8364,5962],{"class":5613},[5599,8366,8368],{"class":5601,"line":8367},54,[5599,8369,5968],{"class":5613},[6019,8371,8372,8386,8428],{},[5479,8373,8374,8375,8378,8379,8381,8382,8385],{},"Параметр ",[5557,8376,8377],{},"mode"," у ",[5557,8380,6455],{}," визначає, ",[5483,8383,8384],{},"коли"," запускається валідація:",[5509,8387,8388,8394,8400,8406,8416],{},[5512,8389,8390,8393],{},[5557,8391,8392],{},"\"onSubmit\""," (за замовчуванням) — валідація лише при відправці форми.",[5512,8395,8396,8399],{},[5557,8397,8398],{},"\"onBlur\""," — валідація при втраті фокуса полем.",[5512,8401,8402,8405],{},[5557,8403,8404],{},"\"onChange\""," — валідація при кожній зміні значення (може бути ресурсномістким).",[5512,8407,8408,8411,8412,8415],{},[5557,8409,8410],{},"\"onTouched\""," — валідація після першого ",[5557,8413,8414],{},"blur"," і далі при кожній зміні.",[5512,8417,8418,8421,8422,8424,8425,5704],{},[5557,8419,8420],{},"\"all\""," — валідація і при ",[5557,8423,8414],{},", і при ",[5557,8426,8427],{},"change",[5479,8429,8430,8431,8433,8434,8437,8438,5704],{},"Для більшості форм рекомендується ",[5557,8432,8398],{}," або комбінація ",[5557,8435,8436],{},"mode: \"onBlur\""," + ",[5557,8439,8440],{},"reValidateMode: \"onChange\"",[5563,8442],{},[5566,8444,8446],{"id":8445},"значення-за-замовчуванням-та-скидання-форми","Значення за замовчуванням та скидання форми",[5479,8448,8449],{},"React Hook Form дозволяє встановлювати початкові значення полів та скидати форму до цих значень:",[5590,8451,8453],{"className":5592,"code":8452,"language":5594,"meta":5595,"style":5595},"function RegistrationForm() {\n  const {\n    register,\n    handleSubmit,\n    reset,\n    formState: { errors, isSubmitting, isDirty },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n    defaultValues: {\n      name: \"\",\n      email: \"\",\n      password: \"\",\n      confirmPassword: \"\",\n    },\n  });\n\n  const onSubmit = async (data: RegistrationFormData) => {\n    console.log(\"Валідні дані:\", data);\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    alert(\"Реєстрація успішна!\");\n    reset(); \u002F\u002F Скидання форми до значень за замовчуванням\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      {\u002F* Поля форми *\u002F}\n      \n      \u003Cdiv>\n        \u003Cbutton type=\"submit\" disabled={isSubmitting || !isDirty}>\n          {isSubmitting ? \"Відправка...\" : \"Зареєструватися\"}\n        \u003C\u002Fbutton>\n        \u003Cbutton type=\"button\" onClick={() => reset()} disabled={!isDirty}>\n          Скинути\n        \u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fform>\n  );\n}\n",[5557,8454,8455,8463,8469,8475,8481,8488,8507,8519,8531,8538,8548,8557,8566,8575,8580,8584,8588,8612,8630,8658,8668,8678,8682,8686,8692,8716,8726,8731,8739,8771,8787,8796,8844,8849,8857,8865,8873,8877],{"__ignoreMap":5595},[5599,8456,8457,8459,8461],{"class":5601,"line":5602},[5599,8458,5606],{"class":5605},[5599,8460,6493],{"class":5609},[5599,8462,5614],{"class":5613},[5599,8464,8465,8467],{"class":5601,"line":5617},[5599,8466,5620],{"class":5605},[5599,8468,5716],{"class":5613},[5599,8470,8471,8473],{"class":5601,"line":5651},[5599,8472,6506],{"class":5626},[5599,8474,6509],{"class":5613},[5599,8476,8477,8479],{"class":5601,"line":5676},[5599,8478,6514],{"class":5626},[5599,8480,6509],{"class":5613},[5599,8482,8483,8486],{"class":5601,"line":5683},[5599,8484,8485],{"class":5626},"    reset",[5599,8487,6509],{"class":5613},[5599,8489,8490,8492,8494,8496,8498,8500,8502,8505],{"class":5601,"line":5719},[5599,8491,6521],{"class":5694},[5599,8493,6524],{"class":5613},[5599,8495,6527],{"class":5626},[5599,8497,5630],{"class":5613},[5599,8499,6532],{"class":5626},[5599,8501,5630],{"class":5613},[5599,8503,8504],{"class":5626},"isDirty",[5599,8506,6535],{"class":5613},[5599,8508,8509,8511,8513,8515,8517],{"class":5601,"line":5733},[5599,8510,6540],{"class":5613},[5599,8512,6455],{"class":5609},[5599,8514,6357],{"class":5613},[5599,8516,6547],{"class":5701},[5599,8518,6550],{"class":5613},[5599,8520,8521,8523,8525,8527,8529],{"class":5601,"line":5756},[5599,8522,6555],{"class":5694},[5599,8524,6558],{"class":5609},[5599,8526,5641],{"class":5613},[5599,8528,6563],{"class":5694},[5599,8530,6261],{"class":5613},[5599,8532,8533,8536],{"class":5601,"line":5762},[5599,8534,8535],{"class":5694},"    defaultValues:",[5599,8537,5716],{"class":5613},[5599,8539,8540,8543,8546],{"class":5601,"line":5767},[5599,8541,8542],{"class":5694},"      name:",[5599,8544,8545],{"class":5644}," \"\"",[5599,8547,6509],{"class":5613},[5599,8549,8550,8553,8555],{"class":5601,"line":5777},[5599,8551,8552],{"class":5694},"      email:",[5599,8554,8545],{"class":5644},[5599,8556,6509],{"class":5613},[5599,8558,8559,8562,8564],{"class":5601,"line":5807},[5599,8560,8561],{"class":5694},"      password:",[5599,8563,8545],{"class":5644},[5599,8565,6509],{"class":5613},[5599,8567,8568,8571,8573],{"class":5601,"line":5868},[5599,8569,8570],{"class":5694},"      confirmPassword:",[5599,8572,8545],{"class":5644},[5599,8574,6509],{"class":5613},[5599,8576,8577],{"class":5601,"line":5920},[5599,8578,8579],{"class":5613},"    },\n",[5599,8581,8582],{"class":5601,"line":5949},[5599,8583,6570],{"class":5613},[5599,8585,8586],{"class":5601,"line":5959},[5599,8587,5680],{"emptyLinePlaceholder":5679},[5599,8589,8590,8592,8594,8596,8598,8600,8602,8604,8606,8608,8610],{"class":5601,"line":5965},[5599,8591,5620],{"class":5605},[5599,8593,5789],{"class":5609},[5599,8595,6191],{"class":5613},[5599,8597,6585],{"class":5605},[5599,8599,5576],{"class":5613},[5599,8601,6590],{"class":5694},[5599,8603,5698],{"class":5613},[5599,8605,6547],{"class":5701},[5599,8607,5710],{"class":5613},[5599,8609,5713],{"class":5605},[5599,8611,5716],{"class":5613},[5599,8613,8614,8616,8618,8620,8622,8624,8626,8628],{"class":5601,"line":6339},[5599,8615,5736],{"class":5694},[5599,8617,5704],{"class":5613},[5599,8619,5741],{"class":5609},[5599,8621,5641],{"class":5613},[5599,8623,6618],{"class":5644},[5599,8625,5630],{"class":5613},[5599,8627,6590],{"class":5694},[5599,8629,5648],{"class":5613},[5599,8631,8632,8634,8636,8638,8640,8642,8644,8646,8648,8650,8652,8654,8656],{"class":5601,"line":6680},[5599,8633,6634],{"class":5770},[5599,8635,6637],{"class":5605},[5599,8637,6640],{"class":5701},[5599,8639,6643],{"class":5613},[5599,8641,6646],{"class":5694},[5599,8643,5710],{"class":5613},[5599,8645,5713],{"class":5605},[5599,8647,6653],{"class":5609},[5599,8649,5641],{"class":5613},[5599,8651,6646],{"class":5694},[5599,8653,5630],{"class":5613},[5599,8655,6662],{"class":6232},[5599,8657,6665],{"class":5613},[5599,8659,8660,8662,8664,8666],{"class":5601,"line":6685},[5599,8661,6670],{"class":5609},[5599,8663,5641],{"class":5613},[5599,8665,6675],{"class":5644},[5599,8667,5648],{"class":5613},[5599,8669,8670,8672,8675],{"class":5601,"line":6690},[5599,8671,8485],{"class":5609},[5599,8673,8674],{"class":5613},"(); ",[5599,8676,8677],{"class":6179},"\u002F\u002F Скидання форми до значень за замовчуванням\n",[5599,8679,8680],{"class":5601,"line":6697},[5599,8681,5759],{"class":5613},[5599,8683,8684],{"class":5601,"line":6723},[5599,8685,5680],{"emptyLinePlaceholder":5679},[5599,8687,8688,8690],{"class":5601,"line":6733},[5599,8689,5771],{"class":5770},[5599,8691,5774],{"class":5613},[5599,8693,8694,8696,8698,8700,8702,8704,8706,8708,8710,8712,8714],{"class":5601,"line":6761},[5599,8695,5781],{"class":5780},[5599,8697,5785],{"class":5784},[5599,8699,5789],{"class":5788},[5599,8701,5792],{"class":5613},[5599,8703,5795],{"class":5605},[5599,8705,5798],{"class":5609},[5599,8707,5641],{"class":5834},[5599,8709,6714],{"class":5694},[5599,8711,5860],{"class":5834},[5599,8713,5801],{"class":5605},[5599,8715,5804],{"class":5780},[5599,8717,8718,8721,8724],{"class":5601,"line":6794},[5599,8719,8720],{"class":5605},"      {",[5599,8722,8723],{"class":6179},"\u002F* Поля форми *\u002F",[5599,8725,5968],{"class":5605},[5599,8727,8728],{"class":5601,"line":6847},[5599,8729,8730],{"class":5613},"      \n",[5599,8732,8733,8735,8737],{"class":5601,"line":6857},[5599,8734,5810],{"class":5780},[5599,8736,6728],{"class":5784},[5599,8738,5804],{"class":5780},[5599,8740,8741,8743,8745,8747,8749,8751,8753,8755,8757,8759,8762,8765,8767,8769],{"class":5601,"line":6862},[5599,8742,6736],{"class":5780},[5599,8744,5925],{"class":5784},[5599,8746,5928],{"class":5788},[5599,8748,5792],{"class":5613},[5599,8750,5933],{"class":5644},[5599,8752,7136],{"class":5788},[5599,8754,5792],{"class":5613},[5599,8756,5795],{"class":5605},[5599,8758,6532],{"class":5694},[5599,8760,8761],{"class":5613}," ||",[5599,8763,8764],{"class":5613}," !",[5599,8766,8504],{"class":5694},[5599,8768,5801],{"class":5605},[5599,8770,5804],{"class":5780},[5599,8772,8773,8775,8777,8779,8781,8783,8785],{"class":5601,"line":6871},[5599,8774,8212],{"class":5605},[5599,8776,6532],{"class":5694},[5599,8778,7156],{"class":5613},[5599,8780,7159],{"class":5644},[5599,8782,7162],{"class":5613},[5599,8784,7165],{"class":5644},[5599,8786,5968],{"class":5605},[5599,8788,8789,8792,8794],{"class":5601,"line":6896},[5599,8790,8791],{"class":5780},"        \u003C\u002F",[5599,8793,5925],{"class":5784},[5599,8795,5804],{"class":5780},[5599,8797,8798,8800,8802,8804,8806,8809,8812,8814,8816,8819,8821,8824,8827,8829,8831,8833,8835,8838,8840,8842],{"class":5601,"line":6931},[5599,8799,6736],{"class":5780},[5599,8801,5925],{"class":5784},[5599,8803,5928],{"class":5788},[5599,8805,5792],{"class":5613},[5599,8807,8808],{"class":5644},"\"button\"",[5599,8810,8811],{"class":5788}," onClick",[5599,8813,5792],{"class":5613},[5599,8815,5795],{"class":5605},[5599,8817,8818],{"class":5834},"() ",[5599,8820,5713],{"class":5605},[5599,8822,8823],{"class":5609}," reset",[5599,8825,8826],{"class":5834},"()",[5599,8828,5801],{"class":5605},[5599,8830,7136],{"class":5788},[5599,8832,5792],{"class":5613},[5599,8834,5795],{"class":5605},[5599,8836,8837],{"class":5613},"!",[5599,8839,8504],{"class":5694},[5599,8841,5801],{"class":5605},[5599,8843,5804],{"class":5780},[5599,8845,8846],{"class":5601,"line":6978},[5599,8847,8848],{"class":5613},"          Скинути\n",[5599,8850,8851,8853,8855],{"class":5601,"line":6987},[5599,8852,8791],{"class":5780},[5599,8854,5925],{"class":5784},[5599,8856,5804],{"class":5780},[5599,8858,8859,8861,8863],{"class":5601,"line":6992},[5599,8860,6850],{"class":5780},[5599,8862,6728],{"class":5784},[5599,8864,5804],{"class":5780},[5599,8866,8867,8869,8871],{"class":5601,"line":7001},[5599,8868,5952],{"class":5780},[5599,8870,5785],{"class":5784},[5599,8872,5804],{"class":5780},[5599,8874,8875],{"class":5601,"line":7026},[5599,8876,5962],{"class":5613},[5599,8878,8879],{"class":5601,"line":7061},[5599,8880,5968],{"class":5613},[6367,8882,8883,8891,8951],{},[5479,8884,8885],{},[5483,8886,8887,8888,5560],{},"Корисні поля ",[5557,8889,8890],{},"formState",[5509,8892,8893,8902,8916,8925,8933,8942],{},[5512,8894,8895,8897,8898,8901],{},[5557,8896,8504],{}," — ",[5557,8899,8900],{},"true",", якщо користувач змінив хоча б одне поле.",[5512,8903,8904,8897,8907,8909,8910,8912,8913,8915],{},[5557,8905,8906],{},"isValid",[5557,8908,8900],{},", якщо всі поля валідні (потребує ",[5557,8911,8377],{}," відмінного від ",[5557,8914,8392],{},").",[5512,8917,8918,8897,8920,8922,8923,5704],{},[5557,8919,6532],{},[5557,8921,8900],{}," під час виконання асинхронної функції ",[5557,8924,6714],{},[5512,8926,8927,8897,8930,8932],{},[5557,8928,8929],{},"isSubmitted",[5557,8931,8900],{}," після першої спроби відправлення форми.",[5512,8934,8935,8938,8939,8941],{},[5557,8936,8937],{},"touchedFields"," — об'єкт з полями, які отримали фокус (",[5557,8940,6000],{}," викликано).",[5512,8943,8944,8947,8948,5704],{},[5557,8945,8946],{},"dirtyFields"," — об'єкт з полями, значення яких змінилося відносно ",[5557,8949,8950],{},"defaultValues",[5479,8952,8953],{},"Це дозволяє створювати складну UX-логіку: блокувати кнопку до першої зміни, показувати індикатор незбережених змін тощо.",[5563,8955],{},[5566,8957,8959],{"id":8958},"складні-типи-даних-числа-дати-чекбокси-радіо-кнопки","Складні типи даних: числа, дати, чекбокси, радіо-кнопки",[5479,8961,8962,8963,8966,8967,5704],{},"Zod підтримує всі TypeScript-типи, а React Hook Form автоматично перетворює рядкові значення інпутів на потрібні типи, якщо вказати ",[5557,8964,8965],{},"valueAsNumber"," або ",[5557,8968,8969],{},"valueAsDate",[5980,8971,8973],{"id":8972},"числові-поля","Числові поля",[5590,8975,8977],{"className":5592,"code":8976,"language":5594,"meta":5595,"style":5595},"const profileSchema = z.object({\n  name: z.string().min(2),\n  age: z\n    .number({ invalid_type_error: \"Вік має бути числом\" })\n    .int(\"Вік має бути цілим числом\")\n    .min(16, \"Мінімальний вік — 16 років\")\n    .max(120, \"Введіть коректний вік\"),\n});\n\ntype ProfileFormData = z.infer\u003Ctypeof profileSchema>;\n\nfunction ProfileForm() {\n  const { register, handleSubmit, formState: { errors } } = useForm\u003CProfileFormData>({\n    resolver: zodResolver(profileSchema),\n  });\n\n  const onSubmit = (data: ProfileFormData) => {\n    console.log(typeof data.age); \u002F\u002F \"number\", а не \"string\"!\n    console.log(data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"age\">Вік\u003C\u002Flabel>\n        \u003Cinput\n          id=\"age\"\n          type=\"number\"\n          {...register(\"age\", { valueAsNumber: true })}\n        \u002F>\n        {errors.age && \u003Cp className=\"error\">{errors.age.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Зберегти\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,8978,8979,8996,9016,9023,9041,9055,9073,9091,9095,9099,9122,9126,9135,9167,9180,9184,9188,9208,9233,9247,9251,9255,9261,9285,9293,9315,9343,9389,9397,9401,9409,9433,9439,9448,9457,9483,9487,9533,9541,9545,9568,9576,9580],{"__ignoreMap":5595},[5599,8980,8981,8983,8986,8988,8990,8992,8994],{"class":5601,"line":5602},[5599,8982,6185],{"class":5605},[5599,8984,8985],{"class":5626}," profileSchema",[5599,8987,6191],{"class":5613},[5599,8989,6158],{"class":5694},[5599,8991,5704],{"class":5613},[5599,8993,6198],{"class":5609},[5599,8995,6201],{"class":5613},[5599,8997,8998,9000,9002,9004,9006,9008,9010,9012,9014],{"class":5601,"line":5617},[5599,8999,6206],{"class":5694},[5599,9001,7307],{"class":5694},[5599,9003,5704],{"class":5613},[5599,9005,6217],{"class":5609},[5599,9007,7314],{"class":5613},[5599,9009,6227],{"class":5609},[5599,9011,5641],{"class":5613},[5599,9013,6233],{"class":6232},[5599,9015,6261],{"class":5613},[5599,9017,9018,9021],{"class":5601,"line":5651},[5599,9019,9020],{"class":5694},"  age:",[5599,9022,6209],{"class":5694},[5599,9024,9025,9027,9030,9032,9035,9038],{"class":5601,"line":5676},[5599,9026,6214],{"class":5613},[5599,9028,9029],{"class":5609},"number",[5599,9031,5744],{"class":5613},[5599,9033,9034],{"class":5694},"invalid_type_error:",[5599,9036,9037],{"class":5644}," \"Вік має бути числом\"",[5599,9039,9040],{"class":5613}," })\n",[5599,9042,9043,9045,9048,9050,9053],{"class":5601,"line":5683},[5599,9044,6214],{"class":5613},[5599,9046,9047],{"class":5609},"int",[5599,9049,5641],{"class":5613},[5599,9051,9052],{"class":5644},"\"Вік має бути цілим числом\"",[5599,9054,6241],{"class":5613},[5599,9056,9057,9059,9061,9063,9066,9068,9071],{"class":5601,"line":5719},[5599,9058,6214],{"class":5613},[5599,9060,6227],{"class":5609},[5599,9062,5641],{"class":5613},[5599,9064,9065],{"class":6232},"16",[5599,9067,5630],{"class":5613},[5599,9069,9070],{"class":5644},"\"Мінімальний вік — 16 років\"",[5599,9072,6241],{"class":5613},[5599,9074,9075,9077,9079,9081,9084,9086,9089],{"class":5601,"line":5733},[5599,9076,6214],{"class":5613},[5599,9078,6248],{"class":5609},[5599,9080,5641],{"class":5613},[5599,9082,9083],{"class":6232},"120",[5599,9085,5630],{"class":5613},[5599,9087,9088],{"class":5644},"\"Введіть коректний вік\"",[5599,9090,6261],{"class":5613},[5599,9092,9093],{"class":5601,"line":5756},[5599,9094,6327],{"class":5613},[5599,9096,9097],{"class":5601,"line":5762},[5599,9098,5680],{"emptyLinePlaceholder":5679},[5599,9100,9101,9103,9106,9108,9110,9112,9114,9116,9118,9120],{"class":5601,"line":5767},[5599,9102,6342],{"class":5605},[5599,9104,9105],{"class":5701}," ProfileFormData",[5599,9107,6191],{"class":5613},[5599,9109,6158],{"class":5701},[5599,9111,5704],{"class":5613},[5599,9113,6354],{"class":5701},[5599,9115,6357],{"class":5613},[5599,9117,6360],{"class":5605},[5599,9119,8985],{"class":5694},[5599,9121,6365],{"class":5613},[5599,9123,9124],{"class":5601,"line":5777},[5599,9125,5680],{"emptyLinePlaceholder":5679},[5599,9127,9128,9130,9133],{"class":5601,"line":5807},[5599,9129,5606],{"class":5605},[5599,9131,9132],{"class":5609}," ProfileForm",[5599,9134,5614],{"class":5613},[5599,9136,9137,9139,9141,9143,9145,9147,9149,9151,9153,9155,9158,9160,9162,9165],{"class":5601,"line":5868},[5599,9138,5620],{"class":5605},[5599,9140,6155],{"class":5613},[5599,9142,6781],{"class":5626},[5599,9144,5630],{"class":5613},[5599,9146,5798],{"class":5626},[5599,9148,5630],{"class":5613},[5599,9150,8890],{"class":5694},[5599,9152,6524],{"class":5613},[5599,9154,6527],{"class":5626},[5599,9156,9157],{"class":5613}," } } = ",[5599,9159,6455],{"class":5609},[5599,9161,6357],{"class":5613},[5599,9163,9164],{"class":5701},"ProfileFormData",[5599,9166,6550],{"class":5613},[5599,9168,9169,9171,9173,9175,9178],{"class":5601,"line":5920},[5599,9170,6555],{"class":5694},[5599,9172,6558],{"class":5609},[5599,9174,5641],{"class":5613},[5599,9176,9177],{"class":5694},"profileSchema",[5599,9179,6261],{"class":5613},[5599,9181,9182],{"class":5601,"line":5949},[5599,9183,6570],{"class":5613},[5599,9185,9186],{"class":5601,"line":5959},[5599,9187,5680],{"emptyLinePlaceholder":5679},[5599,9189,9190,9192,9194,9196,9198,9200,9202,9204,9206],{"class":5601,"line":5965},[5599,9191,5620],{"class":5605},[5599,9193,5789],{"class":5609},[5599,9195,5691],{"class":5613},[5599,9197,6590],{"class":5694},[5599,9199,5698],{"class":5613},[5599,9201,9164],{"class":5701},[5599,9203,5710],{"class":5613},[5599,9205,5713],{"class":5605},[5599,9207,5716],{"class":5613},[5599,9209,9210,9212,9214,9216,9218,9220,9222,9224,9227,9230],{"class":5601,"line":6339},[5599,9211,5736],{"class":5694},[5599,9213,5704],{"class":5613},[5599,9215,5741],{"class":5609},[5599,9217,5641],{"class":5613},[5599,9219,6360],{"class":5605},[5599,9221,7474],{"class":5694},[5599,9223,5704],{"class":5613},[5599,9225,9226],{"class":5694},"age",[5599,9228,9229],{"class":5613},"); ",[5599,9231,9232],{"class":6179},"\u002F\u002F \"number\", а не \"string\"!\n",[5599,9234,9235,9237,9239,9241,9243,9245],{"class":5601,"line":6680},[5599,9236,5736],{"class":5694},[5599,9238,5704],{"class":5613},[5599,9240,5741],{"class":5609},[5599,9242,5641],{"class":5613},[5599,9244,6590],{"class":5694},[5599,9246,5648],{"class":5613},[5599,9248,9249],{"class":5601,"line":6685},[5599,9250,5759],{"class":5613},[5599,9252,9253],{"class":5601,"line":6690},[5599,9254,5680],{"emptyLinePlaceholder":5679},[5599,9256,9257,9259],{"class":5601,"line":6697},[5599,9258,5771],{"class":5770},[5599,9260,5774],{"class":5613},[5599,9262,9263,9265,9267,9269,9271,9273,9275,9277,9279,9281,9283],{"class":5601,"line":6723},[5599,9264,5781],{"class":5780},[5599,9266,5785],{"class":5784},[5599,9268,5789],{"class":5788},[5599,9270,5792],{"class":5613},[5599,9272,5795],{"class":5605},[5599,9274,5798],{"class":5609},[5599,9276,5641],{"class":5834},[5599,9278,6714],{"class":5694},[5599,9280,5860],{"class":5834},[5599,9282,5801],{"class":5605},[5599,9284,5804],{"class":5780},[5599,9286,9287,9289,9291],{"class":5601,"line":6733},[5599,9288,5810],{"class":5780},[5599,9290,6728],{"class":5784},[5599,9292,5804],{"class":5780},[5599,9294,9295,9297,9299,9301,9303,9305,9307,9309,9311,9313],{"class":5601,"line":6761},[5599,9296,6736],{"class":5780},[5599,9298,6739],{"class":5784},[5599,9300,6742],{"class":5788},[5599,9302,5792],{"class":5613},[5599,9304,6747],{"class":5644},[5599,9306,5936],{"class":5780},[5599,9308,6752],{"class":5613},[5599,9310,5942],{"class":5780},[5599,9312,6739],{"class":5784},[5599,9314,5804],{"class":5780},[5599,9316,9317,9319,9321,9323,9325,9327,9329,9331,9333,9335,9337,9339,9341],{"class":5601,"line":6794},[5599,9318,6736],{"class":5780},[5599,9320,5813],{"class":5784},[5599,9322,6768],{"class":5788},[5599,9324,5792],{"class":5613},[5599,9326,6747],{"class":5644},[5599,9328,6775],{"class":5605},[5599,9330,6778],{"class":5613},[5599,9332,6781],{"class":5609},[5599,9334,5641],{"class":5834},[5599,9336,6747],{"class":5644},[5599,9338,5860],{"class":5834},[5599,9340,5801],{"class":5605},[5599,9342,5865],{"class":5780},[5599,9344,9345,9347,9349,9351,9353,9355,9357,9359,9361,9363,9365,9367,9369,9371,9373,9375,9377,9379,9381,9383,9385,9387],{"class":5601,"line":6847},[5599,9346,6797],{"class":5605},[5599,9348,6527],{"class":5694},[5599,9350,5704],{"class":5834},[5599,9352,5627],{"class":5694},[5599,9354,6806],{"class":5613},[5599,9356,6809],{"class":5780},[5599,9358,5479],{"class":5784},[5599,9360,6814],{"class":5788},[5599,9362,5792],{"class":5613},[5599,9364,6819],{"class":5644},[5599,9366,5936],{"class":5780},[5599,9368,5795],{"class":5605},[5599,9370,6527],{"class":5694},[5599,9372,5704],{"class":5834},[5599,9374,5627],{"class":5694},[5599,9376,5704],{"class":5834},[5599,9378,6834],{"class":5694},[5599,9380,5801],{"class":5605},[5599,9382,5942],{"class":5780},[5599,9384,5479],{"class":5784},[5599,9386,5936],{"class":5780},[5599,9388,5968],{"class":5605},[5599,9390,9391,9393,9395],{"class":5601,"line":6857},[5599,9392,6850],{"class":5780},[5599,9394,6728],{"class":5784},[5599,9396,5804],{"class":5780},[5599,9398,9399],{"class":5601,"line":6862},[5599,9400,5680],{"emptyLinePlaceholder":5679},[5599,9402,9403,9405,9407],{"class":5601,"line":6871},[5599,9404,5810],{"class":5780},[5599,9406,6728],{"class":5784},[5599,9408,5804],{"class":5780},[5599,9410,9411,9413,9415,9417,9419,9422,9424,9427,9429,9431],{"class":5601,"line":6896},[5599,9412,6736],{"class":5780},[5599,9414,6739],{"class":5784},[5599,9416,6742],{"class":5788},[5599,9418,5792],{"class":5613},[5599,9420,9421],{"class":5644},"\"age\"",[5599,9423,5936],{"class":5780},[5599,9425,9426],{"class":5613},"Вік",[5599,9428,5942],{"class":5780},[5599,9430,6739],{"class":5784},[5599,9432,5804],{"class":5780},[5599,9434,9435,9437],{"class":5601,"line":6931},[5599,9436,6736],{"class":5780},[5599,9438,8187],{"class":5784},[5599,9440,9441,9443,9445],{"class":5601,"line":6978},[5599,9442,8192],{"class":5788},[5599,9444,5792],{"class":5613},[5599,9446,9447],{"class":5644},"\"age\"\n",[5599,9449,9450,9452,9454],{"class":5601,"line":6987},[5599,9451,8202],{"class":5788},[5599,9453,5792],{"class":5613},[5599,9455,9456],{"class":5644},"\"number\"\n",[5599,9458,9459,9461,9463,9465,9467,9469,9472,9475,9478,9481],{"class":5601,"line":6992},[5599,9460,8212],{"class":5605},[5599,9462,6778],{"class":5613},[5599,9464,6781],{"class":5609},[5599,9466,5641],{"class":5834},[5599,9468,9421],{"class":5644},[5599,9470,9471],{"class":5834},", { ",[5599,9473,9474],{"class":5694},"valueAsNumber:",[5599,9476,9477],{"class":5605}," true",[5599,9479,9480],{"class":5834}," })",[5599,9482,5968],{"class":5605},[5599,9484,9485],{"class":5601,"line":7001},[5599,9486,8229],{"class":5780},[5599,9488,9489,9491,9493,9495,9497,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9521,9523,9525,9527,9529,9531],{"class":5601,"line":7026},[5599,9490,6797],{"class":5605},[5599,9492,6527],{"class":5694},[5599,9494,5704],{"class":5834},[5599,9496,9226],{"class":5694},[5599,9498,6806],{"class":5613},[5599,9500,6809],{"class":5780},[5599,9502,5479],{"class":5784},[5599,9504,6814],{"class":5788},[5599,9506,5792],{"class":5613},[5599,9508,6819],{"class":5644},[5599,9510,5936],{"class":5780},[5599,9512,5795],{"class":5605},[5599,9514,6527],{"class":5694},[5599,9516,5704],{"class":5834},[5599,9518,9226],{"class":5694},[5599,9520,5704],{"class":5834},[5599,9522,6834],{"class":5694},[5599,9524,5801],{"class":5605},[5599,9526,5942],{"class":5780},[5599,9528,5479],{"class":5784},[5599,9530,5936],{"class":5780},[5599,9532,5968],{"class":5605},[5599,9534,9535,9537,9539],{"class":5601,"line":7061},[5599,9536,6850],{"class":5780},[5599,9538,6728],{"class":5784},[5599,9540,5804],{"class":5780},[5599,9542,9543],{"class":5601,"line":7109},[5599,9544,5680],{"emptyLinePlaceholder":5679},[5599,9546,9547,9549,9551,9553,9555,9557,9559,9562,9564,9566],{"class":5601,"line":7118},[5599,9548,5810],{"class":5780},[5599,9550,5925],{"class":5784},[5599,9552,5928],{"class":5788},[5599,9554,5792],{"class":5613},[5599,9556,5933],{"class":5644},[5599,9558,5936],{"class":5780},[5599,9560,9561],{"class":5613},"Зберегти",[5599,9563,5942],{"class":5780},[5599,9565,5925],{"class":5784},[5599,9567,5804],{"class":5780},[5599,9569,9570,9572,9574],{"class":5601,"line":7123},[5599,9571,5952],{"class":5780},[5599,9573,5785],{"class":5784},[5599,9575,5804],{"class":5780},[5599,9577,9578],{"class":5601,"line":7149},[5599,9579,5962],{"class":5613},[5599,9581,9582],{"class":5601,"line":7170},[5599,9583,5968],{"class":5613},[9585,9586,9587,9605,9611,9656],"warning",{},[5479,9588,9589,9592,9593,9596,9597,9600,9601,9604],{},[5483,9590,9591],{},"Важливо:"," Без параметра ",[5557,9594,9595],{},"valueAsNumber: true"," значення інпута ",[5557,9598,9599],{},"type=\"number\""," все одно буде ",[5483,9602,9603],{},"рядком"," у JavaScript\u002FTypeScript. React Hook Form перетворює його на число лише за явної вказівки.",[5479,9606,7574,9607,9610],{},[5557,9608,9609],{},".coerce()"," у Zod-схемі:",[5590,9612,9614],{"className":5592,"code":9613,"language":5594,"meta":5595,"style":5595},"age: z.coerce.number().int().min(16).max(120)\n",[5557,9615,9616],{"__ignoreMap":5595},[5599,9617,9618,9621,9623,9625,9627,9630,9632,9634,9636,9638,9640,9642,9644,9646,9648,9650,9652,9654],{"class":5601,"line":5602},[5599,9619,9226],{"class":9620},"s5IvJ",[5599,9622,5698],{"class":5613},[5599,9624,6158],{"class":5694},[5599,9626,5704],{"class":5613},[5599,9628,9629],{"class":5694},"coerce",[5599,9631,5704],{"class":5613},[5599,9633,9029],{"class":5609},[5599,9635,7314],{"class":5613},[5599,9637,9047],{"class":5609},[5599,9639,7314],{"class":5613},[5599,9641,6227],{"class":5609},[5599,9643,5641],{"class":5613},[5599,9645,9065],{"class":6232},[5599,9647,8915],{"class":5613},[5599,9649,6248],{"class":5609},[5599,9651,5641],{"class":5613},[5599,9653,9083],{"class":6232},[5599,9655,6241],{"class":5613},[5479,9657,9658],{},"Це автоматично спробує перетворити будь-яке вхідне значення на число перед валідацією.",[5980,9660,9662],{"id":9661},"чекбокси-та-булеві-значення","Чекбокси та булеві значення",[5590,9664,9666],{"className":5592,"code":9665,"language":5594,"meta":5595,"style":5595},"const termsSchema = z.object({\n  acceptTerms: z.literal(true, {\n    errorMap: () => ({ message: \"Необхідно прийняти умови використання\" }),\n  }),\n  subscribeNewsletter: z.boolean().optional(),\n});\n\ntype TermsFormData = z.infer\u003Ctypeof termsSchema>;\n\nfunction TermsForm() {\n  const { register, handleSubmit, formState: { errors } } = useForm\u003CTermsFormData>({\n    resolver: zodResolver(termsSchema),\n  });\n\n  const onSubmit = (data: TermsFormData) => {\n    console.log(data);\n    \u002F\u002F { acceptTerms: true, subscribeNewsletter: false }\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" {...register(\"acceptTerms\")} \u002F>\n          Я приймаю умови використання\n        \u003C\u002Flabel>\n        {errors.acceptTerms && (\n          \u003Cp className=\"error\">{errors.acceptTerms.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" {...register(\"subscribeNewsletter\")} \u002F>\n          Підписатися на розсилку\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Продовжити\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,9667,9668,9685,9703,9727,9732,9751,9755,9759,9782,9786,9795,9826,9839,9843,9847,9867,9881,9886,9890,9894,9900,9924,9932,9940,9970,9975,9983,9998,10032,10038,10046,10050,10058,10066,10095,10100,10108,10116,10120,10143,10151,10155],{"__ignoreMap":5595},[5599,9669,9670,9672,9675,9677,9679,9681,9683],{"class":5601,"line":5602},[5599,9671,6185],{"class":5605},[5599,9673,9674],{"class":5626}," termsSchema",[5599,9676,6191],{"class":5613},[5599,9678,6158],{"class":5694},[5599,9680,5704],{"class":5613},[5599,9682,6198],{"class":5609},[5599,9684,6201],{"class":5613},[5599,9686,9687,9690,9692,9694,9697,9699,9701],{"class":5601,"line":5617},[5599,9688,9689],{"class":5694},"  acceptTerms:",[5599,9691,7307],{"class":5694},[5599,9693,5704],{"class":5613},[5599,9695,9696],{"class":5609},"literal",[5599,9698,5641],{"class":5613},[5599,9700,8900],{"class":5605},[5599,9702,7491],{"class":5613},[5599,9704,9705,9708,9710,9713,9715,9718,9721,9724],{"class":5601,"line":5651},[5599,9706,9707],{"class":5609},"    errorMap",[5599,9709,5560],{"class":5694},[5599,9711,9712],{"class":5613}," () ",[5599,9714,5713],{"class":5605},[5599,9716,9717],{"class":5613}," ({ ",[5599,9719,9720],{"class":5694},"message:",[5599,9722,9723],{"class":5644}," \"Необхідно прийняти умови використання\"",[5599,9725,9726],{"class":5613}," }),\n",[5599,9728,9729],{"class":5601,"line":5676},[5599,9730,9731],{"class":5613},"  }),\n",[5599,9733,9734,9737,9739,9741,9744,9746,9749],{"class":5601,"line":5683},[5599,9735,9736],{"class":5694},"  subscribeNewsletter:",[5599,9738,7307],{"class":5694},[5599,9740,5704],{"class":5613},[5599,9742,9743],{"class":5609},"boolean",[5599,9745,7314],{"class":5613},[5599,9747,9748],{"class":5609},"optional",[5599,9750,7451],{"class":5613},[5599,9752,9753],{"class":5601,"line":5719},[5599,9754,6327],{"class":5613},[5599,9756,9757],{"class":5601,"line":5733},[5599,9758,5680],{"emptyLinePlaceholder":5679},[5599,9760,9761,9763,9766,9768,9770,9772,9774,9776,9778,9780],{"class":5601,"line":5756},[5599,9762,6342],{"class":5605},[5599,9764,9765],{"class":5701}," TermsFormData",[5599,9767,6191],{"class":5613},[5599,9769,6158],{"class":5701},[5599,9771,5704],{"class":5613},[5599,9773,6354],{"class":5701},[5599,9775,6357],{"class":5613},[5599,9777,6360],{"class":5605},[5599,9779,9674],{"class":5694},[5599,9781,6365],{"class":5613},[5599,9783,9784],{"class":5601,"line":5762},[5599,9785,5680],{"emptyLinePlaceholder":5679},[5599,9787,9788,9790,9793],{"class":5601,"line":5767},[5599,9789,5606],{"class":5605},[5599,9791,9792],{"class":5609}," TermsForm",[5599,9794,5614],{"class":5613},[5599,9796,9797,9799,9801,9803,9805,9807,9809,9811,9813,9815,9817,9819,9821,9824],{"class":5601,"line":5777},[5599,9798,5620],{"class":5605},[5599,9800,6155],{"class":5613},[5599,9802,6781],{"class":5626},[5599,9804,5630],{"class":5613},[5599,9806,5798],{"class":5626},[5599,9808,5630],{"class":5613},[5599,9810,8890],{"class":5694},[5599,9812,6524],{"class":5613},[5599,9814,6527],{"class":5626},[5599,9816,9157],{"class":5613},[5599,9818,6455],{"class":5609},[5599,9820,6357],{"class":5613},[5599,9822,9823],{"class":5701},"TermsFormData",[5599,9825,6550],{"class":5613},[5599,9827,9828,9830,9832,9834,9837],{"class":5601,"line":5807},[5599,9829,6555],{"class":5694},[5599,9831,6558],{"class":5609},[5599,9833,5641],{"class":5613},[5599,9835,9836],{"class":5694},"termsSchema",[5599,9838,6261],{"class":5613},[5599,9840,9841],{"class":5601,"line":5868},[5599,9842,6570],{"class":5613},[5599,9844,9845],{"class":5601,"line":5920},[5599,9846,5680],{"emptyLinePlaceholder":5679},[5599,9848,9849,9851,9853,9855,9857,9859,9861,9863,9865],{"class":5601,"line":5949},[5599,9850,5620],{"class":5605},[5599,9852,5789],{"class":5609},[5599,9854,5691],{"class":5613},[5599,9856,6590],{"class":5694},[5599,9858,5698],{"class":5613},[5599,9860,9823],{"class":5701},[5599,9862,5710],{"class":5613},[5599,9864,5713],{"class":5605},[5599,9866,5716],{"class":5613},[5599,9868,9869,9871,9873,9875,9877,9879],{"class":5601,"line":5959},[5599,9870,5736],{"class":5694},[5599,9872,5704],{"class":5613},[5599,9874,5741],{"class":5609},[5599,9876,5641],{"class":5613},[5599,9878,6590],{"class":5694},[5599,9880,5648],{"class":5613},[5599,9882,9883],{"class":5601,"line":5965},[5599,9884,9885],{"class":6179},"    \u002F\u002F { acceptTerms: true, subscribeNewsletter: false }\n",[5599,9887,9888],{"class":5601,"line":6339},[5599,9889,5759],{"class":5613},[5599,9891,9892],{"class":5601,"line":6680},[5599,9893,5680],{"emptyLinePlaceholder":5679},[5599,9895,9896,9898],{"class":5601,"line":6685},[5599,9897,5771],{"class":5770},[5599,9899,5774],{"class":5613},[5599,9901,9902,9904,9906,9908,9910,9912,9914,9916,9918,9920,9922],{"class":5601,"line":6690},[5599,9903,5781],{"class":5780},[5599,9905,5785],{"class":5784},[5599,9907,5789],{"class":5788},[5599,9909,5792],{"class":5613},[5599,9911,5795],{"class":5605},[5599,9913,5798],{"class":5609},[5599,9915,5641],{"class":5834},[5599,9917,6714],{"class":5694},[5599,9919,5860],{"class":5834},[5599,9921,5801],{"class":5605},[5599,9923,5804],{"class":5780},[5599,9925,9926,9928,9930],{"class":5601,"line":6697},[5599,9927,5810],{"class":5780},[5599,9929,6728],{"class":5784},[5599,9931,5804],{"class":5780},[5599,9933,9934,9936,9938],{"class":5601,"line":6723},[5599,9935,6736],{"class":5780},[5599,9937,6739],{"class":5784},[5599,9939,5804],{"class":5780},[5599,9941,9942,9944,9946,9948,9950,9953,9955,9957,9959,9961,9964,9966,9968],{"class":5601,"line":6733},[5599,9943,8248],{"class":5780},[5599,9945,5813],{"class":5784},[5599,9947,5928],{"class":5788},[5599,9949,5792],{"class":5613},[5599,9951,9952],{"class":5644},"\"checkbox\"",[5599,9954,6775],{"class":5605},[5599,9956,6778],{"class":5613},[5599,9958,6781],{"class":5609},[5599,9960,5641],{"class":5834},[5599,9962,9963],{"class":5644},"\"acceptTerms\"",[5599,9965,5860],{"class":5834},[5599,9967,5801],{"class":5605},[5599,9969,5865],{"class":5780},[5599,9971,9972],{"class":5601,"line":6761},[5599,9973,9974],{"class":5613},"          Я приймаю умови використання\n",[5599,9976,9977,9979,9981],{"class":5601,"line":6794},[5599,9978,8791],{"class":5780},[5599,9980,6739],{"class":5784},[5599,9982,5804],{"class":5780},[5599,9984,9985,9987,9989,9991,9994,9996],{"class":5601,"line":6847},[5599,9986,6797],{"class":5605},[5599,9988,6527],{"class":5694},[5599,9990,5704],{"class":5834},[5599,9992,9993],{"class":5694},"acceptTerms",[5599,9995,6806],{"class":5613},[5599,9997,5774],{"class":5834},[5599,9999,10000,10002,10004,10006,10008,10010,10012,10014,10016,10018,10020,10022,10024,10026,10028,10030],{"class":5601,"line":6857},[5599,10001,8248],{"class":5780},[5599,10003,5479],{"class":5784},[5599,10005,6814],{"class":5788},[5599,10007,5792],{"class":5613},[5599,10009,6819],{"class":5644},[5599,10011,5936],{"class":5780},[5599,10013,5795],{"class":5605},[5599,10015,6527],{"class":5694},[5599,10017,5704],{"class":5834},[5599,10019,9993],{"class":5694},[5599,10021,5704],{"class":5834},[5599,10023,6834],{"class":5694},[5599,10025,5801],{"class":5605},[5599,10027,5942],{"class":5780},[5599,10029,5479],{"class":5784},[5599,10031,5804],{"class":5780},[5599,10033,10034,10036],{"class":5601,"line":6862},[5599,10035,8283],{"class":5834},[5599,10037,5968],{"class":5605},[5599,10039,10040,10042,10044],{"class":5601,"line":6871},[5599,10041,6850],{"class":5780},[5599,10043,6728],{"class":5784},[5599,10045,5804],{"class":5780},[5599,10047,10048],{"class":5601,"line":6896},[5599,10049,5680],{"emptyLinePlaceholder":5679},[5599,10051,10052,10054,10056],{"class":5601,"line":6931},[5599,10053,5810],{"class":5780},[5599,10055,6728],{"class":5784},[5599,10057,5804],{"class":5780},[5599,10059,10060,10062,10064],{"class":5601,"line":6978},[5599,10061,6736],{"class":5780},[5599,10063,6739],{"class":5784},[5599,10065,5804],{"class":5780},[5599,10067,10068,10070,10072,10074,10076,10078,10080,10082,10084,10086,10089,10091,10093],{"class":5601,"line":6987},[5599,10069,8248],{"class":5780},[5599,10071,5813],{"class":5784},[5599,10073,5928],{"class":5788},[5599,10075,5792],{"class":5613},[5599,10077,9952],{"class":5644},[5599,10079,6775],{"class":5605},[5599,10081,6778],{"class":5613},[5599,10083,6781],{"class":5609},[5599,10085,5641],{"class":5834},[5599,10087,10088],{"class":5644},"\"subscribeNewsletter\"",[5599,10090,5860],{"class":5834},[5599,10092,5801],{"class":5605},[5599,10094,5865],{"class":5780},[5599,10096,10097],{"class":5601,"line":6992},[5599,10098,10099],{"class":5613},"          Підписатися на розсилку\n",[5599,10101,10102,10104,10106],{"class":5601,"line":7001},[5599,10103,8791],{"class":5780},[5599,10105,6739],{"class":5784},[5599,10107,5804],{"class":5780},[5599,10109,10110,10112,10114],{"class":5601,"line":7026},[5599,10111,6850],{"class":5780},[5599,10113,6728],{"class":5784},[5599,10115,5804],{"class":5780},[5599,10117,10118],{"class":5601,"line":7061},[5599,10119,5680],{"emptyLinePlaceholder":5679},[5599,10121,10122,10124,10126,10128,10130,10132,10134,10137,10139,10141],{"class":5601,"line":7109},[5599,10123,5810],{"class":5780},[5599,10125,5925],{"class":5784},[5599,10127,5928],{"class":5788},[5599,10129,5792],{"class":5613},[5599,10131,5933],{"class":5644},[5599,10133,5936],{"class":5780},[5599,10135,10136],{"class":5613},"Продовжити",[5599,10138,5942],{"class":5780},[5599,10140,5925],{"class":5784},[5599,10142,5804],{"class":5780},[5599,10144,10145,10147,10149],{"class":5601,"line":7118},[5599,10146,5952],{"class":5780},[5599,10148,5785],{"class":5784},[5599,10150,5804],{"class":5780},[5599,10152,10153],{"class":5601,"line":7123},[5599,10154,5962],{"class":5613},[5599,10156,10157],{"class":5601,"line":7149},[5599,10158,5968],{"class":5613},[6019,10160,10161,10179],{},[5479,10162,10163,10168,10169,5486,10172,10174,10175,10178],{},[5483,10164,10165],{},[5557,10166,10167],{},"z.literal(true)"," вимагає, щоб значення було ",[5483,10170,10171],{},"саме",[5557,10173,8900],{},", а не просто truthy-значенням. Це ідеальний спосіб реалізувати обов'язкову згоду з правилами: якщо чекбокс не відмічено (значення ",[5557,10176,10177],{},"false","), валідація не пройде.",[5479,10180,10181,10182,8966,10185,5704],{},"Для необов'язкових чекбоксів використовуйте просто ",[5557,10183,10184],{},"z.boolean().optional()",[5557,10186,10187],{},"z.boolean().default(false)",[5980,10189,10191],{"id":10190},"радіо-кнопки-та-енуми","Радіо-кнопки та енуми",[5590,10193,10195],{"className":5592,"code":10194,"language":5594,"meta":5595,"style":5595},"const feedbackSchema = z.object({\n  rating: z.enum([\"excellent\", \"good\", \"neutral\", \"bad\", \"terrible\"], {\n    errorMap: () => ({ message: \"Оберіть оцінку\" }),\n  }),\n});\n\ntype FeedbackFormData = z.infer\u003Ctypeof feedbackSchema>;\n\nfunction FeedbackForm() {\n  const { register, handleSubmit, formState: { errors } } = useForm\u003CFeedbackFormData>({\n    resolver: zodResolver(feedbackSchema),\n  });\n\n  const onSubmit = (data: FeedbackFormData) => {\n    console.log(data.rating); \u002F\u002F Тип: \"excellent\" | \"good\" | \"neutral\" | \"bad\" | \"terrible\"\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cfieldset>\n        \u003Clegend>Оцініть наш сервіс\u003C\u002Flegend>\n\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"excellent\" {...register(\"rating\")} \u002F>\n          Чудово\n        \u003C\u002Flabel>\n\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"good\" {...register(\"rating\")} \u002F>\n          Добре\n        \u003C\u002Flabel>\n\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"neutral\" {...register(\"rating\")} \u002F>\n          Нейтрально\n        \u003C\u002Flabel>\n\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"bad\" {...register(\"rating\")} \u002F>\n          Погано\n        \u003C\u002Flabel>\n\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"terrible\" {...register(\"rating\")} \u002F>\n          Жахливо\n        \u003C\u002Flabel>\n\n        {errors.rating && \u003Cp className=\"error\">{errors.rating.message}\u003C\u002Fp>}\n      \u003C\u002Ffieldset>\n\n      \u003Cbutton type=\"submit\">Відправити\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,10196,10197,10214,10255,10274,10278,10282,10286,10309,10313,10322,10353,10366,10370,10374,10394,10416,10420,10424,10430,10454,10463,10481,10485,10493,10529,10534,10542,10546,10554,10588,10593,10601,10605,10613,10647,10652,10660,10664,10672,10706,10711,10719,10723,10731,10765,10770,10778,10782,10828,10836,10840,10862,10870,10874],{"__ignoreMap":5595},[5599,10198,10199,10201,10204,10206,10208,10210,10212],{"class":5601,"line":5602},[5599,10200,6185],{"class":5605},[5599,10202,10203],{"class":5626}," feedbackSchema",[5599,10205,6191],{"class":5613},[5599,10207,6158],{"class":5694},[5599,10209,5704],{"class":5613},[5599,10211,6198],{"class":5609},[5599,10213,6201],{"class":5613},[5599,10215,10216,10219,10221,10223,10226,10229,10232,10234,10237,10239,10242,10244,10247,10249,10252],{"class":5601,"line":5617},[5599,10217,10218],{"class":5694},"  rating:",[5599,10220,7307],{"class":5694},[5599,10222,5704],{"class":5613},[5599,10224,10225],{"class":5609},"enum",[5599,10227,10228],{"class":5613},"([",[5599,10230,10231],{"class":5644},"\"excellent\"",[5599,10233,5630],{"class":5613},[5599,10235,10236],{"class":5644},"\"good\"",[5599,10238,5630],{"class":5613},[5599,10240,10241],{"class":5644},"\"neutral\"",[5599,10243,5630],{"class":5613},[5599,10245,10246],{"class":5644},"\"bad\"",[5599,10248,5630],{"class":5613},[5599,10250,10251],{"class":5644},"\"terrible\"",[5599,10253,10254],{"class":5613},"], {\n",[5599,10256,10257,10259,10261,10263,10265,10267,10269,10272],{"class":5601,"line":5651},[5599,10258,9707],{"class":5609},[5599,10260,5560],{"class":5694},[5599,10262,9712],{"class":5613},[5599,10264,5713],{"class":5605},[5599,10266,9717],{"class":5613},[5599,10268,9720],{"class":5694},[5599,10270,10271],{"class":5644}," \"Оберіть оцінку\"",[5599,10273,9726],{"class":5613},[5599,10275,10276],{"class":5601,"line":5676},[5599,10277,9731],{"class":5613},[5599,10279,10280],{"class":5601,"line":5683},[5599,10281,6327],{"class":5613},[5599,10283,10284],{"class":5601,"line":5719},[5599,10285,5680],{"emptyLinePlaceholder":5679},[5599,10287,10288,10290,10293,10295,10297,10299,10301,10303,10305,10307],{"class":5601,"line":5733},[5599,10289,6342],{"class":5605},[5599,10291,10292],{"class":5701}," FeedbackFormData",[5599,10294,6191],{"class":5613},[5599,10296,6158],{"class":5701},[5599,10298,5704],{"class":5613},[5599,10300,6354],{"class":5701},[5599,10302,6357],{"class":5613},[5599,10304,6360],{"class":5605},[5599,10306,10203],{"class":5694},[5599,10308,6365],{"class":5613},[5599,10310,10311],{"class":5601,"line":5756},[5599,10312,5680],{"emptyLinePlaceholder":5679},[5599,10314,10315,10317,10320],{"class":5601,"line":5762},[5599,10316,5606],{"class":5605},[5599,10318,10319],{"class":5609}," FeedbackForm",[5599,10321,5614],{"class":5613},[5599,10323,10324,10326,10328,10330,10332,10334,10336,10338,10340,10342,10344,10346,10348,10351],{"class":5601,"line":5767},[5599,10325,5620],{"class":5605},[5599,10327,6155],{"class":5613},[5599,10329,6781],{"class":5626},[5599,10331,5630],{"class":5613},[5599,10333,5798],{"class":5626},[5599,10335,5630],{"class":5613},[5599,10337,8890],{"class":5694},[5599,10339,6524],{"class":5613},[5599,10341,6527],{"class":5626},[5599,10343,9157],{"class":5613},[5599,10345,6455],{"class":5609},[5599,10347,6357],{"class":5613},[5599,10349,10350],{"class":5701},"FeedbackFormData",[5599,10352,6550],{"class":5613},[5599,10354,10355,10357,10359,10361,10364],{"class":5601,"line":5777},[5599,10356,6555],{"class":5694},[5599,10358,6558],{"class":5609},[5599,10360,5641],{"class":5613},[5599,10362,10363],{"class":5694},"feedbackSchema",[5599,10365,6261],{"class":5613},[5599,10367,10368],{"class":5601,"line":5807},[5599,10369,6570],{"class":5613},[5599,10371,10372],{"class":5601,"line":5868},[5599,10373,5680],{"emptyLinePlaceholder":5679},[5599,10375,10376,10378,10380,10382,10384,10386,10388,10390,10392],{"class":5601,"line":5920},[5599,10377,5620],{"class":5605},[5599,10379,5789],{"class":5609},[5599,10381,5691],{"class":5613},[5599,10383,6590],{"class":5694},[5599,10385,5698],{"class":5613},[5599,10387,10350],{"class":5701},[5599,10389,5710],{"class":5613},[5599,10391,5713],{"class":5605},[5599,10393,5716],{"class":5613},[5599,10395,10396,10398,10400,10402,10404,10406,10408,10411,10413],{"class":5601,"line":5949},[5599,10397,5736],{"class":5694},[5599,10399,5704],{"class":5613},[5599,10401,5741],{"class":5609},[5599,10403,5641],{"class":5613},[5599,10405,6590],{"class":5694},[5599,10407,5704],{"class":5613},[5599,10409,10410],{"class":5694},"rating",[5599,10412,9229],{"class":5613},[5599,10414,10415],{"class":6179},"\u002F\u002F Тип: \"excellent\" | \"good\" | \"neutral\" | \"bad\" | \"terrible\"\n",[5599,10417,10418],{"class":5601,"line":5959},[5599,10419,5759],{"class":5613},[5599,10421,10422],{"class":5601,"line":5965},[5599,10423,5680],{"emptyLinePlaceholder":5679},[5599,10425,10426,10428],{"class":5601,"line":6339},[5599,10427,5771],{"class":5770},[5599,10429,5774],{"class":5613},[5599,10431,10432,10434,10436,10438,10440,10442,10444,10446,10448,10450,10452],{"class":5601,"line":6680},[5599,10433,5781],{"class":5780},[5599,10435,5785],{"class":5784},[5599,10437,5789],{"class":5788},[5599,10439,5792],{"class":5613},[5599,10441,5795],{"class":5605},[5599,10443,5798],{"class":5609},[5599,10445,5641],{"class":5834},[5599,10447,6714],{"class":5694},[5599,10449,5860],{"class":5834},[5599,10451,5801],{"class":5605},[5599,10453,5804],{"class":5780},[5599,10455,10456,10458,10461],{"class":5601,"line":6685},[5599,10457,5810],{"class":5780},[5599,10459,10460],{"class":5784},"fieldset",[5599,10462,5804],{"class":5780},[5599,10464,10465,10467,10470,10472,10475,10477,10479],{"class":5601,"line":6690},[5599,10466,6736],{"class":5780},[5599,10468,10469],{"class":5784},"legend",[5599,10471,5936],{"class":5780},[5599,10473,10474],{"class":5613},"Оцініть наш сервіс",[5599,10476,5942],{"class":5780},[5599,10478,10469],{"class":5784},[5599,10480,5804],{"class":5780},[5599,10482,10483],{"class":5601,"line":6697},[5599,10484,5680],{"emptyLinePlaceholder":5679},[5599,10486,10487,10489,10491],{"class":5601,"line":6723},[5599,10488,6736],{"class":5780},[5599,10490,6739],{"class":5784},[5599,10492,5804],{"class":5780},[5599,10494,10495,10497,10499,10501,10503,10506,10508,10510,10512,10514,10516,10518,10520,10523,10525,10527],{"class":5601,"line":6733},[5599,10496,8248],{"class":5780},[5599,10498,5813],{"class":5784},[5599,10500,5928],{"class":5788},[5599,10502,5792],{"class":5613},[5599,10504,10505],{"class":5644},"\"radio\"",[5599,10507,5816],{"class":5788},[5599,10509,5792],{"class":5613},[5599,10511,10231],{"class":5644},[5599,10513,6775],{"class":5605},[5599,10515,6778],{"class":5613},[5599,10517,6781],{"class":5609},[5599,10519,5641],{"class":5834},[5599,10521,10522],{"class":5644},"\"rating\"",[5599,10524,5860],{"class":5834},[5599,10526,5801],{"class":5605},[5599,10528,5865],{"class":5780},[5599,10530,10531],{"class":5601,"line":6761},[5599,10532,10533],{"class":5613},"          Чудово\n",[5599,10535,10536,10538,10540],{"class":5601,"line":6794},[5599,10537,8791],{"class":5780},[5599,10539,6739],{"class":5784},[5599,10541,5804],{"class":5780},[5599,10543,10544],{"class":5601,"line":6847},[5599,10545,5680],{"emptyLinePlaceholder":5679},[5599,10547,10548,10550,10552],{"class":5601,"line":6857},[5599,10549,6736],{"class":5780},[5599,10551,6739],{"class":5784},[5599,10553,5804],{"class":5780},[5599,10555,10556,10558,10560,10562,10564,10566,10568,10570,10572,10574,10576,10578,10580,10582,10584,10586],{"class":5601,"line":6862},[5599,10557,8248],{"class":5780},[5599,10559,5813],{"class":5784},[5599,10561,5928],{"class":5788},[5599,10563,5792],{"class":5613},[5599,10565,10505],{"class":5644},[5599,10567,5816],{"class":5788},[5599,10569,5792],{"class":5613},[5599,10571,10236],{"class":5644},[5599,10573,6775],{"class":5605},[5599,10575,6778],{"class":5613},[5599,10577,6781],{"class":5609},[5599,10579,5641],{"class":5834},[5599,10581,10522],{"class":5644},[5599,10583,5860],{"class":5834},[5599,10585,5801],{"class":5605},[5599,10587,5865],{"class":5780},[5599,10589,10590],{"class":5601,"line":6871},[5599,10591,10592],{"class":5613},"          Добре\n",[5599,10594,10595,10597,10599],{"class":5601,"line":6896},[5599,10596,8791],{"class":5780},[5599,10598,6739],{"class":5784},[5599,10600,5804],{"class":5780},[5599,10602,10603],{"class":5601,"line":6931},[5599,10604,5680],{"emptyLinePlaceholder":5679},[5599,10606,10607,10609,10611],{"class":5601,"line":6978},[5599,10608,6736],{"class":5780},[5599,10610,6739],{"class":5784},[5599,10612,5804],{"class":5780},[5599,10614,10615,10617,10619,10621,10623,10625,10627,10629,10631,10633,10635,10637,10639,10641,10643,10645],{"class":5601,"line":6987},[5599,10616,8248],{"class":5780},[5599,10618,5813],{"class":5784},[5599,10620,5928],{"class":5788},[5599,10622,5792],{"class":5613},[5599,10624,10505],{"class":5644},[5599,10626,5816],{"class":5788},[5599,10628,5792],{"class":5613},[5599,10630,10241],{"class":5644},[5599,10632,6775],{"class":5605},[5599,10634,6778],{"class":5613},[5599,10636,6781],{"class":5609},[5599,10638,5641],{"class":5834},[5599,10640,10522],{"class":5644},[5599,10642,5860],{"class":5834},[5599,10644,5801],{"class":5605},[5599,10646,5865],{"class":5780},[5599,10648,10649],{"class":5601,"line":6992},[5599,10650,10651],{"class":5613},"          Нейтрально\n",[5599,10653,10654,10656,10658],{"class":5601,"line":7001},[5599,10655,8791],{"class":5780},[5599,10657,6739],{"class":5784},[5599,10659,5804],{"class":5780},[5599,10661,10662],{"class":5601,"line":7026},[5599,10663,5680],{"emptyLinePlaceholder":5679},[5599,10665,10666,10668,10670],{"class":5601,"line":7061},[5599,10667,6736],{"class":5780},[5599,10669,6739],{"class":5784},[5599,10671,5804],{"class":5780},[5599,10673,10674,10676,10678,10680,10682,10684,10686,10688,10690,10692,10694,10696,10698,10700,10702,10704],{"class":5601,"line":7109},[5599,10675,8248],{"class":5780},[5599,10677,5813],{"class":5784},[5599,10679,5928],{"class":5788},[5599,10681,5792],{"class":5613},[5599,10683,10505],{"class":5644},[5599,10685,5816],{"class":5788},[5599,10687,5792],{"class":5613},[5599,10689,10246],{"class":5644},[5599,10691,6775],{"class":5605},[5599,10693,6778],{"class":5613},[5599,10695,6781],{"class":5609},[5599,10697,5641],{"class":5834},[5599,10699,10522],{"class":5644},[5599,10701,5860],{"class":5834},[5599,10703,5801],{"class":5605},[5599,10705,5865],{"class":5780},[5599,10707,10708],{"class":5601,"line":7118},[5599,10709,10710],{"class":5613},"          Погано\n",[5599,10712,10713,10715,10717],{"class":5601,"line":7123},[5599,10714,8791],{"class":5780},[5599,10716,6739],{"class":5784},[5599,10718,5804],{"class":5780},[5599,10720,10721],{"class":5601,"line":7149},[5599,10722,5680],{"emptyLinePlaceholder":5679},[5599,10724,10725,10727,10729],{"class":5601,"line":7170},[5599,10726,6736],{"class":5780},[5599,10728,6739],{"class":5784},[5599,10730,5804],{"class":5780},[5599,10732,10733,10735,10737,10739,10741,10743,10745,10747,10749,10751,10753,10755,10757,10759,10761,10763],{"class":5601,"line":7179},[5599,10734,8248],{"class":5780},[5599,10736,5813],{"class":5784},[5599,10738,5928],{"class":5788},[5599,10740,5792],{"class":5613},[5599,10742,10505],{"class":5644},[5599,10744,5816],{"class":5788},[5599,10746,5792],{"class":5613},[5599,10748,10251],{"class":5644},[5599,10750,6775],{"class":5605},[5599,10752,6778],{"class":5613},[5599,10754,6781],{"class":5609},[5599,10756,5641],{"class":5834},[5599,10758,10522],{"class":5644},[5599,10760,5860],{"class":5834},[5599,10762,5801],{"class":5605},[5599,10764,5865],{"class":5780},[5599,10766,10767],{"class":5601,"line":7188},[5599,10768,10769],{"class":5613},"          Жахливо\n",[5599,10771,10772,10774,10776],{"class":5601,"line":7193},[5599,10773,8791],{"class":5780},[5599,10775,6739],{"class":5784},[5599,10777,5804],{"class":5780},[5599,10779,10780],{"class":5601,"line":8288},[5599,10781,5680],{"emptyLinePlaceholder":5679},[5599,10783,10784,10786,10788,10790,10792,10794,10796,10798,10800,10802,10804,10806,10808,10810,10812,10814,10816,10818,10820,10822,10824,10826],{"class":5601,"line":8297},[5599,10785,6797],{"class":5605},[5599,10787,6527],{"class":5694},[5599,10789,5704],{"class":5834},[5599,10791,10410],{"class":5694},[5599,10793,6806],{"class":5613},[5599,10795,6809],{"class":5780},[5599,10797,5479],{"class":5784},[5599,10799,6814],{"class":5788},[5599,10801,5792],{"class":5613},[5599,10803,6819],{"class":5644},[5599,10805,5936],{"class":5780},[5599,10807,5795],{"class":5605},[5599,10809,6527],{"class":5694},[5599,10811,5704],{"class":5834},[5599,10813,10410],{"class":5694},[5599,10815,5704],{"class":5834},[5599,10817,6834],{"class":5694},[5599,10819,5801],{"class":5605},[5599,10821,5942],{"class":5780},[5599,10823,5479],{"class":5784},[5599,10825,5936],{"class":5780},[5599,10827,5968],{"class":5605},[5599,10829,10830,10832,10834],{"class":5601,"line":8302},[5599,10831,6850],{"class":5780},[5599,10833,10460],{"class":5784},[5599,10835,5804],{"class":5780},[5599,10837,10838],{"class":5601,"line":8327},[5599,10839,5680],{"emptyLinePlaceholder":5679},[5599,10841,10842,10844,10846,10848,10850,10852,10854,10856,10858,10860],{"class":5601,"line":8344},[5599,10843,5810],{"class":5780},[5599,10845,5925],{"class":5784},[5599,10847,5928],{"class":5788},[5599,10849,5792],{"class":5613},[5599,10851,5933],{"class":5644},[5599,10853,5936],{"class":5780},[5599,10855,5939],{"class":5613},[5599,10857,5942],{"class":5780},[5599,10859,5925],{"class":5784},[5599,10861,5804],{"class":5780},[5599,10863,10864,10866,10868],{"class":5601,"line":8353},[5599,10865,5952],{"class":5780},[5599,10867,5785],{"class":5784},[5599,10869,5804],{"class":5780},[5599,10871,10872],{"class":5601,"line":8362},[5599,10873,5962],{"class":5613},[5599,10875,10876],{"class":5601,"line":8367},[5599,10877,5968],{"class":5613},[6367,10879,10880,10881,10884,10885,10887],{},"Zod-енум автоматично генерує ",[5483,10882,10883],{},"точний union-тип"," у TypeScript. Це означає, що автодоповнення та перевірка типів працюють ідеально — TypeScript знає всі можливі значення поля ",[5557,10886,10410],{}," на етапі компіляції.",[5563,10889],{},[5566,10891,10893,10894],{"id":10892},"спостереження-за-значеннями-полів-watch","Спостереження за значеннями полів: ",[5557,10895,10896],{},"watch",[5479,10898,10899],{},"Іноді потрібно реагувати на зміну значення поля в реальному часі — наприклад, показувати динамічний попередній перегляд, розраховувати залежні значення або умовно показувати\u002Fприховувати інші поля.",[5590,10901,10903],{"className":5592,"code":10902,"language":5594,"meta":5595,"style":5595},"const orderSchema = z.object({\n  quantity: z.coerce.number().int().min(1),\n  pricePerUnit: z.coerce.number().positive(),\n});\n\ntype OrderFormData = z.infer\u003Ctypeof orderSchema>;\n\nfunction OrderForm() {\n  const { register, watch, handleSubmit } = useForm\u003COrderFormData>({\n    resolver: zodResolver(orderSchema),\n    defaultValues: {\n      quantity: 1,\n      pricePerUnit: 100,\n    },\n  });\n\n  \u002F\u002F Спостереження за полями\n  const quantity = watch(\"quantity\");\n  const pricePerUnit = watch(\"pricePerUnit\");\n  const totalPrice = (quantity || 0) * (pricePerUnit || 0);\n\n  const onSubmit = (data: OrderFormData) => {\n    console.log(\"Замовлення:\", data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"quantity\">Кількість\u003C\u002Flabel>\n        \u003Cinput\n          id=\"quantity\"\n          type=\"number\"\n          {...register(\"quantity\", { valueAsNumber: true })}\n        \u002F>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"pricePerUnit\">Ціна за одиницю (₴)\u003C\u002Flabel>\n        \u003Cinput\n          id=\"pricePerUnit\"\n          type=\"number\"\n          step=\"0.01\"\n          {...register(\"pricePerUnit\", { valueAsNumber: true })}\n        \u002F>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Cstrong>Загальна вартість: {totalPrice.toFixed(2)} ₴\u003C\u002Fstrong>\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Оформити замовлення\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,10904,10905,10922,10952,10974,10978,10982,11005,11009,11018,11046,11059,11065,11075,11085,11089,11093,11097,11102,11120,11138,11168,11172,11192,11211,11215,11219,11225,11249,11257,11280,11286,11295,11303,11325,11329,11337,11341,11349,11372,11378,11387,11395,11405,11427,11431,11439,11443,11451,11489,11497,11501,11524,11532,11536],{"__ignoreMap":5595},[5599,10906,10907,10909,10912,10914,10916,10918,10920],{"class":5601,"line":5602},[5599,10908,6185],{"class":5605},[5599,10910,10911],{"class":5626}," orderSchema",[5599,10913,6191],{"class":5613},[5599,10915,6158],{"class":5694},[5599,10917,5704],{"class":5613},[5599,10919,6198],{"class":5609},[5599,10921,6201],{"class":5613},[5599,10923,10924,10927,10929,10931,10933,10935,10937,10939,10941,10943,10945,10947,10950],{"class":5601,"line":5617},[5599,10925,10926],{"class":5694},"  quantity:",[5599,10928,7307],{"class":5694},[5599,10930,5704],{"class":5613},[5599,10932,9629],{"class":5694},[5599,10934,5704],{"class":5613},[5599,10936,9029],{"class":5609},[5599,10938,7314],{"class":5613},[5599,10940,9047],{"class":5609},[5599,10942,7314],{"class":5613},[5599,10944,6227],{"class":5609},[5599,10946,5641],{"class":5613},[5599,10948,10949],{"class":6232},"1",[5599,10951,6261],{"class":5613},[5599,10953,10954,10957,10959,10961,10963,10965,10967,10969,10972],{"class":5601,"line":5651},[5599,10955,10956],{"class":5694},"  pricePerUnit:",[5599,10958,7307],{"class":5694},[5599,10960,5704],{"class":5613},[5599,10962,9629],{"class":5694},[5599,10964,5704],{"class":5613},[5599,10966,9029],{"class":5609},[5599,10968,7314],{"class":5613},[5599,10970,10971],{"class":5609},"positive",[5599,10973,7451],{"class":5613},[5599,10975,10976],{"class":5601,"line":5676},[5599,10977,6327],{"class":5613},[5599,10979,10980],{"class":5601,"line":5683},[5599,10981,5680],{"emptyLinePlaceholder":5679},[5599,10983,10984,10986,10989,10991,10993,10995,10997,10999,11001,11003],{"class":5601,"line":5719},[5599,10985,6342],{"class":5605},[5599,10987,10988],{"class":5701}," OrderFormData",[5599,10990,6191],{"class":5613},[5599,10992,6158],{"class":5701},[5599,10994,5704],{"class":5613},[5599,10996,6354],{"class":5701},[5599,10998,6357],{"class":5613},[5599,11000,6360],{"class":5605},[5599,11002,10911],{"class":5694},[5599,11004,6365],{"class":5613},[5599,11006,11007],{"class":5601,"line":5733},[5599,11008,5680],{"emptyLinePlaceholder":5679},[5599,11010,11011,11013,11016],{"class":5601,"line":5756},[5599,11012,5606],{"class":5605},[5599,11014,11015],{"class":5609}," OrderForm",[5599,11017,5614],{"class":5613},[5599,11019,11020,11022,11024,11026,11028,11030,11032,11034,11037,11039,11041,11044],{"class":5601,"line":5762},[5599,11021,5620],{"class":5605},[5599,11023,6155],{"class":5613},[5599,11025,6781],{"class":5626},[5599,11027,5630],{"class":5613},[5599,11029,10896],{"class":5626},[5599,11031,5630],{"class":5613},[5599,11033,5798],{"class":5626},[5599,11035,11036],{"class":5613}," } = ",[5599,11038,6455],{"class":5609},[5599,11040,6357],{"class":5613},[5599,11042,11043],{"class":5701},"OrderFormData",[5599,11045,6550],{"class":5613},[5599,11047,11048,11050,11052,11054,11057],{"class":5601,"line":5767},[5599,11049,6555],{"class":5694},[5599,11051,6558],{"class":5609},[5599,11053,5641],{"class":5613},[5599,11055,11056],{"class":5694},"orderSchema",[5599,11058,6261],{"class":5613},[5599,11060,11061,11063],{"class":5601,"line":5777},[5599,11062,8535],{"class":5694},[5599,11064,5716],{"class":5613},[5599,11066,11067,11070,11073],{"class":5601,"line":5807},[5599,11068,11069],{"class":5694},"      quantity:",[5599,11071,11072],{"class":6232}," 1",[5599,11074,6509],{"class":5613},[5599,11076,11077,11080,11083],{"class":5601,"line":5868},[5599,11078,11079],{"class":5694},"      pricePerUnit:",[5599,11081,11082],{"class":6232}," 100",[5599,11084,6509],{"class":5613},[5599,11086,11087],{"class":5601,"line":5920},[5599,11088,8579],{"class":5613},[5599,11090,11091],{"class":5601,"line":5949},[5599,11092,6570],{"class":5613},[5599,11094,11095],{"class":5601,"line":5959},[5599,11096,5680],{"emptyLinePlaceholder":5679},[5599,11098,11099],{"class":5601,"line":5965},[5599,11100,11101],{"class":6179},"  \u002F\u002F Спостереження за полями\n",[5599,11103,11104,11106,11109,11111,11113,11115,11118],{"class":5601,"line":6339},[5599,11105,5620],{"class":5605},[5599,11107,11108],{"class":5626}," quantity",[5599,11110,6191],{"class":5613},[5599,11112,10896],{"class":5609},[5599,11114,5641],{"class":5613},[5599,11116,11117],{"class":5644},"\"quantity\"",[5599,11119,5648],{"class":5613},[5599,11121,11122,11124,11127,11129,11131,11133,11136],{"class":5601,"line":6680},[5599,11123,5620],{"class":5605},[5599,11125,11126],{"class":5626}," pricePerUnit",[5599,11128,6191],{"class":5613},[5599,11130,10896],{"class":5609},[5599,11132,5641],{"class":5613},[5599,11134,11135],{"class":5644},"\"pricePerUnit\"",[5599,11137,5648],{"class":5613},[5599,11139,11140,11142,11145,11147,11150,11153,11156,11159,11162,11164,11166],{"class":5601,"line":6685},[5599,11141,5620],{"class":5605},[5599,11143,11144],{"class":5626}," totalPrice",[5599,11146,5691],{"class":5613},[5599,11148,11149],{"class":5694},"quantity",[5599,11151,11152],{"class":5613}," || ",[5599,11154,11155],{"class":6232},"0",[5599,11157,11158],{"class":5613},") * (",[5599,11160,11161],{"class":5694},"pricePerUnit",[5599,11163,11152],{"class":5613},[5599,11165,11155],{"class":6232},[5599,11167,5648],{"class":5613},[5599,11169,11170],{"class":5601,"line":6690},[5599,11171,5680],{"emptyLinePlaceholder":5679},[5599,11173,11174,11176,11178,11180,11182,11184,11186,11188,11190],{"class":5601,"line":6697},[5599,11175,5620],{"class":5605},[5599,11177,5789],{"class":5609},[5599,11179,5691],{"class":5613},[5599,11181,6590],{"class":5694},[5599,11183,5698],{"class":5613},[5599,11185,11043],{"class":5701},[5599,11187,5710],{"class":5613},[5599,11189,5713],{"class":5605},[5599,11191,5716],{"class":5613},[5599,11193,11194,11196,11198,11200,11202,11205,11207,11209],{"class":5601,"line":6723},[5599,11195,5736],{"class":5694},[5599,11197,5704],{"class":5613},[5599,11199,5741],{"class":5609},[5599,11201,5641],{"class":5613},[5599,11203,11204],{"class":5644},"\"Замовлення:\"",[5599,11206,5630],{"class":5613},[5599,11208,6590],{"class":5694},[5599,11210,5648],{"class":5613},[5599,11212,11213],{"class":5601,"line":6733},[5599,11214,5759],{"class":5613},[5599,11216,11217],{"class":5601,"line":6761},[5599,11218,5680],{"emptyLinePlaceholder":5679},[5599,11220,11221,11223],{"class":5601,"line":6794},[5599,11222,5771],{"class":5770},[5599,11224,5774],{"class":5613},[5599,11226,11227,11229,11231,11233,11235,11237,11239,11241,11243,11245,11247],{"class":5601,"line":6847},[5599,11228,5781],{"class":5780},[5599,11230,5785],{"class":5784},[5599,11232,5789],{"class":5788},[5599,11234,5792],{"class":5613},[5599,11236,5795],{"class":5605},[5599,11238,5798],{"class":5609},[5599,11240,5641],{"class":5834},[5599,11242,6714],{"class":5694},[5599,11244,5860],{"class":5834},[5599,11246,5801],{"class":5605},[5599,11248,5804],{"class":5780},[5599,11250,11251,11253,11255],{"class":5601,"line":6857},[5599,11252,5810],{"class":5780},[5599,11254,6728],{"class":5784},[5599,11256,5804],{"class":5780},[5599,11258,11259,11261,11263,11265,11267,11269,11271,11274,11276,11278],{"class":5601,"line":6862},[5599,11260,6736],{"class":5780},[5599,11262,6739],{"class":5784},[5599,11264,6742],{"class":5788},[5599,11266,5792],{"class":5613},[5599,11268,11117],{"class":5644},[5599,11270,5936],{"class":5780},[5599,11272,11273],{"class":5613},"Кількість",[5599,11275,5942],{"class":5780},[5599,11277,6739],{"class":5784},[5599,11279,5804],{"class":5780},[5599,11281,11282,11284],{"class":5601,"line":6871},[5599,11283,6736],{"class":5780},[5599,11285,8187],{"class":5784},[5599,11287,11288,11290,11292],{"class":5601,"line":6896},[5599,11289,8192],{"class":5788},[5599,11291,5792],{"class":5613},[5599,11293,11294],{"class":5644},"\"quantity\"\n",[5599,11296,11297,11299,11301],{"class":5601,"line":6931},[5599,11298,8202],{"class":5788},[5599,11300,5792],{"class":5613},[5599,11302,9456],{"class":5644},[5599,11304,11305,11307,11309,11311,11313,11315,11317,11319,11321,11323],{"class":5601,"line":6978},[5599,11306,8212],{"class":5605},[5599,11308,6778],{"class":5613},[5599,11310,6781],{"class":5609},[5599,11312,5641],{"class":5834},[5599,11314,11117],{"class":5644},[5599,11316,9471],{"class":5834},[5599,11318,9474],{"class":5694},[5599,11320,9477],{"class":5605},[5599,11322,9480],{"class":5834},[5599,11324,5968],{"class":5605},[5599,11326,11327],{"class":5601,"line":6987},[5599,11328,8229],{"class":5780},[5599,11330,11331,11333,11335],{"class":5601,"line":6992},[5599,11332,6850],{"class":5780},[5599,11334,6728],{"class":5784},[5599,11336,5804],{"class":5780},[5599,11338,11339],{"class":5601,"line":7001},[5599,11340,5680],{"emptyLinePlaceholder":5679},[5599,11342,11343,11345,11347],{"class":5601,"line":7026},[5599,11344,5810],{"class":5780},[5599,11346,6728],{"class":5784},[5599,11348,5804],{"class":5780},[5599,11350,11351,11353,11355,11357,11359,11361,11363,11366,11368,11370],{"class":5601,"line":7061},[5599,11352,6736],{"class":5780},[5599,11354,6739],{"class":5784},[5599,11356,6742],{"class":5788},[5599,11358,5792],{"class":5613},[5599,11360,11135],{"class":5644},[5599,11362,5936],{"class":5780},[5599,11364,11365],{"class":5613},"Ціна за одиницю (₴)",[5599,11367,5942],{"class":5780},[5599,11369,6739],{"class":5784},[5599,11371,5804],{"class":5780},[5599,11373,11374,11376],{"class":5601,"line":7109},[5599,11375,6736],{"class":5780},[5599,11377,8187],{"class":5784},[5599,11379,11380,11382,11384],{"class":5601,"line":7118},[5599,11381,8192],{"class":5788},[5599,11383,5792],{"class":5613},[5599,11385,11386],{"class":5644},"\"pricePerUnit\"\n",[5599,11388,11389,11391,11393],{"class":5601,"line":7123},[5599,11390,8202],{"class":5788},[5599,11392,5792],{"class":5613},[5599,11394,9456],{"class":5644},[5599,11396,11397,11400,11402],{"class":5601,"line":7149},[5599,11398,11399],{"class":5788},"          step",[5599,11401,5792],{"class":5613},[5599,11403,11404],{"class":5644},"\"0.01\"\n",[5599,11406,11407,11409,11411,11413,11415,11417,11419,11421,11423,11425],{"class":5601,"line":7170},[5599,11408,8212],{"class":5605},[5599,11410,6778],{"class":5613},[5599,11412,6781],{"class":5609},[5599,11414,5641],{"class":5834},[5599,11416,11135],{"class":5644},[5599,11418,9471],{"class":5834},[5599,11420,9474],{"class":5694},[5599,11422,9477],{"class":5605},[5599,11424,9480],{"class":5834},[5599,11426,5968],{"class":5605},[5599,11428,11429],{"class":5601,"line":7179},[5599,11430,8229],{"class":5780},[5599,11432,11433,11435,11437],{"class":5601,"line":7188},[5599,11434,6850],{"class":5780},[5599,11436,6728],{"class":5784},[5599,11438,5804],{"class":5780},[5599,11440,11441],{"class":5601,"line":7193},[5599,11442,5680],{"emptyLinePlaceholder":5679},[5599,11444,11445,11447,11449],{"class":5601,"line":8288},[5599,11446,5810],{"class":5780},[5599,11448,6728],{"class":5784},[5599,11450,5804],{"class":5780},[5599,11452,11453,11455,11457,11459,11462,11464,11467,11469,11472,11474,11476,11478,11480,11483,11485,11487],{"class":5601,"line":8297},[5599,11454,6736],{"class":5780},[5599,11456,5483],{"class":5784},[5599,11458,5936],{"class":5780},[5599,11460,11461],{"class":5613},"Загальна вартість: ",[5599,11463,5795],{"class":5605},[5599,11465,11466],{"class":5694},"totalPrice",[5599,11468,5704],{"class":5834},[5599,11470,11471],{"class":5609},"toFixed",[5599,11473,5641],{"class":5834},[5599,11475,6233],{"class":6232},[5599,11477,5860],{"class":5834},[5599,11479,5801],{"class":5605},[5599,11481,11482],{"class":5613}," ₴",[5599,11484,5942],{"class":5780},[5599,11486,5483],{"class":5784},[5599,11488,5804],{"class":5780},[5599,11490,11491,11493,11495],{"class":5601,"line":8302},[5599,11492,6850],{"class":5780},[5599,11494,6728],{"class":5784},[5599,11496,5804],{"class":5780},[5599,11498,11499],{"class":5601,"line":8327},[5599,11500,5680],{"emptyLinePlaceholder":5679},[5599,11502,11503,11505,11507,11509,11511,11513,11515,11518,11520,11522],{"class":5601,"line":8344},[5599,11504,5810],{"class":5780},[5599,11506,5925],{"class":5784},[5599,11508,5928],{"class":5788},[5599,11510,5792],{"class":5613},[5599,11512,5933],{"class":5644},[5599,11514,5936],{"class":5780},[5599,11516,11517],{"class":5613},"Оформити замовлення",[5599,11519,5942],{"class":5780},[5599,11521,5925],{"class":5784},[5599,11523,5804],{"class":5780},[5599,11525,11526,11528,11530],{"class":5601,"line":8353},[5599,11527,5952],{"class":5780},[5599,11529,5785],{"class":5784},[5599,11531,5804],{"class":5780},[5599,11533,11534],{"class":5601,"line":8362},[5599,11535,5962],{"class":5613},[5599,11537,11538],{"class":5601,"line":8367},[5599,11539,5968],{"class":5613},[9585,11541,11542,11547,11557,11567,11573],{},[5479,11543,11544],{},[5483,11545,11546],{},"Важливий нюанс продуктивності:",[5479,11548,11549,11550,5486,11553,11556],{},"Виклик ",[5557,11551,11552],{},"watch()",[5483,11554,11555],{},"викликає ререндер компонента"," при кожній зміні спостережуваного поля. Це саме те, що ми хотіли уникнути, використовуючи React Hook Form!",[5479,11558,11559,11560,11563,11564,11566],{},"Проте ця поведінка виправдана ",[5483,11561,11562],{},"лише для полів, значення яких реально відображається"," в UI (як у прикладі вище з динамічним обчисленням суми). Не викликайте ",[5557,11565,11552],{}," для полів, які не впливають на UI безпосередньо.",[5479,11568,11569,11570,5560],{},"Для складних обчислень можна використовувати ",[5557,11571,11572],{},"useMemo",[5590,11574,11576],{"className":5592,"code":11575,"language":5594,"meta":5595,"style":5595},"const totalPrice = useMemo(() => {\n  return (quantity || 0) * (pricePerUnit || 0);\n}, [quantity, pricePerUnit]);\n",[5557,11577,11578,11595,11617],{"__ignoreMap":5595},[5599,11579,11580,11582,11584,11586,11588,11591,11593],{"class":5601,"line":5602},[5599,11581,6185],{"class":5605},[5599,11583,11144],{"class":5626},[5599,11585,6191],{"class":5613},[5599,11587,11572],{"class":5609},[5599,11589,11590],{"class":5613},"(() ",[5599,11592,5713],{"class":5605},[5599,11594,5716],{"class":5613},[5599,11596,11597,11599,11601,11603,11605,11607,11609,11611,11613,11615],{"class":5601,"line":5617},[5599,11598,5771],{"class":5770},[5599,11600,5576],{"class":5613},[5599,11602,11149],{"class":5694},[5599,11604,11152],{"class":5613},[5599,11606,11155],{"class":6232},[5599,11608,11158],{"class":5613},[5599,11610,11161],{"class":5694},[5599,11612,11152],{"class":5613},[5599,11614,11155],{"class":6232},[5599,11616,5648],{"class":5613},[5599,11618,11619,11622,11624,11626,11628],{"class":5601,"line":5651},[5599,11620,11621],{"class":5613},"}, [",[5599,11623,11149],{"class":5694},[5599,11625,5630],{"class":5613},[5599,11627,11161],{"class":5694},[5599,11629,11630],{"class":5613},"]);\n",[5563,11632],{},[5566,11634,11636],{"id":11635},"умовна-валідація-показприховування-полів","Умовна валідація: показ\u002Fприховування полів",[5479,11638,11639],{},"Іноді структура форми залежить від значення інших полів. Наприклад, поле «Номер студентського квитка» має з'являтися лише якщо користувач обрав статус «Студент».",[5590,11641,11643],{"className":5592,"code":11642,"language":5594,"meta":5595,"style":5595},"const registrationSchema = z\n  .object({\n    name: z.string().min(2),\n    userType: z.enum([\"student\", \"professional\"]),\n    studentId: z.string().optional(),\n    companyName: z.string().optional(),\n  })\n  .superRefine((data, ctx) => {\n    \u002F\u002F Якщо обрано \"student\", studentId стає обов'язковим\n    if (data.userType === \"student\" && !data.studentId) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: \"Номер студентського квитка обов'язковий для студентів\",\n        path: [\"studentId\"],\n      });\n    }\n\n    \u002F\u002F Якщо обрано \"professional\", companyName стає обов'язковим\n    if (data.userType === \"professional\" && !data.companyName) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: \"Назва компанії обов'язкова для професіоналів\",\n        path: [\"companyName\"],\n      });\n    }\n  });\n\ntype RegistrationFormData = z.infer\u003Ctypeof registrationSchema>;\n\nfunction ConditionalRegistrationForm() {\n  const { register, watch, handleSubmit, formState: { errors } } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n    defaultValues: {\n      name: \"\",\n      userType: \"student\",\n    },\n  });\n\n  const userType = watch(\"userType\");\n\n  const onSubmit = (data: RegistrationFormData) => {\n    console.log(\"Дані реєстрації:\", data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"userType\">Тип користувача\u003C\u002Flabel>\n        \u003Cselect id=\"userType\" {...register(\"userType\")}>\n          \u003Coption value=\"student\">Студент\u003C\u002Foption>\n          \u003Coption value=\"professional\">Професіонал\u003C\u002Foption>\n        \u003C\u002Fselect>\n      \u003C\u002Fdiv>\n\n      {userType === \"student\" && (\n        \u003Cdiv>\n          \u003Clabel htmlFor=\"studentId\">Номер студентського квитка\u003C\u002Flabel>\n          \u003Cinput id=\"studentId\" {...register(\"studentId\")} \u002F>\n          {errors.studentId && (\n            \u003Cp className=\"error\">{errors.studentId.message}\u003C\u002Fp>\n          )}\n        \u003C\u002Fdiv>\n      )}\n\n      {userType === \"professional\" && (\n        \u003Cdiv>\n          \u003Clabel htmlFor=\"companyName\">Назва компанії\u003C\u002Flabel>\n          \u003Cinput id=\"companyName\" {...register(\"companyName\")} \u002F>\n          {errors.companyName && (\n            \u003Cp className=\"error\">{errors.companyName.message}\u003C\u002Fp>\n          )}\n        \u003C\u002Fdiv>\n      )}\n\n      \u003Cbutton type=\"submit\">Зареєструватися\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,11644,11645,11655,11663,11683,11707,11724,11741,11745,11767,11772,11803,11815,11834,11844,11857,11862,11867,11871,11876,11903,11913,11929,11938,11949,11953,11957,11961,11965,11987,11991,12000,12034,12046,12052,12060,12070,12074,12078,12082,12100,12104,12124,12143,12147,12151,12157,12181,12189,12211,12239,12285,12293,12297,12305,12328,12358,12383,12407,12416,12425,12430,12446,12455,12479,12508,12523,12559,12567,12576,12584,12589,12605,12614,12638,12667,12682,12717,12724,12733,12740,12745,12769,12778,12783],{"__ignoreMap":5595},[5599,11646,11647,11649,11651,11653],{"class":5601,"line":5602},[5599,11648,6185],{"class":5605},[5599,11650,6188],{"class":5626},[5599,11652,6191],{"class":5613},[5599,11654,7290],{"class":5694},[5599,11656,11657,11659,11661],{"class":5601,"line":5617},[5599,11658,7295],{"class":5613},[5599,11660,6198],{"class":5609},[5599,11662,6201],{"class":5613},[5599,11664,11665,11667,11669,11671,11673,11675,11677,11679,11681],{"class":5601,"line":5651},[5599,11666,7304],{"class":5694},[5599,11668,7307],{"class":5694},[5599,11670,5704],{"class":5613},[5599,11672,6217],{"class":5609},[5599,11674,7314],{"class":5613},[5599,11676,6227],{"class":5609},[5599,11678,5641],{"class":5613},[5599,11680,6233],{"class":6232},[5599,11682,6261],{"class":5613},[5599,11684,11685,11688,11690,11692,11694,11696,11699,11701,11704],{"class":5601,"line":5676},[5599,11686,11687],{"class":5694},"    userType:",[5599,11689,7307],{"class":5694},[5599,11691,5704],{"class":5613},[5599,11693,10225],{"class":5609},[5599,11695,10228],{"class":5613},[5599,11697,11698],{"class":5644},"\"student\"",[5599,11700,5630],{"class":5613},[5599,11702,11703],{"class":5644},"\"professional\"",[5599,11705,11706],{"class":5613},"]),\n",[5599,11708,11709,11712,11714,11716,11718,11720,11722],{"class":5601,"line":5683},[5599,11710,11711],{"class":5694},"    studentId:",[5599,11713,7307],{"class":5694},[5599,11715,5704],{"class":5613},[5599,11717,6217],{"class":5609},[5599,11719,7314],{"class":5613},[5599,11721,9748],{"class":5609},[5599,11723,7451],{"class":5613},[5599,11725,11726,11729,11731,11733,11735,11737,11739],{"class":5601,"line":5719},[5599,11727,11728],{"class":5694},"    companyName:",[5599,11730,7307],{"class":5694},[5599,11732,5704],{"class":5613},[5599,11734,6217],{"class":5609},[5599,11736,7314],{"class":5613},[5599,11738,9748],{"class":5609},[5599,11740,7451],{"class":5613},[5599,11742,11743],{"class":5601,"line":5733},[5599,11744,7456],{"class":5613},[5599,11746,11747,11749,11752,11754,11756,11758,11761,11763,11765],{"class":5601,"line":5756},[5599,11748,7295],{"class":5613},[5599,11750,11751],{"class":5609},"superRefine",[5599,11753,6643],{"class":5613},[5599,11755,6590],{"class":5694},[5599,11757,5630],{"class":5613},[5599,11759,11760],{"class":5694},"ctx",[5599,11762,5710],{"class":5613},[5599,11764,5713],{"class":5605},[5599,11766,5716],{"class":5613},[5599,11768,11769],{"class":5601,"line":5762},[5599,11770,11771],{"class":6179},"    \u002F\u002F Якщо обрано \"student\", studentId стає обов'язковим\n",[5599,11773,11774,11777,11779,11781,11783,11786,11788,11790,11793,11795,11797,11800],{"class":5601,"line":5767},[5599,11775,11776],{"class":5770},"    if",[5599,11778,5576],{"class":5613},[5599,11780,6590],{"class":5694},[5599,11782,5704],{"class":5613},[5599,11784,11785],{"class":5694},"userType",[5599,11787,7481],{"class":5613},[5599,11789,11698],{"class":5644},[5599,11791,11792],{"class":5613}," && !",[5599,11794,6590],{"class":5694},[5599,11796,5704],{"class":5613},[5599,11798,11799],{"class":5694},"studentId",[5599,11801,11802],{"class":5613},") {\n",[5599,11804,11805,11808,11810,11813],{"class":5601,"line":5777},[5599,11806,11807],{"class":5694},"      ctx",[5599,11809,5704],{"class":5613},[5599,11811,11812],{"class":5609},"addIssue",[5599,11814,6201],{"class":5613},[5599,11816,11817,11820,11822,11824,11827,11829,11832],{"class":5601,"line":5807},[5599,11818,11819],{"class":5694},"        code:",[5599,11821,7307],{"class":5694},[5599,11823,5704],{"class":5613},[5599,11825,11826],{"class":5694},"ZodIssueCode",[5599,11828,5704],{"class":5613},[5599,11830,11831],{"class":5694},"custom",[5599,11833,6509],{"class":5613},[5599,11835,11836,11839,11842],{"class":5601,"line":5868},[5599,11837,11838],{"class":5694},"        message:",[5599,11840,11841],{"class":5644}," \"Номер студентського квитка обов'язковий для студентів\"",[5599,11843,6509],{"class":5613},[5599,11845,11846,11849,11851,11854],{"class":5601,"line":5920},[5599,11847,11848],{"class":5694},"        path:",[5599,11850,5623],{"class":5613},[5599,11852,11853],{"class":5644},"\"studentId\"",[5599,11855,11856],{"class":5613},"],\n",[5599,11858,11859],{"class":5601,"line":5949},[5599,11860,11861],{"class":5613},"      });\n",[5599,11863,11864],{"class":5601,"line":5959},[5599,11865,11866],{"class":5613},"    }\n",[5599,11868,11869],{"class":5601,"line":5965},[5599,11870,5680],{"emptyLinePlaceholder":5679},[5599,11872,11873],{"class":5601,"line":6339},[5599,11874,11875],{"class":6179},"    \u002F\u002F Якщо обрано \"professional\", companyName стає обов'язковим\n",[5599,11877,11878,11880,11882,11884,11886,11888,11890,11892,11894,11896,11898,11901],{"class":5601,"line":6680},[5599,11879,11776],{"class":5770},[5599,11881,5576],{"class":5613},[5599,11883,6590],{"class":5694},[5599,11885,5704],{"class":5613},[5599,11887,11785],{"class":5694},[5599,11889,7481],{"class":5613},[5599,11891,11703],{"class":5644},[5599,11893,11792],{"class":5613},[5599,11895,6590],{"class":5694},[5599,11897,5704],{"class":5613},[5599,11899,11900],{"class":5694},"companyName",[5599,11902,11802],{"class":5613},[5599,11904,11905,11907,11909,11911],{"class":5601,"line":6685},[5599,11906,11807],{"class":5694},[5599,11908,5704],{"class":5613},[5599,11910,11812],{"class":5609},[5599,11912,6201],{"class":5613},[5599,11914,11915,11917,11919,11921,11923,11925,11927],{"class":5601,"line":6690},[5599,11916,11819],{"class":5694},[5599,11918,7307],{"class":5694},[5599,11920,5704],{"class":5613},[5599,11922,11826],{"class":5694},[5599,11924,5704],{"class":5613},[5599,11926,11831],{"class":5694},[5599,11928,6509],{"class":5613},[5599,11930,11931,11933,11936],{"class":5601,"line":6697},[5599,11932,11838],{"class":5694},[5599,11934,11935],{"class":5644}," \"Назва компанії обов'язкова для професіоналів\"",[5599,11937,6509],{"class":5613},[5599,11939,11940,11942,11944,11947],{"class":5601,"line":6723},[5599,11941,11848],{"class":5694},[5599,11943,5623],{"class":5613},[5599,11945,11946],{"class":5644},"\"companyName\"",[5599,11948,11856],{"class":5613},[5599,11950,11951],{"class":5601,"line":6733},[5599,11952,11861],{"class":5613},[5599,11954,11955],{"class":5601,"line":6761},[5599,11956,11866],{"class":5613},[5599,11958,11959],{"class":5601,"line":6794},[5599,11960,6570],{"class":5613},[5599,11962,11963],{"class":5601,"line":6847},[5599,11964,5680],{"emptyLinePlaceholder":5679},[5599,11966,11967,11969,11971,11973,11975,11977,11979,11981,11983,11985],{"class":5601,"line":6857},[5599,11968,6342],{"class":5605},[5599,11970,6345],{"class":5701},[5599,11972,6191],{"class":5613},[5599,11974,6158],{"class":5701},[5599,11976,5704],{"class":5613},[5599,11978,6354],{"class":5701},[5599,11980,6357],{"class":5613},[5599,11982,6360],{"class":5605},[5599,11984,6188],{"class":5694},[5599,11986,6365],{"class":5613},[5599,11988,11989],{"class":5601,"line":6862},[5599,11990,5680],{"emptyLinePlaceholder":5679},[5599,11992,11993,11995,11998],{"class":5601,"line":6871},[5599,11994,5606],{"class":5605},[5599,11996,11997],{"class":5609}," ConditionalRegistrationForm",[5599,11999,5614],{"class":5613},[5599,12001,12002,12004,12006,12008,12010,12012,12014,12016,12018,12020,12022,12024,12026,12028,12030,12032],{"class":5601,"line":6896},[5599,12003,5620],{"class":5605},[5599,12005,6155],{"class":5613},[5599,12007,6781],{"class":5626},[5599,12009,5630],{"class":5613},[5599,12011,10896],{"class":5626},[5599,12013,5630],{"class":5613},[5599,12015,5798],{"class":5626},[5599,12017,5630],{"class":5613},[5599,12019,8890],{"class":5694},[5599,12021,6524],{"class":5613},[5599,12023,6527],{"class":5626},[5599,12025,9157],{"class":5613},[5599,12027,6455],{"class":5609},[5599,12029,6357],{"class":5613},[5599,12031,6547],{"class":5701},[5599,12033,6550],{"class":5613},[5599,12035,12036,12038,12040,12042,12044],{"class":5601,"line":6931},[5599,12037,6555],{"class":5694},[5599,12039,6558],{"class":5609},[5599,12041,5641],{"class":5613},[5599,12043,6563],{"class":5694},[5599,12045,6261],{"class":5613},[5599,12047,12048,12050],{"class":5601,"line":6978},[5599,12049,8535],{"class":5694},[5599,12051,5716],{"class":5613},[5599,12053,12054,12056,12058],{"class":5601,"line":6987},[5599,12055,8542],{"class":5694},[5599,12057,8545],{"class":5644},[5599,12059,6509],{"class":5613},[5599,12061,12062,12065,12068],{"class":5601,"line":6992},[5599,12063,12064],{"class":5694},"      userType:",[5599,12066,12067],{"class":5644}," \"student\"",[5599,12069,6509],{"class":5613},[5599,12071,12072],{"class":5601,"line":7001},[5599,12073,8579],{"class":5613},[5599,12075,12076],{"class":5601,"line":7026},[5599,12077,6570],{"class":5613},[5599,12079,12080],{"class":5601,"line":7061},[5599,12081,5680],{"emptyLinePlaceholder":5679},[5599,12083,12084,12086,12089,12091,12093,12095,12098],{"class":5601,"line":7109},[5599,12085,5620],{"class":5605},[5599,12087,12088],{"class":5626}," userType",[5599,12090,6191],{"class":5613},[5599,12092,10896],{"class":5609},[5599,12094,5641],{"class":5613},[5599,12096,12097],{"class":5644},"\"userType\"",[5599,12099,5648],{"class":5613},[5599,12101,12102],{"class":5601,"line":7118},[5599,12103,5680],{"emptyLinePlaceholder":5679},[5599,12105,12106,12108,12110,12112,12114,12116,12118,12120,12122],{"class":5601,"line":7123},[5599,12107,5620],{"class":5605},[5599,12109,5789],{"class":5609},[5599,12111,5691],{"class":5613},[5599,12113,6590],{"class":5694},[5599,12115,5698],{"class":5613},[5599,12117,6547],{"class":5701},[5599,12119,5710],{"class":5613},[5599,12121,5713],{"class":5605},[5599,12123,5716],{"class":5613},[5599,12125,12126,12128,12130,12132,12134,12137,12139,12141],{"class":5601,"line":7149},[5599,12127,5736],{"class":5694},[5599,12129,5704],{"class":5613},[5599,12131,5741],{"class":5609},[5599,12133,5641],{"class":5613},[5599,12135,12136],{"class":5644},"\"Дані реєстрації:\"",[5599,12138,5630],{"class":5613},[5599,12140,6590],{"class":5694},[5599,12142,5648],{"class":5613},[5599,12144,12145],{"class":5601,"line":7170},[5599,12146,5759],{"class":5613},[5599,12148,12149],{"class":5601,"line":7179},[5599,12150,5680],{"emptyLinePlaceholder":5679},[5599,12152,12153,12155],{"class":5601,"line":7188},[5599,12154,5771],{"class":5770},[5599,12156,5774],{"class":5613},[5599,12158,12159,12161,12163,12165,12167,12169,12171,12173,12175,12177,12179],{"class":5601,"line":7193},[5599,12160,5781],{"class":5780},[5599,12162,5785],{"class":5784},[5599,12164,5789],{"class":5788},[5599,12166,5792],{"class":5613},[5599,12168,5795],{"class":5605},[5599,12170,5798],{"class":5609},[5599,12172,5641],{"class":5834},[5599,12174,6714],{"class":5694},[5599,12176,5860],{"class":5834},[5599,12178,5801],{"class":5605},[5599,12180,5804],{"class":5780},[5599,12182,12183,12185,12187],{"class":5601,"line":8288},[5599,12184,5810],{"class":5780},[5599,12186,6728],{"class":5784},[5599,12188,5804],{"class":5780},[5599,12190,12191,12193,12195,12197,12199,12201,12203,12205,12207,12209],{"class":5601,"line":8297},[5599,12192,6736],{"class":5780},[5599,12194,6739],{"class":5784},[5599,12196,6742],{"class":5788},[5599,12198,5792],{"class":5613},[5599,12200,6747],{"class":5644},[5599,12202,5936],{"class":5780},[5599,12204,6752],{"class":5613},[5599,12206,5942],{"class":5780},[5599,12208,6739],{"class":5784},[5599,12210,5804],{"class":5780},[5599,12212,12213,12215,12217,12219,12221,12223,12225,12227,12229,12231,12233,12235,12237],{"class":5601,"line":8302},[5599,12214,6736],{"class":5780},[5599,12216,5813],{"class":5784},[5599,12218,6768],{"class":5788},[5599,12220,5792],{"class":5613},[5599,12222,6747],{"class":5644},[5599,12224,6775],{"class":5605},[5599,12226,6778],{"class":5613},[5599,12228,6781],{"class":5609},[5599,12230,5641],{"class":5834},[5599,12232,6747],{"class":5644},[5599,12234,5860],{"class":5834},[5599,12236,5801],{"class":5605},[5599,12238,5865],{"class":5780},[5599,12240,12241,12243,12245,12247,12249,12251,12253,12255,12257,12259,12261,12263,12265,12267,12269,12271,12273,12275,12277,12279,12281,12283],{"class":5601,"line":8327},[5599,12242,6797],{"class":5605},[5599,12244,6527],{"class":5694},[5599,12246,5704],{"class":5834},[5599,12248,5627],{"class":5694},[5599,12250,6806],{"class":5613},[5599,12252,6809],{"class":5780},[5599,12254,5479],{"class":5784},[5599,12256,6814],{"class":5788},[5599,12258,5792],{"class":5613},[5599,12260,6819],{"class":5644},[5599,12262,5936],{"class":5780},[5599,12264,5795],{"class":5605},[5599,12266,6527],{"class":5694},[5599,12268,5704],{"class":5834},[5599,12270,5627],{"class":5694},[5599,12272,5704],{"class":5834},[5599,12274,6834],{"class":5694},[5599,12276,5801],{"class":5605},[5599,12278,5942],{"class":5780},[5599,12280,5479],{"class":5784},[5599,12282,5936],{"class":5780},[5599,12284,5968],{"class":5605},[5599,12286,12287,12289,12291],{"class":5601,"line":8344},[5599,12288,6850],{"class":5780},[5599,12290,6728],{"class":5784},[5599,12292,5804],{"class":5780},[5599,12294,12295],{"class":5601,"line":8353},[5599,12296,5680],{"emptyLinePlaceholder":5679},[5599,12298,12299,12301,12303],{"class":5601,"line":8362},[5599,12300,5810],{"class":5780},[5599,12302,6728],{"class":5784},[5599,12304,5804],{"class":5780},[5599,12306,12307,12309,12311,12313,12315,12317,12319,12322,12324,12326],{"class":5601,"line":8367},[5599,12308,6736],{"class":5780},[5599,12310,6739],{"class":5784},[5599,12312,6742],{"class":5788},[5599,12314,5792],{"class":5613},[5599,12316,12097],{"class":5644},[5599,12318,5936],{"class":5780},[5599,12320,12321],{"class":5613},"Тип користувача",[5599,12323,5942],{"class":5780},[5599,12325,6739],{"class":5784},[5599,12327,5804],{"class":5780},[5599,12329,12331,12333,12336,12338,12340,12342,12344,12346,12348,12350,12352,12354,12356],{"class":5601,"line":12330},55,[5599,12332,6736],{"class":5780},[5599,12334,12335],{"class":5784},"select",[5599,12337,6768],{"class":5788},[5599,12339,5792],{"class":5613},[5599,12341,12097],{"class":5644},[5599,12343,6775],{"class":5605},[5599,12345,6778],{"class":5613},[5599,12347,6781],{"class":5609},[5599,12349,5641],{"class":5834},[5599,12351,12097],{"class":5644},[5599,12353,5860],{"class":5834},[5599,12355,5801],{"class":5605},[5599,12357,5804],{"class":5780},[5599,12359,12361,12363,12366,12368,12370,12372,12374,12377,12379,12381],{"class":5601,"line":12360},56,[5599,12362,8248],{"class":5780},[5599,12364,12365],{"class":5784},"option",[5599,12367,5816],{"class":5788},[5599,12369,5792],{"class":5613},[5599,12371,11698],{"class":5644},[5599,12373,5936],{"class":5780},[5599,12375,12376],{"class":5613},"Студент",[5599,12378,5942],{"class":5780},[5599,12380,12365],{"class":5784},[5599,12382,5804],{"class":5780},[5599,12384,12386,12388,12390,12392,12394,12396,12398,12401,12403,12405],{"class":5601,"line":12385},57,[5599,12387,8248],{"class":5780},[5599,12389,12365],{"class":5784},[5599,12391,5816],{"class":5788},[5599,12393,5792],{"class":5613},[5599,12395,11703],{"class":5644},[5599,12397,5936],{"class":5780},[5599,12399,12400],{"class":5613},"Професіонал",[5599,12402,5942],{"class":5780},[5599,12404,12365],{"class":5784},[5599,12406,5804],{"class":5780},[5599,12408,12410,12412,12414],{"class":5601,"line":12409},58,[5599,12411,8791],{"class":5780},[5599,12413,12335],{"class":5784},[5599,12415,5804],{"class":5780},[5599,12417,12419,12421,12423],{"class":5601,"line":12418},59,[5599,12420,6850],{"class":5780},[5599,12422,6728],{"class":5784},[5599,12424,5804],{"class":5780},[5599,12426,12428],{"class":5601,"line":12427},60,[5599,12429,5680],{"emptyLinePlaceholder":5679},[5599,12431,12433,12435,12437,12440,12442,12444],{"class":5601,"line":12432},61,[5599,12434,8720],{"class":5605},[5599,12436,11785],{"class":5694},[5599,12438,12439],{"class":5613}," ===",[5599,12441,12067],{"class":5644},[5599,12443,6806],{"class":5613},[5599,12445,5774],{"class":5834},[5599,12447,12449,12451,12453],{"class":5601,"line":12448},62,[5599,12450,6736],{"class":5780},[5599,12452,6728],{"class":5784},[5599,12454,5804],{"class":5780},[5599,12456,12458,12460,12462,12464,12466,12468,12470,12473,12475,12477],{"class":5601,"line":12457},63,[5599,12459,8248],{"class":5780},[5599,12461,6739],{"class":5784},[5599,12463,6742],{"class":5788},[5599,12465,5792],{"class":5613},[5599,12467,11853],{"class":5644},[5599,12469,5936],{"class":5780},[5599,12471,12472],{"class":5834},"Номер студентського квитка",[5599,12474,5942],{"class":5780},[5599,12476,6739],{"class":5784},[5599,12478,5804],{"class":5780},[5599,12480,12482,12484,12486,12488,12490,12492,12494,12496,12498,12500,12502,12504,12506],{"class":5601,"line":12481},64,[5599,12483,8248],{"class":5780},[5599,12485,5813],{"class":5784},[5599,12487,6768],{"class":5788},[5599,12489,5792],{"class":5613},[5599,12491,11853],{"class":5644},[5599,12493,6775],{"class":5605},[5599,12495,6778],{"class":5613},[5599,12497,6781],{"class":5609},[5599,12499,5641],{"class":5834},[5599,12501,11853],{"class":5644},[5599,12503,5860],{"class":5834},[5599,12505,5801],{"class":5605},[5599,12507,5865],{"class":5780},[5599,12509,12511,12513,12515,12517,12519,12521],{"class":5601,"line":12510},65,[5599,12512,8212],{"class":5605},[5599,12514,6527],{"class":5694},[5599,12516,5704],{"class":5834},[5599,12518,11799],{"class":5694},[5599,12520,6806],{"class":5613},[5599,12522,5774],{"class":5834},[5599,12524,12526,12529,12531,12533,12535,12537,12539,12541,12543,12545,12547,12549,12551,12553,12555,12557],{"class":5601,"line":12525},66,[5599,12527,12528],{"class":5780},"            \u003C",[5599,12530,5479],{"class":5784},[5599,12532,6814],{"class":5788},[5599,12534,5792],{"class":5613},[5599,12536,6819],{"class":5644},[5599,12538,5936],{"class":5780},[5599,12540,5795],{"class":5605},[5599,12542,6527],{"class":5694},[5599,12544,5704],{"class":5834},[5599,12546,11799],{"class":5694},[5599,12548,5704],{"class":5834},[5599,12550,6834],{"class":5694},[5599,12552,5801],{"class":5605},[5599,12554,5942],{"class":5780},[5599,12556,5479],{"class":5784},[5599,12558,5804],{"class":5780},[5599,12560,12562,12565],{"class":5601,"line":12561},67,[5599,12563,12564],{"class":5834},"          )",[5599,12566,5968],{"class":5605},[5599,12568,12570,12572,12574],{"class":5601,"line":12569},68,[5599,12571,8791],{"class":5780},[5599,12573,6728],{"class":5784},[5599,12575,5804],{"class":5780},[5599,12577,12579,12582],{"class":5601,"line":12578},69,[5599,12580,12581],{"class":5834},"      )",[5599,12583,5968],{"class":5605},[5599,12585,12587],{"class":5601,"line":12586},70,[5599,12588,5680],{"emptyLinePlaceholder":5679},[5599,12590,12592,12594,12596,12598,12601,12603],{"class":5601,"line":12591},71,[5599,12593,8720],{"class":5605},[5599,12595,11785],{"class":5694},[5599,12597,12439],{"class":5613},[5599,12599,12600],{"class":5644}," \"professional\"",[5599,12602,6806],{"class":5613},[5599,12604,5774],{"class":5834},[5599,12606,12608,12610,12612],{"class":5601,"line":12607},72,[5599,12609,6736],{"class":5780},[5599,12611,6728],{"class":5784},[5599,12613,5804],{"class":5780},[5599,12615,12617,12619,12621,12623,12625,12627,12629,12632,12634,12636],{"class":5601,"line":12616},73,[5599,12618,8248],{"class":5780},[5599,12620,6739],{"class":5784},[5599,12622,6742],{"class":5788},[5599,12624,5792],{"class":5613},[5599,12626,11946],{"class":5644},[5599,12628,5936],{"class":5780},[5599,12630,12631],{"class":5834},"Назва компанії",[5599,12633,5942],{"class":5780},[5599,12635,6739],{"class":5784},[5599,12637,5804],{"class":5780},[5599,12639,12641,12643,12645,12647,12649,12651,12653,12655,12657,12659,12661,12663,12665],{"class":5601,"line":12640},74,[5599,12642,8248],{"class":5780},[5599,12644,5813],{"class":5784},[5599,12646,6768],{"class":5788},[5599,12648,5792],{"class":5613},[5599,12650,11946],{"class":5644},[5599,12652,6775],{"class":5605},[5599,12654,6778],{"class":5613},[5599,12656,6781],{"class":5609},[5599,12658,5641],{"class":5834},[5599,12660,11946],{"class":5644},[5599,12662,5860],{"class":5834},[5599,12664,5801],{"class":5605},[5599,12666,5865],{"class":5780},[5599,12668,12670,12672,12674,12676,12678,12680],{"class":5601,"line":12669},75,[5599,12671,8212],{"class":5605},[5599,12673,6527],{"class":5694},[5599,12675,5704],{"class":5834},[5599,12677,11900],{"class":5694},[5599,12679,6806],{"class":5613},[5599,12681,5774],{"class":5834},[5599,12683,12685,12687,12689,12691,12693,12695,12697,12699,12701,12703,12705,12707,12709,12711,12713,12715],{"class":5601,"line":12684},76,[5599,12686,12528],{"class":5780},[5599,12688,5479],{"class":5784},[5599,12690,6814],{"class":5788},[5599,12692,5792],{"class":5613},[5599,12694,6819],{"class":5644},[5599,12696,5936],{"class":5780},[5599,12698,5795],{"class":5605},[5599,12700,6527],{"class":5694},[5599,12702,5704],{"class":5834},[5599,12704,11900],{"class":5694},[5599,12706,5704],{"class":5834},[5599,12708,6834],{"class":5694},[5599,12710,5801],{"class":5605},[5599,12712,5942],{"class":5780},[5599,12714,5479],{"class":5784},[5599,12716,5804],{"class":5780},[5599,12718,12720,12722],{"class":5601,"line":12719},77,[5599,12721,12564],{"class":5834},[5599,12723,5968],{"class":5605},[5599,12725,12727,12729,12731],{"class":5601,"line":12726},78,[5599,12728,8791],{"class":5780},[5599,12730,6728],{"class":5784},[5599,12732,5804],{"class":5780},[5599,12734,12736,12738],{"class":5601,"line":12735},79,[5599,12737,12581],{"class":5834},[5599,12739,5968],{"class":5605},[5599,12741,12743],{"class":5601,"line":12742},80,[5599,12744,5680],{"emptyLinePlaceholder":5679},[5599,12746,12748,12750,12752,12754,12756,12758,12760,12763,12765,12767],{"class":5601,"line":12747},81,[5599,12749,5810],{"class":5780},[5599,12751,5925],{"class":5784},[5599,12753,5928],{"class":5788},[5599,12755,5792],{"class":5613},[5599,12757,5933],{"class":5644},[5599,12759,5936],{"class":5780},[5599,12761,12762],{"class":5613},"Зареєструватися",[5599,12764,5942],{"class":5780},[5599,12766,5925],{"class":5784},[5599,12768,5804],{"class":5780},[5599,12770,12772,12774,12776],{"class":5601,"line":12771},82,[5599,12773,5952],{"class":5780},[5599,12775,5785],{"class":5784},[5599,12777,5804],{"class":5780},[5599,12779,12781],{"class":5601,"line":12780},83,[5599,12782,5962],{"class":5613},[5599,12784,12786],{"class":5601,"line":12785},84,[5599,12787,5968],{"class":5613},[6019,12789,12790,12801],{},[5479,12791,12792,12796,12797,12800],{},[5483,12793,7554,12794],{},[5557,12795,7577],{}," надає повний контроль над валідацією: ви отримуєте доступ до всіх даних форми та можете додавати помилки через ",[5557,12798,12799],{},"ctx.addIssue()"," з точним вказанням шляху до поля.",[5479,12802,12803,12804,12806],{},"Це потужніший інструмент, ніж ",[5557,12805,7557],{},", який підходить для складних міжполевих залежностей.",[5563,12808],{},[5566,12810,12812,12813,12815],{"id":12811},"динамічні-поля-usefieldarray-для-масивів-обєктів","Динамічні поля: ",[5557,12814,5559],{}," для масивів об'єктів",[5479,12817,12818,12819,12822],{},"Часто форми містять ",[5483,12820,12821],{},"динамічні списки"," — користувач може додавати або видаляти елементи на льоту. Наприклад, список номерів телефонів, освітніх закладів, досвіду роботи.",[5479,12824,12825,12826,12828],{},"React Hook Form надає хук ",[5557,12827,5559],{}," для керування такими масивами.",[5980,12830,12832],{"id":12831},"приклад-форма-з-динамічним-списком-телефонів","Приклад: форма з динамічним списком телефонів",[5590,12834,12836],{"className":5592,"code":12835,"language":5594,"meta":5595,"style":5595},"import { useForm, useFieldArray } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\nimport { z } from \"zod\";\n\nconst contactSchema = z.object({\n  name: z.string().min(2),\n  phones: z\n    .array(\n      z.object({\n        number: z.string().regex(\u002F^\\+380\\d{9}$\u002F, \"Формат: +380XXXXXXXXX\"),\n        type: z.enum([\"mobile\", \"home\", \"work\"]),\n      })\n    )\n    .min(1, \"Додайте хоча б один номер телефону\"),\n});\n\ntype ContactFormData = z.infer\u003Ctypeof contactSchema>;\n\nfunction ContactForm() {\n  const {\n    register,\n    control,\n    handleSubmit,\n    formState: { errors },\n  } = useForm\u003CContactFormData>({\n    resolver: zodResolver(contactSchema),\n    defaultValues: {\n      name: \"\",\n      phones: [{ number: \"\", type: \"mobile\" }],\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: \"phones\",\n  });\n\n  const onSubmit = (data: ContactFormData) => {\n    console.log(\"Контактні дані:\", data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cfieldset>\n        \u003Clegend>Телефони\u003C\u002Flegend>\n\n        {fields.map((field, index) => (\n          \u003Cdiv key={field.id} style={{ marginBottom: \"1rem\", border: \"1px solid #ccc\", padding: \"0.5rem\" }}>\n            \u003Cdiv>\n              \u003Clabel htmlFor={`phones.${index}.number`}>Номер\u003C\u002Flabel>\n              \u003Cinput\n                id={`phones.${index}.number`}\n                {...register(`phones.${index}.number` as const)}\n              \u002F>\n              {errors.phones?.[index]?.number && (\n                \u003Cp className=\"error\">{errors.phones[index]?.number?.message}\u003C\u002Fp>\n              )}\n            \u003C\u002Fdiv>\n\n            \u003Cdiv>\n              \u003Clabel htmlFor={`phones.${index}.type`}>Тип\u003C\u002Flabel>\n              \u003Cselect\n                id={`phones.${index}.type`}\n                {...register(`phones.${index}.type` as const)}\n              >\n                \u003Coption value=\"mobile\">Мобільний\u003C\u002Foption>\n                \u003Coption value=\"home\">Домашній\u003C\u002Foption>\n                \u003Coption value=\"work\">Робочий\u003C\u002Foption>\n              \u003C\u002Fselect>\n            \u003C\u002Fdiv>\n\n            \u003Cbutton type=\"button\" onClick={() => remove(index)}>\n              Видалити\n            \u003C\u002Fbutton>\n          \u003C\u002Fdiv>\n        ))}\n\n        \u003Cbutton\n          type=\"button\"\n          onClick={() => append({ number: \"\", type: \"mobile\" })}\n        >\n          + Додати телефон\n        \u003C\u002Fbutton>\n\n        {errors.phones && typeof errors.phones.message === \"string\" && (\n          \u003Cp className=\"error\">{errors.phones.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Ffieldset>\n\n      \u003Cbutton type=\"submit\">Зберегти\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,12837,12838,12858,12874,12890,12894,12911,12931,12938,12948,12959,13005,13033,13038,13043,13060,13064,13068,13091,13095,13104,13110,13116,13123,13129,13139,13152,13165,13171,13179,13203,13207,13211,13215,13240,13246,13255,13259,13263,13283,13302,13306,13310,13316,13340,13348,13370,13398,13444,13452,13456,13464,13481,13485,13512,13573,13581,13620,13626,13647,13678,13683,13709,13753,13760,13769,13773,13781,13817,13824,13844,13872,13877,13900,13923,13946,13955,13963,13967,14002,14007,14015,14024,14031,14035,14042,14052,14085,14091,14097,14106,14111,14147,14182,14189,14198,14203,14226,14235,14240],{"__ignoreMap":5595},[5599,12839,12840,12842,12844,12846,12848,12850,12852,12854,12856],{"class":5601,"line":5602},[5599,12841,6152],{"class":5770},[5599,12843,6155],{"class":5613},[5599,12845,6455],{"class":5694},[5599,12847,5630],{"class":5613},[5599,12849,5559],{"class":5694},[5599,12851,6161],{"class":5613},[5599,12853,6164],{"class":5770},[5599,12855,6462],{"class":5644},[5599,12857,6170],{"class":5613},[5599,12859,12860,12862,12864,12866,12868,12870,12872],{"class":5601,"line":5617},[5599,12861,6152],{"class":5770},[5599,12863,6155],{"class":5613},[5599,12865,6473],{"class":5694},[5599,12867,6161],{"class":5613},[5599,12869,6164],{"class":5770},[5599,12871,6480],{"class":5644},[5599,12873,6170],{"class":5613},[5599,12875,12876,12878,12880,12882,12884,12886,12888],{"class":5601,"line":5651},[5599,12877,6152],{"class":5770},[5599,12879,6155],{"class":5613},[5599,12881,6158],{"class":5694},[5599,12883,6161],{"class":5613},[5599,12885,6164],{"class":5770},[5599,12887,6167],{"class":5644},[5599,12889,6170],{"class":5613},[5599,12891,12892],{"class":5601,"line":5676},[5599,12893,5680],{"emptyLinePlaceholder":5679},[5599,12895,12896,12898,12901,12903,12905,12907,12909],{"class":5601,"line":5683},[5599,12897,6185],{"class":5605},[5599,12899,12900],{"class":5626}," contactSchema",[5599,12902,6191],{"class":5613},[5599,12904,6158],{"class":5694},[5599,12906,5704],{"class":5613},[5599,12908,6198],{"class":5609},[5599,12910,6201],{"class":5613},[5599,12912,12913,12915,12917,12919,12921,12923,12925,12927,12929],{"class":5601,"line":5719},[5599,12914,6206],{"class":5694},[5599,12916,7307],{"class":5694},[5599,12918,5704],{"class":5613},[5599,12920,6217],{"class":5609},[5599,12922,7314],{"class":5613},[5599,12924,6227],{"class":5609},[5599,12926,5641],{"class":5613},[5599,12928,6233],{"class":6232},[5599,12930,6261],{"class":5613},[5599,12932,12933,12936],{"class":5601,"line":5733},[5599,12934,12935],{"class":5694},"  phones:",[5599,12937,6209],{"class":5694},[5599,12939,12940,12942,12945],{"class":5601,"line":5756},[5599,12941,6214],{"class":5613},[5599,12943,12944],{"class":5609},"array",[5599,12946,12947],{"class":5613},"(\n",[5599,12949,12950,12953,12955,12957],{"class":5601,"line":5762},[5599,12951,12952],{"class":5694},"      z",[5599,12954,5704],{"class":5613},[5599,12956,6198],{"class":5609},[5599,12958,6201],{"class":5613},[5599,12960,12961,12964,12966,12968,12970,12972,12974,12976,12978,12982,12986,12989,12993,12996,12998,13000,13003],{"class":5601,"line":5767},[5599,12962,12963],{"class":5694},"        number:",[5599,12965,7307],{"class":5694},[5599,12967,5704],{"class":5613},[5599,12969,6217],{"class":5609},[5599,12971,7314],{"class":5613},[5599,12973,7386],{"class":5609},[5599,12975,5641],{"class":5613},[5599,12977,7392],{"class":7391},[5599,12979,12981],{"class":12980},"siofk","^",[5599,12983,12985],{"class":12984},"sjcCO","\\+",[5599,12987,12988],{"class":7391},"380\\d",[5599,12990,12992],{"class":12991},"sYsli","{9}",[5599,12994,12995],{"class":12980},"$",[5599,12997,7392],{"class":7391},[5599,12999,5630],{"class":5613},[5599,13001,13002],{"class":5644},"\"Формат: +380XXXXXXXXX\"",[5599,13004,6261],{"class":5613},[5599,13006,13007,13010,13012,13014,13016,13018,13021,13023,13026,13028,13031],{"class":5601,"line":5777},[5599,13008,13009],{"class":5694},"        type:",[5599,13011,7307],{"class":5694},[5599,13013,5704],{"class":5613},[5599,13015,10225],{"class":5609},[5599,13017,10228],{"class":5613},[5599,13019,13020],{"class":5644},"\"mobile\"",[5599,13022,5630],{"class":5613},[5599,13024,13025],{"class":5644},"\"home\"",[5599,13027,5630],{"class":5613},[5599,13029,13030],{"class":5644},"\"work\"",[5599,13032,11706],{"class":5613},[5599,13034,13035],{"class":5601,"line":5807},[5599,13036,13037],{"class":5613},"      })\n",[5599,13039,13040],{"class":5601,"line":5868},[5599,13041,13042],{"class":5613},"    )\n",[5599,13044,13045,13047,13049,13051,13053,13055,13058],{"class":5601,"line":5920},[5599,13046,6214],{"class":5613},[5599,13048,6227],{"class":5609},[5599,13050,5641],{"class":5613},[5599,13052,10949],{"class":6232},[5599,13054,5630],{"class":5613},[5599,13056,13057],{"class":5644},"\"Додайте хоча б один номер телефону\"",[5599,13059,6261],{"class":5613},[5599,13061,13062],{"class":5601,"line":5949},[5599,13063,6327],{"class":5613},[5599,13065,13066],{"class":5601,"line":5959},[5599,13067,5680],{"emptyLinePlaceholder":5679},[5599,13069,13070,13072,13075,13077,13079,13081,13083,13085,13087,13089],{"class":5601,"line":5965},[5599,13071,6342],{"class":5605},[5599,13073,13074],{"class":5701}," ContactFormData",[5599,13076,6191],{"class":5613},[5599,13078,6158],{"class":5701},[5599,13080,5704],{"class":5613},[5599,13082,6354],{"class":5701},[5599,13084,6357],{"class":5613},[5599,13086,6360],{"class":5605},[5599,13088,12900],{"class":5694},[5599,13090,6365],{"class":5613},[5599,13092,13093],{"class":5601,"line":6339},[5599,13094,5680],{"emptyLinePlaceholder":5679},[5599,13096,13097,13099,13102],{"class":5601,"line":6680},[5599,13098,5606],{"class":5605},[5599,13100,13101],{"class":5609}," ContactForm",[5599,13103,5614],{"class":5613},[5599,13105,13106,13108],{"class":5601,"line":6685},[5599,13107,5620],{"class":5605},[5599,13109,5716],{"class":5613},[5599,13111,13112,13114],{"class":5601,"line":6690},[5599,13113,6506],{"class":5626},[5599,13115,6509],{"class":5613},[5599,13117,13118,13121],{"class":5601,"line":6697},[5599,13119,13120],{"class":5626},"    control",[5599,13122,6509],{"class":5613},[5599,13124,13125,13127],{"class":5601,"line":6723},[5599,13126,6514],{"class":5626},[5599,13128,6509],{"class":5613},[5599,13130,13131,13133,13135,13137],{"class":5601,"line":6733},[5599,13132,6521],{"class":5694},[5599,13134,6524],{"class":5613},[5599,13136,6527],{"class":5626},[5599,13138,6535],{"class":5613},[5599,13140,13141,13143,13145,13147,13150],{"class":5601,"line":6761},[5599,13142,6540],{"class":5613},[5599,13144,6455],{"class":5609},[5599,13146,6357],{"class":5613},[5599,13148,13149],{"class":5701},"ContactFormData",[5599,13151,6550],{"class":5613},[5599,13153,13154,13156,13158,13160,13163],{"class":5601,"line":6794},[5599,13155,6555],{"class":5694},[5599,13157,6558],{"class":5609},[5599,13159,5641],{"class":5613},[5599,13161,13162],{"class":5694},"contactSchema",[5599,13164,6261],{"class":5613},[5599,13166,13167,13169],{"class":5601,"line":6847},[5599,13168,8535],{"class":5694},[5599,13170,5716],{"class":5613},[5599,13172,13173,13175,13177],{"class":5601,"line":6857},[5599,13174,8542],{"class":5694},[5599,13176,8545],{"class":5644},[5599,13178,6509],{"class":5613},[5599,13180,13181,13184,13187,13190,13192,13194,13197,13200],{"class":5601,"line":6862},[5599,13182,13183],{"class":5694},"      phones:",[5599,13185,13186],{"class":5613}," [{ ",[5599,13188,13189],{"class":5694},"number:",[5599,13191,8545],{"class":5644},[5599,13193,5630],{"class":5613},[5599,13195,13196],{"class":5694},"type:",[5599,13198,13199],{"class":5644}," \"mobile\"",[5599,13201,13202],{"class":5613}," }],\n",[5599,13204,13205],{"class":5601,"line":6871},[5599,13206,8579],{"class":5613},[5599,13208,13209],{"class":5601,"line":6896},[5599,13210,6570],{"class":5613},[5599,13212,13213],{"class":5601,"line":6931},[5599,13214,5680],{"emptyLinePlaceholder":5679},[5599,13216,13217,13219,13221,13224,13226,13229,13231,13234,13236,13238],{"class":5601,"line":6978},[5599,13218,5620],{"class":5605},[5599,13220,6155],{"class":5613},[5599,13222,13223],{"class":5626},"fields",[5599,13225,5630],{"class":5613},[5599,13227,13228],{"class":5626},"append",[5599,13230,5630],{"class":5613},[5599,13232,13233],{"class":5626},"remove",[5599,13235,11036],{"class":5613},[5599,13237,5559],{"class":5609},[5599,13239,6201],{"class":5613},[5599,13241,13242,13244],{"class":5601,"line":6987},[5599,13243,13120],{"class":5694},[5599,13245,6509],{"class":5613},[5599,13247,13248,13250,13253],{"class":5601,"line":6992},[5599,13249,7304],{"class":5694},[5599,13251,13252],{"class":5644}," \"phones\"",[5599,13254,6509],{"class":5613},[5599,13256,13257],{"class":5601,"line":7001},[5599,13258,6570],{"class":5613},[5599,13260,13261],{"class":5601,"line":7026},[5599,13262,5680],{"emptyLinePlaceholder":5679},[5599,13264,13265,13267,13269,13271,13273,13275,13277,13279,13281],{"class":5601,"line":7061},[5599,13266,5620],{"class":5605},[5599,13268,5789],{"class":5609},[5599,13270,5691],{"class":5613},[5599,13272,6590],{"class":5694},[5599,13274,5698],{"class":5613},[5599,13276,13149],{"class":5701},[5599,13278,5710],{"class":5613},[5599,13280,5713],{"class":5605},[5599,13282,5716],{"class":5613},[5599,13284,13285,13287,13289,13291,13293,13296,13298,13300],{"class":5601,"line":7109},[5599,13286,5736],{"class":5694},[5599,13288,5704],{"class":5613},[5599,13290,5741],{"class":5609},[5599,13292,5641],{"class":5613},[5599,13294,13295],{"class":5644},"\"Контактні дані:\"",[5599,13297,5630],{"class":5613},[5599,13299,6590],{"class":5694},[5599,13301,5648],{"class":5613},[5599,13303,13304],{"class":5601,"line":7118},[5599,13305,5759],{"class":5613},[5599,13307,13308],{"class":5601,"line":7123},[5599,13309,5680],{"emptyLinePlaceholder":5679},[5599,13311,13312,13314],{"class":5601,"line":7149},[5599,13313,5771],{"class":5770},[5599,13315,5774],{"class":5613},[5599,13317,13318,13320,13322,13324,13326,13328,13330,13332,13334,13336,13338],{"class":5601,"line":7170},[5599,13319,5781],{"class":5780},[5599,13321,5785],{"class":5784},[5599,13323,5789],{"class":5788},[5599,13325,5792],{"class":5613},[5599,13327,5795],{"class":5605},[5599,13329,5798],{"class":5609},[5599,13331,5641],{"class":5834},[5599,13333,6714],{"class":5694},[5599,13335,5860],{"class":5834},[5599,13337,5801],{"class":5605},[5599,13339,5804],{"class":5780},[5599,13341,13342,13344,13346],{"class":5601,"line":7179},[5599,13343,5810],{"class":5780},[5599,13345,6728],{"class":5784},[5599,13347,5804],{"class":5780},[5599,13349,13350,13352,13354,13356,13358,13360,13362,13364,13366,13368],{"class":5601,"line":7188},[5599,13351,6736],{"class":5780},[5599,13353,6739],{"class":5784},[5599,13355,6742],{"class":5788},[5599,13357,5792],{"class":5613},[5599,13359,6747],{"class":5644},[5599,13361,5936],{"class":5780},[5599,13363,6752],{"class":5613},[5599,13365,5942],{"class":5780},[5599,13367,6739],{"class":5784},[5599,13369,5804],{"class":5780},[5599,13371,13372,13374,13376,13378,13380,13382,13384,13386,13388,13390,13392,13394,13396],{"class":5601,"line":7193},[5599,13373,6736],{"class":5780},[5599,13375,5813],{"class":5784},[5599,13377,6768],{"class":5788},[5599,13379,5792],{"class":5613},[5599,13381,6747],{"class":5644},[5599,13383,6775],{"class":5605},[5599,13385,6778],{"class":5613},[5599,13387,6781],{"class":5609},[5599,13389,5641],{"class":5834},[5599,13391,6747],{"class":5644},[5599,13393,5860],{"class":5834},[5599,13395,5801],{"class":5605},[5599,13397,5865],{"class":5780},[5599,13399,13400,13402,13404,13406,13408,13410,13412,13414,13416,13418,13420,13422,13424,13426,13428,13430,13432,13434,13436,13438,13440,13442],{"class":5601,"line":8288},[5599,13401,6797],{"class":5605},[5599,13403,6527],{"class":5694},[5599,13405,5704],{"class":5834},[5599,13407,5627],{"class":5694},[5599,13409,6806],{"class":5613},[5599,13411,6809],{"class":5780},[5599,13413,5479],{"class":5784},[5599,13415,6814],{"class":5788},[5599,13417,5792],{"class":5613},[5599,13419,6819],{"class":5644},[5599,13421,5936],{"class":5780},[5599,13423,5795],{"class":5605},[5599,13425,6527],{"class":5694},[5599,13427,5704],{"class":5834},[5599,13429,5627],{"class":5694},[5599,13431,5704],{"class":5834},[5599,13433,6834],{"class":5694},[5599,13435,5801],{"class":5605},[5599,13437,5942],{"class":5780},[5599,13439,5479],{"class":5784},[5599,13441,5936],{"class":5780},[5599,13443,5968],{"class":5605},[5599,13445,13446,13448,13450],{"class":5601,"line":8297},[5599,13447,6850],{"class":5780},[5599,13449,6728],{"class":5784},[5599,13451,5804],{"class":5780},[5599,13453,13454],{"class":5601,"line":8302},[5599,13455,5680],{"emptyLinePlaceholder":5679},[5599,13457,13458,13460,13462],{"class":5601,"line":8327},[5599,13459,5810],{"class":5780},[5599,13461,10460],{"class":5784},[5599,13463,5804],{"class":5780},[5599,13465,13466,13468,13470,13472,13475,13477,13479],{"class":5601,"line":8344},[5599,13467,6736],{"class":5780},[5599,13469,10469],{"class":5784},[5599,13471,5936],{"class":5780},[5599,13473,13474],{"class":5613},"Телефони",[5599,13476,5942],{"class":5780},[5599,13478,10469],{"class":5784},[5599,13480,5804],{"class":5780},[5599,13482,13483],{"class":5601,"line":8353},[5599,13484,5680],{"emptyLinePlaceholder":5679},[5599,13486,13487,13489,13491,13493,13496,13498,13501,13503,13506,13508,13510],{"class":5601,"line":8362},[5599,13488,6797],{"class":5605},[5599,13490,13223],{"class":5694},[5599,13492,5704],{"class":5834},[5599,13494,13495],{"class":5609},"map",[5599,13497,6643],{"class":5834},[5599,13499,13500],{"class":5694},"field",[5599,13502,5630],{"class":5834},[5599,13504,13505],{"class":5694},"index",[5599,13507,5710],{"class":5834},[5599,13509,5713],{"class":5605},[5599,13511,5774],{"class":5834},[5599,13513,13514,13516,13518,13521,13523,13525,13527,13529,13532,13534,13537,13539,13541,13544,13547,13550,13552,13555,13558,13560,13563,13566,13569,13571],{"class":5601,"line":8367},[5599,13515,8248],{"class":5780},[5599,13517,6728],{"class":5784},[5599,13519,13520],{"class":5788}," key",[5599,13522,5792],{"class":5613},[5599,13524,5795],{"class":5605},[5599,13526,13500],{"class":5694},[5599,13528,5704],{"class":5834},[5599,13530,13531],{"class":5694},"id",[5599,13533,5801],{"class":5605},[5599,13535,13536],{"class":5788}," style",[5599,13538,5792],{"class":5613},[5599,13540,5795],{"class":5605},[5599,13542,13543],{"class":5834},"{ ",[5599,13545,13546],{"class":5694},"marginBottom:",[5599,13548,13549],{"class":5644}," \"1rem\"",[5599,13551,5630],{"class":5834},[5599,13553,13554],{"class":5694},"border:",[5599,13556,13557],{"class":5644}," \"1px solid #ccc\"",[5599,13559,5630],{"class":5834},[5599,13561,13562],{"class":5694},"padding:",[5599,13564,13565],{"class":5644}," \"0.5rem\"",[5599,13567,13568],{"class":5834}," }",[5599,13570,5801],{"class":5605},[5599,13572,5804],{"class":5780},[5599,13574,13575,13577,13579],{"class":5601,"line":12330},[5599,13576,12528],{"class":5780},[5599,13578,6728],{"class":5784},[5599,13580,5804],{"class":5780},[5599,13582,13583,13586,13588,13590,13592,13594,13597,13600,13602,13604,13607,13609,13611,13614,13616,13618],{"class":5601,"line":12360},[5599,13584,13585],{"class":5780},"              \u003C",[5599,13587,6739],{"class":5784},[5599,13589,6742],{"class":5788},[5599,13591,5792],{"class":5613},[5599,13593,5795],{"class":5605},[5599,13595,13596],{"class":5644},"`phones.",[5599,13598,13599],{"class":5605},"${",[5599,13601,13505],{"class":5694},[5599,13603,5801],{"class":5605},[5599,13605,13606],{"class":5644},".number`",[5599,13608,5801],{"class":5605},[5599,13610,5936],{"class":5780},[5599,13612,13613],{"class":5834},"Номер",[5599,13615,5942],{"class":5780},[5599,13617,6739],{"class":5784},[5599,13619,5804],{"class":5780},[5599,13621,13622,13624],{"class":5601,"line":12385},[5599,13623,13585],{"class":5780},[5599,13625,8187],{"class":5784},[5599,13627,13628,13631,13633,13635,13637,13639,13641,13643,13645],{"class":5601,"line":12409},[5599,13629,13630],{"class":5788},"                id",[5599,13632,5792],{"class":5613},[5599,13634,5795],{"class":5605},[5599,13636,13596],{"class":5644},[5599,13638,13599],{"class":5605},[5599,13640,13505],{"class":5694},[5599,13642,5801],{"class":5605},[5599,13644,13606],{"class":5644},[5599,13646,5968],{"class":5605},[5599,13648,13649,13652,13654,13656,13658,13660,13662,13664,13666,13668,13671,13674,13676],{"class":5601,"line":12418},[5599,13650,13651],{"class":5605},"                {",[5599,13653,6778],{"class":5613},[5599,13655,6781],{"class":5609},[5599,13657,5641],{"class":5834},[5599,13659,13596],{"class":5644},[5599,13661,13599],{"class":5605},[5599,13663,13505],{"class":5694},[5599,13665,5801],{"class":5605},[5599,13667,13606],{"class":5644},[5599,13669,13670],{"class":5770}," as",[5599,13672,13673],{"class":5605}," const",[5599,13675,5860],{"class":5834},[5599,13677,5968],{"class":5605},[5599,13679,13680],{"class":5601,"line":12427},[5599,13681,13682],{"class":5780},"              \u002F>\n",[5599,13684,13685,13688,13690,13692,13695,13698,13700,13703,13705,13707],{"class":5601,"line":12432},[5599,13686,13687],{"class":5605},"              {",[5599,13689,6527],{"class":5694},[5599,13691,5704],{"class":5834},[5599,13693,13694],{"class":5694},"phones",[5599,13696,13697],{"class":5834},"?.[",[5599,13699,13505],{"class":5694},[5599,13701,13702],{"class":5834},"]?.",[5599,13704,9029],{"class":5694},[5599,13706,6806],{"class":5613},[5599,13708,5774],{"class":5834},[5599,13710,13711,13714,13716,13718,13720,13722,13724,13726,13728,13730,13732,13734,13736,13738,13740,13743,13745,13747,13749,13751],{"class":5601,"line":12448},[5599,13712,13713],{"class":5780},"                \u003C",[5599,13715,5479],{"class":5784},[5599,13717,6814],{"class":5788},[5599,13719,5792],{"class":5613},[5599,13721,6819],{"class":5644},[5599,13723,5936],{"class":5780},[5599,13725,5795],{"class":5605},[5599,13727,6527],{"class":5694},[5599,13729,5704],{"class":5834},[5599,13731,13694],{"class":5694},[5599,13733,7396],{"class":5834},[5599,13735,13505],{"class":5694},[5599,13737,13702],{"class":5834},[5599,13739,9029],{"class":5694},[5599,13741,13742],{"class":5834},"?.",[5599,13744,6834],{"class":5694},[5599,13746,5801],{"class":5605},[5599,13748,5942],{"class":5780},[5599,13750,5479],{"class":5784},[5599,13752,5804],{"class":5780},[5599,13754,13755,13758],{"class":5601,"line":12457},[5599,13756,13757],{"class":5834},"              )",[5599,13759,5968],{"class":5605},[5599,13761,13762,13765,13767],{"class":5601,"line":12481},[5599,13763,13764],{"class":5780},"            \u003C\u002F",[5599,13766,6728],{"class":5784},[5599,13768,5804],{"class":5780},[5599,13770,13771],{"class":5601,"line":12510},[5599,13772,5680],{"emptyLinePlaceholder":5679},[5599,13774,13775,13777,13779],{"class":5601,"line":12525},[5599,13776,12528],{"class":5780},[5599,13778,6728],{"class":5784},[5599,13780,5804],{"class":5780},[5599,13782,13783,13785,13787,13789,13791,13793,13795,13797,13799,13801,13804,13806,13808,13811,13813,13815],{"class":5601,"line":12561},[5599,13784,13585],{"class":5780},[5599,13786,6739],{"class":5784},[5599,13788,6742],{"class":5788},[5599,13790,5792],{"class":5613},[5599,13792,5795],{"class":5605},[5599,13794,13596],{"class":5644},[5599,13796,13599],{"class":5605},[5599,13798,13505],{"class":5694},[5599,13800,5801],{"class":5605},[5599,13802,13803],{"class":5644},".type`",[5599,13805,5801],{"class":5605},[5599,13807,5936],{"class":5780},[5599,13809,13810],{"class":5834},"Тип",[5599,13812,5942],{"class":5780},[5599,13814,6739],{"class":5784},[5599,13816,5804],{"class":5780},[5599,13818,13819,13821],{"class":5601,"line":12569},[5599,13820,13585],{"class":5780},[5599,13822,13823],{"class":5784},"select\n",[5599,13825,13826,13828,13830,13832,13834,13836,13838,13840,13842],{"class":5601,"line":12578},[5599,13827,13630],{"class":5788},[5599,13829,5792],{"class":5613},[5599,13831,5795],{"class":5605},[5599,13833,13596],{"class":5644},[5599,13835,13599],{"class":5605},[5599,13837,13505],{"class":5694},[5599,13839,5801],{"class":5605},[5599,13841,13803],{"class":5644},[5599,13843,5968],{"class":5605},[5599,13845,13846,13848,13850,13852,13854,13856,13858,13860,13862,13864,13866,13868,13870],{"class":5601,"line":12586},[5599,13847,13651],{"class":5605},[5599,13849,6778],{"class":5613},[5599,13851,6781],{"class":5609},[5599,13853,5641],{"class":5834},[5599,13855,13596],{"class":5644},[5599,13857,13599],{"class":5605},[5599,13859,13505],{"class":5694},[5599,13861,5801],{"class":5605},[5599,13863,13803],{"class":5644},[5599,13865,13670],{"class":5770},[5599,13867,13673],{"class":5605},[5599,13869,5860],{"class":5834},[5599,13871,5968],{"class":5605},[5599,13873,13874],{"class":5601,"line":12591},[5599,13875,13876],{"class":5780},"              >\n",[5599,13878,13879,13881,13883,13885,13887,13889,13891,13894,13896,13898],{"class":5601,"line":12607},[5599,13880,13713],{"class":5780},[5599,13882,12365],{"class":5784},[5599,13884,5816],{"class":5788},[5599,13886,5792],{"class":5613},[5599,13888,13020],{"class":5644},[5599,13890,5936],{"class":5780},[5599,13892,13893],{"class":5834},"Мобільний",[5599,13895,5942],{"class":5780},[5599,13897,12365],{"class":5784},[5599,13899,5804],{"class":5780},[5599,13901,13902,13904,13906,13908,13910,13912,13914,13917,13919,13921],{"class":5601,"line":12616},[5599,13903,13713],{"class":5780},[5599,13905,12365],{"class":5784},[5599,13907,5816],{"class":5788},[5599,13909,5792],{"class":5613},[5599,13911,13025],{"class":5644},[5599,13913,5936],{"class":5780},[5599,13915,13916],{"class":5834},"Домашній",[5599,13918,5942],{"class":5780},[5599,13920,12365],{"class":5784},[5599,13922,5804],{"class":5780},[5599,13924,13925,13927,13929,13931,13933,13935,13937,13940,13942,13944],{"class":5601,"line":12640},[5599,13926,13713],{"class":5780},[5599,13928,12365],{"class":5784},[5599,13930,5816],{"class":5788},[5599,13932,5792],{"class":5613},[5599,13934,13030],{"class":5644},[5599,13936,5936],{"class":5780},[5599,13938,13939],{"class":5834},"Робочий",[5599,13941,5942],{"class":5780},[5599,13943,12365],{"class":5784},[5599,13945,5804],{"class":5780},[5599,13947,13948,13951,13953],{"class":5601,"line":12669},[5599,13949,13950],{"class":5780},"              \u003C\u002F",[5599,13952,12335],{"class":5784},[5599,13954,5804],{"class":5780},[5599,13956,13957,13959,13961],{"class":5601,"line":12684},[5599,13958,13764],{"class":5780},[5599,13960,6728],{"class":5784},[5599,13962,5804],{"class":5780},[5599,13964,13965],{"class":5601,"line":12719},[5599,13966,5680],{"emptyLinePlaceholder":5679},[5599,13968,13969,13971,13973,13975,13977,13979,13981,13983,13985,13987,13989,13992,13994,13996,13998,14000],{"class":5601,"line":12726},[5599,13970,12528],{"class":5780},[5599,13972,5925],{"class":5784},[5599,13974,5928],{"class":5788},[5599,13976,5792],{"class":5613},[5599,13978,8808],{"class":5644},[5599,13980,8811],{"class":5788},[5599,13982,5792],{"class":5613},[5599,13984,5795],{"class":5605},[5599,13986,8818],{"class":5834},[5599,13988,5713],{"class":5605},[5599,13990,13991],{"class":5609}," remove",[5599,13993,5641],{"class":5834},[5599,13995,13505],{"class":5694},[5599,13997,5860],{"class":5834},[5599,13999,5801],{"class":5605},[5599,14001,5804],{"class":5780},[5599,14003,14004],{"class":5601,"line":12735},[5599,14005,14006],{"class":5834},"              Видалити\n",[5599,14008,14009,14011,14013],{"class":5601,"line":12742},[5599,14010,13764],{"class":5780},[5599,14012,5925],{"class":5784},[5599,14014,5804],{"class":5780},[5599,14016,14017,14020,14022],{"class":5601,"line":12747},[5599,14018,14019],{"class":5780},"          \u003C\u002F",[5599,14021,6728],{"class":5784},[5599,14023,5804],{"class":5780},[5599,14025,14026,14029],{"class":5601,"line":12771},[5599,14027,14028],{"class":5834},"        ))",[5599,14030,5968],{"class":5605},[5599,14032,14033],{"class":5601,"line":12780},[5599,14034,5680],{"emptyLinePlaceholder":5679},[5599,14036,14037,14039],{"class":5601,"line":12785},[5599,14038,6736],{"class":5780},[5599,14040,14041],{"class":5784},"button\n",[5599,14043,14045,14047,14049],{"class":5601,"line":14044},85,[5599,14046,8202],{"class":5788},[5599,14048,5792],{"class":5613},[5599,14050,14051],{"class":5644},"\"button\"\n",[5599,14053,14055,14058,14060,14062,14064,14066,14069,14071,14073,14075,14077,14079,14081,14083],{"class":5601,"line":14054},86,[5599,14056,14057],{"class":5788},"          onClick",[5599,14059,5792],{"class":5613},[5599,14061,5795],{"class":5605},[5599,14063,8818],{"class":5834},[5599,14065,5713],{"class":5605},[5599,14067,14068],{"class":5609}," append",[5599,14070,5744],{"class":5834},[5599,14072,13189],{"class":5694},[5599,14074,8545],{"class":5644},[5599,14076,5630],{"class":5834},[5599,14078,13196],{"class":5694},[5599,14080,13199],{"class":5644},[5599,14082,9480],{"class":5834},[5599,14084,5968],{"class":5605},[5599,14086,14088],{"class":5601,"line":14087},87,[5599,14089,14090],{"class":5780},"        >\n",[5599,14092,14094],{"class":5601,"line":14093},88,[5599,14095,14096],{"class":5613},"          + Додати телефон\n",[5599,14098,14100,14102,14104],{"class":5601,"line":14099},89,[5599,14101,8791],{"class":5780},[5599,14103,5925],{"class":5784},[5599,14105,5804],{"class":5780},[5599,14107,14109],{"class":5601,"line":14108},90,[5599,14110,5680],{"emptyLinePlaceholder":5679},[5599,14112,14114,14116,14118,14120,14122,14124,14127,14130,14132,14134,14136,14138,14140,14143,14145],{"class":5601,"line":14113},91,[5599,14115,6797],{"class":5605},[5599,14117,6527],{"class":5694},[5599,14119,5704],{"class":5834},[5599,14121,13694],{"class":5694},[5599,14123,6806],{"class":5613},[5599,14125,14126],{"class":5605}," typeof",[5599,14128,14129],{"class":5694}," errors",[5599,14131,5704],{"class":5834},[5599,14133,13694],{"class":5694},[5599,14135,5704],{"class":5834},[5599,14137,6834],{"class":5694},[5599,14139,12439],{"class":5613},[5599,14141,14142],{"class":5644}," \"string\"",[5599,14144,6806],{"class":5613},[5599,14146,5774],{"class":5834},[5599,14148,14150,14152,14154,14156,14158,14160,14162,14164,14166,14168,14170,14172,14174,14176,14178,14180],{"class":5601,"line":14149},92,[5599,14151,8248],{"class":5780},[5599,14153,5479],{"class":5784},[5599,14155,6814],{"class":5788},[5599,14157,5792],{"class":5613},[5599,14159,6819],{"class":5644},[5599,14161,5936],{"class":5780},[5599,14163,5795],{"class":5605},[5599,14165,6527],{"class":5694},[5599,14167,5704],{"class":5834},[5599,14169,13694],{"class":5694},[5599,14171,5704],{"class":5834},[5599,14173,6834],{"class":5694},[5599,14175,5801],{"class":5605},[5599,14177,5942],{"class":5780},[5599,14179,5479],{"class":5784},[5599,14181,5804],{"class":5780},[5599,14183,14185,14187],{"class":5601,"line":14184},93,[5599,14186,8283],{"class":5834},[5599,14188,5968],{"class":5605},[5599,14190,14192,14194,14196],{"class":5601,"line":14191},94,[5599,14193,6850],{"class":5780},[5599,14195,10460],{"class":5784},[5599,14197,5804],{"class":5780},[5599,14199,14201],{"class":5601,"line":14200},95,[5599,14202,5680],{"emptyLinePlaceholder":5679},[5599,14204,14206,14208,14210,14212,14214,14216,14218,14220,14222,14224],{"class":5601,"line":14205},96,[5599,14207,5810],{"class":5780},[5599,14209,5925],{"class":5784},[5599,14211,5928],{"class":5788},[5599,14213,5792],{"class":5613},[5599,14215,5933],{"class":5644},[5599,14217,5936],{"class":5780},[5599,14219,9561],{"class":5613},[5599,14221,5942],{"class":5780},[5599,14223,5925],{"class":5784},[5599,14225,5804],{"class":5780},[5599,14227,14229,14231,14233],{"class":5601,"line":14228},97,[5599,14230,5952],{"class":5780},[5599,14232,5785],{"class":5784},[5599,14234,5804],{"class":5780},[5599,14236,14238],{"class":5601,"line":14237},98,[5599,14239,5962],{"class":5613},[5599,14241,14243],{"class":5601,"line":14242},99,[5599,14244,5968],{"class":5613},[6367,14246,14247,14254,14332],{},[5479,14248,14249],{},[5483,14250,14251,14252,5560],{},"Ключові елементи ",[5557,14253,5559],{},[7204,14255,14256,14270,14278,14292,14300,14308,14316,14324],{},[5512,14257,14258,14263,14264,14266,14267,14269],{},[5483,14259,14260,5560],{},[5557,14261,14262],{},"control"," об'єкт з ",[5557,14265,6455],{},", що передається у ",[5557,14268,5559],{}," для синхронізації стану.",[5512,14271,14272,14277],{},[5483,14273,14274,5560],{},[5557,14275,14276],{},"name: \"phones\""," шлях до масиву у структурі форми.",[5512,14279,14280,14284,14285,14287,14288,14291],{},[5483,14281,14282,5560],{},[5557,14283,13223],{}," масив елементів, кожен з яких має унікальний ",[5557,14286,13531],{}," (використовуйте його як ",[5557,14289,14290],{},"key"," у React).",[5512,14293,14294,14299],{},[5483,14295,14296,5560],{},[5557,14297,14298],{},"append(value)"," додає новий елемент у масив.",[5512,14301,14302,14307],{},[5483,14303,14304,5560],{},[5557,14305,14306],{},"remove(index)"," видаляє елемент за індексом.",[5512,14309,14310,14315],{},[5483,14311,14312,5560],{},[5557,14313,14314],{},"insert(index, value)"," вставляє елемент у конкретну позицію.",[5512,14317,14318,14323],{},[5483,14319,14320,5560],{},[5557,14321,14322],{},"swap(indexA, indexB)"," міняє місцями два елементи.",[5512,14325,14326,14331],{},[5483,14327,14328,5560],{},[5557,14329,14330],{},"move(from, to)"," переміщує елемент з однієї позиції в іншу.",[5479,14333,14334],{},"React Hook Form автоматично відстежує всі зміни у масиві та валідує кожен елемент окремо.",[9585,14336,14337,14346,14347,14349],{},[5483,14338,14339,14340,14343,14344],{},"Важливо використовувати ",[5557,14341,14342],{},"field.id"," як ",[5557,14345,14290],{},", а не індекс масиву. React Hook Form генерує унікальні ID для кожного елемента, що гарантує коректну роботу при видаленні або переміщенні елементів. Використання індексу як ",[5557,14348,14290],{}," призведе до проблем з фокусом та валідацією.",[5563,14351],{},[5566,14353,14355],{"id":14354},"асинхронна-валідація-перевірка-унікальності-email-на-сервері","Асинхронна валідація: перевірка унікальності email на сервері",[5479,14357,14358,14359,5704],{},"Іноді валідація вимагає запиту до сервера — наприклад, перевірка, чи вже зареєстрований email у системі. React Hook Form підтримує асинхронну валідацію через параметр ",[5557,14360,14361],{},"validate",[5590,14363,14365],{"className":5592,"code":14364,"language":5594,"meta":5595,"style":5595},"const registrationSchema = z.object({\n  name: z.string().min(2),\n  email: z.string().email(\"Введіть коректну електронну адресу\"),\n  password: z.string().min(8),\n});\n\ntype RegistrationFormData = z.infer\u003Ctypeof registrationSchema>;\n\n\u002F\u002F Симуляція API для перевірки email\nasync function checkEmailAvailability(email: string): Promise\u003Cboolean> {\n  await new Promise((resolve) => setTimeout(resolve, 500));\n  \u002F\u002F Симулюємо, що \"admin@example.com\" вже зайнятий\n  return email !== \"admin@example.com\";\n}\n\nfunction AsyncValidationForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isValidating },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n    mode: \"onBlur\",\n  });\n\n  const onSubmit = (data: RegistrationFormData) => {\n    console.log(\"Валідні дані:\", data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput\n          id=\"email\"\n          type=\"email\"\n          {...register(\"email\", {\n            validate: async (value) => {\n              const isAvailable = await checkEmailAvailability(value);\n              return isAvailable || \"Ця електронна адреса вже використовується\";\n            },\n          })}\n        \u002F>\n        {isValidating && \u003Cp className=\"info\">Перевірка доступності...\u003C\u002Fp>}\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput id=\"password\" type=\"password\" {...register(\"password\")} \u002F>\n        {errors.password && \u003Cp className=\"error\">{errors.password.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Зареєструватися\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,14366,14367,14383,14403,14423,14443,14447,14451,14473,14477,14482,14513,14543,14548,14563,14567,14571,14580,14586,14592,14598,14613,14625,14637,14645,14649,14653,14673,14691,14695,14699,14705,14729,14737,14759,14787,14833,14841,14845,14853,14875,14881,14890,14898,14912,14932,14954,14968,14973,14980,14984,15016,15062,15070,15074,15082,15104,15138,15184,15192,15196,15218,15226,15230],{"__ignoreMap":5595},[5599,14368,14369,14371,14373,14375,14377,14379,14381],{"class":5601,"line":5602},[5599,14370,6185],{"class":5605},[5599,14372,6188],{"class":5626},[5599,14374,6191],{"class":5613},[5599,14376,6158],{"class":5694},[5599,14378,5704],{"class":5613},[5599,14380,6198],{"class":5609},[5599,14382,6201],{"class":5613},[5599,14384,14385,14387,14389,14391,14393,14395,14397,14399,14401],{"class":5601,"line":5617},[5599,14386,6206],{"class":5694},[5599,14388,7307],{"class":5694},[5599,14390,5704],{"class":5613},[5599,14392,6217],{"class":5609},[5599,14394,7314],{"class":5613},[5599,14396,6227],{"class":5609},[5599,14398,5641],{"class":5613},[5599,14400,6233],{"class":6232},[5599,14402,6261],{"class":5613},[5599,14404,14405,14407,14409,14411,14413,14415,14417,14419,14421],{"class":5601,"line":5651},[5599,14406,6266],{"class":5694},[5599,14408,7307],{"class":5694},[5599,14410,5704],{"class":5613},[5599,14412,6217],{"class":5609},[5599,14414,7314],{"class":5613},[5599,14416,5658],{"class":5609},[5599,14418,5641],{"class":5613},[5599,14420,6287],{"class":5644},[5599,14422,6261],{"class":5613},[5599,14424,14425,14427,14429,14431,14433,14435,14437,14439,14441],{"class":5601,"line":5676},[5599,14426,6294],{"class":5694},[5599,14428,7307],{"class":5694},[5599,14430,5704],{"class":5613},[5599,14432,6217],{"class":5609},[5599,14434,7314],{"class":5613},[5599,14436,6227],{"class":5609},[5599,14438,5641],{"class":5613},[5599,14440,6315],{"class":6232},[5599,14442,6261],{"class":5613},[5599,14444,14445],{"class":5601,"line":5683},[5599,14446,6327],{"class":5613},[5599,14448,14449],{"class":5601,"line":5719},[5599,14450,5680],{"emptyLinePlaceholder":5679},[5599,14452,14453,14455,14457,14459,14461,14463,14465,14467,14469,14471],{"class":5601,"line":5733},[5599,14454,6342],{"class":5605},[5599,14456,6345],{"class":5701},[5599,14458,6191],{"class":5613},[5599,14460,6158],{"class":5701},[5599,14462,5704],{"class":5613},[5599,14464,6354],{"class":5701},[5599,14466,6357],{"class":5613},[5599,14468,6360],{"class":5605},[5599,14470,6188],{"class":5694},[5599,14472,6365],{"class":5613},[5599,14474,14475],{"class":5601,"line":5756},[5599,14476,5680],{"emptyLinePlaceholder":5679},[5599,14478,14479],{"class":5601,"line":5762},[5599,14480,14481],{"class":6179},"\u002F\u002F Симуляція API для перевірки email\n",[5599,14483,14484,14486,14489,14492,14494,14496,14498,14500,14503,14506,14508,14510],{"class":5601,"line":5767},[5599,14485,6585],{"class":5605},[5599,14487,14488],{"class":5605}," function",[5599,14490,14491],{"class":5609}," checkEmailAvailability",[5599,14493,5641],{"class":5613},[5599,14495,5658],{"class":5694},[5599,14497,5698],{"class":5613},[5599,14499,6217],{"class":5701},[5599,14501,14502],{"class":5613},"): ",[5599,14504,14505],{"class":5701},"Promise",[5599,14507,6357],{"class":5613},[5599,14509,9743],{"class":5701},[5599,14511,14512],{"class":5613},"> {\n",[5599,14514,14515,14518,14520,14522,14524,14526,14528,14530,14532,14534,14536,14538,14541],{"class":5601,"line":5777},[5599,14516,14517],{"class":5770},"  await",[5599,14519,6637],{"class":5605},[5599,14521,6640],{"class":5701},[5599,14523,6643],{"class":5613},[5599,14525,6646],{"class":5694},[5599,14527,5710],{"class":5613},[5599,14529,5713],{"class":5605},[5599,14531,6653],{"class":5609},[5599,14533,5641],{"class":5613},[5599,14535,6646],{"class":5694},[5599,14537,5630],{"class":5613},[5599,14539,14540],{"class":6232},"500",[5599,14542,6665],{"class":5613},[5599,14544,14545],{"class":5601,"line":5807},[5599,14546,14547],{"class":6179},"  \u002F\u002F Симулюємо, що \"admin@example.com\" вже зайнятий\n",[5599,14549,14550,14552,14555,14558,14561],{"class":5601,"line":5868},[5599,14551,5771],{"class":5770},[5599,14553,14554],{"class":5694}," email",[5599,14556,14557],{"class":5613}," !== ",[5599,14559,14560],{"class":5644},"\"admin@example.com\"",[5599,14562,6170],{"class":5613},[5599,14564,14565],{"class":5601,"line":5920},[5599,14566,5968],{"class":5613},[5599,14568,14569],{"class":5601,"line":5949},[5599,14570,5680],{"emptyLinePlaceholder":5679},[5599,14572,14573,14575,14578],{"class":5601,"line":5959},[5599,14574,5606],{"class":5605},[5599,14576,14577],{"class":5609}," AsyncValidationForm",[5599,14579,5614],{"class":5613},[5599,14581,14582,14584],{"class":5601,"line":5965},[5599,14583,5620],{"class":5605},[5599,14585,5716],{"class":5613},[5599,14587,14588,14590],{"class":5601,"line":6339},[5599,14589,6506],{"class":5626},[5599,14591,6509],{"class":5613},[5599,14593,14594,14596],{"class":5601,"line":6680},[5599,14595,6514],{"class":5626},[5599,14597,6509],{"class":5613},[5599,14599,14600,14602,14604,14606,14608,14611],{"class":5601,"line":6685},[5599,14601,6521],{"class":5694},[5599,14603,6524],{"class":5613},[5599,14605,6527],{"class":5626},[5599,14607,5630],{"class":5613},[5599,14609,14610],{"class":5626},"isValidating",[5599,14612,6535],{"class":5613},[5599,14614,14615,14617,14619,14621,14623],{"class":5601,"line":6690},[5599,14616,6540],{"class":5613},[5599,14618,6455],{"class":5609},[5599,14620,6357],{"class":5613},[5599,14622,6547],{"class":5701},[5599,14624,6550],{"class":5613},[5599,14626,14627,14629,14631,14633,14635],{"class":5601,"line":6697},[5599,14628,6555],{"class":5694},[5599,14630,6558],{"class":5609},[5599,14632,5641],{"class":5613},[5599,14634,6563],{"class":5694},[5599,14636,6261],{"class":5613},[5599,14638,14639,14641,14643],{"class":5601,"line":6723},[5599,14640,7655],{"class":5694},[5599,14642,7658],{"class":5644},[5599,14644,6509],{"class":5613},[5599,14646,14647],{"class":5601,"line":6733},[5599,14648,6570],{"class":5613},[5599,14650,14651],{"class":5601,"line":6761},[5599,14652,5680],{"emptyLinePlaceholder":5679},[5599,14654,14655,14657,14659,14661,14663,14665,14667,14669,14671],{"class":5601,"line":6794},[5599,14656,5620],{"class":5605},[5599,14658,5789],{"class":5609},[5599,14660,5691],{"class":5613},[5599,14662,6590],{"class":5694},[5599,14664,5698],{"class":5613},[5599,14666,6547],{"class":5701},[5599,14668,5710],{"class":5613},[5599,14670,5713],{"class":5605},[5599,14672,5716],{"class":5613},[5599,14674,14675,14677,14679,14681,14683,14685,14687,14689],{"class":5601,"line":6847},[5599,14676,5736],{"class":5694},[5599,14678,5704],{"class":5613},[5599,14680,5741],{"class":5609},[5599,14682,5641],{"class":5613},[5599,14684,6618],{"class":5644},[5599,14686,5630],{"class":5613},[5599,14688,6590],{"class":5694},[5599,14690,5648],{"class":5613},[5599,14692,14693],{"class":5601,"line":6857},[5599,14694,5759],{"class":5613},[5599,14696,14697],{"class":5601,"line":6862},[5599,14698,5680],{"emptyLinePlaceholder":5679},[5599,14700,14701,14703],{"class":5601,"line":6871},[5599,14702,5771],{"class":5770},[5599,14704,5774],{"class":5613},[5599,14706,14707,14709,14711,14713,14715,14717,14719,14721,14723,14725,14727],{"class":5601,"line":6896},[5599,14708,5781],{"class":5780},[5599,14710,5785],{"class":5784},[5599,14712,5789],{"class":5788},[5599,14714,5792],{"class":5613},[5599,14716,5795],{"class":5605},[5599,14718,5798],{"class":5609},[5599,14720,5641],{"class":5834},[5599,14722,6714],{"class":5694},[5599,14724,5860],{"class":5834},[5599,14726,5801],{"class":5605},[5599,14728,5804],{"class":5780},[5599,14730,14731,14733,14735],{"class":5601,"line":6931},[5599,14732,5810],{"class":5780},[5599,14734,6728],{"class":5784},[5599,14736,5804],{"class":5780},[5599,14738,14739,14741,14743,14745,14747,14749,14751,14753,14755,14757],{"class":5601,"line":6978},[5599,14740,6736],{"class":5780},[5599,14742,6739],{"class":5784},[5599,14744,6742],{"class":5788},[5599,14746,5792],{"class":5613},[5599,14748,6747],{"class":5644},[5599,14750,5936],{"class":5780},[5599,14752,6752],{"class":5613},[5599,14754,5942],{"class":5780},[5599,14756,6739],{"class":5784},[5599,14758,5804],{"class":5780},[5599,14760,14761,14763,14765,14767,14769,14771,14773,14775,14777,14779,14781,14783,14785],{"class":5601,"line":6987},[5599,14762,6736],{"class":5780},[5599,14764,5813],{"class":5784},[5599,14766,6768],{"class":5788},[5599,14768,5792],{"class":5613},[5599,14770,6747],{"class":5644},[5599,14772,6775],{"class":5605},[5599,14774,6778],{"class":5613},[5599,14776,6781],{"class":5609},[5599,14778,5641],{"class":5834},[5599,14780,6747],{"class":5644},[5599,14782,5860],{"class":5834},[5599,14784,5801],{"class":5605},[5599,14786,5865],{"class":5780},[5599,14788,14789,14791,14793,14795,14797,14799,14801,14803,14805,14807,14809,14811,14813,14815,14817,14819,14821,14823,14825,14827,14829,14831],{"class":5601,"line":6992},[5599,14790,6797],{"class":5605},[5599,14792,6527],{"class":5694},[5599,14794,5704],{"class":5834},[5599,14796,5627],{"class":5694},[5599,14798,6806],{"class":5613},[5599,14800,6809],{"class":5780},[5599,14802,5479],{"class":5784},[5599,14804,6814],{"class":5788},[5599,14806,5792],{"class":5613},[5599,14808,6819],{"class":5644},[5599,14810,5936],{"class":5780},[5599,14812,5795],{"class":5605},[5599,14814,6527],{"class":5694},[5599,14816,5704],{"class":5834},[5599,14818,5627],{"class":5694},[5599,14820,5704],{"class":5834},[5599,14822,6834],{"class":5694},[5599,14824,5801],{"class":5605},[5599,14826,5942],{"class":5780},[5599,14828,5479],{"class":5784},[5599,14830,5936],{"class":5780},[5599,14832,5968],{"class":5605},[5599,14834,14835,14837,14839],{"class":5601,"line":7001},[5599,14836,6850],{"class":5780},[5599,14838,6728],{"class":5784},[5599,14840,5804],{"class":5780},[5599,14842,14843],{"class":5601,"line":7026},[5599,14844,5680],{"emptyLinePlaceholder":5679},[5599,14846,14847,14849,14851],{"class":5601,"line":7061},[5599,14848,5810],{"class":5780},[5599,14850,6728],{"class":5784},[5599,14852,5804],{"class":5780},[5599,14854,14855,14857,14859,14861,14863,14865,14867,14869,14871,14873],{"class":5601,"line":7109},[5599,14856,6736],{"class":5780},[5599,14858,6739],{"class":5784},[5599,14860,6742],{"class":5788},[5599,14862,5792],{"class":5613},[5599,14864,6882],{"class":5644},[5599,14866,5936],{"class":5780},[5599,14868,6887],{"class":5613},[5599,14870,5942],{"class":5780},[5599,14872,6739],{"class":5784},[5599,14874,5804],{"class":5780},[5599,14876,14877,14879],{"class":5601,"line":7118},[5599,14878,6736],{"class":5780},[5599,14880,8187],{"class":5784},[5599,14882,14883,14885,14887],{"class":5601,"line":7123},[5599,14884,8192],{"class":5788},[5599,14886,5792],{"class":5613},[5599,14888,14889],{"class":5644},"\"email\"\n",[5599,14891,14892,14894,14896],{"class":5601,"line":7149},[5599,14893,8202],{"class":5788},[5599,14895,5792],{"class":5613},[5599,14897,14889],{"class":5644},[5599,14899,14900,14902,14904,14906,14908,14910],{"class":5601,"line":7170},[5599,14901,8212],{"class":5605},[5599,14903,6778],{"class":5613},[5599,14905,6781],{"class":5609},[5599,14907,5641],{"class":5834},[5599,14909,6882],{"class":5644},[5599,14911,7491],{"class":5834},[5599,14913,14914,14917,14919,14922,14924,14926,14928,14930],{"class":5601,"line":7179},[5599,14915,14916],{"class":5609},"            validate",[5599,14918,5560],{"class":5694},[5599,14920,14921],{"class":5605}," async",[5599,14923,5576],{"class":5834},[5599,14925,5857],{"class":5694},[5599,14927,5710],{"class":5834},[5599,14929,5713],{"class":5605},[5599,14931,5716],{"class":5834},[5599,14933,14934,14937,14940,14943,14946,14948,14950,14952],{"class":5601,"line":7188},[5599,14935,14936],{"class":5605},"              const",[5599,14938,14939],{"class":5626}," isAvailable",[5599,14941,14942],{"class":5613}," =",[5599,14944,14945],{"class":5770}," await",[5599,14947,14491],{"class":5609},[5599,14949,5641],{"class":5834},[5599,14951,5857],{"class":5694},[5599,14953,5648],{"class":5834},[5599,14955,14956,14959,14961,14963,14966],{"class":5601,"line":7193},[5599,14957,14958],{"class":5770},"              return",[5599,14960,14939],{"class":5694},[5599,14962,8761],{"class":5613},[5599,14964,14965],{"class":5644}," \"Ця електронна адреса вже використовується\"",[5599,14967,6170],{"class":5834},[5599,14969,14970],{"class":5601,"line":8288},[5599,14971,14972],{"class":5834},"            },\n",[5599,14974,14975,14978],{"class":5601,"line":8297},[5599,14976,14977],{"class":5834},"          })",[5599,14979,5968],{"class":5605},[5599,14981,14982],{"class":5601,"line":8302},[5599,14983,8229],{"class":5780},[5599,14985,14986,14988,14990,14992,14994,14996,14998,15000,15003,15005,15008,15010,15012,15014],{"class":5601,"line":8327},[5599,14987,6797],{"class":5605},[5599,14989,14610],{"class":5694},[5599,14991,6806],{"class":5613},[5599,14993,6809],{"class":5780},[5599,14995,5479],{"class":5784},[5599,14997,6814],{"class":5788},[5599,14999,5792],{"class":5613},[5599,15001,15002],{"class":5644},"\"info\"",[5599,15004,5936],{"class":5780},[5599,15006,15007],{"class":5834},"Перевірка доступності...",[5599,15009,5942],{"class":5780},[5599,15011,5479],{"class":5784},[5599,15013,5936],{"class":5780},[5599,15015,5968],{"class":5605},[5599,15017,15018,15020,15022,15024,15026,15028,15030,15032,15034,15036,15038,15040,15042,15044,15046,15048,15050,15052,15054,15056,15058,15060],{"class":5601,"line":8344},[5599,15019,6797],{"class":5605},[5599,15021,6527],{"class":5694},[5599,15023,5704],{"class":5834},[5599,15025,5658],{"class":5694},[5599,15027,6806],{"class":5613},[5599,15029,6809],{"class":5780},[5599,15031,5479],{"class":5784},[5599,15033,6814],{"class":5788},[5599,15035,5792],{"class":5613},[5599,15037,6819],{"class":5644},[5599,15039,5936],{"class":5780},[5599,15041,5795],{"class":5605},[5599,15043,6527],{"class":5694},[5599,15045,5704],{"class":5834},[5599,15047,5658],{"class":5694},[5599,15049,5704],{"class":5834},[5599,15051,6834],{"class":5694},[5599,15053,5801],{"class":5605},[5599,15055,5942],{"class":5780},[5599,15057,5479],{"class":5784},[5599,15059,5936],{"class":5780},[5599,15061,5968],{"class":5605},[5599,15063,15064,15066,15068],{"class":5601,"line":8353},[5599,15065,6850],{"class":5780},[5599,15067,6728],{"class":5784},[5599,15069,5804],{"class":5780},[5599,15071,15072],{"class":5601,"line":8362},[5599,15073,5680],{"emptyLinePlaceholder":5679},[5599,15075,15076,15078,15080],{"class":5601,"line":8367},[5599,15077,5810],{"class":5780},[5599,15079,6728],{"class":5784},[5599,15081,5804],{"class":5780},[5599,15083,15084,15086,15088,15090,15092,15094,15096,15098,15100,15102],{"class":5601,"line":12330},[5599,15085,6736],{"class":5780},[5599,15087,6739],{"class":5784},[5599,15089,6742],{"class":5788},[5599,15091,5792],{"class":5613},[5599,15093,7012],{"class":5644},[5599,15095,5936],{"class":5780},[5599,15097,7017],{"class":5613},[5599,15099,5942],{"class":5780},[5599,15101,6739],{"class":5784},[5599,15103,5804],{"class":5780},[5599,15105,15106,15108,15110,15112,15114,15116,15118,15120,15122,15124,15126,15128,15130,15132,15134,15136],{"class":5601,"line":12360},[5599,15107,6736],{"class":5780},[5599,15109,5813],{"class":5784},[5599,15111,6768],{"class":5788},[5599,15113,5792],{"class":5613},[5599,15115,7012],{"class":5644},[5599,15117,5928],{"class":5788},[5599,15119,5792],{"class":5613},[5599,15121,7012],{"class":5644},[5599,15123,6775],{"class":5605},[5599,15125,6778],{"class":5613},[5599,15127,6781],{"class":5609},[5599,15129,5641],{"class":5834},[5599,15131,7012],{"class":5644},[5599,15133,5860],{"class":5834},[5599,15135,5801],{"class":5605},[5599,15137,5865],{"class":5780},[5599,15139,15140,15142,15144,15146,15148,15150,15152,15154,15156,15158,15160,15162,15164,15166,15168,15170,15172,15174,15176,15178,15180,15182],{"class":5601,"line":12385},[5599,15141,6797],{"class":5605},[5599,15143,6527],{"class":5694},[5599,15145,5704],{"class":5834},[5599,15147,7070],{"class":5694},[5599,15149,6806],{"class":5613},[5599,15151,6809],{"class":5780},[5599,15153,5479],{"class":5784},[5599,15155,6814],{"class":5788},[5599,15157,5792],{"class":5613},[5599,15159,6819],{"class":5644},[5599,15161,5936],{"class":5780},[5599,15163,5795],{"class":5605},[5599,15165,6527],{"class":5694},[5599,15167,5704],{"class":5834},[5599,15169,7070],{"class":5694},[5599,15171,5704],{"class":5834},[5599,15173,6834],{"class":5694},[5599,15175,5801],{"class":5605},[5599,15177,5942],{"class":5780},[5599,15179,5479],{"class":5784},[5599,15181,5936],{"class":5780},[5599,15183,5968],{"class":5605},[5599,15185,15186,15188,15190],{"class":5601,"line":12409},[5599,15187,6850],{"class":5780},[5599,15189,6728],{"class":5784},[5599,15191,5804],{"class":5780},[5599,15193,15194],{"class":5601,"line":12418},[5599,15195,5680],{"emptyLinePlaceholder":5679},[5599,15197,15198,15200,15202,15204,15206,15208,15210,15212,15214,15216],{"class":5601,"line":12427},[5599,15199,5810],{"class":5780},[5599,15201,5925],{"class":5784},[5599,15203,5928],{"class":5788},[5599,15205,5792],{"class":5613},[5599,15207,5933],{"class":5644},[5599,15209,5936],{"class":5780},[5599,15211,12762],{"class":5613},[5599,15213,5942],{"class":5780},[5599,15215,5925],{"class":5784},[5599,15217,5804],{"class":5780},[5599,15219,15220,15222,15224],{"class":5601,"line":12432},[5599,15221,5952],{"class":5780},[5599,15223,5785],{"class":5784},[5599,15225,5804],{"class":5780},[5599,15227,15228],{"class":5601,"line":12448},[5599,15229,5962],{"class":5613},[5599,15231,15232],{"class":5601,"line":12457},[5599,15233,5968],{"class":5613},[6019,15235,15236,15251],{},[5479,15237,8374,15238,15240,15241,15244,15245,8966,15247,15250],{},[5557,15239,14361],{}," приймає функцію, яка може бути ",[5483,15242,15243],{},"синхронною або асинхронною",". Якщо функція повертає ",[5557,15246,8900],{},[5557,15248,15249],{},"undefined",", валідація пройдена. Якщо повертає рядок — це повідомлення про помилку.",[5479,15252,15253,15254,8378,15256,15258],{},"Стан ",[5557,15255,14610],{},[5557,15257,8890],{}," вказує, чи виконується асинхронна валідація у даний момент — це дозволяє показати спінер або повідомлення «Перевірка...».",[9585,15260,15261,15262,15265,15266,15268],{},"Асинхронна валідація може бути ресурсномісткою, якщо викликається при кожній зміні поля (",[5557,15263,15264],{},"mode: \"onChange\"","). Рекомендується використовувати ",[5557,15267,8436],{}," або додатково реалізувати debounce-логіку, щоб запити не відправлялися занадто часто.",[5563,15270],{},[5566,15272,15274,15275],{"id":15273},"обробка-помилок-сервера-seterror","Обробка помилок сервера: ",[5557,15276,15277],{},"setError",[5479,15279,15280,15281,5704],{},"Після відправки форми сервер може повернути помилки валідації — наприклад, «Email вже зареєстрований» або «Номер телефону має неправильний формат». React Hook Form дозволяє програмно встановлювати помилки через метод ",[5557,15282,15277],{},[5590,15284,15286],{"className":5592,"code":15285,"language":5594,"meta":5595,"style":5595},"type ServerError = {\n  field: \"name\" | \"email\" | \"password\";\n  message: string;\n};\n\nfunction ServerValidationForm() {\n  const {\n    register,\n    handleSubmit,\n    setError,\n    formState: { errors, isSubmitting },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n  });\n\n  const onSubmit = async (data: RegistrationFormData) => {\n    try {\n      \u002F\u002F Симуляція запиту до API\n      const response = await fetch(\"\u002Fapi\u002Fregister\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application\u002Fjson\" },\n        body: JSON.stringify(data),\n      });\n\n      if (!response.ok) {\n        const errors: ServerError[] = await response.json();\n\n        \u002F\u002F Встановлюємо помилки, отримані від сервера\n        errors.forEach((error) => {\n          setError(error.field, {\n            type: \"server\",\n            message: error.message,\n          });\n        });\n\n        return;\n      }\n\n      const result = await response.json();\n      console.log(\"Реєстрація успішна:\", result);\n    } catch (error) {\n      \u002F\u002F Встановлюємо загальну помилку форми\n      setError(\"root\", {\n        type: \"server\",\n        message: \"Помилка з'єднання із сервером. Спробуйте пізніше.\",\n      });\n    }\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      {errors.root && (\n        \u003Cdiv className=\"error-banner\">{errors.root.message}\u003C\u002Fdiv>\n      )}\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput id=\"password\" type=\"password\" {...register(\"password\")} \u002F>\n        {errors.password && \u003Cp className=\"error\">{errors.password.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Відправка...\" : \"Зареєструватися\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,15287,15288,15297,15317,15328,15332,15336,15345,15351,15357,15363,15370,15384,15396,15408,15412,15416,15440,15447,15452,15475,15485,15502,15521,15525,15529,15547,15573,15577,15582,15603,15618,15628,15642,15647,15652,15656,15663,15668,15672,15691,15712,15726,15731,15743,15751,15760,15764,15768,15772,15776,15782,15806,15821,15856,15862,15866,15874,15896,15924,15970,15978,15982,15990,16012,16046,16092,16100,16104,16112,16134,16168,16214,16222,16226,16250,16266,16274,16282,16286],{"__ignoreMap":5595},[5599,15289,15290,15292,15295],{"class":5601,"line":5602},[5599,15291,6342],{"class":5605},[5599,15293,15294],{"class":5701}," ServerError",[5599,15296,6392],{"class":5613},[5599,15298,15299,15302,15304,15306,15309,15311,15313,15315],{"class":5601,"line":5617},[5599,15300,15301],{"class":5694},"  field",[5599,15303,5698],{"class":5613},[5599,15305,6747],{"class":5644},[5599,15307,15308],{"class":5613}," | ",[5599,15310,6882],{"class":5644},[5599,15312,15308],{"class":5613},[5599,15314,7012],{"class":5644},[5599,15316,6170],{"class":5613},[5599,15318,15319,15322,15324,15326],{"class":5601,"line":5651},[5599,15320,15321],{"class":5694},"  message",[5599,15323,5698],{"class":5613},[5599,15325,6217],{"class":5701},[5599,15327,6170],{"class":5613},[5599,15329,15330],{"class":5601,"line":5676},[5599,15331,6430],{"class":5613},[5599,15333,15334],{"class":5601,"line":5683},[5599,15335,5680],{"emptyLinePlaceholder":5679},[5599,15337,15338,15340,15343],{"class":5601,"line":5719},[5599,15339,5606],{"class":5605},[5599,15341,15342],{"class":5609}," ServerValidationForm",[5599,15344,5614],{"class":5613},[5599,15346,15347,15349],{"class":5601,"line":5733},[5599,15348,5620],{"class":5605},[5599,15350,5716],{"class":5613},[5599,15352,15353,15355],{"class":5601,"line":5756},[5599,15354,6506],{"class":5626},[5599,15356,6509],{"class":5613},[5599,15358,15359,15361],{"class":5601,"line":5762},[5599,15360,6514],{"class":5626},[5599,15362,6509],{"class":5613},[5599,15364,15365,15368],{"class":5601,"line":5767},[5599,15366,15367],{"class":5626},"    setError",[5599,15369,6509],{"class":5613},[5599,15371,15372,15374,15376,15378,15380,15382],{"class":5601,"line":5777},[5599,15373,6521],{"class":5694},[5599,15375,6524],{"class":5613},[5599,15377,6527],{"class":5626},[5599,15379,5630],{"class":5613},[5599,15381,6532],{"class":5626},[5599,15383,6535],{"class":5613},[5599,15385,15386,15388,15390,15392,15394],{"class":5601,"line":5807},[5599,15387,6540],{"class":5613},[5599,15389,6455],{"class":5609},[5599,15391,6357],{"class":5613},[5599,15393,6547],{"class":5701},[5599,15395,6550],{"class":5613},[5599,15397,15398,15400,15402,15404,15406],{"class":5601,"line":5868},[5599,15399,6555],{"class":5694},[5599,15401,6558],{"class":5609},[5599,15403,5641],{"class":5613},[5599,15405,6563],{"class":5694},[5599,15407,6261],{"class":5613},[5599,15409,15410],{"class":5601,"line":5920},[5599,15411,6570],{"class":5613},[5599,15413,15414],{"class":5601,"line":5949},[5599,15415,5680],{"emptyLinePlaceholder":5679},[5599,15417,15418,15420,15422,15424,15426,15428,15430,15432,15434,15436,15438],{"class":5601,"line":5959},[5599,15419,5620],{"class":5605},[5599,15421,5789],{"class":5609},[5599,15423,6191],{"class":5613},[5599,15425,6585],{"class":5605},[5599,15427,5576],{"class":5613},[5599,15429,6590],{"class":5694},[5599,15431,5698],{"class":5613},[5599,15433,6547],{"class":5701},[5599,15435,5710],{"class":5613},[5599,15437,5713],{"class":5605},[5599,15439,5716],{"class":5613},[5599,15441,15442,15445],{"class":5601,"line":5965},[5599,15443,15444],{"class":5770},"    try",[5599,15446,5716],{"class":5613},[5599,15448,15449],{"class":5601,"line":6339},[5599,15450,15451],{"class":6179},"      \u002F\u002F Симуляція запиту до API\n",[5599,15453,15454,15457,15460,15462,15465,15468,15470,15473],{"class":5601,"line":6680},[5599,15455,15456],{"class":5605},"      const",[5599,15458,15459],{"class":5626}," response",[5599,15461,6191],{"class":5613},[5599,15463,15464],{"class":5770},"await",[5599,15466,15467],{"class":5609}," fetch",[5599,15469,5641],{"class":5613},[5599,15471,15472],{"class":5644},"\"\u002Fapi\u002Fregister\"",[5599,15474,7491],{"class":5613},[5599,15476,15477,15480,15483],{"class":5601,"line":6685},[5599,15478,15479],{"class":5694},"        method:",[5599,15481,15482],{"class":5644}," \"POST\"",[5599,15484,6509],{"class":5613},[5599,15486,15487,15490,15492,15495,15497,15500],{"class":5601,"line":6690},[5599,15488,15489],{"class":5694},"        headers:",[5599,15491,6155],{"class":5613},[5599,15493,15494],{"class":5644},"\"Content-Type\"",[5599,15496,5560],{"class":5694},[5599,15498,15499],{"class":5644}," \"application\u002Fjson\"",[5599,15501,6535],{"class":5613},[5599,15503,15504,15507,15510,15512,15515,15517,15519],{"class":5601,"line":6697},[5599,15505,15506],{"class":5694},"        body:",[5599,15508,15509],{"class":5626}," JSON",[5599,15511,5704],{"class":5613},[5599,15513,15514],{"class":5609},"stringify",[5599,15516,5641],{"class":5613},[5599,15518,6590],{"class":5694},[5599,15520,6261],{"class":5613},[5599,15522,15523],{"class":5601,"line":6723},[5599,15524,11861],{"class":5613},[5599,15526,15527],{"class":5601,"line":6733},[5599,15528,5680],{"emptyLinePlaceholder":5679},[5599,15530,15531,15534,15537,15540,15542,15545],{"class":5601,"line":6761},[5599,15532,15533],{"class":5770},"      if",[5599,15535,15536],{"class":5613}," (!",[5599,15538,15539],{"class":5694},"response",[5599,15541,5704],{"class":5613},[5599,15543,15544],{"class":5694},"ok",[5599,15546,11802],{"class":5613},[5599,15548,15549,15552,15554,15556,15559,15562,15564,15566,15568,15571],{"class":5601,"line":6794},[5599,15550,15551],{"class":5605},"        const",[5599,15553,14129],{"class":5626},[5599,15555,5698],{"class":5613},[5599,15557,15558],{"class":5701},"ServerError",[5599,15560,15561],{"class":5613},"[] = ",[5599,15563,15464],{"class":5770},[5599,15565,15459],{"class":5694},[5599,15567,5704],{"class":5613},[5599,15569,15570],{"class":5609},"json",[5599,15572,5730],{"class":5613},[5599,15574,15575],{"class":5601,"line":6847},[5599,15576,5680],{"emptyLinePlaceholder":5679},[5599,15578,15579],{"class":5601,"line":6857},[5599,15580,15581],{"class":6179},"        \u002F\u002F Встановлюємо помилки, отримані від сервера\n",[5599,15583,15584,15587,15589,15592,15594,15597,15599,15601],{"class":5601,"line":6862},[5599,15585,15586],{"class":5694},"        errors",[5599,15588,5704],{"class":5613},[5599,15590,15591],{"class":5609},"forEach",[5599,15593,6643],{"class":5613},[5599,15595,15596],{"class":5694},"error",[5599,15598,5710],{"class":5613},[5599,15600,5713],{"class":5605},[5599,15602,5716],{"class":5613},[5599,15604,15605,15608,15610,15612,15614,15616],{"class":5601,"line":6871},[5599,15606,15607],{"class":5609},"          setError",[5599,15609,5641],{"class":5613},[5599,15611,15596],{"class":5694},[5599,15613,5704],{"class":5613},[5599,15615,13500],{"class":5694},[5599,15617,7491],{"class":5613},[5599,15619,15620,15623,15626],{"class":5601,"line":6896},[5599,15621,15622],{"class":5694},"            type:",[5599,15624,15625],{"class":5644}," \"server\"",[5599,15627,6509],{"class":5613},[5599,15629,15630,15633,15636,15638,15640],{"class":5601,"line":6931},[5599,15631,15632],{"class":5694},"            message:",[5599,15634,15635],{"class":5694}," error",[5599,15637,5704],{"class":5613},[5599,15639,6834],{"class":5694},[5599,15641,6509],{"class":5613},[5599,15643,15644],{"class":5601,"line":6978},[5599,15645,15646],{"class":5613},"          });\n",[5599,15648,15649],{"class":5601,"line":6987},[5599,15650,15651],{"class":5613},"        });\n",[5599,15653,15654],{"class":5601,"line":6992},[5599,15655,5680],{"emptyLinePlaceholder":5679},[5599,15657,15658,15661],{"class":5601,"line":7001},[5599,15659,15660],{"class":5770},"        return",[5599,15662,6170],{"class":5613},[5599,15664,15665],{"class":5601,"line":7026},[5599,15666,15667],{"class":5613},"      }\n",[5599,15669,15670],{"class":5601,"line":7061},[5599,15671,5680],{"emptyLinePlaceholder":5679},[5599,15673,15674,15676,15679,15681,15683,15685,15687,15689],{"class":5601,"line":7109},[5599,15675,15456],{"class":5605},[5599,15677,15678],{"class":5626}," result",[5599,15680,6191],{"class":5613},[5599,15682,15464],{"class":5770},[5599,15684,15459],{"class":5694},[5599,15686,5704],{"class":5613},[5599,15688,15570],{"class":5609},[5599,15690,5730],{"class":5613},[5599,15692,15693,15696,15698,15700,15702,15705,15707,15710],{"class":5601,"line":7118},[5599,15694,15695],{"class":5694},"      console",[5599,15697,5704],{"class":5613},[5599,15699,5741],{"class":5609},[5599,15701,5641],{"class":5613},[5599,15703,15704],{"class":5644},"\"Реєстрація успішна:\"",[5599,15706,5630],{"class":5613},[5599,15708,15709],{"class":5694},"result",[5599,15711,5648],{"class":5613},[5599,15713,15714,15717,15720,15722,15724],{"class":5601,"line":7123},[5599,15715,15716],{"class":5613},"    } ",[5599,15718,15719],{"class":5770},"catch",[5599,15721,5576],{"class":5613},[5599,15723,15596],{"class":5694},[5599,15725,11802],{"class":5613},[5599,15727,15728],{"class":5601,"line":7149},[5599,15729,15730],{"class":6179},"      \u002F\u002F Встановлюємо загальну помилку форми\n",[5599,15732,15733,15736,15738,15741],{"class":5601,"line":7170},[5599,15734,15735],{"class":5609},"      setError",[5599,15737,5641],{"class":5613},[5599,15739,15740],{"class":5644},"\"root\"",[5599,15742,7491],{"class":5613},[5599,15744,15745,15747,15749],{"class":5601,"line":7179},[5599,15746,13009],{"class":5694},[5599,15748,15625],{"class":5644},[5599,15750,6509],{"class":5613},[5599,15752,15753,15755,15758],{"class":5601,"line":7188},[5599,15754,11838],{"class":5694},[5599,15756,15757],{"class":5644}," \"Помилка з'єднання із сервером. Спробуйте пізніше.\"",[5599,15759,6509],{"class":5613},[5599,15761,15762],{"class":5601,"line":7193},[5599,15763,11861],{"class":5613},[5599,15765,15766],{"class":5601,"line":8288},[5599,15767,11866],{"class":5613},[5599,15769,15770],{"class":5601,"line":8297},[5599,15771,5759],{"class":5613},[5599,15773,15774],{"class":5601,"line":8302},[5599,15775,5680],{"emptyLinePlaceholder":5679},[5599,15777,15778,15780],{"class":5601,"line":8327},[5599,15779,5771],{"class":5770},[5599,15781,5774],{"class":5613},[5599,15783,15784,15786,15788,15790,15792,15794,15796,15798,15800,15802,15804],{"class":5601,"line":8344},[5599,15785,5781],{"class":5780},[5599,15787,5785],{"class":5784},[5599,15789,5789],{"class":5788},[5599,15791,5792],{"class":5613},[5599,15793,5795],{"class":5605},[5599,15795,5798],{"class":5609},[5599,15797,5641],{"class":5834},[5599,15799,6714],{"class":5694},[5599,15801,5860],{"class":5834},[5599,15803,5801],{"class":5605},[5599,15805,5804],{"class":5780},[5599,15807,15808,15810,15812,15814,15817,15819],{"class":5601,"line":8353},[5599,15809,8720],{"class":5605},[5599,15811,6527],{"class":5694},[5599,15813,5704],{"class":5834},[5599,15815,15816],{"class":5694},"root",[5599,15818,6806],{"class":5613},[5599,15820,5774],{"class":5834},[5599,15822,15823,15825,15827,15829,15831,15834,15836,15838,15840,15842,15844,15846,15848,15850,15852,15854],{"class":5601,"line":8362},[5599,15824,6736],{"class":5780},[5599,15826,6728],{"class":5784},[5599,15828,6814],{"class":5788},[5599,15830,5792],{"class":5613},[5599,15832,15833],{"class":5644},"\"error-banner\"",[5599,15835,5936],{"class":5780},[5599,15837,5795],{"class":5605},[5599,15839,6527],{"class":5694},[5599,15841,5704],{"class":5834},[5599,15843,15816],{"class":5694},[5599,15845,5704],{"class":5834},[5599,15847,6834],{"class":5694},[5599,15849,5801],{"class":5605},[5599,15851,5942],{"class":5780},[5599,15853,6728],{"class":5784},[5599,15855,5804],{"class":5780},[5599,15857,15858,15860],{"class":5601,"line":8367},[5599,15859,12581],{"class":5834},[5599,15861,5968],{"class":5605},[5599,15863,15864],{"class":5601,"line":12330},[5599,15865,5680],{"emptyLinePlaceholder":5679},[5599,15867,15868,15870,15872],{"class":5601,"line":12360},[5599,15869,5810],{"class":5780},[5599,15871,6728],{"class":5784},[5599,15873,5804],{"class":5780},[5599,15875,15876,15878,15880,15882,15884,15886,15888,15890,15892,15894],{"class":5601,"line":12385},[5599,15877,6736],{"class":5780},[5599,15879,6739],{"class":5784},[5599,15881,6742],{"class":5788},[5599,15883,5792],{"class":5613},[5599,15885,6747],{"class":5644},[5599,15887,5936],{"class":5780},[5599,15889,6752],{"class":5613},[5599,15891,5942],{"class":5780},[5599,15893,6739],{"class":5784},[5599,15895,5804],{"class":5780},[5599,15897,15898,15900,15902,15904,15906,15908,15910,15912,15914,15916,15918,15920,15922],{"class":5601,"line":12409},[5599,15899,6736],{"class":5780},[5599,15901,5813],{"class":5784},[5599,15903,6768],{"class":5788},[5599,15905,5792],{"class":5613},[5599,15907,6747],{"class":5644},[5599,15909,6775],{"class":5605},[5599,15911,6778],{"class":5613},[5599,15913,6781],{"class":5609},[5599,15915,5641],{"class":5834},[5599,15917,6747],{"class":5644},[5599,15919,5860],{"class":5834},[5599,15921,5801],{"class":5605},[5599,15923,5865],{"class":5780},[5599,15925,15926,15928,15930,15932,15934,15936,15938,15940,15942,15944,15946,15948,15950,15952,15954,15956,15958,15960,15962,15964,15966,15968],{"class":5601,"line":12418},[5599,15927,6797],{"class":5605},[5599,15929,6527],{"class":5694},[5599,15931,5704],{"class":5834},[5599,15933,5627],{"class":5694},[5599,15935,6806],{"class":5613},[5599,15937,6809],{"class":5780},[5599,15939,5479],{"class":5784},[5599,15941,6814],{"class":5788},[5599,15943,5792],{"class":5613},[5599,15945,6819],{"class":5644},[5599,15947,5936],{"class":5780},[5599,15949,5795],{"class":5605},[5599,15951,6527],{"class":5694},[5599,15953,5704],{"class":5834},[5599,15955,5627],{"class":5694},[5599,15957,5704],{"class":5834},[5599,15959,6834],{"class":5694},[5599,15961,5801],{"class":5605},[5599,15963,5942],{"class":5780},[5599,15965,5479],{"class":5784},[5599,15967,5936],{"class":5780},[5599,15969,5968],{"class":5605},[5599,15971,15972,15974,15976],{"class":5601,"line":12427},[5599,15973,6850],{"class":5780},[5599,15975,6728],{"class":5784},[5599,15977,5804],{"class":5780},[5599,15979,15980],{"class":5601,"line":12432},[5599,15981,5680],{"emptyLinePlaceholder":5679},[5599,15983,15984,15986,15988],{"class":5601,"line":12448},[5599,15985,5810],{"class":5780},[5599,15987,6728],{"class":5784},[5599,15989,5804],{"class":5780},[5599,15991,15992,15994,15996,15998,16000,16002,16004,16006,16008,16010],{"class":5601,"line":12457},[5599,15993,6736],{"class":5780},[5599,15995,6739],{"class":5784},[5599,15997,6742],{"class":5788},[5599,15999,5792],{"class":5613},[5599,16001,6882],{"class":5644},[5599,16003,5936],{"class":5780},[5599,16005,6887],{"class":5613},[5599,16007,5942],{"class":5780},[5599,16009,6739],{"class":5784},[5599,16011,5804],{"class":5780},[5599,16013,16014,16016,16018,16020,16022,16024,16026,16028,16030,16032,16034,16036,16038,16040,16042,16044],{"class":5601,"line":12481},[5599,16015,6736],{"class":5780},[5599,16017,5813],{"class":5784},[5599,16019,6768],{"class":5788},[5599,16021,5792],{"class":5613},[5599,16023,6882],{"class":5644},[5599,16025,5928],{"class":5788},[5599,16027,5792],{"class":5613},[5599,16029,6882],{"class":5644},[5599,16031,6775],{"class":5605},[5599,16033,6778],{"class":5613},[5599,16035,6781],{"class":5609},[5599,16037,5641],{"class":5834},[5599,16039,6882],{"class":5644},[5599,16041,5860],{"class":5834},[5599,16043,5801],{"class":5605},[5599,16045,5865],{"class":5780},[5599,16047,16048,16050,16052,16054,16056,16058,16060,16062,16064,16066,16068,16070,16072,16074,16076,16078,16080,16082,16084,16086,16088,16090],{"class":5601,"line":12510},[5599,16049,6797],{"class":5605},[5599,16051,6527],{"class":5694},[5599,16053,5704],{"class":5834},[5599,16055,5658],{"class":5694},[5599,16057,6806],{"class":5613},[5599,16059,6809],{"class":5780},[5599,16061,5479],{"class":5784},[5599,16063,6814],{"class":5788},[5599,16065,5792],{"class":5613},[5599,16067,6819],{"class":5644},[5599,16069,5936],{"class":5780},[5599,16071,5795],{"class":5605},[5599,16073,6527],{"class":5694},[5599,16075,5704],{"class":5834},[5599,16077,5658],{"class":5694},[5599,16079,5704],{"class":5834},[5599,16081,6834],{"class":5694},[5599,16083,5801],{"class":5605},[5599,16085,5942],{"class":5780},[5599,16087,5479],{"class":5784},[5599,16089,5936],{"class":5780},[5599,16091,5968],{"class":5605},[5599,16093,16094,16096,16098],{"class":5601,"line":12525},[5599,16095,6850],{"class":5780},[5599,16097,6728],{"class":5784},[5599,16099,5804],{"class":5780},[5599,16101,16102],{"class":5601,"line":12561},[5599,16103,5680],{"emptyLinePlaceholder":5679},[5599,16105,16106,16108,16110],{"class":5601,"line":12569},[5599,16107,5810],{"class":5780},[5599,16109,6728],{"class":5784},[5599,16111,5804],{"class":5780},[5599,16113,16114,16116,16118,16120,16122,16124,16126,16128,16130,16132],{"class":5601,"line":12578},[5599,16115,6736],{"class":5780},[5599,16117,6739],{"class":5784},[5599,16119,6742],{"class":5788},[5599,16121,5792],{"class":5613},[5599,16123,7012],{"class":5644},[5599,16125,5936],{"class":5780},[5599,16127,7017],{"class":5613},[5599,16129,5942],{"class":5780},[5599,16131,6739],{"class":5784},[5599,16133,5804],{"class":5780},[5599,16135,16136,16138,16140,16142,16144,16146,16148,16150,16152,16154,16156,16158,16160,16162,16164,16166],{"class":5601,"line":12586},[5599,16137,6736],{"class":5780},[5599,16139,5813],{"class":5784},[5599,16141,6768],{"class":5788},[5599,16143,5792],{"class":5613},[5599,16145,7012],{"class":5644},[5599,16147,5928],{"class":5788},[5599,16149,5792],{"class":5613},[5599,16151,7012],{"class":5644},[5599,16153,6775],{"class":5605},[5599,16155,6778],{"class":5613},[5599,16157,6781],{"class":5609},[5599,16159,5641],{"class":5834},[5599,16161,7012],{"class":5644},[5599,16163,5860],{"class":5834},[5599,16165,5801],{"class":5605},[5599,16167,5865],{"class":5780},[5599,16169,16170,16172,16174,16176,16178,16180,16182,16184,16186,16188,16190,16192,16194,16196,16198,16200,16202,16204,16206,16208,16210,16212],{"class":5601,"line":12591},[5599,16171,6797],{"class":5605},[5599,16173,6527],{"class":5694},[5599,16175,5704],{"class":5834},[5599,16177,7070],{"class":5694},[5599,16179,6806],{"class":5613},[5599,16181,6809],{"class":5780},[5599,16183,5479],{"class":5784},[5599,16185,6814],{"class":5788},[5599,16187,5792],{"class":5613},[5599,16189,6819],{"class":5644},[5599,16191,5936],{"class":5780},[5599,16193,5795],{"class":5605},[5599,16195,6527],{"class":5694},[5599,16197,5704],{"class":5834},[5599,16199,7070],{"class":5694},[5599,16201,5704],{"class":5834},[5599,16203,6834],{"class":5694},[5599,16205,5801],{"class":5605},[5599,16207,5942],{"class":5780},[5599,16209,5479],{"class":5784},[5599,16211,5936],{"class":5780},[5599,16213,5968],{"class":5605},[5599,16215,16216,16218,16220],{"class":5601,"line":12607},[5599,16217,6850],{"class":5780},[5599,16219,6728],{"class":5784},[5599,16221,5804],{"class":5780},[5599,16223,16224],{"class":5601,"line":12616},[5599,16225,5680],{"emptyLinePlaceholder":5679},[5599,16227,16228,16230,16232,16234,16236,16238,16240,16242,16244,16246,16248],{"class":5601,"line":12640},[5599,16229,5810],{"class":5780},[5599,16231,5925],{"class":5784},[5599,16233,5928],{"class":5788},[5599,16235,5792],{"class":5613},[5599,16237,5933],{"class":5644},[5599,16239,7136],{"class":5788},[5599,16241,5792],{"class":5613},[5599,16243,5795],{"class":5605},[5599,16245,6532],{"class":5694},[5599,16247,5801],{"class":5605},[5599,16249,5804],{"class":5780},[5599,16251,16252,16254,16256,16258,16260,16262,16264],{"class":5601,"line":12669},[5599,16253,6797],{"class":5605},[5599,16255,6532],{"class":5694},[5599,16257,7156],{"class":5613},[5599,16259,7159],{"class":5644},[5599,16261,7162],{"class":5613},[5599,16263,7165],{"class":5644},[5599,16265,5968],{"class":5605},[5599,16267,16268,16270,16272],{"class":5601,"line":12684},[5599,16269,6850],{"class":5780},[5599,16271,5925],{"class":5784},[5599,16273,5804],{"class":5780},[5599,16275,16276,16278,16280],{"class":5601,"line":12719},[5599,16277,5952],{"class":5780},[5599,16279,5785],{"class":5784},[5599,16281,5804],{"class":5780},[5599,16283,16284],{"class":5601,"line":12726},[5599,16285,5962],{"class":5613},[5599,16287,16288],{"class":5601,"line":12735},[5599,16289,5968],{"class":5613},[6367,16291,16292,16304,16345],{},[5479,16293,16294,16299,16300,16303],{},[5483,16295,16296,16297],{},"Спеціальне поле ",[5557,16298,15740],{}," використовується для ",[5483,16301,16302],{},"загальних помилок форми",", які не прив'язані до конкретного поля (помилки мережі, помилки сервера, тощо). Ви можете створювати кілька кореневих помилок із різними ключами:",[5590,16305,16307],{"className":5592,"code":16306,"language":5594,"meta":5595,"style":5595},"setError(\"root.serverError\", { message: \"Сервер недоступний\" });\nsetError(\"root.timeout\", { message: \"Перевищено час очікування\" });\n",[5557,16308,16309,16327],{"__ignoreMap":5595},[5599,16310,16311,16313,16315,16318,16320,16322,16325],{"class":5601,"line":5602},[5599,16312,15277],{"class":5609},[5599,16314,5641],{"class":5613},[5599,16316,16317],{"class":5644},"\"root.serverError\"",[5599,16319,9471],{"class":5613},[5599,16321,9720],{"class":5694},[5599,16323,16324],{"class":5644}," \"Сервер недоступний\"",[5599,16326,5753],{"class":5613},[5599,16328,16329,16331,16333,16336,16338,16340,16343],{"class":5601,"line":5617},[5599,16330,15277],{"class":5609},[5599,16332,5641],{"class":5613},[5599,16334,16335],{"class":5644},"\"root.timeout\"",[5599,16337,9471],{"class":5613},[5599,16339,9720],{"class":5694},[5599,16341,16342],{"class":5644}," \"Перевищено час очікування\"",[5599,16344,5753],{"class":5613},[5479,16346,16347,16348,5630,16351,5704],{},"Доступ до них здійснюється через ",[5557,16349,16350],{},"errors.root?.serverError",[5557,16352,16353],{},"errors.root?.timeout",[5563,16355],{},[5566,16357,16359],{"id":16358},"інтеграція-зі-стилізованими-компонентами-та-ui-бібліотеками","Інтеграція зі стилізованими компонентами та UI-бібліотеками",[5479,16361,16362,16363,5704],{},"У реальних проєктах форми часто будуються на основі готових компонентів з UI-бібліотек (Material-UI, Chakra UI, shadcn\u002Fui). Ці компоненти мають власні API для передачі значень та обробників, що відрізняється від нативних ",[5557,16364,16365],{},"\u003Cinput>",[5479,16367,16368,16369,16372],{},"Для таких випадків React Hook Form надає компонент ",[5557,16370,16371],{},"\u003CController>",", який служить адаптером між некерованим підходом RHF та керованими компонентами UI-бібліотек.",[5980,16374,16376],{"id":16375},"приклад-з-керованим-компонентом","Приклад з керованим компонентом",[5590,16378,16380],{"className":5592,"code":16379,"language":5594,"meta":5595,"style":5595},"import { useForm, Controller } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\nimport { z } from \"zod\";\n\n\u002F\u002F Припустимо, це стороння UI-бібліотека з власним API\nfunction CustomInput({\n  value,\n  onChange,\n  error,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  error?: string;\n}) {\n  return (\n    \u003Cdiv className=\"custom-input\">\n      \u003Cinput\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        className={error ? \"error\" : \"\"}\n      \u002F>\n      {error && \u003Cspan className=\"error-message\">{error}\u003C\u002Fspan>}\n    \u003C\u002Fdiv>\n  );\n}\n\nconst schema = z.object({\n  username: z.string().min(3, \"Мінімум 3 символи\"),\n});\n\ntype FormData = z.infer\u003Ctypeof schema>;\n\nfunction ControlledComponentForm() {\n  const {\n    control,\n    handleSubmit,\n    formState: { errors },\n  } = useForm\u003CFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      username: \"\",\n    },\n  });\n\n  const onSubmit = (data: FormData) => {\n    console.log(data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003CController\n        name=\"username\"\n        control={control}\n        render={({ field }) => (\n          \u003CCustomInput\n            value={field.value}\n            onChange={field.onChange}\n            error={errors.username?.message}\n          \u002F>\n        )}\n      \u002F>\n\n      \u003Cbutton type=\"submit\">Відправити\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,16381,16382,16403,16419,16435,16439,16444,16453,16460,16467,16474,16479,16489,16511,16522,16527,16533,16548,16554,16567,16602,16624,16629,16664,16672,16676,16680,16684,16701,16728,16732,16736,16759,16763,16772,16778,16784,16790,16800,16813,16826,16832,16841,16845,16849,16853,16873,16887,16891,16895,16901,16925,16932,16942,16955,16975,16982,16999,17016,17038,17043,17049,17053,17057,17079,17087,17091],{"__ignoreMap":5595},[5599,16383,16384,16386,16388,16390,16392,16395,16397,16399,16401],{"class":5601,"line":5602},[5599,16385,6152],{"class":5770},[5599,16387,6155],{"class":5613},[5599,16389,6455],{"class":5694},[5599,16391,5630],{"class":5613},[5599,16393,16394],{"class":5694},"Controller",[5599,16396,6161],{"class":5613},[5599,16398,6164],{"class":5770},[5599,16400,6462],{"class":5644},[5599,16402,6170],{"class":5613},[5599,16404,16405,16407,16409,16411,16413,16415,16417],{"class":5601,"line":5617},[5599,16406,6152],{"class":5770},[5599,16408,6155],{"class":5613},[5599,16410,6473],{"class":5694},[5599,16412,6161],{"class":5613},[5599,16414,6164],{"class":5770},[5599,16416,6480],{"class":5644},[5599,16418,6170],{"class":5613},[5599,16420,16421,16423,16425,16427,16429,16431,16433],{"class":5601,"line":5651},[5599,16422,6152],{"class":5770},[5599,16424,6155],{"class":5613},[5599,16426,6158],{"class":5694},[5599,16428,6161],{"class":5613},[5599,16430,6164],{"class":5770},[5599,16432,6167],{"class":5644},[5599,16434,6170],{"class":5613},[5599,16436,16437],{"class":5601,"line":5676},[5599,16438,5680],{"emptyLinePlaceholder":5679},[5599,16440,16441],{"class":5601,"line":5683},[5599,16442,16443],{"class":6179},"\u002F\u002F Припустимо, це стороння UI-бібліотека з власним API\n",[5599,16445,16446,16448,16451],{"class":5601,"line":5719},[5599,16447,5606],{"class":5605},[5599,16449,16450],{"class":5609}," CustomInput",[5599,16452,6201],{"class":5613},[5599,16454,16455,16458],{"class":5601,"line":5733},[5599,16456,16457],{"class":5694},"  value",[5599,16459,6509],{"class":5613},[5599,16461,16462,16465],{"class":5601,"line":5756},[5599,16463,16464],{"class":5694},"  onChange",[5599,16466,6509],{"class":5613},[5599,16468,16469,16472],{"class":5601,"line":5762},[5599,16470,16471],{"class":5694},"  error",[5599,16473,6509],{"class":5613},[5599,16475,16476],{"class":5601,"line":5767},[5599,16477,16478],{"class":5613},"}: {\n",[5599,16480,16481,16483,16485,16487],{"class":5601,"line":5777},[5599,16482,16457],{"class":5694},[5599,16484,5698],{"class":5613},[5599,16486,6217],{"class":5701},[5599,16488,6170],{"class":5613},[5599,16490,16491,16493,16496,16498,16500,16502,16504,16506,16509],{"class":5601,"line":5807},[5599,16492,16464],{"class":5609},[5599,16494,16495],{"class":5613},": (",[5599,16497,5857],{"class":5694},[5599,16499,5698],{"class":5613},[5599,16501,6217],{"class":5701},[5599,16503,5710],{"class":5613},[5599,16505,5713],{"class":5605},[5599,16507,16508],{"class":5701}," void",[5599,16510,6170],{"class":5613},[5599,16512,16513,16515,16518,16520],{"class":5601,"line":5868},[5599,16514,16471],{"class":5694},[5599,16516,16517],{"class":5613},"?: ",[5599,16519,6217],{"class":5701},[5599,16521,6170],{"class":5613},[5599,16523,16524],{"class":5601,"line":5920},[5599,16525,16526],{"class":5613},"}) {\n",[5599,16528,16529,16531],{"class":5601,"line":5949},[5599,16530,5771],{"class":5770},[5599,16532,5774],{"class":5613},[5599,16534,16535,16537,16539,16541,16543,16546],{"class":5601,"line":5959},[5599,16536,5781],{"class":5780},[5599,16538,6728],{"class":5784},[5599,16540,6814],{"class":5788},[5599,16542,5792],{"class":5613},[5599,16544,16545],{"class":5644},"\"custom-input\"",[5599,16547,5804],{"class":5780},[5599,16549,16550,16552],{"class":5601,"line":5965},[5599,16551,5810],{"class":5780},[5599,16553,8187],{"class":5784},[5599,16555,16556,16559,16561,16563,16565],{"class":5601,"line":6339},[5599,16557,16558],{"class":5788},"        value",[5599,16560,5792],{"class":5613},[5599,16562,5795],{"class":5605},[5599,16564,5857],{"class":5694},[5599,16566,5968],{"class":5605},[5599,16568,16569,16572,16574,16576,16578,16580,16582,16584,16586,16588,16590,16592,16594,16596,16598,16600],{"class":5601,"line":6680},[5599,16570,16571],{"class":5788},"        onChange",[5599,16573,5792],{"class":5613},[5599,16575,5795],{"class":5605},[5599,16577,5641],{"class":5834},[5599,16579,5695],{"class":5694},[5599,16581,5710],{"class":5834},[5599,16583,5713],{"class":5605},[5599,16585,5827],{"class":5609},[5599,16587,5641],{"class":5834},[5599,16589,5695],{"class":5694},[5599,16591,5704],{"class":5834},[5599,16593,5852],{"class":5694},[5599,16595,5704],{"class":5834},[5599,16597,5857],{"class":5694},[5599,16599,5860],{"class":5834},[5599,16601,5968],{"class":5605},[5599,16603,16604,16607,16609,16611,16613,16615,16618,16620,16622],{"class":5601,"line":6685},[5599,16605,16606],{"class":5788},"        className",[5599,16608,5792],{"class":5613},[5599,16610,5795],{"class":5605},[5599,16612,15596],{"class":5694},[5599,16614,7156],{"class":5613},[5599,16616,16617],{"class":5644}," \"error\"",[5599,16619,7162],{"class":5613},[5599,16621,8545],{"class":5644},[5599,16623,5968],{"class":5605},[5599,16625,16626],{"class":5601,"line":6690},[5599,16627,16628],{"class":5780},"      \u002F>\n",[5599,16630,16631,16633,16635,16637,16639,16641,16643,16645,16648,16650,16652,16654,16656,16658,16660,16662],{"class":5601,"line":6697},[5599,16632,8720],{"class":5605},[5599,16634,15596],{"class":5694},[5599,16636,6806],{"class":5613},[5599,16638,6809],{"class":5780},[5599,16640,5599],{"class":5784},[5599,16642,6814],{"class":5788},[5599,16644,5792],{"class":5613},[5599,16646,16647],{"class":5644},"\"error-message\"",[5599,16649,5936],{"class":5780},[5599,16651,5795],{"class":5605},[5599,16653,15596],{"class":5694},[5599,16655,5801],{"class":5605},[5599,16657,5942],{"class":5780},[5599,16659,5599],{"class":5784},[5599,16661,5936],{"class":5780},[5599,16663,5968],{"class":5605},[5599,16665,16666,16668,16670],{"class":5601,"line":6723},[5599,16667,5952],{"class":5780},[5599,16669,6728],{"class":5784},[5599,16671,5804],{"class":5780},[5599,16673,16674],{"class":5601,"line":6733},[5599,16675,5962],{"class":5613},[5599,16677,16678],{"class":5601,"line":6761},[5599,16679,5968],{"class":5613},[5599,16681,16682],{"class":5601,"line":6794},[5599,16683,5680],{"emptyLinePlaceholder":5679},[5599,16685,16686,16688,16691,16693,16695,16697,16699],{"class":5601,"line":6847},[5599,16687,6185],{"class":5605},[5599,16689,16690],{"class":5626}," schema",[5599,16692,6191],{"class":5613},[5599,16694,6158],{"class":5694},[5599,16696,5704],{"class":5613},[5599,16698,6198],{"class":5609},[5599,16700,6201],{"class":5613},[5599,16702,16703,16706,16708,16710,16712,16714,16716,16718,16721,16723,16726],{"class":5601,"line":6857},[5599,16704,16705],{"class":5694},"  username:",[5599,16707,7307],{"class":5694},[5599,16709,5704],{"class":5613},[5599,16711,6217],{"class":5609},[5599,16713,7314],{"class":5613},[5599,16715,6227],{"class":5609},[5599,16717,5641],{"class":5613},[5599,16719,16720],{"class":6232},"3",[5599,16722,5630],{"class":5613},[5599,16724,16725],{"class":5644},"\"Мінімум 3 символи\"",[5599,16727,6261],{"class":5613},[5599,16729,16730],{"class":5601,"line":6862},[5599,16731,6327],{"class":5613},[5599,16733,16734],{"class":5601,"line":6871},[5599,16735,5680],{"emptyLinePlaceholder":5679},[5599,16737,16738,16740,16743,16745,16747,16749,16751,16753,16755,16757],{"class":5601,"line":6896},[5599,16739,6342],{"class":5605},[5599,16741,16742],{"class":5701}," FormData",[5599,16744,6191],{"class":5613},[5599,16746,6158],{"class":5701},[5599,16748,5704],{"class":5613},[5599,16750,6354],{"class":5701},[5599,16752,6357],{"class":5613},[5599,16754,6360],{"class":5605},[5599,16756,16690],{"class":5694},[5599,16758,6365],{"class":5613},[5599,16760,16761],{"class":5601,"line":6931},[5599,16762,5680],{"emptyLinePlaceholder":5679},[5599,16764,16765,16767,16770],{"class":5601,"line":6978},[5599,16766,5606],{"class":5605},[5599,16768,16769],{"class":5609}," ControlledComponentForm",[5599,16771,5614],{"class":5613},[5599,16773,16774,16776],{"class":5601,"line":6987},[5599,16775,5620],{"class":5605},[5599,16777,5716],{"class":5613},[5599,16779,16780,16782],{"class":5601,"line":6992},[5599,16781,13120],{"class":5626},[5599,16783,6509],{"class":5613},[5599,16785,16786,16788],{"class":5601,"line":7001},[5599,16787,6514],{"class":5626},[5599,16789,6509],{"class":5613},[5599,16791,16792,16794,16796,16798],{"class":5601,"line":7026},[5599,16793,6521],{"class":5694},[5599,16795,6524],{"class":5613},[5599,16797,6527],{"class":5626},[5599,16799,6535],{"class":5613},[5599,16801,16802,16804,16806,16808,16811],{"class":5601,"line":7061},[5599,16803,6540],{"class":5613},[5599,16805,6455],{"class":5609},[5599,16807,6357],{"class":5613},[5599,16809,16810],{"class":5701},"FormData",[5599,16812,6550],{"class":5613},[5599,16814,16815,16817,16819,16821,16824],{"class":5601,"line":7109},[5599,16816,6555],{"class":5694},[5599,16818,6558],{"class":5609},[5599,16820,5641],{"class":5613},[5599,16822,16823],{"class":5694},"schema",[5599,16825,6261],{"class":5613},[5599,16827,16828,16830],{"class":5601,"line":7118},[5599,16829,8535],{"class":5694},[5599,16831,5716],{"class":5613},[5599,16833,16834,16837,16839],{"class":5601,"line":7123},[5599,16835,16836],{"class":5694},"      username:",[5599,16838,8545],{"class":5644},[5599,16840,6509],{"class":5613},[5599,16842,16843],{"class":5601,"line":7149},[5599,16844,8579],{"class":5613},[5599,16846,16847],{"class":5601,"line":7170},[5599,16848,6570],{"class":5613},[5599,16850,16851],{"class":5601,"line":7179},[5599,16852,5680],{"emptyLinePlaceholder":5679},[5599,16854,16855,16857,16859,16861,16863,16865,16867,16869,16871],{"class":5601,"line":7188},[5599,16856,5620],{"class":5605},[5599,16858,5789],{"class":5609},[5599,16860,5691],{"class":5613},[5599,16862,6590],{"class":5694},[5599,16864,5698],{"class":5613},[5599,16866,16810],{"class":5701},[5599,16868,5710],{"class":5613},[5599,16870,5713],{"class":5605},[5599,16872,5716],{"class":5613},[5599,16874,16875,16877,16879,16881,16883,16885],{"class":5601,"line":7193},[5599,16876,5736],{"class":5694},[5599,16878,5704],{"class":5613},[5599,16880,5741],{"class":5609},[5599,16882,5641],{"class":5613},[5599,16884,6590],{"class":5694},[5599,16886,5648],{"class":5613},[5599,16888,16889],{"class":5601,"line":8288},[5599,16890,5759],{"class":5613},[5599,16892,16893],{"class":5601,"line":8297},[5599,16894,5680],{"emptyLinePlaceholder":5679},[5599,16896,16897,16899],{"class":5601,"line":8302},[5599,16898,5771],{"class":5770},[5599,16900,5774],{"class":5613},[5599,16902,16903,16905,16907,16909,16911,16913,16915,16917,16919,16921,16923],{"class":5601,"line":8327},[5599,16904,5781],{"class":5780},[5599,16906,5785],{"class":5784},[5599,16908,5789],{"class":5788},[5599,16910,5792],{"class":5613},[5599,16912,5795],{"class":5605},[5599,16914,5798],{"class":5609},[5599,16916,5641],{"class":5834},[5599,16918,6714],{"class":5694},[5599,16920,5860],{"class":5834},[5599,16922,5801],{"class":5605},[5599,16924,5804],{"class":5780},[5599,16926,16927,16929],{"class":5601,"line":8344},[5599,16928,5810],{"class":5780},[5599,16930,16931],{"class":5701},"Controller\n",[5599,16933,16934,16937,16939],{"class":5601,"line":8353},[5599,16935,16936],{"class":5788},"        name",[5599,16938,5792],{"class":5613},[5599,16940,16941],{"class":5644},"\"username\"\n",[5599,16943,16944,16947,16949,16951,16953],{"class":5601,"line":8362},[5599,16945,16946],{"class":5788},"        control",[5599,16948,5792],{"class":5613},[5599,16950,5795],{"class":5605},[5599,16952,14262],{"class":5694},[5599,16954,5968],{"class":5605},[5599,16956,16957,16960,16962,16964,16966,16968,16971,16973],{"class":5601,"line":8367},[5599,16958,16959],{"class":5788},"        render",[5599,16961,5792],{"class":5613},[5599,16963,5795],{"class":5605},[5599,16965,5744],{"class":5834},[5599,16967,13500],{"class":5694},[5599,16969,16970],{"class":5834}," }) ",[5599,16972,5713],{"class":5605},[5599,16974,5774],{"class":5834},[5599,16976,16977,16979],{"class":5601,"line":12330},[5599,16978,8248],{"class":5780},[5599,16980,16981],{"class":5701},"CustomInput\n",[5599,16983,16984,16987,16989,16991,16993,16995,16997],{"class":5601,"line":12360},[5599,16985,16986],{"class":5788},"            value",[5599,16988,5792],{"class":5613},[5599,16990,5795],{"class":5605},[5599,16992,13500],{"class":5694},[5599,16994,5704],{"class":5834},[5599,16996,5857],{"class":5694},[5599,16998,5968],{"class":5605},[5599,17000,17001,17004,17006,17008,17010,17012,17014],{"class":5601,"line":12385},[5599,17002,17003],{"class":5788},"            onChange",[5599,17005,5792],{"class":5613},[5599,17007,5795],{"class":5605},[5599,17009,13500],{"class":5694},[5599,17011,5704],{"class":5834},[5599,17013,5587],{"class":5694},[5599,17015,5968],{"class":5605},[5599,17017,17018,17021,17023,17025,17027,17029,17032,17034,17036],{"class":5601,"line":12409},[5599,17019,17020],{"class":5788},"            error",[5599,17022,5792],{"class":5613},[5599,17024,5795],{"class":5605},[5599,17026,6527],{"class":5694},[5599,17028,5704],{"class":5834},[5599,17030,17031],{"class":5694},"username",[5599,17033,13742],{"class":5834},[5599,17035,6834],{"class":5694},[5599,17037,5968],{"class":5605},[5599,17039,17040],{"class":5601,"line":12418},[5599,17041,17042],{"class":5780},"          \u002F>\n",[5599,17044,17045,17047],{"class":5601,"line":12427},[5599,17046,8283],{"class":5834},[5599,17048,5968],{"class":5605},[5599,17050,17051],{"class":5601,"line":12432},[5599,17052,16628],{"class":5780},[5599,17054,17055],{"class":5601,"line":12448},[5599,17056,5680],{"emptyLinePlaceholder":5679},[5599,17058,17059,17061,17063,17065,17067,17069,17071,17073,17075,17077],{"class":5601,"line":12457},[5599,17060,5810],{"class":5780},[5599,17062,5925],{"class":5784},[5599,17064,5928],{"class":5788},[5599,17066,5792],{"class":5613},[5599,17068,5933],{"class":5644},[5599,17070,5936],{"class":5780},[5599,17072,5939],{"class":5613},[5599,17074,5942],{"class":5780},[5599,17076,5925],{"class":5784},[5599,17078,5804],{"class":5780},[5599,17080,17081,17083,17085],{"class":5601,"line":12481},[5599,17082,5952],{"class":5780},[5599,17084,5785],{"class":5784},[5599,17086,5804],{"class":5780},[5599,17088,17089],{"class":5601,"line":12510},[5599,17090,5962],{"class":5613},[5599,17092,17093],{"class":5601,"line":12525},[5599,17094,5968],{"class":5613},[6019,17096,17097,17105,17145],{},[5479,17098,17099,17104],{},[5483,17100,17101,17102],{},"Компонент ",[5557,17103,16371],{}," приймає три обов'язкові параметри:",[7204,17106,17107,17114,17126],{},[5512,17108,17109,17113],{},[5483,17110,17111,5560],{},[5557,17112,5627],{}," ім'я поля у формі.",[5512,17115,17116,17120,17121,17123,17124,5704],{},[5483,17117,17118,5560],{},[5557,17119,14262],{}," об'єкт ",[5557,17122,14262],{}," з ",[5557,17125,6455],{},[5512,17127,17128,17133,17134,17136,17137,5630,17139,5630,17141,5630,17143,5704],{},[5483,17129,17130,5560],{},[5557,17131,17132],{},"render"," функція рендерингу, яка отримує об'єкт ",[5557,17135,13500],{}," з методами ",[5557,17138,5587],{},[5557,17140,6000],{},[5557,17142,5857],{},[5557,17144,6042],{},[5479,17146,17147,17150,17151,17154],{},[5557,17148,17149],{},"field.onChange"," викликається з новим значенням поля, ",[5557,17152,17153],{},"field.value"," містить поточне значення. React Hook Form автоматично відстежує зміни та валідує поле.",[5563,17156],{},[5566,17158,17160],{"id":17159},"розділення-логіки-форми-на-компоненти","Розділення логіки форми на компоненти",[5479,17162,17163,17164,5630,17166,5494,17168,17170],{},"Коли форма стає великою (20+ полів), рекомендується розділити її на менші компоненти. React Hook Form дозволяє передавати ",[5557,17165,6781],{},[5557,17167,14262],{},[5557,17169,6527],{}," у дочірні компоненти.",[5590,17172,17174],{"className":5592,"code":17173,"language":5594,"meta":5595,"style":5595},"\u002F\u002F PersonalInfoSection.tsx\ninterface PersonalInfoSectionProps {\n  register: UseFormRegister\u003CRegistrationFormData>;\n  errors: FieldErrors\u003CRegistrationFormData>;\n}\n\nfunction PersonalInfoSection({ register, errors }: PersonalInfoSectionProps) {\n  return (\n    \u003Cfieldset>\n      \u003Clegend>Особисті дані\u003C\u002Flegend>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n  );\n}\n\n\u002F\u002F PasswordSection.tsx\ninterface PasswordSectionProps {\n  register: UseFormRegister\u003CRegistrationFormData>;\n  errors: FieldErrors\u003CRegistrationFormData>;\n}\n\nfunction PasswordSection({ register, errors }: PasswordSectionProps) {\n  return (\n    \u003Cfieldset>\n      \u003Clegend>Безпека\u003C\u002Flegend>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"password\">Пароль\u003C\u002Flabel>\n        \u003Cinput id=\"password\" type=\"password\" {...register(\"password\")} \u002F>\n        {errors.password && \u003Cp className=\"error\">{errors.password.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"confirmPassword\">Підтвердження пароля\u003C\u002Flabel>\n        \u003Cinput\n          id=\"confirmPassword\"\n          type=\"password\"\n          {...register(\"confirmPassword\")}\n        \u002F>\n        {errors.confirmPassword && (\n          \u003Cp className=\"error\">{errors.confirmPassword.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n  );\n}\n\n\u002F\u002F Головний компонент форми\nfunction ModularRegistrationForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n  } = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n  });\n\n  const onSubmit = (data: RegistrationFormData) => {\n    console.log(\"Дані реєстрації:\", data);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003CPersonalInfoSection register={register} errors={errors} \u002F>\n      \u003CPasswordSection register={register} errors={errors} \u002F>\n\n      \u003Cbutton type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Відправка...\" : \"Зареєструватися\"}\n      \u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,17175,17176,17181,17191,17207,17223,17227,17231,17254,17260,17268,17285,17289,17297,17319,17347,17393,17401,17405,17413,17435,17469,17515,17523,17531,17535,17539,17543,17548,17557,17571,17585,17589,17593,17615,17621,17629,17646,17650,17658,17680,17714,17760,17768,17772,17780,17802,17808,17816,17824,17840,17844,17858,17892,17898,17906,17914,17918,17922,17926,17931,17940,17946,17952,17958,17972,17984,17996,18000,18004,18024,18042,18046,18050,18056,18080,18110,18139,18143,18167,18183,18191,18199,18203],{"__ignoreMap":5595},[5599,17177,17178],{"class":5601,"line":5602},[5599,17179,17180],{"class":6179},"\u002F\u002F PersonalInfoSection.tsx\n",[5599,17182,17183,17186,17189],{"class":5601,"line":5617},[5599,17184,17185],{"class":5605},"interface",[5599,17187,17188],{"class":5701}," PersonalInfoSectionProps",[5599,17190,5716],{"class":5613},[5599,17192,17193,17196,17198,17201,17203,17205],{"class":5601,"line":5651},[5599,17194,17195],{"class":5694},"  register",[5599,17197,5698],{"class":5613},[5599,17199,17200],{"class":5701},"UseFormRegister",[5599,17202,6357],{"class":5613},[5599,17204,6547],{"class":5701},[5599,17206,6365],{"class":5613},[5599,17208,17209,17212,17214,17217,17219,17221],{"class":5601,"line":5676},[5599,17210,17211],{"class":5694},"  errors",[5599,17213,5698],{"class":5613},[5599,17215,17216],{"class":5701},"FieldErrors",[5599,17218,6357],{"class":5613},[5599,17220,6547],{"class":5701},[5599,17222,6365],{"class":5613},[5599,17224,17225],{"class":5601,"line":5683},[5599,17226,5968],{"class":5613},[5599,17228,17229],{"class":5601,"line":5719},[5599,17230,5680],{"emptyLinePlaceholder":5679},[5599,17232,17233,17235,17238,17240,17242,17244,17246,17249,17252],{"class":5601,"line":5733},[5599,17234,5606],{"class":5605},[5599,17236,17237],{"class":5609}," PersonalInfoSection",[5599,17239,5744],{"class":5613},[5599,17241,6781],{"class":5694},[5599,17243,5630],{"class":5613},[5599,17245,6527],{"class":5694},[5599,17247,17248],{"class":5613}," }: ",[5599,17250,17251],{"class":5701},"PersonalInfoSectionProps",[5599,17253,11802],{"class":5613},[5599,17255,17256,17258],{"class":5601,"line":5756},[5599,17257,5771],{"class":5770},[5599,17259,5774],{"class":5613},[5599,17261,17262,17264,17266],{"class":5601,"line":5762},[5599,17263,5781],{"class":5780},[5599,17265,10460],{"class":5784},[5599,17267,5804],{"class":5780},[5599,17269,17270,17272,17274,17276,17279,17281,17283],{"class":5601,"line":5767},[5599,17271,5810],{"class":5780},[5599,17273,10469],{"class":5784},[5599,17275,5936],{"class":5780},[5599,17277,17278],{"class":5613},"Особисті дані",[5599,17280,5942],{"class":5780},[5599,17282,10469],{"class":5784},[5599,17284,5804],{"class":5780},[5599,17286,17287],{"class":5601,"line":5777},[5599,17288,5680],{"emptyLinePlaceholder":5679},[5599,17290,17291,17293,17295],{"class":5601,"line":5807},[5599,17292,5810],{"class":5780},[5599,17294,6728],{"class":5784},[5599,17296,5804],{"class":5780},[5599,17298,17299,17301,17303,17305,17307,17309,17311,17313,17315,17317],{"class":5601,"line":5868},[5599,17300,6736],{"class":5780},[5599,17302,6739],{"class":5784},[5599,17304,6742],{"class":5788},[5599,17306,5792],{"class":5613},[5599,17308,6747],{"class":5644},[5599,17310,5936],{"class":5780},[5599,17312,6752],{"class":5613},[5599,17314,5942],{"class":5780},[5599,17316,6739],{"class":5784},[5599,17318,5804],{"class":5780},[5599,17320,17321,17323,17325,17327,17329,17331,17333,17335,17337,17339,17341,17343,17345],{"class":5601,"line":5920},[5599,17322,6736],{"class":5780},[5599,17324,5813],{"class":5784},[5599,17326,6768],{"class":5788},[5599,17328,5792],{"class":5613},[5599,17330,6747],{"class":5644},[5599,17332,6775],{"class":5605},[5599,17334,6778],{"class":5613},[5599,17336,6781],{"class":5609},[5599,17338,5641],{"class":5834},[5599,17340,6747],{"class":5644},[5599,17342,5860],{"class":5834},[5599,17344,5801],{"class":5605},[5599,17346,5865],{"class":5780},[5599,17348,17349,17351,17353,17355,17357,17359,17361,17363,17365,17367,17369,17371,17373,17375,17377,17379,17381,17383,17385,17387,17389,17391],{"class":5601,"line":5949},[5599,17350,6797],{"class":5605},[5599,17352,6527],{"class":5694},[5599,17354,5704],{"class":5834},[5599,17356,5627],{"class":5694},[5599,17358,6806],{"class":5613},[5599,17360,6809],{"class":5780},[5599,17362,5479],{"class":5784},[5599,17364,6814],{"class":5788},[5599,17366,5792],{"class":5613},[5599,17368,6819],{"class":5644},[5599,17370,5936],{"class":5780},[5599,17372,5795],{"class":5605},[5599,17374,6527],{"class":5694},[5599,17376,5704],{"class":5834},[5599,17378,5627],{"class":5694},[5599,17380,5704],{"class":5834},[5599,17382,6834],{"class":5694},[5599,17384,5801],{"class":5605},[5599,17386,5942],{"class":5780},[5599,17388,5479],{"class":5784},[5599,17390,5936],{"class":5780},[5599,17392,5968],{"class":5605},[5599,17394,17395,17397,17399],{"class":5601,"line":5959},[5599,17396,6850],{"class":5780},[5599,17398,6728],{"class":5784},[5599,17400,5804],{"class":5780},[5599,17402,17403],{"class":5601,"line":5965},[5599,17404,5680],{"emptyLinePlaceholder":5679},[5599,17406,17407,17409,17411],{"class":5601,"line":6339},[5599,17408,5810],{"class":5780},[5599,17410,6728],{"class":5784},[5599,17412,5804],{"class":5780},[5599,17414,17415,17417,17419,17421,17423,17425,17427,17429,17431,17433],{"class":5601,"line":6680},[5599,17416,6736],{"class":5780},[5599,17418,6739],{"class":5784},[5599,17420,6742],{"class":5788},[5599,17422,5792],{"class":5613},[5599,17424,6882],{"class":5644},[5599,17426,5936],{"class":5780},[5599,17428,6887],{"class":5613},[5599,17430,5942],{"class":5780},[5599,17432,6739],{"class":5784},[5599,17434,5804],{"class":5780},[5599,17436,17437,17439,17441,17443,17445,17447,17449,17451,17453,17455,17457,17459,17461,17463,17465,17467],{"class":5601,"line":6685},[5599,17438,6736],{"class":5780},[5599,17440,5813],{"class":5784},[5599,17442,6768],{"class":5788},[5599,17444,5792],{"class":5613},[5599,17446,6882],{"class":5644},[5599,17448,5928],{"class":5788},[5599,17450,5792],{"class":5613},[5599,17452,6882],{"class":5644},[5599,17454,6775],{"class":5605},[5599,17456,6778],{"class":5613},[5599,17458,6781],{"class":5609},[5599,17460,5641],{"class":5834},[5599,17462,6882],{"class":5644},[5599,17464,5860],{"class":5834},[5599,17466,5801],{"class":5605},[5599,17468,5865],{"class":5780},[5599,17470,17471,17473,17475,17477,17479,17481,17483,17485,17487,17489,17491,17493,17495,17497,17499,17501,17503,17505,17507,17509,17511,17513],{"class":5601,"line":6690},[5599,17472,6797],{"class":5605},[5599,17474,6527],{"class":5694},[5599,17476,5704],{"class":5834},[5599,17478,5658],{"class":5694},[5599,17480,6806],{"class":5613},[5599,17482,6809],{"class":5780},[5599,17484,5479],{"class":5784},[5599,17486,6814],{"class":5788},[5599,17488,5792],{"class":5613},[5599,17490,6819],{"class":5644},[5599,17492,5936],{"class":5780},[5599,17494,5795],{"class":5605},[5599,17496,6527],{"class":5694},[5599,17498,5704],{"class":5834},[5599,17500,5658],{"class":5694},[5599,17502,5704],{"class":5834},[5599,17504,6834],{"class":5694},[5599,17506,5801],{"class":5605},[5599,17508,5942],{"class":5780},[5599,17510,5479],{"class":5784},[5599,17512,5936],{"class":5780},[5599,17514,5968],{"class":5605},[5599,17516,17517,17519,17521],{"class":5601,"line":6697},[5599,17518,6850],{"class":5780},[5599,17520,6728],{"class":5784},[5599,17522,5804],{"class":5780},[5599,17524,17525,17527,17529],{"class":5601,"line":6723},[5599,17526,5952],{"class":5780},[5599,17528,10460],{"class":5784},[5599,17530,5804],{"class":5780},[5599,17532,17533],{"class":5601,"line":6733},[5599,17534,5962],{"class":5613},[5599,17536,17537],{"class":5601,"line":6761},[5599,17538,5968],{"class":5613},[5599,17540,17541],{"class":5601,"line":6794},[5599,17542,5680],{"emptyLinePlaceholder":5679},[5599,17544,17545],{"class":5601,"line":6847},[5599,17546,17547],{"class":6179},"\u002F\u002F PasswordSection.tsx\n",[5599,17549,17550,17552,17555],{"class":5601,"line":6857},[5599,17551,17185],{"class":5605},[5599,17553,17554],{"class":5701}," PasswordSectionProps",[5599,17556,5716],{"class":5613},[5599,17558,17559,17561,17563,17565,17567,17569],{"class":5601,"line":6862},[5599,17560,17195],{"class":5694},[5599,17562,5698],{"class":5613},[5599,17564,17200],{"class":5701},[5599,17566,6357],{"class":5613},[5599,17568,6547],{"class":5701},[5599,17570,6365],{"class":5613},[5599,17572,17573,17575,17577,17579,17581,17583],{"class":5601,"line":6871},[5599,17574,17211],{"class":5694},[5599,17576,5698],{"class":5613},[5599,17578,17216],{"class":5701},[5599,17580,6357],{"class":5613},[5599,17582,6547],{"class":5701},[5599,17584,6365],{"class":5613},[5599,17586,17587],{"class":5601,"line":6896},[5599,17588,5968],{"class":5613},[5599,17590,17591],{"class":5601,"line":6931},[5599,17592,5680],{"emptyLinePlaceholder":5679},[5599,17594,17595,17597,17600,17602,17604,17606,17608,17610,17613],{"class":5601,"line":6978},[5599,17596,5606],{"class":5605},[5599,17598,17599],{"class":5609}," PasswordSection",[5599,17601,5744],{"class":5613},[5599,17603,6781],{"class":5694},[5599,17605,5630],{"class":5613},[5599,17607,6527],{"class":5694},[5599,17609,17248],{"class":5613},[5599,17611,17612],{"class":5701},"PasswordSectionProps",[5599,17614,11802],{"class":5613},[5599,17616,17617,17619],{"class":5601,"line":6987},[5599,17618,5771],{"class":5770},[5599,17620,5774],{"class":5613},[5599,17622,17623,17625,17627],{"class":5601,"line":6992},[5599,17624,5781],{"class":5780},[5599,17626,10460],{"class":5784},[5599,17628,5804],{"class":5780},[5599,17630,17631,17633,17635,17637,17640,17642,17644],{"class":5601,"line":7001},[5599,17632,5810],{"class":5780},[5599,17634,10469],{"class":5784},[5599,17636,5936],{"class":5780},[5599,17638,17639],{"class":5613},"Безпека",[5599,17641,5942],{"class":5780},[5599,17643,10469],{"class":5784},[5599,17645,5804],{"class":5780},[5599,17647,17648],{"class":5601,"line":7026},[5599,17649,5680],{"emptyLinePlaceholder":5679},[5599,17651,17652,17654,17656],{"class":5601,"line":7061},[5599,17653,5810],{"class":5780},[5599,17655,6728],{"class":5784},[5599,17657,5804],{"class":5780},[5599,17659,17660,17662,17664,17666,17668,17670,17672,17674,17676,17678],{"class":5601,"line":7109},[5599,17661,6736],{"class":5780},[5599,17663,6739],{"class":5784},[5599,17665,6742],{"class":5788},[5599,17667,5792],{"class":5613},[5599,17669,7012],{"class":5644},[5599,17671,5936],{"class":5780},[5599,17673,7017],{"class":5613},[5599,17675,5942],{"class":5780},[5599,17677,6739],{"class":5784},[5599,17679,5804],{"class":5780},[5599,17681,17682,17684,17686,17688,17690,17692,17694,17696,17698,17700,17702,17704,17706,17708,17710,17712],{"class":5601,"line":7118},[5599,17683,6736],{"class":5780},[5599,17685,5813],{"class":5784},[5599,17687,6768],{"class":5788},[5599,17689,5792],{"class":5613},[5599,17691,7012],{"class":5644},[5599,17693,5928],{"class":5788},[5599,17695,5792],{"class":5613},[5599,17697,7012],{"class":5644},[5599,17699,6775],{"class":5605},[5599,17701,6778],{"class":5613},[5599,17703,6781],{"class":5609},[5599,17705,5641],{"class":5834},[5599,17707,7012],{"class":5644},[5599,17709,5860],{"class":5834},[5599,17711,5801],{"class":5605},[5599,17713,5865],{"class":5780},[5599,17715,17716,17718,17720,17722,17724,17726,17728,17730,17732,17734,17736,17738,17740,17742,17744,17746,17748,17750,17752,17754,17756,17758],{"class":5601,"line":7123},[5599,17717,6797],{"class":5605},[5599,17719,6527],{"class":5694},[5599,17721,5704],{"class":5834},[5599,17723,7070],{"class":5694},[5599,17725,6806],{"class":5613},[5599,17727,6809],{"class":5780},[5599,17729,5479],{"class":5784},[5599,17731,6814],{"class":5788},[5599,17733,5792],{"class":5613},[5599,17735,6819],{"class":5644},[5599,17737,5936],{"class":5780},[5599,17739,5795],{"class":5605},[5599,17741,6527],{"class":5694},[5599,17743,5704],{"class":5834},[5599,17745,7070],{"class":5694},[5599,17747,5704],{"class":5834},[5599,17749,6834],{"class":5694},[5599,17751,5801],{"class":5605},[5599,17753,5942],{"class":5780},[5599,17755,5479],{"class":5784},[5599,17757,5936],{"class":5780},[5599,17759,5968],{"class":5605},[5599,17761,17762,17764,17766],{"class":5601,"line":7149},[5599,17763,6850],{"class":5780},[5599,17765,6728],{"class":5784},[5599,17767,5804],{"class":5780},[5599,17769,17770],{"class":5601,"line":7170},[5599,17771,5680],{"emptyLinePlaceholder":5679},[5599,17773,17774,17776,17778],{"class":5601,"line":7179},[5599,17775,5810],{"class":5780},[5599,17777,6728],{"class":5784},[5599,17779,5804],{"class":5780},[5599,17781,17782,17784,17786,17788,17790,17792,17794,17796,17798,17800],{"class":5601,"line":7188},[5599,17783,6736],{"class":5780},[5599,17785,6739],{"class":5784},[5599,17787,6742],{"class":5788},[5599,17789,5792],{"class":5613},[5599,17791,7511],{"class":5644},[5599,17793,5936],{"class":5780},[5599,17795,8174],{"class":5613},[5599,17797,5942],{"class":5780},[5599,17799,6739],{"class":5784},[5599,17801,5804],{"class":5780},[5599,17803,17804,17806],{"class":5601,"line":7193},[5599,17805,6736],{"class":5780},[5599,17807,8187],{"class":5784},[5599,17809,17810,17812,17814],{"class":5601,"line":8288},[5599,17811,8192],{"class":5788},[5599,17813,5792],{"class":5613},[5599,17815,8197],{"class":5644},[5599,17817,17818,17820,17822],{"class":5601,"line":8297},[5599,17819,8202],{"class":5788},[5599,17821,5792],{"class":5613},[5599,17823,8207],{"class":5644},[5599,17825,17826,17828,17830,17832,17834,17836,17838],{"class":5601,"line":8302},[5599,17827,8212],{"class":5605},[5599,17829,6778],{"class":5613},[5599,17831,6781],{"class":5609},[5599,17833,5641],{"class":5834},[5599,17835,7511],{"class":5644},[5599,17837,5860],{"class":5834},[5599,17839,5968],{"class":5605},[5599,17841,17842],{"class":5601,"line":8327},[5599,17843,8229],{"class":5780},[5599,17845,17846,17848,17850,17852,17854,17856],{"class":5601,"line":8344},[5599,17847,6797],{"class":5605},[5599,17849,6527],{"class":5694},[5599,17851,5704],{"class":5834},[5599,17853,7488],{"class":5694},[5599,17855,6806],{"class":5613},[5599,17857,5774],{"class":5834},[5599,17859,17860,17862,17864,17866,17868,17870,17872,17874,17876,17878,17880,17882,17884,17886,17888,17890],{"class":5601,"line":8353},[5599,17861,8248],{"class":5780},[5599,17863,5479],{"class":5784},[5599,17865,6814],{"class":5788},[5599,17867,5792],{"class":5613},[5599,17869,6819],{"class":5644},[5599,17871,5936],{"class":5780},[5599,17873,5795],{"class":5605},[5599,17875,6527],{"class":5694},[5599,17877,5704],{"class":5834},[5599,17879,7488],{"class":5694},[5599,17881,5704],{"class":5834},[5599,17883,6834],{"class":5694},[5599,17885,5801],{"class":5605},[5599,17887,5942],{"class":5780},[5599,17889,5479],{"class":5784},[5599,17891,5804],{"class":5780},[5599,17893,17894,17896],{"class":5601,"line":8362},[5599,17895,8283],{"class":5834},[5599,17897,5968],{"class":5605},[5599,17899,17900,17902,17904],{"class":5601,"line":8367},[5599,17901,6850],{"class":5780},[5599,17903,6728],{"class":5784},[5599,17905,5804],{"class":5780},[5599,17907,17908,17910,17912],{"class":5601,"line":12330},[5599,17909,5952],{"class":5780},[5599,17911,10460],{"class":5784},[5599,17913,5804],{"class":5780},[5599,17915,17916],{"class":5601,"line":12360},[5599,17917,5962],{"class":5613},[5599,17919,17920],{"class":5601,"line":12385},[5599,17921,5968],{"class":5613},[5599,17923,17924],{"class":5601,"line":12409},[5599,17925,5680],{"emptyLinePlaceholder":5679},[5599,17927,17928],{"class":5601,"line":12418},[5599,17929,17930],{"class":6179},"\u002F\u002F Головний компонент форми\n",[5599,17932,17933,17935,17938],{"class":5601,"line":12427},[5599,17934,5606],{"class":5605},[5599,17936,17937],{"class":5609}," ModularRegistrationForm",[5599,17939,5614],{"class":5613},[5599,17941,17942,17944],{"class":5601,"line":12432},[5599,17943,5620],{"class":5605},[5599,17945,5716],{"class":5613},[5599,17947,17948,17950],{"class":5601,"line":12448},[5599,17949,6506],{"class":5626},[5599,17951,6509],{"class":5613},[5599,17953,17954,17956],{"class":5601,"line":12457},[5599,17955,6514],{"class":5626},[5599,17957,6509],{"class":5613},[5599,17959,17960,17962,17964,17966,17968,17970],{"class":5601,"line":12481},[5599,17961,6521],{"class":5694},[5599,17963,6524],{"class":5613},[5599,17965,6527],{"class":5626},[5599,17967,5630],{"class":5613},[5599,17969,6532],{"class":5626},[5599,17971,6535],{"class":5613},[5599,17973,17974,17976,17978,17980,17982],{"class":5601,"line":12510},[5599,17975,6540],{"class":5613},[5599,17977,6455],{"class":5609},[5599,17979,6357],{"class":5613},[5599,17981,6547],{"class":5701},[5599,17983,6550],{"class":5613},[5599,17985,17986,17988,17990,17992,17994],{"class":5601,"line":12525},[5599,17987,6555],{"class":5694},[5599,17989,6558],{"class":5609},[5599,17991,5641],{"class":5613},[5599,17993,6563],{"class":5694},[5599,17995,6261],{"class":5613},[5599,17997,17998],{"class":5601,"line":12561},[5599,17999,6570],{"class":5613},[5599,18001,18002],{"class":5601,"line":12569},[5599,18003,5680],{"emptyLinePlaceholder":5679},[5599,18005,18006,18008,18010,18012,18014,18016,18018,18020,18022],{"class":5601,"line":12578},[5599,18007,5620],{"class":5605},[5599,18009,5789],{"class":5609},[5599,18011,5691],{"class":5613},[5599,18013,6590],{"class":5694},[5599,18015,5698],{"class":5613},[5599,18017,6547],{"class":5701},[5599,18019,5710],{"class":5613},[5599,18021,5713],{"class":5605},[5599,18023,5716],{"class":5613},[5599,18025,18026,18028,18030,18032,18034,18036,18038,18040],{"class":5601,"line":12586},[5599,18027,5736],{"class":5694},[5599,18029,5704],{"class":5613},[5599,18031,5741],{"class":5609},[5599,18033,5641],{"class":5613},[5599,18035,12136],{"class":5644},[5599,18037,5630],{"class":5613},[5599,18039,6590],{"class":5694},[5599,18041,5648],{"class":5613},[5599,18043,18044],{"class":5601,"line":12591},[5599,18045,5759],{"class":5613},[5599,18047,18048],{"class":5601,"line":12607},[5599,18049,5680],{"emptyLinePlaceholder":5679},[5599,18051,18052,18054],{"class":5601,"line":12616},[5599,18053,5771],{"class":5770},[5599,18055,5774],{"class":5613},[5599,18057,18058,18060,18062,18064,18066,18068,18070,18072,18074,18076,18078],{"class":5601,"line":12640},[5599,18059,5781],{"class":5780},[5599,18061,5785],{"class":5784},[5599,18063,5789],{"class":5788},[5599,18065,5792],{"class":5613},[5599,18067,5795],{"class":5605},[5599,18069,5798],{"class":5609},[5599,18071,5641],{"class":5834},[5599,18073,6714],{"class":5694},[5599,18075,5860],{"class":5834},[5599,18077,5801],{"class":5605},[5599,18079,5804],{"class":5780},[5599,18081,18082,18084,18087,18090,18092,18094,18096,18098,18100,18102,18104,18106,18108],{"class":5601,"line":12669},[5599,18083,5810],{"class":5780},[5599,18085,18086],{"class":5701},"PersonalInfoSection",[5599,18088,18089],{"class":5788}," register",[5599,18091,5792],{"class":5613},[5599,18093,5795],{"class":5605},[5599,18095,6781],{"class":5694},[5599,18097,5801],{"class":5605},[5599,18099,14129],{"class":5788},[5599,18101,5792],{"class":5613},[5599,18103,5795],{"class":5605},[5599,18105,6527],{"class":5694},[5599,18107,5801],{"class":5605},[5599,18109,5865],{"class":5780},[5599,18111,18112,18114,18117,18119,18121,18123,18125,18127,18129,18131,18133,18135,18137],{"class":5601,"line":12684},[5599,18113,5810],{"class":5780},[5599,18115,18116],{"class":5701},"PasswordSection",[5599,18118,18089],{"class":5788},[5599,18120,5792],{"class":5613},[5599,18122,5795],{"class":5605},[5599,18124,6781],{"class":5694},[5599,18126,5801],{"class":5605},[5599,18128,14129],{"class":5788},[5599,18130,5792],{"class":5613},[5599,18132,5795],{"class":5605},[5599,18134,6527],{"class":5694},[5599,18136,5801],{"class":5605},[5599,18138,5865],{"class":5780},[5599,18140,18141],{"class":5601,"line":12719},[5599,18142,5680],{"emptyLinePlaceholder":5679},[5599,18144,18145,18147,18149,18151,18153,18155,18157,18159,18161,18163,18165],{"class":5601,"line":12726},[5599,18146,5810],{"class":5780},[5599,18148,5925],{"class":5784},[5599,18150,5928],{"class":5788},[5599,18152,5792],{"class":5613},[5599,18154,5933],{"class":5644},[5599,18156,7136],{"class":5788},[5599,18158,5792],{"class":5613},[5599,18160,5795],{"class":5605},[5599,18162,6532],{"class":5694},[5599,18164,5801],{"class":5605},[5599,18166,5804],{"class":5780},[5599,18168,18169,18171,18173,18175,18177,18179,18181],{"class":5601,"line":12735},[5599,18170,6797],{"class":5605},[5599,18172,6532],{"class":5694},[5599,18174,7156],{"class":5613},[5599,18176,7159],{"class":5644},[5599,18178,7162],{"class":5613},[5599,18180,7165],{"class":5644},[5599,18182,5968],{"class":5605},[5599,18184,18185,18187,18189],{"class":5601,"line":12742},[5599,18186,6850],{"class":5780},[5599,18188,5925],{"class":5784},[5599,18190,5804],{"class":5780},[5599,18192,18193,18195,18197],{"class":5601,"line":12747},[5599,18194,5952],{"class":5780},[5599,18196,5785],{"class":5784},[5599,18198,5804],{"class":5780},[5599,18200,18201],{"class":5601,"line":12771},[5599,18202,5962],{"class":5613},[5599,18204,18205],{"class":5601,"line":12780},[5599,18206,5968],{"class":5613},[6367,18208,18209,18223,18494],{},[5479,18210,18211,18212,18215,18216,18219,18220,18222],{},"Для великих форм можна використовувати ",[5483,18213,18214],{},"React Context"," для передачі ",[5557,18217,18218],{},"methods"," із ",[5557,18221,6455],{}," у глибоко вкладені компоненти, щоб уникнути prop-drilling:",[5590,18224,18226],{"className":5592,"code":18225,"language":5594,"meta":5595,"style":5595},"import { FormProvider, useFormContext } from \"react-hook-form\";\n\nfunction ParentForm() {\n  const methods = useForm\u003CRegistrationFormData>({\n    resolver: zodResolver(registrationSchema),\n  });\n\n  return (\n    \u003CFormProvider {...methods}>\n      \u003Cform onSubmit={methods.handleSubmit(onSubmit)}>\n        \u003CPersonalInfoSection \u002F>\n        \u003CPasswordSection \u002F>\n        \u003Cbutton type=\"submit\">Зареєструватися\u003C\u002Fbutton>\n      \u003C\u002Fform>\n    \u003C\u002FFormProvider>\n  );\n}\n\nfunction PersonalInfoSection() {\n  const { register, formState: { errors } } = useFormContext\u003CRegistrationFormData>();\n\n  return (\n    \u003Cfieldset>\n      {\u002F* Поля *\u002F}\n    \u003C\u002Ffieldset>\n  );\n}\n",[5557,18227,18228,18250,18254,18263,18280,18292,18296,18300,18306,18322,18350,18358,18366,18388,18396,18404,18408,18412,18416,18424,18451,18455,18461,18469,18478,18486,18490],{"__ignoreMap":5595},[5599,18229,18230,18232,18234,18237,18239,18242,18244,18246,18248],{"class":5601,"line":5602},[5599,18231,6152],{"class":5770},[5599,18233,6155],{"class":5613},[5599,18235,18236],{"class":5694},"FormProvider",[5599,18238,5630],{"class":5613},[5599,18240,18241],{"class":5694},"useFormContext",[5599,18243,6161],{"class":5613},[5599,18245,6164],{"class":5770},[5599,18247,6462],{"class":5644},[5599,18249,6170],{"class":5613},[5599,18251,18252],{"class":5601,"line":5617},[5599,18253,5680],{"emptyLinePlaceholder":5679},[5599,18255,18256,18258,18261],{"class":5601,"line":5651},[5599,18257,5606],{"class":5605},[5599,18259,18260],{"class":5609}," ParentForm",[5599,18262,5614],{"class":5613},[5599,18264,18265,18267,18270,18272,18274,18276,18278],{"class":5601,"line":5676},[5599,18266,5620],{"class":5605},[5599,18268,18269],{"class":5626}," methods",[5599,18271,6191],{"class":5613},[5599,18273,6455],{"class":5609},[5599,18275,6357],{"class":5613},[5599,18277,6547],{"class":5701},[5599,18279,6550],{"class":5613},[5599,18281,18282,18284,18286,18288,18290],{"class":5601,"line":5683},[5599,18283,6555],{"class":5694},[5599,18285,6558],{"class":5609},[5599,18287,5641],{"class":5613},[5599,18289,6563],{"class":5694},[5599,18291,6261],{"class":5613},[5599,18293,18294],{"class":5601,"line":5719},[5599,18295,6570],{"class":5613},[5599,18297,18298],{"class":5601,"line":5733},[5599,18299,5680],{"emptyLinePlaceholder":5679},[5599,18301,18302,18304],{"class":5601,"line":5756},[5599,18303,5771],{"class":5770},[5599,18305,5774],{"class":5613},[5599,18307,18308,18310,18312,18314,18316,18318,18320],{"class":5601,"line":5762},[5599,18309,5781],{"class":5780},[5599,18311,18236],{"class":5701},[5599,18313,6775],{"class":5605},[5599,18315,6778],{"class":5613},[5599,18317,18218],{"class":5694},[5599,18319,5801],{"class":5605},[5599,18321,5804],{"class":5780},[5599,18323,18324,18326,18328,18330,18332,18334,18336,18338,18340,18342,18344,18346,18348],{"class":5601,"line":5767},[5599,18325,5810],{"class":5780},[5599,18327,5785],{"class":5784},[5599,18329,5789],{"class":5788},[5599,18331,5792],{"class":5613},[5599,18333,5795],{"class":5605},[5599,18335,18218],{"class":5694},[5599,18337,5704],{"class":5834},[5599,18339,5798],{"class":5609},[5599,18341,5641],{"class":5834},[5599,18343,6714],{"class":5694},[5599,18345,5860],{"class":5834},[5599,18347,5801],{"class":5605},[5599,18349,5804],{"class":5780},[5599,18351,18352,18354,18356],{"class":5601,"line":5777},[5599,18353,6736],{"class":5780},[5599,18355,18086],{"class":5701},[5599,18357,5865],{"class":5780},[5599,18359,18360,18362,18364],{"class":5601,"line":5807},[5599,18361,6736],{"class":5780},[5599,18363,18116],{"class":5701},[5599,18365,5865],{"class":5780},[5599,18367,18368,18370,18372,18374,18376,18378,18380,18382,18384,18386],{"class":5601,"line":5868},[5599,18369,6736],{"class":5780},[5599,18371,5925],{"class":5784},[5599,18373,5928],{"class":5788},[5599,18375,5792],{"class":5613},[5599,18377,5933],{"class":5644},[5599,18379,5936],{"class":5780},[5599,18381,12762],{"class":5613},[5599,18383,5942],{"class":5780},[5599,18385,5925],{"class":5784},[5599,18387,5804],{"class":5780},[5599,18389,18390,18392,18394],{"class":5601,"line":5920},[5599,18391,6850],{"class":5780},[5599,18393,5785],{"class":5784},[5599,18395,5804],{"class":5780},[5599,18397,18398,18400,18402],{"class":5601,"line":5949},[5599,18399,5952],{"class":5780},[5599,18401,18236],{"class":5701},[5599,18403,5804],{"class":5780},[5599,18405,18406],{"class":5601,"line":5959},[5599,18407,5962],{"class":5613},[5599,18409,18410],{"class":5601,"line":5965},[5599,18411,5968],{"class":5613},[5599,18413,18414],{"class":5601,"line":6339},[5599,18415,5680],{"emptyLinePlaceholder":5679},[5599,18417,18418,18420,18422],{"class":5601,"line":6680},[5599,18419,5606],{"class":5605},[5599,18421,17237],{"class":5609},[5599,18423,5614],{"class":5613},[5599,18425,18426,18428,18430,18432,18434,18436,18438,18440,18442,18444,18446,18448],{"class":5601,"line":6685},[5599,18427,5620],{"class":5605},[5599,18429,6155],{"class":5613},[5599,18431,6781],{"class":5626},[5599,18433,5630],{"class":5613},[5599,18435,8890],{"class":5694},[5599,18437,6524],{"class":5613},[5599,18439,6527],{"class":5626},[5599,18441,9157],{"class":5613},[5599,18443,18241],{"class":5609},[5599,18445,6357],{"class":5613},[5599,18447,6547],{"class":5701},[5599,18449,18450],{"class":5613},">();\n",[5599,18452,18453],{"class":5601,"line":6690},[5599,18454,5680],{"emptyLinePlaceholder":5679},[5599,18456,18457,18459],{"class":5601,"line":6697},[5599,18458,5771],{"class":5770},[5599,18460,5774],{"class":5613},[5599,18462,18463,18465,18467],{"class":5601,"line":6723},[5599,18464,5781],{"class":5780},[5599,18466,10460],{"class":5784},[5599,18468,5804],{"class":5780},[5599,18470,18471,18473,18476],{"class":5601,"line":6733},[5599,18472,8720],{"class":5605},[5599,18474,18475],{"class":6179},"\u002F* Поля *\u002F",[5599,18477,5968],{"class":5605},[5599,18479,18480,18482,18484],{"class":5601,"line":6761},[5599,18481,5952],{"class":5780},[5599,18483,10460],{"class":5784},[5599,18485,5804],{"class":5780},[5599,18487,18488],{"class":5601,"line":6794},[5599,18489,5962],{"class":5613},[5599,18491,18492],{"class":5601,"line":6847},[5599,18493,5968],{"class":5613},[5479,18495,18496,18498,18499,18501],{},[5557,18497,18236],{}," передає всі методи форми через контекст, а ",[5557,18500,18241],{}," витягує їх у дочірньому компоненті.",[5563,18503],{},[5566,18505,18507],{"id":18506},"порівняння-з-альтернативами-formik-та-yup","Порівняння з альтернативами: Formik та Yup",[5479,18509,18510,18511,18514],{},"До появи React Hook Form у екосистемі React домінувала бібліотека ",[5483,18512,18513],{},"Formik",". Вона використовує керований підхід (controlled components), що призводить до більшої кількості ререндерів.",[18516,18517,18518,18533],"table",{},[18519,18520,18521],"thead",{},[18522,18523,18524,18528,18531],"tr",{},[18525,18526,18527],"th",{},"Критерій",[18525,18529,18530],{},"React Hook Form",[18525,18532,18513],{},[18534,18535,18536,18550,18563,18576,18588,18601],"tbody",{},[18522,18537,18538,18544,18547],{},[18539,18540,18541],"td",{},[5483,18542,18543],{},"Підхід",[18539,18545,18546],{},"Некеровані інпути (uncontrolled)",[18539,18548,18549],{},"Керовані інпути (controlled)",[18522,18551,18552,18557,18560],{},[18539,18553,18554],{},[5483,18555,18556],{},"Продуктивність",[18539,18558,18559],{},"Мінімум ререндерів",[18539,18561,18562],{},"Ререндер при кожній зміні поля",[18522,18564,18565,18570,18573],{},[18539,18566,18567],{},[5483,18568,18569],{},"Розмір бандлу",[18539,18571,18572],{},"~9 KB (gzip)",[18539,18574,18575],{},"~13 KB (gzip)",[18522,18577,18578,18582,18585],{},[18539,18579,18580],{},[5483,18581,731],{},[18539,18583,18584],{},"Хуки та реф-підхід",[18539,18586,18587],{},"Компоненти та render props",[18522,18589,18590,18595,18598],{},[18539,18591,18592],{},[5483,18593,18594],{},"Валідація",[18539,18596,18597],{},"Resolver pattern (Zod, Yup, Joi)",[18539,18599,18600],{},"Вбудована або Yup",[18522,18602,18603,18607,18610],{},[18539,18604,18605],{},[5483,18606,2607],{},[18539,18608,18609],{},"Відмінна інтеграція",[18539,18611,18612],{},"Добра інтеграція",[6019,18614,18615,18621,18624,18756],{},[5479,18616,18617,18620],{},[5483,18618,18619],{},"Yup"," — це альтернативна бібліотека валідації, схожа на Zod. Основна відмінність: Yup базується на класах та ланцюжках методів, тоді як Zod — на функціональному підході та кращій інтеграції з TypeScript.",[5479,18622,18623],{},"Приклад Yup-схеми:",[5590,18625,18627],{"className":5592,"code":18626,"language":5594,"meta":5595,"style":5595},"import * as yup from \"yup\";\n\nconst schema = yup.object({\n  name: yup.string().min(2).required(),\n  email: yup.string().email().required(),\n  age: yup.number().integer().min(16).max(120).required(),\n});\n",[5557,18628,18629,18649,18653,18670,18695,18715,18752],{"__ignoreMap":5595},[5599,18630,18631,18633,18636,18638,18641,18644,18647],{"class":5601,"line":5602},[5599,18632,6152],{"class":5770},[5599,18634,18635],{"class":5605}," *",[5599,18637,13670],{"class":5770},[5599,18639,18640],{"class":5694}," yup",[5599,18642,18643],{"class":5770}," from",[5599,18645,18646],{"class":5644}," \"yup\"",[5599,18648,6170],{"class":5613},[5599,18650,18651],{"class":5601,"line":5617},[5599,18652,5680],{"emptyLinePlaceholder":5679},[5599,18654,18655,18657,18659,18661,18664,18666,18668],{"class":5601,"line":5651},[5599,18656,6185],{"class":5605},[5599,18658,16690],{"class":5626},[5599,18660,6191],{"class":5613},[5599,18662,18663],{"class":5694},"yup",[5599,18665,5704],{"class":5613},[5599,18667,6198],{"class":5609},[5599,18669,6201],{"class":5613},[5599,18671,18672,18674,18676,18678,18680,18682,18684,18686,18688,18690,18693],{"class":5601,"line":5676},[5599,18673,6206],{"class":5694},[5599,18675,18640],{"class":5694},[5599,18677,5704],{"class":5613},[5599,18679,6217],{"class":5609},[5599,18681,7314],{"class":5613},[5599,18683,6227],{"class":5609},[5599,18685,5641],{"class":5613},[5599,18687,6233],{"class":6232},[5599,18689,8915],{"class":5613},[5599,18691,18692],{"class":5609},"required",[5599,18694,7451],{"class":5613},[5599,18696,18697,18699,18701,18703,18705,18707,18709,18711,18713],{"class":5601,"line":5683},[5599,18698,6266],{"class":5694},[5599,18700,18640],{"class":5694},[5599,18702,5704],{"class":5613},[5599,18704,6217],{"class":5609},[5599,18706,7314],{"class":5613},[5599,18708,5658],{"class":5609},[5599,18710,7314],{"class":5613},[5599,18712,18692],{"class":5609},[5599,18714,7451],{"class":5613},[5599,18716,18717,18719,18721,18723,18725,18727,18730,18732,18734,18736,18738,18740,18742,18744,18746,18748,18750],{"class":5601,"line":5719},[5599,18718,9020],{"class":5694},[5599,18720,18640],{"class":5694},[5599,18722,5704],{"class":5613},[5599,18724,9029],{"class":5609},[5599,18726,7314],{"class":5613},[5599,18728,18729],{"class":5609},"integer",[5599,18731,7314],{"class":5613},[5599,18733,6227],{"class":5609},[5599,18735,5641],{"class":5613},[5599,18737,9065],{"class":6232},[5599,18739,8915],{"class":5613},[5599,18741,6248],{"class":5609},[5599,18743,5641],{"class":5613},[5599,18745,9083],{"class":6232},[5599,18747,8915],{"class":5613},[5599,18749,18692],{"class":5609},[5599,18751,7451],{"class":5613},[5599,18753,18754],{"class":5601,"line":5733},[5599,18755,6327],{"class":5613},[5479,18757,18758,18759,5494,18762,18765],{},"React Hook Form підтримує обидві бібліотеки через ",[5557,18760,18761],{},"@hookform\u002Fresolvers\u002Fyup",[5557,18763,18764],{},"@hookform\u002Fresolvers\u002Fzod",". Zod рекомендується для нових проєктів завдяки кращій типізації.",[5563,18767],{},[5566,18769,18771],{"id":18770},"практичні-завдання","Практичні завдання",[18773,18774,18775,18810],"accordion",{},[18776,18777,18780,18783,18807],"accordion-item",{"icon":18778,"label":18779},"i-lucide-clipboard-list","📋 Завдання 1: Форма профілю з валідацією віку",[5479,18781,18782],{},"Створіть форму редагування профілю користувача з полями:",[5509,18784,18785,18790,18795,18801],{},[5512,18786,18787,18789],{},[5483,18788,6752],{}," (мінімум 2 символи)",[5512,18791,18792,18789],{},[5483,18793,18794],{},"Прізвище",[5512,18796,18797,18800],{},[5483,18798,18799],{},"Дата народження"," (користувач має бути старше 13 років)",[5512,18802,18803,18806],{},[5483,18804,18805],{},"Біографія"," (необов'язкове поле, максимум 500 символів)",[5479,18808,18809],{},"Виведіть помилки під кожним полем. При успішному сабміті покажіть alert з даними.",[18776,18811,18814,19837,19842],{"icon":18812,"label":18813},"i-lucide-check-circle","✅ Розв'язок завдання 1",[5590,18815,18817],{"className":5592,"code":18816,"language":5594,"meta":5595,"style":5595},"import { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\nimport { z } from \"zod\";\n\nconst profileSchema = z.object({\n  firstName: z.string().min(2, \"Ім'я має містити щонайменше 2 символи\"),\n  lastName: z.string().min(2, \"Прізвище має містити щонайменше 2 символи\"),\n  birthDate: z.coerce\n    .date()\n    .refine(\n      (date) => {\n        const age = (Date.now() - date.getTime()) \u002F (1000 * 60 * 60 * 24 * 365.25);\n        return age >= 13;\n      },\n      { message: \"Вам має бути щонайменше 13 років\" }\n    ),\n  bio: z.string().max(500, \"Біографія не може перевищувати 500 символів\").optional(),\n});\n\ntype ProfileFormData = z.infer\u003Ctypeof profileSchema>;\n\nfunction ProfileForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = useForm\u003CProfileFormData>({\n    resolver: zodResolver(profileSchema),\n  });\n\n  const onSubmit = (data: ProfileFormData) => {\n    alert(JSON.stringify(data, null, 2));\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"firstName\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"firstName\" {...register(\"firstName\")} \u002F>\n        {errors.firstName && \u003Cp className=\"error\">{errors.firstName.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"lastName\">Прізвище\u003C\u002Flabel>\n        \u003Cinput id=\"lastName\" {...register(\"lastName\")} \u002F>\n        {errors.lastName && \u003Cp className=\"error\">{errors.lastName.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"birthDate\">Дата народження\u003C\u002Flabel>\n        \u003Cinput\n          id=\"birthDate\"\n          type=\"date\"\n          {...register(\"birthDate\", { valueAsDate: true })}\n        \u002F>\n        {errors.birthDate && \u003Cp className=\"error\">{errors.birthDate.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"bio\">Біографія (необов'язково)\u003C\u002Flabel>\n        \u003Ctextarea id=\"bio\" rows={4} {...register(\"bio\")} \u002F>\n        {errors.bio && \u003Cp className=\"error\">{errors.bio.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Зберегти профіль\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,18818,18819,18835,18851,18867,18871,18887,18912,18938,18950,18959,18967,18980,19034,19048,19053,19066,19071,19101,19105,19109,19131,19135,19143,19149,19155,19161,19171,19183,19195,19199,19203,19223,19251,19255,19259,19265,19289,19297,19320,19348,19395,19403,19407,19415,19438,19466,19513,19521,19525,19533,19556,19562,19571,19580,19603,19607,19654,19662,19666,19674,19698,19739,19786,19794,19798,19821,19829,19833],{"__ignoreMap":5595},[5599,18820,18821,18823,18825,18827,18829,18831,18833],{"class":5601,"line":5602},[5599,18822,6152],{"class":5770},[5599,18824,6155],{"class":5613},[5599,18826,6455],{"class":5694},[5599,18828,6161],{"class":5613},[5599,18830,6164],{"class":5770},[5599,18832,6462],{"class":5644},[5599,18834,6170],{"class":5613},[5599,18836,18837,18839,18841,18843,18845,18847,18849],{"class":5601,"line":5617},[5599,18838,6152],{"class":5770},[5599,18840,6155],{"class":5613},[5599,18842,6473],{"class":5694},[5599,18844,6161],{"class":5613},[5599,18846,6164],{"class":5770},[5599,18848,6480],{"class":5644},[5599,18850,6170],{"class":5613},[5599,18852,18853,18855,18857,18859,18861,18863,18865],{"class":5601,"line":5651},[5599,18854,6152],{"class":5770},[5599,18856,6155],{"class":5613},[5599,18858,6158],{"class":5694},[5599,18860,6161],{"class":5613},[5599,18862,6164],{"class":5770},[5599,18864,6167],{"class":5644},[5599,18866,6170],{"class":5613},[5599,18868,18869],{"class":5601,"line":5676},[5599,18870,5680],{"emptyLinePlaceholder":5679},[5599,18872,18873,18875,18877,18879,18881,18883,18885],{"class":5601,"line":5683},[5599,18874,6185],{"class":5605},[5599,18876,8985],{"class":5626},[5599,18878,6191],{"class":5613},[5599,18880,6158],{"class":5694},[5599,18882,5704],{"class":5613},[5599,18884,6198],{"class":5609},[5599,18886,6201],{"class":5613},[5599,18888,18889,18892,18894,18896,18898,18900,18902,18904,18906,18908,18910],{"class":5601,"line":5719},[5599,18890,18891],{"class":5694},"  firstName:",[5599,18893,7307],{"class":5694},[5599,18895,5704],{"class":5613},[5599,18897,6217],{"class":5609},[5599,18899,7314],{"class":5613},[5599,18901,6227],{"class":5609},[5599,18903,5641],{"class":5613},[5599,18905,6233],{"class":6232},[5599,18907,5630],{"class":5613},[5599,18909,6238],{"class":5644},[5599,18911,6261],{"class":5613},[5599,18913,18914,18917,18919,18921,18923,18925,18927,18929,18931,18933,18936],{"class":5601,"line":5733},[5599,18915,18916],{"class":5694},"  lastName:",[5599,18918,7307],{"class":5694},[5599,18920,5704],{"class":5613},[5599,18922,6217],{"class":5609},[5599,18924,7314],{"class":5613},[5599,18926,6227],{"class":5609},[5599,18928,5641],{"class":5613},[5599,18930,6233],{"class":6232},[5599,18932,5630],{"class":5613},[5599,18934,18935],{"class":5644},"\"Прізвище має містити щонайменше 2 символи\"",[5599,18937,6261],{"class":5613},[5599,18939,18940,18943,18945,18947],{"class":5601,"line":5756},[5599,18941,18942],{"class":5694},"  birthDate:",[5599,18944,7307],{"class":5694},[5599,18946,5704],{"class":5613},[5599,18948,18949],{"class":5694},"coerce\n",[5599,18951,18952,18954,18957],{"class":5601,"line":5762},[5599,18953,6214],{"class":5613},[5599,18955,18956],{"class":5609},"date",[5599,18958,6220],{"class":5613},[5599,18960,18961,18963,18965],{"class":5601,"line":5767},[5599,18962,6214],{"class":5613},[5599,18964,7463],{"class":5609},[5599,18966,12947],{"class":5613},[5599,18968,18969,18972,18974,18976,18978],{"class":5601,"line":5777},[5599,18970,18971],{"class":5613},"      (",[5599,18973,18956],{"class":5694},[5599,18975,5710],{"class":5613},[5599,18977,5713],{"class":5605},[5599,18979,5716],{"class":5613},[5599,18981,18982,18984,18987,18989,18992,18994,18997,19000,19002,19004,19007,19010,19012,19015,19018,19020,19022,19024,19027,19029,19032],{"class":5601,"line":5807},[5599,18983,15551],{"class":5605},[5599,18985,18986],{"class":5626}," age",[5599,18988,5691],{"class":5613},[5599,18990,18991],{"class":5694},"Date",[5599,18993,5704],{"class":5613},[5599,18995,18996],{"class":5609},"now",[5599,18998,18999],{"class":5613},"() - ",[5599,19001,18956],{"class":5694},[5599,19003,5704],{"class":5613},[5599,19005,19006],{"class":5609},"getTime",[5599,19008,19009],{"class":5613},"()) \u002F (",[5599,19011,6662],{"class":6232},[5599,19013,19014],{"class":5613}," * ",[5599,19016,19017],{"class":6232},"60",[5599,19019,19014],{"class":5613},[5599,19021,19017],{"class":6232},[5599,19023,19014],{"class":5613},[5599,19025,19026],{"class":6232},"24",[5599,19028,19014],{"class":5613},[5599,19030,19031],{"class":6232},"365.25",[5599,19033,5648],{"class":5613},[5599,19035,19036,19038,19040,19043,19046],{"class":5601,"line":5868},[5599,19037,15660],{"class":5770},[5599,19039,18986],{"class":5694},[5599,19041,19042],{"class":5613}," >= ",[5599,19044,19045],{"class":6232},"13",[5599,19047,6170],{"class":5613},[5599,19049,19050],{"class":5601,"line":5920},[5599,19051,19052],{"class":5613},"      },\n",[5599,19054,19055,19058,19060,19063],{"class":5601,"line":5949},[5599,19056,19057],{"class":5613},"      { ",[5599,19059,9720],{"class":5694},[5599,19061,19062],{"class":5644}," \"Вам має бути щонайменше 13 років\"",[5599,19064,19065],{"class":5613}," }\n",[5599,19067,19068],{"class":5601,"line":5959},[5599,19069,19070],{"class":5613},"    ),\n",[5599,19072,19073,19076,19078,19080,19082,19084,19086,19088,19090,19092,19095,19097,19099],{"class":5601,"line":5965},[5599,19074,19075],{"class":5694},"  bio:",[5599,19077,7307],{"class":5694},[5599,19079,5704],{"class":5613},[5599,19081,6217],{"class":5609},[5599,19083,7314],{"class":5613},[5599,19085,6248],{"class":5609},[5599,19087,5641],{"class":5613},[5599,19089,14540],{"class":6232},[5599,19091,5630],{"class":5613},[5599,19093,19094],{"class":5644},"\"Біографія не може перевищувати 500 символів\"",[5599,19096,8915],{"class":5613},[5599,19098,9748],{"class":5609},[5599,19100,7451],{"class":5613},[5599,19102,19103],{"class":5601,"line":6339},[5599,19104,6327],{"class":5613},[5599,19106,19107],{"class":5601,"line":6680},[5599,19108,5680],{"emptyLinePlaceholder":5679},[5599,19110,19111,19113,19115,19117,19119,19121,19123,19125,19127,19129],{"class":5601,"line":6685},[5599,19112,6342],{"class":5605},[5599,19114,9105],{"class":5701},[5599,19116,6191],{"class":5613},[5599,19118,6158],{"class":5701},[5599,19120,5704],{"class":5613},[5599,19122,6354],{"class":5701},[5599,19124,6357],{"class":5613},[5599,19126,6360],{"class":5605},[5599,19128,8985],{"class":5694},[5599,19130,6365],{"class":5613},[5599,19132,19133],{"class":5601,"line":6690},[5599,19134,5680],{"emptyLinePlaceholder":5679},[5599,19136,19137,19139,19141],{"class":5601,"line":6697},[5599,19138,5606],{"class":5605},[5599,19140,9132],{"class":5609},[5599,19142,5614],{"class":5613},[5599,19144,19145,19147],{"class":5601,"line":6723},[5599,19146,5620],{"class":5605},[5599,19148,5716],{"class":5613},[5599,19150,19151,19153],{"class":5601,"line":6733},[5599,19152,6506],{"class":5626},[5599,19154,6509],{"class":5613},[5599,19156,19157,19159],{"class":5601,"line":6761},[5599,19158,6514],{"class":5626},[5599,19160,6509],{"class":5613},[5599,19162,19163,19165,19167,19169],{"class":5601,"line":6794},[5599,19164,6521],{"class":5694},[5599,19166,6524],{"class":5613},[5599,19168,6527],{"class":5626},[5599,19170,6535],{"class":5613},[5599,19172,19173,19175,19177,19179,19181],{"class":5601,"line":6847},[5599,19174,6540],{"class":5613},[5599,19176,6455],{"class":5609},[5599,19178,6357],{"class":5613},[5599,19180,9164],{"class":5701},[5599,19182,6550],{"class":5613},[5599,19184,19185,19187,19189,19191,19193],{"class":5601,"line":6857},[5599,19186,6555],{"class":5694},[5599,19188,6558],{"class":5609},[5599,19190,5641],{"class":5613},[5599,19192,9177],{"class":5694},[5599,19194,6261],{"class":5613},[5599,19196,19197],{"class":5601,"line":6862},[5599,19198,6570],{"class":5613},[5599,19200,19201],{"class":5601,"line":6871},[5599,19202,5680],{"emptyLinePlaceholder":5679},[5599,19204,19205,19207,19209,19211,19213,19215,19217,19219,19221],{"class":5601,"line":6896},[5599,19206,5620],{"class":5605},[5599,19208,5789],{"class":5609},[5599,19210,5691],{"class":5613},[5599,19212,6590],{"class":5694},[5599,19214,5698],{"class":5613},[5599,19216,9164],{"class":5701},[5599,19218,5710],{"class":5613},[5599,19220,5713],{"class":5605},[5599,19222,5716],{"class":5613},[5599,19224,19225,19227,19229,19232,19234,19236,19238,19240,19242,19245,19247,19249],{"class":5601,"line":6931},[5599,19226,6670],{"class":5609},[5599,19228,5641],{"class":5613},[5599,19230,19231],{"class":5626},"JSON",[5599,19233,5704],{"class":5613},[5599,19235,15514],{"class":5609},[5599,19237,5641],{"class":5613},[5599,19239,6590],{"class":5694},[5599,19241,5630],{"class":5613},[5599,19243,19244],{"class":5605},"null",[5599,19246,5630],{"class":5613},[5599,19248,6233],{"class":6232},[5599,19250,6665],{"class":5613},[5599,19252,19253],{"class":5601,"line":6978},[5599,19254,5759],{"class":5613},[5599,19256,19257],{"class":5601,"line":6987},[5599,19258,5680],{"emptyLinePlaceholder":5679},[5599,19260,19261,19263],{"class":5601,"line":6992},[5599,19262,5771],{"class":5770},[5599,19264,5774],{"class":5613},[5599,19266,19267,19269,19271,19273,19275,19277,19279,19281,19283,19285,19287],{"class":5601,"line":7001},[5599,19268,5781],{"class":5780},[5599,19270,5785],{"class":5784},[5599,19272,5789],{"class":5788},[5599,19274,5792],{"class":5613},[5599,19276,5795],{"class":5605},[5599,19278,5798],{"class":5609},[5599,19280,5641],{"class":5834},[5599,19282,6714],{"class":5694},[5599,19284,5860],{"class":5834},[5599,19286,5801],{"class":5605},[5599,19288,5804],{"class":5780},[5599,19290,19291,19293,19295],{"class":5601,"line":7026},[5599,19292,5810],{"class":5780},[5599,19294,6728],{"class":5784},[5599,19296,5804],{"class":5780},[5599,19298,19299,19301,19303,19305,19307,19310,19312,19314,19316,19318],{"class":5601,"line":7061},[5599,19300,6736],{"class":5780},[5599,19302,6739],{"class":5784},[5599,19304,6742],{"class":5788},[5599,19306,5792],{"class":5613},[5599,19308,19309],{"class":5644},"\"firstName\"",[5599,19311,5936],{"class":5780},[5599,19313,6752],{"class":5613},[5599,19315,5942],{"class":5780},[5599,19317,6739],{"class":5784},[5599,19319,5804],{"class":5780},[5599,19321,19322,19324,19326,19328,19330,19332,19334,19336,19338,19340,19342,19344,19346],{"class":5601,"line":7109},[5599,19323,6736],{"class":5780},[5599,19325,5813],{"class":5784},[5599,19327,6768],{"class":5788},[5599,19329,5792],{"class":5613},[5599,19331,19309],{"class":5644},[5599,19333,6775],{"class":5605},[5599,19335,6778],{"class":5613},[5599,19337,6781],{"class":5609},[5599,19339,5641],{"class":5834},[5599,19341,19309],{"class":5644},[5599,19343,5860],{"class":5834},[5599,19345,5801],{"class":5605},[5599,19347,5865],{"class":5780},[5599,19349,19350,19352,19354,19356,19359,19361,19363,19365,19367,19369,19371,19373,19375,19377,19379,19381,19383,19385,19387,19389,19391,19393],{"class":5601,"line":7118},[5599,19351,6797],{"class":5605},[5599,19353,6527],{"class":5694},[5599,19355,5704],{"class":5834},[5599,19357,19358],{"class":5694},"firstName",[5599,19360,6806],{"class":5613},[5599,19362,6809],{"class":5780},[5599,19364,5479],{"class":5784},[5599,19366,6814],{"class":5788},[5599,19368,5792],{"class":5613},[5599,19370,6819],{"class":5644},[5599,19372,5936],{"class":5780},[5599,19374,5795],{"class":5605},[5599,19376,6527],{"class":5694},[5599,19378,5704],{"class":5834},[5599,19380,19358],{"class":5694},[5599,19382,5704],{"class":5834},[5599,19384,6834],{"class":5694},[5599,19386,5801],{"class":5605},[5599,19388,5942],{"class":5780},[5599,19390,5479],{"class":5784},[5599,19392,5936],{"class":5780},[5599,19394,5968],{"class":5605},[5599,19396,19397,19399,19401],{"class":5601,"line":7123},[5599,19398,6850],{"class":5780},[5599,19400,6728],{"class":5784},[5599,19402,5804],{"class":5780},[5599,19404,19405],{"class":5601,"line":7149},[5599,19406,5680],{"emptyLinePlaceholder":5679},[5599,19408,19409,19411,19413],{"class":5601,"line":7170},[5599,19410,5810],{"class":5780},[5599,19412,6728],{"class":5784},[5599,19414,5804],{"class":5780},[5599,19416,19417,19419,19421,19423,19425,19428,19430,19432,19434,19436],{"class":5601,"line":7179},[5599,19418,6736],{"class":5780},[5599,19420,6739],{"class":5784},[5599,19422,6742],{"class":5788},[5599,19424,5792],{"class":5613},[5599,19426,19427],{"class":5644},"\"lastName\"",[5599,19429,5936],{"class":5780},[5599,19431,18794],{"class":5613},[5599,19433,5942],{"class":5780},[5599,19435,6739],{"class":5784},[5599,19437,5804],{"class":5780},[5599,19439,19440,19442,19444,19446,19448,19450,19452,19454,19456,19458,19460,19462,19464],{"class":5601,"line":7188},[5599,19441,6736],{"class":5780},[5599,19443,5813],{"class":5784},[5599,19445,6768],{"class":5788},[5599,19447,5792],{"class":5613},[5599,19449,19427],{"class":5644},[5599,19451,6775],{"class":5605},[5599,19453,6778],{"class":5613},[5599,19455,6781],{"class":5609},[5599,19457,5641],{"class":5834},[5599,19459,19427],{"class":5644},[5599,19461,5860],{"class":5834},[5599,19463,5801],{"class":5605},[5599,19465,5865],{"class":5780},[5599,19467,19468,19470,19472,19474,19477,19479,19481,19483,19485,19487,19489,19491,19493,19495,19497,19499,19501,19503,19505,19507,19509,19511],{"class":5601,"line":7193},[5599,19469,6797],{"class":5605},[5599,19471,6527],{"class":5694},[5599,19473,5704],{"class":5834},[5599,19475,19476],{"class":5694},"lastName",[5599,19478,6806],{"class":5613},[5599,19480,6809],{"class":5780},[5599,19482,5479],{"class":5784},[5599,19484,6814],{"class":5788},[5599,19486,5792],{"class":5613},[5599,19488,6819],{"class":5644},[5599,19490,5936],{"class":5780},[5599,19492,5795],{"class":5605},[5599,19494,6527],{"class":5694},[5599,19496,5704],{"class":5834},[5599,19498,19476],{"class":5694},[5599,19500,5704],{"class":5834},[5599,19502,6834],{"class":5694},[5599,19504,5801],{"class":5605},[5599,19506,5942],{"class":5780},[5599,19508,5479],{"class":5784},[5599,19510,5936],{"class":5780},[5599,19512,5968],{"class":5605},[5599,19514,19515,19517,19519],{"class":5601,"line":8288},[5599,19516,6850],{"class":5780},[5599,19518,6728],{"class":5784},[5599,19520,5804],{"class":5780},[5599,19522,19523],{"class":5601,"line":8297},[5599,19524,5680],{"emptyLinePlaceholder":5679},[5599,19526,19527,19529,19531],{"class":5601,"line":8302},[5599,19528,5810],{"class":5780},[5599,19530,6728],{"class":5784},[5599,19532,5804],{"class":5780},[5599,19534,19535,19537,19539,19541,19543,19546,19548,19550,19552,19554],{"class":5601,"line":8327},[5599,19536,6736],{"class":5780},[5599,19538,6739],{"class":5784},[5599,19540,6742],{"class":5788},[5599,19542,5792],{"class":5613},[5599,19544,19545],{"class":5644},"\"birthDate\"",[5599,19547,5936],{"class":5780},[5599,19549,18799],{"class":5613},[5599,19551,5942],{"class":5780},[5599,19553,6739],{"class":5784},[5599,19555,5804],{"class":5780},[5599,19557,19558,19560],{"class":5601,"line":8344},[5599,19559,6736],{"class":5780},[5599,19561,8187],{"class":5784},[5599,19563,19564,19566,19568],{"class":5601,"line":8353},[5599,19565,8192],{"class":5788},[5599,19567,5792],{"class":5613},[5599,19569,19570],{"class":5644},"\"birthDate\"\n",[5599,19572,19573,19575,19577],{"class":5601,"line":8362},[5599,19574,8202],{"class":5788},[5599,19576,5792],{"class":5613},[5599,19578,19579],{"class":5644},"\"date\"\n",[5599,19581,19582,19584,19586,19588,19590,19592,19594,19597,19599,19601],{"class":5601,"line":8367},[5599,19583,8212],{"class":5605},[5599,19585,6778],{"class":5613},[5599,19587,6781],{"class":5609},[5599,19589,5641],{"class":5834},[5599,19591,19545],{"class":5644},[5599,19593,9471],{"class":5834},[5599,19595,19596],{"class":5694},"valueAsDate:",[5599,19598,9477],{"class":5605},[5599,19600,9480],{"class":5834},[5599,19602,5968],{"class":5605},[5599,19604,19605],{"class":5601,"line":12330},[5599,19606,8229],{"class":5780},[5599,19608,19609,19611,19613,19615,19618,19620,19622,19624,19626,19628,19630,19632,19634,19636,19638,19640,19642,19644,19646,19648,19650,19652],{"class":5601,"line":12360},[5599,19610,6797],{"class":5605},[5599,19612,6527],{"class":5694},[5599,19614,5704],{"class":5834},[5599,19616,19617],{"class":5694},"birthDate",[5599,19619,6806],{"class":5613},[5599,19621,6809],{"class":5780},[5599,19623,5479],{"class":5784},[5599,19625,6814],{"class":5788},[5599,19627,5792],{"class":5613},[5599,19629,6819],{"class":5644},[5599,19631,5936],{"class":5780},[5599,19633,5795],{"class":5605},[5599,19635,6527],{"class":5694},[5599,19637,5704],{"class":5834},[5599,19639,19617],{"class":5694},[5599,19641,5704],{"class":5834},[5599,19643,6834],{"class":5694},[5599,19645,5801],{"class":5605},[5599,19647,5942],{"class":5780},[5599,19649,5479],{"class":5784},[5599,19651,5936],{"class":5780},[5599,19653,5968],{"class":5605},[5599,19655,19656,19658,19660],{"class":5601,"line":12385},[5599,19657,6850],{"class":5780},[5599,19659,6728],{"class":5784},[5599,19661,5804],{"class":5780},[5599,19663,19664],{"class":5601,"line":12409},[5599,19665,5680],{"emptyLinePlaceholder":5679},[5599,19667,19668,19670,19672],{"class":5601,"line":12418},[5599,19669,5810],{"class":5780},[5599,19671,6728],{"class":5784},[5599,19673,5804],{"class":5780},[5599,19675,19676,19678,19680,19682,19684,19687,19689,19692,19694,19696],{"class":5601,"line":12427},[5599,19677,6736],{"class":5780},[5599,19679,6739],{"class":5784},[5599,19681,6742],{"class":5788},[5599,19683,5792],{"class":5613},[5599,19685,19686],{"class":5644},"\"bio\"",[5599,19688,5936],{"class":5780},[5599,19690,19691],{"class":5613},"Біографія (необов'язково)",[5599,19693,5942],{"class":5780},[5599,19695,6739],{"class":5784},[5599,19697,5804],{"class":5780},[5599,19699,19700,19702,19705,19707,19709,19711,19714,19716,19718,19721,19723,19725,19727,19729,19731,19733,19735,19737],{"class":5601,"line":12432},[5599,19701,6736],{"class":5780},[5599,19703,19704],{"class":5784},"textarea",[5599,19706,6768],{"class":5788},[5599,19708,5792],{"class":5613},[5599,19710,19686],{"class":5644},[5599,19712,19713],{"class":5788}," rows",[5599,19715,5792],{"class":5613},[5599,19717,5795],{"class":5605},[5599,19719,19720],{"class":6232},"4",[5599,19722,5801],{"class":5605},[5599,19724,6775],{"class":5605},[5599,19726,6778],{"class":5613},[5599,19728,6781],{"class":5609},[5599,19730,5641],{"class":5834},[5599,19732,19686],{"class":5644},[5599,19734,5860],{"class":5834},[5599,19736,5801],{"class":5605},[5599,19738,5865],{"class":5780},[5599,19740,19741,19743,19745,19747,19750,19752,19754,19756,19758,19760,19762,19764,19766,19768,19770,19772,19774,19776,19778,19780,19782,19784],{"class":5601,"line":12448},[5599,19742,6797],{"class":5605},[5599,19744,6527],{"class":5694},[5599,19746,5704],{"class":5834},[5599,19748,19749],{"class":5694},"bio",[5599,19751,6806],{"class":5613},[5599,19753,6809],{"class":5780},[5599,19755,5479],{"class":5784},[5599,19757,6814],{"class":5788},[5599,19759,5792],{"class":5613},[5599,19761,6819],{"class":5644},[5599,19763,5936],{"class":5780},[5599,19765,5795],{"class":5605},[5599,19767,6527],{"class":5694},[5599,19769,5704],{"class":5834},[5599,19771,19749],{"class":5694},[5599,19773,5704],{"class":5834},[5599,19775,6834],{"class":5694},[5599,19777,5801],{"class":5605},[5599,19779,5942],{"class":5780},[5599,19781,5479],{"class":5784},[5599,19783,5936],{"class":5780},[5599,19785,5968],{"class":5605},[5599,19787,19788,19790,19792],{"class":5601,"line":12457},[5599,19789,6850],{"class":5780},[5599,19791,6728],{"class":5784},[5599,19793,5804],{"class":5780},[5599,19795,19796],{"class":5601,"line":12481},[5599,19797,5680],{"emptyLinePlaceholder":5679},[5599,19799,19800,19802,19804,19806,19808,19810,19812,19815,19817,19819],{"class":5601,"line":12510},[5599,19801,5810],{"class":5780},[5599,19803,5925],{"class":5784},[5599,19805,5928],{"class":5788},[5599,19807,5792],{"class":5613},[5599,19809,5933],{"class":5644},[5599,19811,5936],{"class":5780},[5599,19813,19814],{"class":5613},"Зберегти профіль",[5599,19816,5942],{"class":5780},[5599,19818,5925],{"class":5784},[5599,19820,5804],{"class":5780},[5599,19822,19823,19825,19827],{"class":5601,"line":12525},[5599,19824,5952],{"class":5780},[5599,19826,5785],{"class":5784},[5599,19828,5804],{"class":5780},[5599,19830,19831],{"class":5601,"line":12561},[5599,19832,5962],{"class":5613},[5599,19834,19835],{"class":5601,"line":12569},[5599,19836,5968],{"class":5613},[5479,19838,19839],{},[5483,19840,19841],{},"Пояснення:",[5509,19843,19844,19856,19861],{},[5512,19845,19846,19849,19850,19853,19854,5704],{},[5557,19847,19848],{},"z.coerce.date()"," автоматично перетворює рядкове значення з ",[5557,19851,19852],{},"type=\"date\""," на об'єкт ",[5557,19855,18991],{},[5512,19857,19858,19860],{},[5557,19859,7557],{}," додає кастомну валідацію для перевірки віку: обчислюємо різницю між поточною датою та датою народження у роках.",[5512,19862,19863,8378,19866,19868,19869,19871],{},[5557,19864,19865],{},"valueAsDate: true",[5557,19867,6781],{}," гарантує, що React Hook Form передає саме ",[5557,19870,18991],{},", а не рядок.",[18773,19873,19874,19916],{},[18776,19875,19877,19880,19910],{"icon":18778,"label":19876},"📋 Завдання 2: Форма замовлення з динамічним списком товарів",[5479,19878,19879],{},"Створіть форму оформлення замовлення:",[5509,19881,19882,19888,19893],{},[5512,19883,19884,19887],{},[5483,19885,19886],{},"Ім'я клієнта"," (обов'язкове)",[5512,19889,19890,19892],{},[5483,19891,6887],{}," (обов'язковий, валідація формату)",[5512,19894,19895,19898,19899],{},[5483,19896,19897],{},"Список товарів"," (динамічний масив):\n",[5509,19900,19901,19904,19907],{},[5512,19902,19903],{},"Назва товару (обов'язкове)",[5512,19905,19906],{},"Кількість (число, мінімум 1)",[5512,19908,19909],{},"Ціна за одиницю (число, більше 0)",[5479,19911,19912,19913,5704],{},"Додайте кнопки «Додати товар» та «Видалити» для кожного товару. Під формою виведіть ",[5483,19914,19915],{},"загальну суму замовлення",[18776,19917,19919,22003,22007],{"icon":18812,"label":19918},"✅ Розв'язок завдання 2",[5590,19920,19922],{"className":5592,"code":19921,"language":5594,"meta":5595,"style":5595},"import { useForm, useFieldArray } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\nimport { z } from \"zod\";\nimport { useMemo } from \"react\";\n\nconst orderSchema = z.object({\n  customerName: z.string().min(2, \"Введіть ім'я\"),\n  email: z.string().email(\"Введіть коректний email\"),\n  items: z\n    .array(\n      z.object({\n        name: z.string().min(1, \"Введіть назву товару\"),\n        quantity: z.coerce.number().int().min(1, \"Мінімум 1\"),\n        price: z.coerce.number().positive(\"Ціна має бути більше 0\"),\n      })\n    )\n    .min(1, \"Додайте хоча б один товар\"),\n});\n\ntype OrderFormData = z.infer\u003Ctypeof orderSchema>;\n\nfunction OrderForm() {\n  const {\n    register,\n    control,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm\u003COrderFormData>({\n    resolver: zodResolver(orderSchema),\n    defaultValues: {\n      customerName: \"\",\n      email: \"\",\n      items: [{ name: \"\", quantity: 1, price: 0 }],\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: \"items\",\n  });\n\n  const items = watch(\"items\");\n\n  const totalPrice = useMemo(() => {\n    return items.reduce((sum, item) => {\n      const quantity = Number(item.quantity) || 0;\n      const price = Number(item.price) || 0;\n      return sum + quantity * price;\n    }, 0);\n  }, [items]);\n\n  const onSubmit = (data: OrderFormData) => {\n    console.log(\"Замовлення:\", data);\n    alert(`Замовлення оформлено! Загальна сума: ${totalPrice.toFixed(2)} ₴`);\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"customerName\">Ім'я клієнта\u003C\u002Flabel>\n        \u003Cinput id=\"customerName\" {...register(\"customerName\")} \u002F>\n        {errors.customerName && (\n          \u003Cp className=\"error\">{errors.customerName.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cfieldset>\n        \u003Clegend>Товари\u003C\u002Flegend>\n\n        {fields.map((field, index) => (\n          \u003Cdiv key={field.id} style={{ border: \"1px solid #ccc\", padding: \"0.5rem\", marginBottom: \"0.5rem\" }}>\n            \u003Cdiv>\n              \u003Clabel htmlFor={`items.${index}.name`}>Назва товару\u003C\u002Flabel>\n              \u003Cinput\n                id={`items.${index}.name`}\n                {...register(`items.${index}.name` as const)}\n              \u002F>\n              {errors.items?.[index]?.name && (\n                \u003Cp className=\"error\">{errors.items[index]?.name?.message}\u003C\u002Fp>\n              )}\n            \u003C\u002Fdiv>\n\n            \u003Cdiv>\n              \u003Clabel htmlFor={`items.${index}.quantity`}>Кількість\u003C\u002Flabel>\n              \u003Cinput\n                id={`items.${index}.quantity`}\n                type=\"number\"\n                {...register(`items.${index}.quantity` as const, { valueAsNumber: true })}\n              \u002F>\n              {errors.items?.[index]?.quantity && (\n                \u003Cp className=\"error\">{errors.items[index]?.quantity?.message}\u003C\u002Fp>\n              )}\n            \u003C\u002Fdiv>\n\n            \u003Cdiv>\n              \u003Clabel htmlFor={`items.${index}.price`}>Ціна (₴)\u003C\u002Flabel>\n              \u003Cinput\n                id={`items.${index}.price`}\n                type=\"number\"\n                step=\"0.01\"\n                {...register(`items.${index}.price` as const, { valueAsNumber: true })}\n              \u002F>\n              {errors.items?.[index]?.price && (\n                \u003Cp className=\"error\">{errors.items[index]?.price?.message}\u003C\u002Fp>\n              )}\n            \u003C\u002Fdiv>\n\n            \u003Cbutton type=\"button\" onClick={() => remove(index)} disabled={fields.length === 1}>\n              Видалити\n            \u003C\u002Fbutton>\n          \u003C\u002Fdiv>\n        ))}\n\n        \u003Cbutton type=\"button\" onClick={() => append({ name: \"\", quantity: 1, price: 0 })}>\n          + Додати товар\n        \u003C\u002Fbutton>\n\n        {errors.items && typeof errors.items.message === \"string\" && (\n          \u003Cp className=\"error\">{errors.items.message}\u003C\u002Fp>\n        )}\n      \u003C\u002Ffieldset>\n\n      \u003Cdiv style={{ marginTop: \"1rem\", fontSize: \"1.25rem\", fontWeight: \"bold\" }}>\n        Загальна сума: {totalPrice.toFixed(2)} ₴\n      \u003C\u002Fdiv>\n\n      \u003Cbutton type=\"submit\">Оформити замовлення\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,19923,19924,19944,19960,19976,19993,19997,20013,20039,20060,20067,20075,20085,20111,20145,20171,20175,20179,20196,20200,20204,20226,20230,20238,20244,20250,20256,20262,20269,20279,20291,20303,20309,20318,20326,20355,20359,20363,20367,20389,20395,20404,20408,20412,20430,20434,20450,20478,20504,20530,20548,20557,20567,20571,20591,20609,20639,20643,20647,20653,20677,20685,20708,20736,20751,20785,20791,20799,20803,20811,20833,20867,20913,20921,20925,20933,20950,20954,20978,21028,21036,21073,21079,21099,21127,21131,21153,21195,21201,21209,21213,21221,21256,21262,21282,21291,21325,21329,21351,21393,21399,21408,21413,21422,21459,21466,21487,21496,21506,21541,21546,21569,21612,21619,21628,21633,21687,21692,21701,21710,21717,21722,21771,21777,21786,21791,21824,21859,21866,21875,21880,21922,21947,21956,21961,21984,21993,21998],{"__ignoreMap":5595},[5599,19925,19926,19928,19930,19932,19934,19936,19938,19940,19942],{"class":5601,"line":5602},[5599,19927,6152],{"class":5770},[5599,19929,6155],{"class":5613},[5599,19931,6455],{"class":5694},[5599,19933,5630],{"class":5613},[5599,19935,5559],{"class":5694},[5599,19937,6161],{"class":5613},[5599,19939,6164],{"class":5770},[5599,19941,6462],{"class":5644},[5599,19943,6170],{"class":5613},[5599,19945,19946,19948,19950,19952,19954,19956,19958],{"class":5601,"line":5617},[5599,19947,6152],{"class":5770},[5599,19949,6155],{"class":5613},[5599,19951,6473],{"class":5694},[5599,19953,6161],{"class":5613},[5599,19955,6164],{"class":5770},[5599,19957,6480],{"class":5644},[5599,19959,6170],{"class":5613},[5599,19961,19962,19964,19966,19968,19970,19972,19974],{"class":5601,"line":5651},[5599,19963,6152],{"class":5770},[5599,19965,6155],{"class":5613},[5599,19967,6158],{"class":5694},[5599,19969,6161],{"class":5613},[5599,19971,6164],{"class":5770},[5599,19973,6167],{"class":5644},[5599,19975,6170],{"class":5613},[5599,19977,19978,19980,19982,19984,19986,19988,19991],{"class":5601,"line":5676},[5599,19979,6152],{"class":5770},[5599,19981,6155],{"class":5613},[5599,19983,11572],{"class":5694},[5599,19985,6161],{"class":5613},[5599,19987,6164],{"class":5770},[5599,19989,19990],{"class":5644}," \"react\"",[5599,19992,6170],{"class":5613},[5599,19994,19995],{"class":5601,"line":5683},[5599,19996,5680],{"emptyLinePlaceholder":5679},[5599,19998,19999,20001,20003,20005,20007,20009,20011],{"class":5601,"line":5719},[5599,20000,6185],{"class":5605},[5599,20002,10911],{"class":5626},[5599,20004,6191],{"class":5613},[5599,20006,6158],{"class":5694},[5599,20008,5704],{"class":5613},[5599,20010,6198],{"class":5609},[5599,20012,6201],{"class":5613},[5599,20014,20015,20018,20020,20022,20024,20026,20028,20030,20032,20034,20037],{"class":5601,"line":5733},[5599,20016,20017],{"class":5694},"  customerName:",[5599,20019,7307],{"class":5694},[5599,20021,5704],{"class":5613},[5599,20023,6217],{"class":5609},[5599,20025,7314],{"class":5613},[5599,20027,6227],{"class":5609},[5599,20029,5641],{"class":5613},[5599,20031,6233],{"class":6232},[5599,20033,5630],{"class":5613},[5599,20035,20036],{"class":5644},"\"Введіть ім'я\"",[5599,20038,6261],{"class":5613},[5599,20040,20041,20043,20045,20047,20049,20051,20053,20055,20058],{"class":5601,"line":5756},[5599,20042,6266],{"class":5694},[5599,20044,7307],{"class":5694},[5599,20046,5704],{"class":5613},[5599,20048,6217],{"class":5609},[5599,20050,7314],{"class":5613},[5599,20052,5658],{"class":5609},[5599,20054,5641],{"class":5613},[5599,20056,20057],{"class":5644},"\"Введіть коректний email\"",[5599,20059,6261],{"class":5613},[5599,20061,20062,20065],{"class":5601,"line":5762},[5599,20063,20064],{"class":5694},"  items:",[5599,20066,6209],{"class":5694},[5599,20068,20069,20071,20073],{"class":5601,"line":5767},[5599,20070,6214],{"class":5613},[5599,20072,12944],{"class":5609},[5599,20074,12947],{"class":5613},[5599,20076,20077,20079,20081,20083],{"class":5601,"line":5777},[5599,20078,12952],{"class":5694},[5599,20080,5704],{"class":5613},[5599,20082,6198],{"class":5609},[5599,20084,6201],{"class":5613},[5599,20086,20087,20090,20092,20094,20096,20098,20100,20102,20104,20106,20109],{"class":5601,"line":5807},[5599,20088,20089],{"class":5694},"        name:",[5599,20091,7307],{"class":5694},[5599,20093,5704],{"class":5613},[5599,20095,6217],{"class":5609},[5599,20097,7314],{"class":5613},[5599,20099,6227],{"class":5609},[5599,20101,5641],{"class":5613},[5599,20103,10949],{"class":6232},[5599,20105,5630],{"class":5613},[5599,20107,20108],{"class":5644},"\"Введіть назву товару\"",[5599,20110,6261],{"class":5613},[5599,20112,20113,20116,20118,20120,20122,20124,20126,20128,20130,20132,20134,20136,20138,20140,20143],{"class":5601,"line":5868},[5599,20114,20115],{"class":5694},"        quantity:",[5599,20117,7307],{"class":5694},[5599,20119,5704],{"class":5613},[5599,20121,9629],{"class":5694},[5599,20123,5704],{"class":5613},[5599,20125,9029],{"class":5609},[5599,20127,7314],{"class":5613},[5599,20129,9047],{"class":5609},[5599,20131,7314],{"class":5613},[5599,20133,6227],{"class":5609},[5599,20135,5641],{"class":5613},[5599,20137,10949],{"class":6232},[5599,20139,5630],{"class":5613},[5599,20141,20142],{"class":5644},"\"Мінімум 1\"",[5599,20144,6261],{"class":5613},[5599,20146,20147,20150,20152,20154,20156,20158,20160,20162,20164,20166,20169],{"class":5601,"line":5920},[5599,20148,20149],{"class":5694},"        price:",[5599,20151,7307],{"class":5694},[5599,20153,5704],{"class":5613},[5599,20155,9629],{"class":5694},[5599,20157,5704],{"class":5613},[5599,20159,9029],{"class":5609},[5599,20161,7314],{"class":5613},[5599,20163,10971],{"class":5609},[5599,20165,5641],{"class":5613},[5599,20167,20168],{"class":5644},"\"Ціна має бути більше 0\"",[5599,20170,6261],{"class":5613},[5599,20172,20173],{"class":5601,"line":5949},[5599,20174,13037],{"class":5613},[5599,20176,20177],{"class":5601,"line":5959},[5599,20178,13042],{"class":5613},[5599,20180,20181,20183,20185,20187,20189,20191,20194],{"class":5601,"line":5965},[5599,20182,6214],{"class":5613},[5599,20184,6227],{"class":5609},[5599,20186,5641],{"class":5613},[5599,20188,10949],{"class":6232},[5599,20190,5630],{"class":5613},[5599,20192,20193],{"class":5644},"\"Додайте хоча б один товар\"",[5599,20195,6261],{"class":5613},[5599,20197,20198],{"class":5601,"line":6339},[5599,20199,6327],{"class":5613},[5599,20201,20202],{"class":5601,"line":6680},[5599,20203,5680],{"emptyLinePlaceholder":5679},[5599,20205,20206,20208,20210,20212,20214,20216,20218,20220,20222,20224],{"class":5601,"line":6685},[5599,20207,6342],{"class":5605},[5599,20209,10988],{"class":5701},[5599,20211,6191],{"class":5613},[5599,20213,6158],{"class":5701},[5599,20215,5704],{"class":5613},[5599,20217,6354],{"class":5701},[5599,20219,6357],{"class":5613},[5599,20221,6360],{"class":5605},[5599,20223,10911],{"class":5694},[5599,20225,6365],{"class":5613},[5599,20227,20228],{"class":5601,"line":6690},[5599,20229,5680],{"emptyLinePlaceholder":5679},[5599,20231,20232,20234,20236],{"class":5601,"line":6697},[5599,20233,5606],{"class":5605},[5599,20235,11015],{"class":5609},[5599,20237,5614],{"class":5613},[5599,20239,20240,20242],{"class":5601,"line":6723},[5599,20241,5620],{"class":5605},[5599,20243,5716],{"class":5613},[5599,20245,20246,20248],{"class":5601,"line":6733},[5599,20247,6506],{"class":5626},[5599,20249,6509],{"class":5613},[5599,20251,20252,20254],{"class":5601,"line":6761},[5599,20253,13120],{"class":5626},[5599,20255,6509],{"class":5613},[5599,20257,20258,20260],{"class":5601,"line":6794},[5599,20259,6514],{"class":5626},[5599,20261,6509],{"class":5613},[5599,20263,20264,20267],{"class":5601,"line":6847},[5599,20265,20266],{"class":5626},"    watch",[5599,20268,6509],{"class":5613},[5599,20270,20271,20273,20275,20277],{"class":5601,"line":6857},[5599,20272,6521],{"class":5694},[5599,20274,6524],{"class":5613},[5599,20276,6527],{"class":5626},[5599,20278,6535],{"class":5613},[5599,20280,20281,20283,20285,20287,20289],{"class":5601,"line":6862},[5599,20282,6540],{"class":5613},[5599,20284,6455],{"class":5609},[5599,20286,6357],{"class":5613},[5599,20288,11043],{"class":5701},[5599,20290,6550],{"class":5613},[5599,20292,20293,20295,20297,20299,20301],{"class":5601,"line":6871},[5599,20294,6555],{"class":5694},[5599,20296,6558],{"class":5609},[5599,20298,5641],{"class":5613},[5599,20300,11056],{"class":5694},[5599,20302,6261],{"class":5613},[5599,20304,20305,20307],{"class":5601,"line":6896},[5599,20306,8535],{"class":5694},[5599,20308,5716],{"class":5613},[5599,20310,20311,20314,20316],{"class":5601,"line":6931},[5599,20312,20313],{"class":5694},"      customerName:",[5599,20315,8545],{"class":5644},[5599,20317,6509],{"class":5613},[5599,20319,20320,20322,20324],{"class":5601,"line":6978},[5599,20321,8552],{"class":5694},[5599,20323,8545],{"class":5644},[5599,20325,6509],{"class":5613},[5599,20327,20328,20331,20333,20336,20338,20340,20343,20345,20347,20350,20353],{"class":5601,"line":6987},[5599,20329,20330],{"class":5694},"      items:",[5599,20332,13186],{"class":5613},[5599,20334,20335],{"class":5694},"name:",[5599,20337,8545],{"class":5644},[5599,20339,5630],{"class":5613},[5599,20341,20342],{"class":5694},"quantity:",[5599,20344,11072],{"class":6232},[5599,20346,5630],{"class":5613},[5599,20348,20349],{"class":5694},"price:",[5599,20351,20352],{"class":6232}," 0",[5599,20354,13202],{"class":5613},[5599,20356,20357],{"class":5601,"line":6992},[5599,20358,8579],{"class":5613},[5599,20360,20361],{"class":5601,"line":7001},[5599,20362,6570],{"class":5613},[5599,20364,20365],{"class":5601,"line":7026},[5599,20366,5680],{"emptyLinePlaceholder":5679},[5599,20368,20369,20371,20373,20375,20377,20379,20381,20383,20385,20387],{"class":5601,"line":7061},[5599,20370,5620],{"class":5605},[5599,20372,6155],{"class":5613},[5599,20374,13223],{"class":5626},[5599,20376,5630],{"class":5613},[5599,20378,13228],{"class":5626},[5599,20380,5630],{"class":5613},[5599,20382,13233],{"class":5626},[5599,20384,11036],{"class":5613},[5599,20386,5559],{"class":5609},[5599,20388,6201],{"class":5613},[5599,20390,20391,20393],{"class":5601,"line":7109},[5599,20392,13120],{"class":5694},[5599,20394,6509],{"class":5613},[5599,20396,20397,20399,20402],{"class":5601,"line":7118},[5599,20398,7304],{"class":5694},[5599,20400,20401],{"class":5644}," \"items\"",[5599,20403,6509],{"class":5613},[5599,20405,20406],{"class":5601,"line":7123},[5599,20407,6570],{"class":5613},[5599,20409,20410],{"class":5601,"line":7149},[5599,20411,5680],{"emptyLinePlaceholder":5679},[5599,20413,20414,20416,20419,20421,20423,20425,20428],{"class":5601,"line":7170},[5599,20415,5620],{"class":5605},[5599,20417,20418],{"class":5626}," items",[5599,20420,6191],{"class":5613},[5599,20422,10896],{"class":5609},[5599,20424,5641],{"class":5613},[5599,20426,20427],{"class":5644},"\"items\"",[5599,20429,5648],{"class":5613},[5599,20431,20432],{"class":5601,"line":7179},[5599,20433,5680],{"emptyLinePlaceholder":5679},[5599,20435,20436,20438,20440,20442,20444,20446,20448],{"class":5601,"line":7188},[5599,20437,5620],{"class":5605},[5599,20439,11144],{"class":5626},[5599,20441,6191],{"class":5613},[5599,20443,11572],{"class":5609},[5599,20445,11590],{"class":5613},[5599,20447,5713],{"class":5605},[5599,20449,5716],{"class":5613},[5599,20451,20452,20455,20457,20459,20462,20464,20467,20469,20472,20474,20476],{"class":5601,"line":7193},[5599,20453,20454],{"class":5770},"    return",[5599,20456,20418],{"class":5694},[5599,20458,5704],{"class":5613},[5599,20460,20461],{"class":5609},"reduce",[5599,20463,6643],{"class":5613},[5599,20465,20466],{"class":5694},"sum",[5599,20468,5630],{"class":5613},[5599,20470,20471],{"class":5694},"item",[5599,20473,5710],{"class":5613},[5599,20475,5713],{"class":5605},[5599,20477,5716],{"class":5613},[5599,20479,20480,20482,20484,20486,20489,20491,20493,20495,20497,20500,20502],{"class":5601,"line":8288},[5599,20481,15456],{"class":5605},[5599,20483,11108],{"class":5626},[5599,20485,6191],{"class":5613},[5599,20487,20488],{"class":5609},"Number",[5599,20490,5641],{"class":5613},[5599,20492,20471],{"class":5694},[5599,20494,5704],{"class":5613},[5599,20496,11149],{"class":5694},[5599,20498,20499],{"class":5613},") || ",[5599,20501,11155],{"class":6232},[5599,20503,6170],{"class":5613},[5599,20505,20506,20508,20511,20513,20515,20517,20519,20521,20524,20526,20528],{"class":5601,"line":8297},[5599,20507,15456],{"class":5605},[5599,20509,20510],{"class":5626}," price",[5599,20512,6191],{"class":5613},[5599,20514,20488],{"class":5609},[5599,20516,5641],{"class":5613},[5599,20518,20471],{"class":5694},[5599,20520,5704],{"class":5613},[5599,20522,20523],{"class":5694},"price",[5599,20525,20499],{"class":5613},[5599,20527,11155],{"class":6232},[5599,20529,6170],{"class":5613},[5599,20531,20532,20535,20538,20540,20542,20544,20546],{"class":5601,"line":8302},[5599,20533,20534],{"class":5770},"      return",[5599,20536,20537],{"class":5694}," sum",[5599,20539,8437],{"class":5613},[5599,20541,11149],{"class":5694},[5599,20543,19014],{"class":5613},[5599,20545,20523],{"class":5694},[5599,20547,6170],{"class":5613},[5599,20549,20550,20553,20555],{"class":5601,"line":8327},[5599,20551,20552],{"class":5613},"    }, ",[5599,20554,11155],{"class":6232},[5599,20556,5648],{"class":5613},[5599,20558,20559,20562,20565],{"class":5601,"line":8344},[5599,20560,20561],{"class":5613},"  }, [",[5599,20563,20564],{"class":5694},"items",[5599,20566,11630],{"class":5613},[5599,20568,20569],{"class":5601,"line":8353},[5599,20570,5680],{"emptyLinePlaceholder":5679},[5599,20572,20573,20575,20577,20579,20581,20583,20585,20587,20589],{"class":5601,"line":8362},[5599,20574,5620],{"class":5605},[5599,20576,5789],{"class":5609},[5599,20578,5691],{"class":5613},[5599,20580,6590],{"class":5694},[5599,20582,5698],{"class":5613},[5599,20584,11043],{"class":5701},[5599,20586,5710],{"class":5613},[5599,20588,5713],{"class":5605},[5599,20590,5716],{"class":5613},[5599,20592,20593,20595,20597,20599,20601,20603,20605,20607],{"class":5601,"line":8367},[5599,20594,5736],{"class":5694},[5599,20596,5704],{"class":5613},[5599,20598,5741],{"class":5609},[5599,20600,5641],{"class":5613},[5599,20602,11204],{"class":5644},[5599,20604,5630],{"class":5613},[5599,20606,6590],{"class":5694},[5599,20608,5648],{"class":5613},[5599,20610,20611,20613,20615,20618,20620,20622,20624,20626,20628,20630,20632,20634,20637],{"class":5601,"line":12330},[5599,20612,6670],{"class":5609},[5599,20614,5641],{"class":5613},[5599,20616,20617],{"class":5644},"`Замовлення оформлено! Загальна сума: ",[5599,20619,13599],{"class":5605},[5599,20621,11466],{"class":5694},[5599,20623,5704],{"class":5834},[5599,20625,11471],{"class":5609},[5599,20627,5641],{"class":5834},[5599,20629,6233],{"class":6232},[5599,20631,5860],{"class":5834},[5599,20633,5801],{"class":5605},[5599,20635,20636],{"class":5644}," ₴`",[5599,20638,5648],{"class":5613},[5599,20640,20641],{"class":5601,"line":12360},[5599,20642,5759],{"class":5613},[5599,20644,20645],{"class":5601,"line":12385},[5599,20646,5680],{"emptyLinePlaceholder":5679},[5599,20648,20649,20651],{"class":5601,"line":12409},[5599,20650,5771],{"class":5770},[5599,20652,5774],{"class":5613},[5599,20654,20655,20657,20659,20661,20663,20665,20667,20669,20671,20673,20675],{"class":5601,"line":12418},[5599,20656,5781],{"class":5780},[5599,20658,5785],{"class":5784},[5599,20660,5789],{"class":5788},[5599,20662,5792],{"class":5613},[5599,20664,5795],{"class":5605},[5599,20666,5798],{"class":5609},[5599,20668,5641],{"class":5834},[5599,20670,6714],{"class":5694},[5599,20672,5860],{"class":5834},[5599,20674,5801],{"class":5605},[5599,20676,5804],{"class":5780},[5599,20678,20679,20681,20683],{"class":5601,"line":12427},[5599,20680,5810],{"class":5780},[5599,20682,6728],{"class":5784},[5599,20684,5804],{"class":5780},[5599,20686,20687,20689,20691,20693,20695,20698,20700,20702,20704,20706],{"class":5601,"line":12432},[5599,20688,6736],{"class":5780},[5599,20690,6739],{"class":5784},[5599,20692,6742],{"class":5788},[5599,20694,5792],{"class":5613},[5599,20696,20697],{"class":5644},"\"customerName\"",[5599,20699,5936],{"class":5780},[5599,20701,19886],{"class":5613},[5599,20703,5942],{"class":5780},[5599,20705,6739],{"class":5784},[5599,20707,5804],{"class":5780},[5599,20709,20710,20712,20714,20716,20718,20720,20722,20724,20726,20728,20730,20732,20734],{"class":5601,"line":12448},[5599,20711,6736],{"class":5780},[5599,20713,5813],{"class":5784},[5599,20715,6768],{"class":5788},[5599,20717,5792],{"class":5613},[5599,20719,20697],{"class":5644},[5599,20721,6775],{"class":5605},[5599,20723,6778],{"class":5613},[5599,20725,6781],{"class":5609},[5599,20727,5641],{"class":5834},[5599,20729,20697],{"class":5644},[5599,20731,5860],{"class":5834},[5599,20733,5801],{"class":5605},[5599,20735,5865],{"class":5780},[5599,20737,20738,20740,20742,20744,20747,20749],{"class":5601,"line":12457},[5599,20739,6797],{"class":5605},[5599,20741,6527],{"class":5694},[5599,20743,5704],{"class":5834},[5599,20745,20746],{"class":5694},"customerName",[5599,20748,6806],{"class":5613},[5599,20750,5774],{"class":5834},[5599,20752,20753,20755,20757,20759,20761,20763,20765,20767,20769,20771,20773,20775,20777,20779,20781,20783],{"class":5601,"line":12481},[5599,20754,8248],{"class":5780},[5599,20756,5479],{"class":5784},[5599,20758,6814],{"class":5788},[5599,20760,5792],{"class":5613},[5599,20762,6819],{"class":5644},[5599,20764,5936],{"class":5780},[5599,20766,5795],{"class":5605},[5599,20768,6527],{"class":5694},[5599,20770,5704],{"class":5834},[5599,20772,20746],{"class":5694},[5599,20774,5704],{"class":5834},[5599,20776,6834],{"class":5694},[5599,20778,5801],{"class":5605},[5599,20780,5942],{"class":5780},[5599,20782,5479],{"class":5784},[5599,20784,5804],{"class":5780},[5599,20786,20787,20789],{"class":5601,"line":12510},[5599,20788,8283],{"class":5834},[5599,20790,5968],{"class":5605},[5599,20792,20793,20795,20797],{"class":5601,"line":12525},[5599,20794,6850],{"class":5780},[5599,20796,6728],{"class":5784},[5599,20798,5804],{"class":5780},[5599,20800,20801],{"class":5601,"line":12561},[5599,20802,5680],{"emptyLinePlaceholder":5679},[5599,20804,20805,20807,20809],{"class":5601,"line":12569},[5599,20806,5810],{"class":5780},[5599,20808,6728],{"class":5784},[5599,20810,5804],{"class":5780},[5599,20812,20813,20815,20817,20819,20821,20823,20825,20827,20829,20831],{"class":5601,"line":12578},[5599,20814,6736],{"class":5780},[5599,20816,6739],{"class":5784},[5599,20818,6742],{"class":5788},[5599,20820,5792],{"class":5613},[5599,20822,6882],{"class":5644},[5599,20824,5936],{"class":5780},[5599,20826,6887],{"class":5613},[5599,20828,5942],{"class":5780},[5599,20830,6739],{"class":5784},[5599,20832,5804],{"class":5780},[5599,20834,20835,20837,20839,20841,20843,20845,20847,20849,20851,20853,20855,20857,20859,20861,20863,20865],{"class":5601,"line":12586},[5599,20836,6736],{"class":5780},[5599,20838,5813],{"class":5784},[5599,20840,6768],{"class":5788},[5599,20842,5792],{"class":5613},[5599,20844,6882],{"class":5644},[5599,20846,5928],{"class":5788},[5599,20848,5792],{"class":5613},[5599,20850,6882],{"class":5644},[5599,20852,6775],{"class":5605},[5599,20854,6778],{"class":5613},[5599,20856,6781],{"class":5609},[5599,20858,5641],{"class":5834},[5599,20860,6882],{"class":5644},[5599,20862,5860],{"class":5834},[5599,20864,5801],{"class":5605},[5599,20866,5865],{"class":5780},[5599,20868,20869,20871,20873,20875,20877,20879,20881,20883,20885,20887,20889,20891,20893,20895,20897,20899,20901,20903,20905,20907,20909,20911],{"class":5601,"line":12591},[5599,20870,6797],{"class":5605},[5599,20872,6527],{"class":5694},[5599,20874,5704],{"class":5834},[5599,20876,5658],{"class":5694},[5599,20878,6806],{"class":5613},[5599,20880,6809],{"class":5780},[5599,20882,5479],{"class":5784},[5599,20884,6814],{"class":5788},[5599,20886,5792],{"class":5613},[5599,20888,6819],{"class":5644},[5599,20890,5936],{"class":5780},[5599,20892,5795],{"class":5605},[5599,20894,6527],{"class":5694},[5599,20896,5704],{"class":5834},[5599,20898,5658],{"class":5694},[5599,20900,5704],{"class":5834},[5599,20902,6834],{"class":5694},[5599,20904,5801],{"class":5605},[5599,20906,5942],{"class":5780},[5599,20908,5479],{"class":5784},[5599,20910,5936],{"class":5780},[5599,20912,5968],{"class":5605},[5599,20914,20915,20917,20919],{"class":5601,"line":12607},[5599,20916,6850],{"class":5780},[5599,20918,6728],{"class":5784},[5599,20920,5804],{"class":5780},[5599,20922,20923],{"class":5601,"line":12616},[5599,20924,5680],{"emptyLinePlaceholder":5679},[5599,20926,20927,20929,20931],{"class":5601,"line":12640},[5599,20928,5810],{"class":5780},[5599,20930,10460],{"class":5784},[5599,20932,5804],{"class":5780},[5599,20934,20935,20937,20939,20941,20944,20946,20948],{"class":5601,"line":12669},[5599,20936,6736],{"class":5780},[5599,20938,10469],{"class":5784},[5599,20940,5936],{"class":5780},[5599,20942,20943],{"class":5613},"Товари",[5599,20945,5942],{"class":5780},[5599,20947,10469],{"class":5784},[5599,20949,5804],{"class":5780},[5599,20951,20952],{"class":5601,"line":12684},[5599,20953,5680],{"emptyLinePlaceholder":5679},[5599,20955,20956,20958,20960,20962,20964,20966,20968,20970,20972,20974,20976],{"class":5601,"line":12719},[5599,20957,6797],{"class":5605},[5599,20959,13223],{"class":5694},[5599,20961,5704],{"class":5834},[5599,20963,13495],{"class":5609},[5599,20965,6643],{"class":5834},[5599,20967,13500],{"class":5694},[5599,20969,5630],{"class":5834},[5599,20971,13505],{"class":5694},[5599,20973,5710],{"class":5834},[5599,20975,5713],{"class":5605},[5599,20977,5774],{"class":5834},[5599,20979,20980,20982,20984,20986,20988,20990,20992,20994,20996,20998,21000,21002,21004,21006,21008,21010,21012,21014,21016,21018,21020,21022,21024,21026],{"class":5601,"line":12726},[5599,20981,8248],{"class":5780},[5599,20983,6728],{"class":5784},[5599,20985,13520],{"class":5788},[5599,20987,5792],{"class":5613},[5599,20989,5795],{"class":5605},[5599,20991,13500],{"class":5694},[5599,20993,5704],{"class":5834},[5599,20995,13531],{"class":5694},[5599,20997,5801],{"class":5605},[5599,20999,13536],{"class":5788},[5599,21001,5792],{"class":5613},[5599,21003,5795],{"class":5605},[5599,21005,13543],{"class":5834},[5599,21007,13554],{"class":5694},[5599,21009,13557],{"class":5644},[5599,21011,5630],{"class":5834},[5599,21013,13562],{"class":5694},[5599,21015,13565],{"class":5644},[5599,21017,5630],{"class":5834},[5599,21019,13546],{"class":5694},[5599,21021,13565],{"class":5644},[5599,21023,13568],{"class":5834},[5599,21025,5801],{"class":5605},[5599,21027,5804],{"class":5780},[5599,21029,21030,21032,21034],{"class":5601,"line":12735},[5599,21031,12528],{"class":5780},[5599,21033,6728],{"class":5784},[5599,21035,5804],{"class":5780},[5599,21037,21038,21040,21042,21044,21046,21048,21051,21053,21055,21057,21060,21062,21064,21067,21069,21071],{"class":5601,"line":12742},[5599,21039,13585],{"class":5780},[5599,21041,6739],{"class":5784},[5599,21043,6742],{"class":5788},[5599,21045,5792],{"class":5613},[5599,21047,5795],{"class":5605},[5599,21049,21050],{"class":5644},"`items.",[5599,21052,13599],{"class":5605},[5599,21054,13505],{"class":5694},[5599,21056,5801],{"class":5605},[5599,21058,21059],{"class":5644},".name`",[5599,21061,5801],{"class":5605},[5599,21063,5936],{"class":5780},[5599,21065,21066],{"class":5834},"Назва товару",[5599,21068,5942],{"class":5780},[5599,21070,6739],{"class":5784},[5599,21072,5804],{"class":5780},[5599,21074,21075,21077],{"class":5601,"line":12747},[5599,21076,13585],{"class":5780},[5599,21078,8187],{"class":5784},[5599,21080,21081,21083,21085,21087,21089,21091,21093,21095,21097],{"class":5601,"line":12771},[5599,21082,13630],{"class":5788},[5599,21084,5792],{"class":5613},[5599,21086,5795],{"class":5605},[5599,21088,21050],{"class":5644},[5599,21090,13599],{"class":5605},[5599,21092,13505],{"class":5694},[5599,21094,5801],{"class":5605},[5599,21096,21059],{"class":5644},[5599,21098,5968],{"class":5605},[5599,21100,21101,21103,21105,21107,21109,21111,21113,21115,21117,21119,21121,21123,21125],{"class":5601,"line":12780},[5599,21102,13651],{"class":5605},[5599,21104,6778],{"class":5613},[5599,21106,6781],{"class":5609},[5599,21108,5641],{"class":5834},[5599,21110,21050],{"class":5644},[5599,21112,13599],{"class":5605},[5599,21114,13505],{"class":5694},[5599,21116,5801],{"class":5605},[5599,21118,21059],{"class":5644},[5599,21120,13670],{"class":5770},[5599,21122,13673],{"class":5605},[5599,21124,5860],{"class":5834},[5599,21126,5968],{"class":5605},[5599,21128,21129],{"class":5601,"line":12785},[5599,21130,13682],{"class":5780},[5599,21132,21133,21135,21137,21139,21141,21143,21145,21147,21149,21151],{"class":5601,"line":14044},[5599,21134,13687],{"class":5605},[5599,21136,6527],{"class":5694},[5599,21138,5704],{"class":5834},[5599,21140,20564],{"class":5694},[5599,21142,13697],{"class":5834},[5599,21144,13505],{"class":5694},[5599,21146,13702],{"class":5834},[5599,21148,5627],{"class":5694},[5599,21150,6806],{"class":5613},[5599,21152,5774],{"class":5834},[5599,21154,21155,21157,21159,21161,21163,21165,21167,21169,21171,21173,21175,21177,21179,21181,21183,21185,21187,21189,21191,21193],{"class":5601,"line":14054},[5599,21156,13713],{"class":5780},[5599,21158,5479],{"class":5784},[5599,21160,6814],{"class":5788},[5599,21162,5792],{"class":5613},[5599,21164,6819],{"class":5644},[5599,21166,5936],{"class":5780},[5599,21168,5795],{"class":5605},[5599,21170,6527],{"class":5694},[5599,21172,5704],{"class":5834},[5599,21174,20564],{"class":5694},[5599,21176,7396],{"class":5834},[5599,21178,13505],{"class":5694},[5599,21180,13702],{"class":5834},[5599,21182,5627],{"class":5694},[5599,21184,13742],{"class":5834},[5599,21186,6834],{"class":5694},[5599,21188,5801],{"class":5605},[5599,21190,5942],{"class":5780},[5599,21192,5479],{"class":5784},[5599,21194,5804],{"class":5780},[5599,21196,21197,21199],{"class":5601,"line":14087},[5599,21198,13757],{"class":5834},[5599,21200,5968],{"class":5605},[5599,21202,21203,21205,21207],{"class":5601,"line":14093},[5599,21204,13764],{"class":5780},[5599,21206,6728],{"class":5784},[5599,21208,5804],{"class":5780},[5599,21210,21211],{"class":5601,"line":14099},[5599,21212,5680],{"emptyLinePlaceholder":5679},[5599,21214,21215,21217,21219],{"class":5601,"line":14108},[5599,21216,12528],{"class":5780},[5599,21218,6728],{"class":5784},[5599,21220,5804],{"class":5780},[5599,21222,21223,21225,21227,21229,21231,21233,21235,21237,21239,21241,21244,21246,21248,21250,21252,21254],{"class":5601,"line":14113},[5599,21224,13585],{"class":5780},[5599,21226,6739],{"class":5784},[5599,21228,6742],{"class":5788},[5599,21230,5792],{"class":5613},[5599,21232,5795],{"class":5605},[5599,21234,21050],{"class":5644},[5599,21236,13599],{"class":5605},[5599,21238,13505],{"class":5694},[5599,21240,5801],{"class":5605},[5599,21242,21243],{"class":5644},".quantity`",[5599,21245,5801],{"class":5605},[5599,21247,5936],{"class":5780},[5599,21249,11273],{"class":5834},[5599,21251,5942],{"class":5780},[5599,21253,6739],{"class":5784},[5599,21255,5804],{"class":5780},[5599,21257,21258,21260],{"class":5601,"line":14149},[5599,21259,13585],{"class":5780},[5599,21261,8187],{"class":5784},[5599,21263,21264,21266,21268,21270,21272,21274,21276,21278,21280],{"class":5601,"line":14184},[5599,21265,13630],{"class":5788},[5599,21267,5792],{"class":5613},[5599,21269,5795],{"class":5605},[5599,21271,21050],{"class":5644},[5599,21273,13599],{"class":5605},[5599,21275,13505],{"class":5694},[5599,21277,5801],{"class":5605},[5599,21279,21243],{"class":5644},[5599,21281,5968],{"class":5605},[5599,21283,21284,21287,21289],{"class":5601,"line":14191},[5599,21285,21286],{"class":5788},"                type",[5599,21288,5792],{"class":5613},[5599,21290,9456],{"class":5644},[5599,21292,21293,21295,21297,21299,21301,21303,21305,21307,21309,21311,21313,21315,21317,21319,21321,21323],{"class":5601,"line":14200},[5599,21294,13651],{"class":5605},[5599,21296,6778],{"class":5613},[5599,21298,6781],{"class":5609},[5599,21300,5641],{"class":5834},[5599,21302,21050],{"class":5644},[5599,21304,13599],{"class":5605},[5599,21306,13505],{"class":5694},[5599,21308,5801],{"class":5605},[5599,21310,21243],{"class":5644},[5599,21312,13670],{"class":5770},[5599,21314,13673],{"class":5605},[5599,21316,9471],{"class":5834},[5599,21318,9474],{"class":5694},[5599,21320,9477],{"class":5605},[5599,21322,9480],{"class":5834},[5599,21324,5968],{"class":5605},[5599,21326,21327],{"class":5601,"line":14205},[5599,21328,13682],{"class":5780},[5599,21330,21331,21333,21335,21337,21339,21341,21343,21345,21347,21349],{"class":5601,"line":14228},[5599,21332,13687],{"class":5605},[5599,21334,6527],{"class":5694},[5599,21336,5704],{"class":5834},[5599,21338,20564],{"class":5694},[5599,21340,13697],{"class":5834},[5599,21342,13505],{"class":5694},[5599,21344,13702],{"class":5834},[5599,21346,11149],{"class":5694},[5599,21348,6806],{"class":5613},[5599,21350,5774],{"class":5834},[5599,21352,21353,21355,21357,21359,21361,21363,21365,21367,21369,21371,21373,21375,21377,21379,21381,21383,21385,21387,21389,21391],{"class":5601,"line":14237},[5599,21354,13713],{"class":5780},[5599,21356,5479],{"class":5784},[5599,21358,6814],{"class":5788},[5599,21360,5792],{"class":5613},[5599,21362,6819],{"class":5644},[5599,21364,5936],{"class":5780},[5599,21366,5795],{"class":5605},[5599,21368,6527],{"class":5694},[5599,21370,5704],{"class":5834},[5599,21372,20564],{"class":5694},[5599,21374,7396],{"class":5834},[5599,21376,13505],{"class":5694},[5599,21378,13702],{"class":5834},[5599,21380,11149],{"class":5694},[5599,21382,13742],{"class":5834},[5599,21384,6834],{"class":5694},[5599,21386,5801],{"class":5605},[5599,21388,5942],{"class":5780},[5599,21390,5479],{"class":5784},[5599,21392,5804],{"class":5780},[5599,21394,21395,21397],{"class":5601,"line":14242},[5599,21396,13757],{"class":5834},[5599,21398,5968],{"class":5605},[5599,21400,21402,21404,21406],{"class":5601,"line":21401},100,[5599,21403,13764],{"class":5780},[5599,21405,6728],{"class":5784},[5599,21407,5804],{"class":5780},[5599,21409,21411],{"class":5601,"line":21410},101,[5599,21412,5680],{"emptyLinePlaceholder":5679},[5599,21414,21416,21418,21420],{"class":5601,"line":21415},102,[5599,21417,12528],{"class":5780},[5599,21419,6728],{"class":5784},[5599,21421,5804],{"class":5780},[5599,21423,21425,21427,21429,21431,21433,21435,21437,21439,21441,21443,21446,21448,21450,21453,21455,21457],{"class":5601,"line":21424},103,[5599,21426,13585],{"class":5780},[5599,21428,6739],{"class":5784},[5599,21430,6742],{"class":5788},[5599,21432,5792],{"class":5613},[5599,21434,5795],{"class":5605},[5599,21436,21050],{"class":5644},[5599,21438,13599],{"class":5605},[5599,21440,13505],{"class":5694},[5599,21442,5801],{"class":5605},[5599,21444,21445],{"class":5644},".price`",[5599,21447,5801],{"class":5605},[5599,21449,5936],{"class":5780},[5599,21451,21452],{"class":5834},"Ціна (₴)",[5599,21454,5942],{"class":5780},[5599,21456,6739],{"class":5784},[5599,21458,5804],{"class":5780},[5599,21460,21462,21464],{"class":5601,"line":21461},104,[5599,21463,13585],{"class":5780},[5599,21465,8187],{"class":5784},[5599,21467,21469,21471,21473,21475,21477,21479,21481,21483,21485],{"class":5601,"line":21468},105,[5599,21470,13630],{"class":5788},[5599,21472,5792],{"class":5613},[5599,21474,5795],{"class":5605},[5599,21476,21050],{"class":5644},[5599,21478,13599],{"class":5605},[5599,21480,13505],{"class":5694},[5599,21482,5801],{"class":5605},[5599,21484,21445],{"class":5644},[5599,21486,5968],{"class":5605},[5599,21488,21490,21492,21494],{"class":5601,"line":21489},106,[5599,21491,21286],{"class":5788},[5599,21493,5792],{"class":5613},[5599,21495,9456],{"class":5644},[5599,21497,21499,21502,21504],{"class":5601,"line":21498},107,[5599,21500,21501],{"class":5788},"                step",[5599,21503,5792],{"class":5613},[5599,21505,11404],{"class":5644},[5599,21507,21509,21511,21513,21515,21517,21519,21521,21523,21525,21527,21529,21531,21533,21535,21537,21539],{"class":5601,"line":21508},108,[5599,21510,13651],{"class":5605},[5599,21512,6778],{"class":5613},[5599,21514,6781],{"class":5609},[5599,21516,5641],{"class":5834},[5599,21518,21050],{"class":5644},[5599,21520,13599],{"class":5605},[5599,21522,13505],{"class":5694},[5599,21524,5801],{"class":5605},[5599,21526,21445],{"class":5644},[5599,21528,13670],{"class":5770},[5599,21530,13673],{"class":5605},[5599,21532,9471],{"class":5834},[5599,21534,9474],{"class":5694},[5599,21536,9477],{"class":5605},[5599,21538,9480],{"class":5834},[5599,21540,5968],{"class":5605},[5599,21542,21544],{"class":5601,"line":21543},109,[5599,21545,13682],{"class":5780},[5599,21547,21549,21551,21553,21555,21557,21559,21561,21563,21565,21567],{"class":5601,"line":21548},110,[5599,21550,13687],{"class":5605},[5599,21552,6527],{"class":5694},[5599,21554,5704],{"class":5834},[5599,21556,20564],{"class":5694},[5599,21558,13697],{"class":5834},[5599,21560,13505],{"class":5694},[5599,21562,13702],{"class":5834},[5599,21564,20523],{"class":5694},[5599,21566,6806],{"class":5613},[5599,21568,5774],{"class":5834},[5599,21570,21572,21574,21576,21578,21580,21582,21584,21586,21588,21590,21592,21594,21596,21598,21600,21602,21604,21606,21608,21610],{"class":5601,"line":21571},111,[5599,21573,13713],{"class":5780},[5599,21575,5479],{"class":5784},[5599,21577,6814],{"class":5788},[5599,21579,5792],{"class":5613},[5599,21581,6819],{"class":5644},[5599,21583,5936],{"class":5780},[5599,21585,5795],{"class":5605},[5599,21587,6527],{"class":5694},[5599,21589,5704],{"class":5834},[5599,21591,20564],{"class":5694},[5599,21593,7396],{"class":5834},[5599,21595,13505],{"class":5694},[5599,21597,13702],{"class":5834},[5599,21599,20523],{"class":5694},[5599,21601,13742],{"class":5834},[5599,21603,6834],{"class":5694},[5599,21605,5801],{"class":5605},[5599,21607,5942],{"class":5780},[5599,21609,5479],{"class":5784},[5599,21611,5804],{"class":5780},[5599,21613,21615,21617],{"class":5601,"line":21614},112,[5599,21616,13757],{"class":5834},[5599,21618,5968],{"class":5605},[5599,21620,21622,21624,21626],{"class":5601,"line":21621},113,[5599,21623,13764],{"class":5780},[5599,21625,6728],{"class":5784},[5599,21627,5804],{"class":5780},[5599,21629,21631],{"class":5601,"line":21630},114,[5599,21632,5680],{"emptyLinePlaceholder":5679},[5599,21634,21636,21638,21640,21642,21644,21646,21648,21650,21652,21654,21656,21658,21660,21662,21664,21666,21668,21670,21672,21674,21676,21679,21681,21683,21685],{"class":5601,"line":21635},115,[5599,21637,12528],{"class":5780},[5599,21639,5925],{"class":5784},[5599,21641,5928],{"class":5788},[5599,21643,5792],{"class":5613},[5599,21645,8808],{"class":5644},[5599,21647,8811],{"class":5788},[5599,21649,5792],{"class":5613},[5599,21651,5795],{"class":5605},[5599,21653,8818],{"class":5834},[5599,21655,5713],{"class":5605},[5599,21657,13991],{"class":5609},[5599,21659,5641],{"class":5834},[5599,21661,13505],{"class":5694},[5599,21663,5860],{"class":5834},[5599,21665,5801],{"class":5605},[5599,21667,7136],{"class":5788},[5599,21669,5792],{"class":5613},[5599,21671,5795],{"class":5605},[5599,21673,13223],{"class":5694},[5599,21675,5704],{"class":5834},[5599,21677,21678],{"class":5694},"length",[5599,21680,12439],{"class":5613},[5599,21682,11072],{"class":6232},[5599,21684,5801],{"class":5605},[5599,21686,5804],{"class":5780},[5599,21688,21690],{"class":5601,"line":21689},116,[5599,21691,14006],{"class":5834},[5599,21693,21695,21697,21699],{"class":5601,"line":21694},117,[5599,21696,13764],{"class":5780},[5599,21698,5925],{"class":5784},[5599,21700,5804],{"class":5780},[5599,21702,21704,21706,21708],{"class":5601,"line":21703},118,[5599,21705,14019],{"class":5780},[5599,21707,6728],{"class":5784},[5599,21709,5804],{"class":5780},[5599,21711,21713,21715],{"class":5601,"line":21712},119,[5599,21714,14028],{"class":5834},[5599,21716,5968],{"class":5605},[5599,21718,21720],{"class":5601,"line":21719},120,[5599,21721,5680],{"emptyLinePlaceholder":5679},[5599,21723,21725,21727,21729,21731,21733,21735,21737,21739,21741,21743,21745,21747,21749,21751,21753,21755,21757,21759,21761,21763,21765,21767,21769],{"class":5601,"line":21724},121,[5599,21726,6736],{"class":5780},[5599,21728,5925],{"class":5784},[5599,21730,5928],{"class":5788},[5599,21732,5792],{"class":5613},[5599,21734,8808],{"class":5644},[5599,21736,8811],{"class":5788},[5599,21738,5792],{"class":5613},[5599,21740,5795],{"class":5605},[5599,21742,8818],{"class":5834},[5599,21744,5713],{"class":5605},[5599,21746,14068],{"class":5609},[5599,21748,5744],{"class":5834},[5599,21750,20335],{"class":5694},[5599,21752,8545],{"class":5644},[5599,21754,5630],{"class":5834},[5599,21756,20342],{"class":5694},[5599,21758,11072],{"class":6232},[5599,21760,5630],{"class":5834},[5599,21762,20349],{"class":5694},[5599,21764,20352],{"class":6232},[5599,21766,9480],{"class":5834},[5599,21768,5801],{"class":5605},[5599,21770,5804],{"class":5780},[5599,21772,21774],{"class":5601,"line":21773},122,[5599,21775,21776],{"class":5613},"          + Додати товар\n",[5599,21778,21780,21782,21784],{"class":5601,"line":21779},123,[5599,21781,8791],{"class":5780},[5599,21783,5925],{"class":5784},[5599,21785,5804],{"class":5780},[5599,21787,21789],{"class":5601,"line":21788},124,[5599,21790,5680],{"emptyLinePlaceholder":5679},[5599,21792,21794,21796,21798,21800,21802,21804,21806,21808,21810,21812,21814,21816,21818,21820,21822],{"class":5601,"line":21793},125,[5599,21795,6797],{"class":5605},[5599,21797,6527],{"class":5694},[5599,21799,5704],{"class":5834},[5599,21801,20564],{"class":5694},[5599,21803,6806],{"class":5613},[5599,21805,14126],{"class":5605},[5599,21807,14129],{"class":5694},[5599,21809,5704],{"class":5834},[5599,21811,20564],{"class":5694},[5599,21813,5704],{"class":5834},[5599,21815,6834],{"class":5694},[5599,21817,12439],{"class":5613},[5599,21819,14142],{"class":5644},[5599,21821,6806],{"class":5613},[5599,21823,5774],{"class":5834},[5599,21825,21827,21829,21831,21833,21835,21837,21839,21841,21843,21845,21847,21849,21851,21853,21855,21857],{"class":5601,"line":21826},126,[5599,21828,8248],{"class":5780},[5599,21830,5479],{"class":5784},[5599,21832,6814],{"class":5788},[5599,21834,5792],{"class":5613},[5599,21836,6819],{"class":5644},[5599,21838,5936],{"class":5780},[5599,21840,5795],{"class":5605},[5599,21842,6527],{"class":5694},[5599,21844,5704],{"class":5834},[5599,21846,20564],{"class":5694},[5599,21848,5704],{"class":5834},[5599,21850,6834],{"class":5694},[5599,21852,5801],{"class":5605},[5599,21854,5942],{"class":5780},[5599,21856,5479],{"class":5784},[5599,21858,5804],{"class":5780},[5599,21860,21862,21864],{"class":5601,"line":21861},127,[5599,21863,8283],{"class":5834},[5599,21865,5968],{"class":5605},[5599,21867,21869,21871,21873],{"class":5601,"line":21868},128,[5599,21870,6850],{"class":5780},[5599,21872,10460],{"class":5784},[5599,21874,5804],{"class":5780},[5599,21876,21878],{"class":5601,"line":21877},129,[5599,21879,5680],{"emptyLinePlaceholder":5679},[5599,21881,21883,21885,21887,21889,21891,21893,21895,21898,21900,21902,21905,21908,21910,21913,21916,21918,21920],{"class":5601,"line":21882},130,[5599,21884,5810],{"class":5780},[5599,21886,6728],{"class":5784},[5599,21888,13536],{"class":5788},[5599,21890,5792],{"class":5613},[5599,21892,5795],{"class":5605},[5599,21894,13543],{"class":5834},[5599,21896,21897],{"class":5694},"marginTop:",[5599,21899,13549],{"class":5644},[5599,21901,5630],{"class":5834},[5599,21903,21904],{"class":5694},"fontSize:",[5599,21906,21907],{"class":5644}," \"1.25rem\"",[5599,21909,5630],{"class":5834},[5599,21911,21912],{"class":5694},"fontWeight:",[5599,21914,21915],{"class":5644}," \"bold\"",[5599,21917,13568],{"class":5834},[5599,21919,5801],{"class":5605},[5599,21921,5804],{"class":5780},[5599,21923,21925,21928,21930,21932,21934,21936,21938,21940,21942,21944],{"class":5601,"line":21924},131,[5599,21926,21927],{"class":5613},"        Загальна сума: ",[5599,21929,5795],{"class":5605},[5599,21931,11466],{"class":5694},[5599,21933,5704],{"class":5834},[5599,21935,11471],{"class":5609},[5599,21937,5641],{"class":5834},[5599,21939,6233],{"class":6232},[5599,21941,5860],{"class":5834},[5599,21943,5801],{"class":5605},[5599,21945,21946],{"class":5613}," ₴\n",[5599,21948,21950,21952,21954],{"class":5601,"line":21949},132,[5599,21951,6850],{"class":5780},[5599,21953,6728],{"class":5784},[5599,21955,5804],{"class":5780},[5599,21957,21959],{"class":5601,"line":21958},133,[5599,21960,5680],{"emptyLinePlaceholder":5679},[5599,21962,21964,21966,21968,21970,21972,21974,21976,21978,21980,21982],{"class":5601,"line":21963},134,[5599,21965,5810],{"class":5780},[5599,21967,5925],{"class":5784},[5599,21969,5928],{"class":5788},[5599,21971,5792],{"class":5613},[5599,21973,5933],{"class":5644},[5599,21975,5936],{"class":5780},[5599,21977,11517],{"class":5613},[5599,21979,5942],{"class":5780},[5599,21981,5925],{"class":5784},[5599,21983,5804],{"class":5780},[5599,21985,21987,21989,21991],{"class":5601,"line":21986},135,[5599,21988,5952],{"class":5780},[5599,21990,5785],{"class":5784},[5599,21992,5804],{"class":5780},[5599,21994,21996],{"class":5601,"line":21995},136,[5599,21997,5962],{"class":5613},[5599,21999,22001],{"class":5601,"line":22000},137,[5599,22002,5968],{"class":5613},[5479,22004,22005],{},[5483,22006,19841],{},[5509,22008,22009,22014,22020,22025],{},[5512,22010,22011,22013],{},[5557,22012,5559],{}," керує динамічним масивом товарів.",[5512,22015,22016,22019],{},[5557,22017,22018],{},"watch(\"items\")"," спостерігає за всіма елементами масиву для обчислення загальної суми.",[5512,22021,22022,22024],{},[5557,22023,11572],{}," оптимізує обчислення суми, щоб воно не виконувалося при кожному рендері.",[5512,22026,22027,22030,22031,8915],{},[5557,22028,22029],{},"disabled={fields.length === 1}"," блокує видалення, якщо залишився лише один товар (відповідно до валідації ",[5557,22032,22033],{},".min(1)",[18773,22035,22036,22065],{},[18776,22037,22039,22042],{"icon":18778,"label":22038},"📋 Завдання 3: Форма з умовною валідацією",[5479,22040,22041],{},"Створіть форму реєстрації на подію:",[5509,22043,22044,22048,22053,22059],{},[5512,22045,22046,19887],{},[5483,22047,6752],{},[5512,22049,22050,22052],{},[5483,22051,6887],{}," (обов'язковий)",[5512,22054,22055,22058],{},[5483,22056,22057],{},"Тип квитка"," (radio: \"free\", \"paid\")",[5512,22060,22061,22064],{},[5483,22062,22063],{},"Номер картки"," (обов'язковий лише якщо обрано \"paid\", має бути у форматі 16 цифр)",[18776,22066,22068,23316,23320],{"icon":18812,"label":22067},"✅ Розв'язок завдання 3",[5590,22069,22071],{"className":5592,"code":22070,"language":5594,"meta":5595,"style":5595},"import { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform\u002Fresolvers\u002Fzod\";\nimport { z } from \"zod\";\n\nconst eventSchema = z\n  .object({\n    name: z.string().min(2, \"Введіть ім'я\"),\n    email: z.string().email(\"Введіть коректний email\"),\n    ticketType: z.enum([\"free\", \"paid\"]),\n    cardNumber: z.string().optional(),\n  })\n  .superRefine((data, ctx) => {\n    if (data.ticketType === \"paid\") {\n      if (!data.cardNumber) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: \"Номер картки обов'язковий для платного квитка\",\n          path: [\"cardNumber\"],\n        });\n      } else if (!\u002F^\\d{16}$\u002F.test(data.cardNumber)) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: \"Номер картки має містити 16 цифр\",\n          path: [\"cardNumber\"],\n        });\n      }\n    }\n  });\n\ntype EventFormData = z.infer\u003Ctypeof eventSchema>;\n\nfunction EventRegistrationForm() {\n  const {\n    register,\n    watch,\n    handleSubmit,\n    formState: { errors },\n  } = useForm\u003CEventFormData>({\n    resolver: zodResolver(eventSchema),\n    defaultValues: {\n      name: \"\",\n      email: \"\",\n      ticketType: \"free\",\n      cardNumber: \"\",\n    },\n  });\n\n  const ticketType = watch(\"ticketType\");\n\n  const onSubmit = (data: EventFormData) => {\n    console.log(\"Реєстрація:\", data);\n    alert(\"Ви успішно зареєстровані на подію!\");\n  };\n\n  return (\n    \u003Cform onSubmit={handleSubmit(onSubmit)}>\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"name\">Ім'я\u003C\u002Flabel>\n        \u003Cinput id=\"name\" {...register(\"name\")} \u002F>\n        {errors.name && \u003Cp className=\"error\">{errors.name.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv>\n        \u003Clabel htmlFor=\"email\">Email\u003C\u002Flabel>\n        \u003Cinput id=\"email\" type=\"email\" {...register(\"email\")} \u002F>\n        {errors.email && \u003Cp className=\"error\">{errors.email.message}\u003C\u002Fp>}\n      \u003C\u002Fdiv>\n\n      \u003Cfieldset>\n        \u003Clegend>Тип квитка\u003C\u002Flegend>\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"free\" {...register(\"ticketType\")} \u002F>\n          Безкоштовний\n        \u003C\u002Flabel>\n        \u003Clabel>\n          \u003Cinput type=\"radio\" value=\"paid\" {...register(\"ticketType\")} \u002F>\n          Платний (100 ₴)\n        \u003C\u002Flabel>\n      \u003C\u002Ffieldset>\n\n      {ticketType === \"paid\" && (\n        \u003Cdiv>\n          \u003Clabel htmlFor=\"cardNumber\">Номер картки\u003C\u002Flabel>\n          \u003Cinput\n            id=\"cardNumber\"\n            type=\"text\"\n            placeholder=\"1234567890123456\"\n            maxLength={16}\n            {...register(\"cardNumber\")}\n          \u002F>\n          {errors.cardNumber && (\n            \u003Cp className=\"error\">{errors.cardNumber.message}\u003C\u002Fp>\n          )}\n        \u003C\u002Fdiv>\n      )}\n\n      \u003Cbutton type=\"submit\">Зареєструватися\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n",[5557,22072,22073,22089,22105,22121,22125,22136,22144,22168,22188,22211,22228,22232,22252,22271,22286,22297,22314,22324,22336,22340,22383,22393,22409,22418,22428,22432,22436,22440,22444,22448,22471,22475,22484,22490,22496,22502,22508,22518,22531,22544,22550,22558,22566,22576,22585,22589,22593,22597,22615,22619,22639,22658,22669,22673,22677,22683,22707,22715,22737,22765,22811,22819,22823,22831,22853,22887,22933,22941,22945,22953,22969,22977,23011,23016,23024,23032,23066,23071,23079,23087,23091,23106,23114,23136,23142,23152,23162,23172,23185,23202,23206,23220,23254,23260,23268,23274,23278,23300,23308,23312],{"__ignoreMap":5595},[5599,22074,22075,22077,22079,22081,22083,22085,22087],{"class":5601,"line":5602},[5599,22076,6152],{"class":5770},[5599,22078,6155],{"class":5613},[5599,22080,6455],{"class":5694},[5599,22082,6161],{"class":5613},[5599,22084,6164],{"class":5770},[5599,22086,6462],{"class":5644},[5599,22088,6170],{"class":5613},[5599,22090,22091,22093,22095,22097,22099,22101,22103],{"class":5601,"line":5617},[5599,22092,6152],{"class":5770},[5599,22094,6155],{"class":5613},[5599,22096,6473],{"class":5694},[5599,22098,6161],{"class":5613},[5599,22100,6164],{"class":5770},[5599,22102,6480],{"class":5644},[5599,22104,6170],{"class":5613},[5599,22106,22107,22109,22111,22113,22115,22117,22119],{"class":5601,"line":5651},[5599,22108,6152],{"class":5770},[5599,22110,6155],{"class":5613},[5599,22112,6158],{"class":5694},[5599,22114,6161],{"class":5613},[5599,22116,6164],{"class":5770},[5599,22118,6167],{"class":5644},[5599,22120,6170],{"class":5613},[5599,22122,22123],{"class":5601,"line":5676},[5599,22124,5680],{"emptyLinePlaceholder":5679},[5599,22126,22127,22129,22132,22134],{"class":5601,"line":5683},[5599,22128,6185],{"class":5605},[5599,22130,22131],{"class":5626}," eventSchema",[5599,22133,6191],{"class":5613},[5599,22135,7290],{"class":5694},[5599,22137,22138,22140,22142],{"class":5601,"line":5719},[5599,22139,7295],{"class":5613},[5599,22141,6198],{"class":5609},[5599,22143,6201],{"class":5613},[5599,22145,22146,22148,22150,22152,22154,22156,22158,22160,22162,22164,22166],{"class":5601,"line":5733},[5599,22147,7304],{"class":5694},[5599,22149,7307],{"class":5694},[5599,22151,5704],{"class":5613},[5599,22153,6217],{"class":5609},[5599,22155,7314],{"class":5613},[5599,22157,6227],{"class":5609},[5599,22159,5641],{"class":5613},[5599,22161,6233],{"class":6232},[5599,22163,5630],{"class":5613},[5599,22165,20036],{"class":5644},[5599,22167,6261],{"class":5613},[5599,22169,22170,22172,22174,22176,22178,22180,22182,22184,22186],{"class":5601,"line":5756},[5599,22171,7331],{"class":5694},[5599,22173,7307],{"class":5694},[5599,22175,5704],{"class":5613},[5599,22177,6217],{"class":5609},[5599,22179,7314],{"class":5613},[5599,22181,5658],{"class":5609},[5599,22183,5641],{"class":5613},[5599,22185,20057],{"class":5644},[5599,22187,6261],{"class":5613},[5599,22189,22190,22193,22195,22197,22199,22201,22204,22206,22209],{"class":5601,"line":5762},[5599,22191,22192],{"class":5694},"    ticketType:",[5599,22194,7307],{"class":5694},[5599,22196,5704],{"class":5613},[5599,22198,10225],{"class":5609},[5599,22200,10228],{"class":5613},[5599,22202,22203],{"class":5644},"\"free\"",[5599,22205,5630],{"class":5613},[5599,22207,22208],{"class":5644},"\"paid\"",[5599,22210,11706],{"class":5613},[5599,22212,22213,22216,22218,22220,22222,22224,22226],{"class":5601,"line":5767},[5599,22214,22215],{"class":5694},"    cardNumber:",[5599,22217,7307],{"class":5694},[5599,22219,5704],{"class":5613},[5599,22221,6217],{"class":5609},[5599,22223,7314],{"class":5613},[5599,22225,9748],{"class":5609},[5599,22227,7451],{"class":5613},[5599,22229,22230],{"class":5601,"line":5777},[5599,22231,7456],{"class":5613},[5599,22233,22234,22236,22238,22240,22242,22244,22246,22248,22250],{"class":5601,"line":5807},[5599,22235,7295],{"class":5613},[5599,22237,11751],{"class":5609},[5599,22239,6643],{"class":5613},[5599,22241,6590],{"class":5694},[5599,22243,5630],{"class":5613},[5599,22245,11760],{"class":5694},[5599,22247,5710],{"class":5613},[5599,22249,5713],{"class":5605},[5599,22251,5716],{"class":5613},[5599,22253,22254,22256,22258,22260,22262,22265,22267,22269],{"class":5601,"line":5868},[5599,22255,11776],{"class":5770},[5599,22257,5576],{"class":5613},[5599,22259,6590],{"class":5694},[5599,22261,5704],{"class":5613},[5599,22263,22264],{"class":5694},"ticketType",[5599,22266,7481],{"class":5613},[5599,22268,22208],{"class":5644},[5599,22270,11802],{"class":5613},[5599,22272,22273,22275,22277,22279,22281,22284],{"class":5601,"line":5920},[5599,22274,15533],{"class":5770},[5599,22276,15536],{"class":5613},[5599,22278,6590],{"class":5694},[5599,22280,5704],{"class":5613},[5599,22282,22283],{"class":5694},"cardNumber",[5599,22285,11802],{"class":5613},[5599,22287,22288,22291,22293,22295],{"class":5601,"line":5949},[5599,22289,22290],{"class":5694},"        ctx",[5599,22292,5704],{"class":5613},[5599,22294,11812],{"class":5609},[5599,22296,6201],{"class":5613},[5599,22298,22299,22302,22304,22306,22308,22310,22312],{"class":5601,"line":5959},[5599,22300,22301],{"class":5694},"          code:",[5599,22303,7307],{"class":5694},[5599,22305,5704],{"class":5613},[5599,22307,11826],{"class":5694},[5599,22309,5704],{"class":5613},[5599,22311,11831],{"class":5694},[5599,22313,6509],{"class":5613},[5599,22315,22316,22319,22322],{"class":5601,"line":5965},[5599,22317,22318],{"class":5694},"          message:",[5599,22320,22321],{"class":5644}," \"Номер картки обов'язковий для платного квитка\"",[5599,22323,6509],{"class":5613},[5599,22325,22326,22329,22331,22334],{"class":5601,"line":6339},[5599,22327,22328],{"class":5694},"          path:",[5599,22330,5623],{"class":5613},[5599,22332,22333],{"class":5644},"\"cardNumber\"",[5599,22335,11856],{"class":5613},[5599,22337,22338],{"class":5601,"line":6680},[5599,22339,15651],{"class":5613},[5599,22341,22342,22345,22348,22351,22353,22355,22357,22360,22363,22365,22367,22369,22372,22374,22376,22378,22380],{"class":5601,"line":6685},[5599,22343,22344],{"class":5613},"      } ",[5599,22346,22347],{"class":5770},"else",[5599,22349,22350],{"class":5770}," if",[5599,22352,15536],{"class":5613},[5599,22354,7392],{"class":7391},[5599,22356,12981],{"class":12980},[5599,22358,22359],{"class":7391},"\\d",[5599,22361,22362],{"class":12991},"{16}",[5599,22364,12995],{"class":12980},[5599,22366,7392],{"class":7391},[5599,22368,5704],{"class":5613},[5599,22370,22371],{"class":5609},"test",[5599,22373,5641],{"class":5613},[5599,22375,6590],{"class":5694},[5599,22377,5704],{"class":5613},[5599,22379,22283],{"class":5694},[5599,22381,22382],{"class":5613},")) {\n",[5599,22384,22385,22387,22389,22391],{"class":5601,"line":6690},[5599,22386,22290],{"class":5694},[5599,22388,5704],{"class":5613},[5599,22390,11812],{"class":5609},[5599,22392,6201],{"class":5613},[5599,22394,22395,22397,22399,22401,22403,22405,22407],{"class":5601,"line":6697},[5599,22396,22301],{"class":5694},[5599,22398,7307],{"class":5694},[5599,22400,5704],{"class":5613},[5599,22402,11826],{"class":5694},[5599,22404,5704],{"class":5613},[5599,22406,11831],{"class":5694},[5599,22408,6509],{"class":5613},[5599,22410,22411,22413,22416],{"class":5601,"line":6723},[5599,22412,22318],{"class":5694},[5599,22414,22415],{"class":5644}," \"Номер картки має містити 16 цифр\"",[5599,22417,6509],{"class":5613},[5599,22419,22420,22422,22424,22426],{"class":5601,"line":6733},[5599,22421,22328],{"class":5694},[5599,22423,5623],{"class":5613},[5599,22425,22333],{"class":5644},[5599,22427,11856],{"class":5613},[5599,22429,22430],{"class":5601,"line":6761},[5599,22431,15651],{"class":5613},[5599,22433,22434],{"class":5601,"line":6794},[5599,22435,15667],{"class":5613},[5599,22437,22438],{"class":5601,"line":6847},[5599,22439,11866],{"class":5613},[5599,22441,22442],{"class":5601,"line":6857},[5599,22443,6570],{"class":5613},[5599,22445,22446],{"class":5601,"line":6862},[5599,22447,5680],{"emptyLinePlaceholder":5679},[5599,22449,22450,22452,22455,22457,22459,22461,22463,22465,22467,22469],{"class":5601,"line":6871},[5599,22451,6342],{"class":5605},[5599,22453,22454],{"class":5701}," EventFormData",[5599,22456,6191],{"class":5613},[5599,22458,6158],{"class":5701},[5599,22460,5704],{"class":5613},[5599,22462,6354],{"class":5701},[5599,22464,6357],{"class":5613},[5599,22466,6360],{"class":5605},[5599,22468,22131],{"class":5694},[5599,22470,6365],{"class":5613},[5599,22472,22473],{"class":5601,"line":6896},[5599,22474,5680],{"emptyLinePlaceholder":5679},[5599,22476,22477,22479,22482],{"class":5601,"line":6931},[5599,22478,5606],{"class":5605},[5599,22480,22481],{"class":5609}," EventRegistrationForm",[5599,22483,5614],{"class":5613},[5599,22485,22486,22488],{"class":5601,"line":6978},[5599,22487,5620],{"class":5605},[5599,22489,5716],{"class":5613},[5599,22491,22492,22494],{"class":5601,"line":6987},[5599,22493,6506],{"class":5626},[5599,22495,6509],{"class":5613},[5599,22497,22498,22500],{"class":5601,"line":6992},[5599,22499,20266],{"class":5626},[5599,22501,6509],{"class":5613},[5599,22503,22504,22506],{"class":5601,"line":7001},[5599,22505,6514],{"class":5626},[5599,22507,6509],{"class":5613},[5599,22509,22510,22512,22514,22516],{"class":5601,"line":7026},[5599,22511,6521],{"class":5694},[5599,22513,6524],{"class":5613},[5599,22515,6527],{"class":5626},[5599,22517,6535],{"class":5613},[5599,22519,22520,22522,22524,22526,22529],{"class":5601,"line":7061},[5599,22521,6540],{"class":5613},[5599,22523,6455],{"class":5609},[5599,22525,6357],{"class":5613},[5599,22527,22528],{"class":5701},"EventFormData",[5599,22530,6550],{"class":5613},[5599,22532,22533,22535,22537,22539,22542],{"class":5601,"line":7109},[5599,22534,6555],{"class":5694},[5599,22536,6558],{"class":5609},[5599,22538,5641],{"class":5613},[5599,22540,22541],{"class":5694},"eventSchema",[5599,22543,6261],{"class":5613},[5599,22545,22546,22548],{"class":5601,"line":7118},[5599,22547,8535],{"class":5694},[5599,22549,5716],{"class":5613},[5599,22551,22552,22554,22556],{"class":5601,"line":7123},[5599,22553,8542],{"class":5694},[5599,22555,8545],{"class":5644},[5599,22557,6509],{"class":5613},[5599,22559,22560,22562,22564],{"class":5601,"line":7149},[5599,22561,8552],{"class":5694},[5599,22563,8545],{"class":5644},[5599,22565,6509],{"class":5613},[5599,22567,22568,22571,22574],{"class":5601,"line":7170},[5599,22569,22570],{"class":5694},"      ticketType:",[5599,22572,22573],{"class":5644}," \"free\"",[5599,22575,6509],{"class":5613},[5599,22577,22578,22581,22583],{"class":5601,"line":7179},[5599,22579,22580],{"class":5694},"      cardNumber:",[5599,22582,8545],{"class":5644},[5599,22584,6509],{"class":5613},[5599,22586,22587],{"class":5601,"line":7188},[5599,22588,8579],{"class":5613},[5599,22590,22591],{"class":5601,"line":7193},[5599,22592,6570],{"class":5613},[5599,22594,22595],{"class":5601,"line":8288},[5599,22596,5680],{"emptyLinePlaceholder":5679},[5599,22598,22599,22601,22604,22606,22608,22610,22613],{"class":5601,"line":8297},[5599,22600,5620],{"class":5605},[5599,22602,22603],{"class":5626}," ticketType",[5599,22605,6191],{"class":5613},[5599,22607,10896],{"class":5609},[5599,22609,5641],{"class":5613},[5599,22611,22612],{"class":5644},"\"ticketType\"",[5599,22614,5648],{"class":5613},[5599,22616,22617],{"class":5601,"line":8302},[5599,22618,5680],{"emptyLinePlaceholder":5679},[5599,22620,22621,22623,22625,22627,22629,22631,22633,22635,22637],{"class":5601,"line":8327},[5599,22622,5620],{"class":5605},[5599,22624,5789],{"class":5609},[5599,22626,5691],{"class":5613},[5599,22628,6590],{"class":5694},[5599,22630,5698],{"class":5613},[5599,22632,22528],{"class":5701},[5599,22634,5710],{"class":5613},[5599,22636,5713],{"class":5605},[5599,22638,5716],{"class":5613},[5599,22640,22641,22643,22645,22647,22649,22652,22654,22656],{"class":5601,"line":8344},[5599,22642,5736],{"class":5694},[5599,22644,5704],{"class":5613},[5599,22646,5741],{"class":5609},[5599,22648,5641],{"class":5613},[5599,22650,22651],{"class":5644},"\"Реєстрація:\"",[5599,22653,5630],{"class":5613},[5599,22655,6590],{"class":5694},[5599,22657,5648],{"class":5613},[5599,22659,22660,22662,22664,22667],{"class":5601,"line":8353},[5599,22661,6670],{"class":5609},[5599,22663,5641],{"class":5613},[5599,22665,22666],{"class":5644},"\"Ви успішно зареєстровані на подію!\"",[5599,22668,5648],{"class":5613},[5599,22670,22671],{"class":5601,"line":8362},[5599,22672,5759],{"class":5613},[5599,22674,22675],{"class":5601,"line":8367},[5599,22676,5680],{"emptyLinePlaceholder":5679},[5599,22678,22679,22681],{"class":5601,"line":12330},[5599,22680,5771],{"class":5770},[5599,22682,5774],{"class":5613},[5599,22684,22685,22687,22689,22691,22693,22695,22697,22699,22701,22703,22705],{"class":5601,"line":12360},[5599,22686,5781],{"class":5780},[5599,22688,5785],{"class":5784},[5599,22690,5789],{"class":5788},[5599,22692,5792],{"class":5613},[5599,22694,5795],{"class":5605},[5599,22696,5798],{"class":5609},[5599,22698,5641],{"class":5834},[5599,22700,6714],{"class":5694},[5599,22702,5860],{"class":5834},[5599,22704,5801],{"class":5605},[5599,22706,5804],{"class":5780},[5599,22708,22709,22711,22713],{"class":5601,"line":12385},[5599,22710,5810],{"class":5780},[5599,22712,6728],{"class":5784},[5599,22714,5804],{"class":5780},[5599,22716,22717,22719,22721,22723,22725,22727,22729,22731,22733,22735],{"class":5601,"line":12409},[5599,22718,6736],{"class":5780},[5599,22720,6739],{"class":5784},[5599,22722,6742],{"class":5788},[5599,22724,5792],{"class":5613},[5599,22726,6747],{"class":5644},[5599,22728,5936],{"class":5780},[5599,22730,6752],{"class":5613},[5599,22732,5942],{"class":5780},[5599,22734,6739],{"class":5784},[5599,22736,5804],{"class":5780},[5599,22738,22739,22741,22743,22745,22747,22749,22751,22753,22755,22757,22759,22761,22763],{"class":5601,"line":12418},[5599,22740,6736],{"class":5780},[5599,22742,5813],{"class":5784},[5599,22744,6768],{"class":5788},[5599,22746,5792],{"class":5613},[5599,22748,6747],{"class":5644},[5599,22750,6775],{"class":5605},[5599,22752,6778],{"class":5613},[5599,22754,6781],{"class":5609},[5599,22756,5641],{"class":5834},[5599,22758,6747],{"class":5644},[5599,22760,5860],{"class":5834},[5599,22762,5801],{"class":5605},[5599,22764,5865],{"class":5780},[5599,22766,22767,22769,22771,22773,22775,22777,22779,22781,22783,22785,22787,22789,22791,22793,22795,22797,22799,22801,22803,22805,22807,22809],{"class":5601,"line":12427},[5599,22768,6797],{"class":5605},[5599,22770,6527],{"class":5694},[5599,22772,5704],{"class":5834},[5599,22774,5627],{"class":5694},[5599,22776,6806],{"class":5613},[5599,22778,6809],{"class":5780},[5599,22780,5479],{"class":5784},[5599,22782,6814],{"class":5788},[5599,22784,5792],{"class":5613},[5599,22786,6819],{"class":5644},[5599,22788,5936],{"class":5780},[5599,22790,5795],{"class":5605},[5599,22792,6527],{"class":5694},[5599,22794,5704],{"class":5834},[5599,22796,5627],{"class":5694},[5599,22798,5704],{"class":5834},[5599,22800,6834],{"class":5694},[5599,22802,5801],{"class":5605},[5599,22804,5942],{"class":5780},[5599,22806,5479],{"class":5784},[5599,22808,5936],{"class":5780},[5599,22810,5968],{"class":5605},[5599,22812,22813,22815,22817],{"class":5601,"line":12432},[5599,22814,6850],{"class":5780},[5599,22816,6728],{"class":5784},[5599,22818,5804],{"class":5780},[5599,22820,22821],{"class":5601,"line":12448},[5599,22822,5680],{"emptyLinePlaceholder":5679},[5599,22824,22825,22827,22829],{"class":5601,"line":12457},[5599,22826,5810],{"class":5780},[5599,22828,6728],{"class":5784},[5599,22830,5804],{"class":5780},[5599,22832,22833,22835,22837,22839,22841,22843,22845,22847,22849,22851],{"class":5601,"line":12481},[5599,22834,6736],{"class":5780},[5599,22836,6739],{"class":5784},[5599,22838,6742],{"class":5788},[5599,22840,5792],{"class":5613},[5599,22842,6882],{"class":5644},[5599,22844,5936],{"class":5780},[5599,22846,6887],{"class":5613},[5599,22848,5942],{"class":5780},[5599,22850,6739],{"class":5784},[5599,22852,5804],{"class":5780},[5599,22854,22855,22857,22859,22861,22863,22865,22867,22869,22871,22873,22875,22877,22879,22881,22883,22885],{"class":5601,"line":12510},[5599,22856,6736],{"class":5780},[5599,22858,5813],{"class":5784},[5599,22860,6768],{"class":5788},[5599,22862,5792],{"class":5613},[5599,22864,6882],{"class":5644},[5599,22866,5928],{"class":5788},[5599,22868,5792],{"class":5613},[5599,22870,6882],{"class":5644},[5599,22872,6775],{"class":5605},[5599,22874,6778],{"class":5613},[5599,22876,6781],{"class":5609},[5599,22878,5641],{"class":5834},[5599,22880,6882],{"class":5644},[5599,22882,5860],{"class":5834},[5599,22884,5801],{"class":5605},[5599,22886,5865],{"class":5780},[5599,22888,22889,22891,22893,22895,22897,22899,22901,22903,22905,22907,22909,22911,22913,22915,22917,22919,22921,22923,22925,22927,22929,22931],{"class":5601,"line":12525},[5599,22890,6797],{"class":5605},[5599,22892,6527],{"class":5694},[5599,22894,5704],{"class":5834},[5599,22896,5658],{"class":5694},[5599,22898,6806],{"class":5613},[5599,22900,6809],{"class":5780},[5599,22902,5479],{"class":5784},[5599,22904,6814],{"class":5788},[5599,22906,5792],{"class":5613},[5599,22908,6819],{"class":5644},[5599,22910,5936],{"class":5780},[5599,22912,5795],{"class":5605},[5599,22914,6527],{"class":5694},[5599,22916,5704],{"class":5834},[5599,22918,5658],{"class":5694},[5599,22920,5704],{"class":5834},[5599,22922,6834],{"class":5694},[5599,22924,5801],{"class":5605},[5599,22926,5942],{"class":5780},[5599,22928,5479],{"class":5784},[5599,22930,5936],{"class":5780},[5599,22932,5968],{"class":5605},[5599,22934,22935,22937,22939],{"class":5601,"line":12561},[5599,22936,6850],{"class":5780},[5599,22938,6728],{"class":5784},[5599,22940,5804],{"class":5780},[5599,22942,22943],{"class":5601,"line":12569},[5599,22944,5680],{"emptyLinePlaceholder":5679},[5599,22946,22947,22949,22951],{"class":5601,"line":12578},[5599,22948,5810],{"class":5780},[5599,22950,10460],{"class":5784},[5599,22952,5804],{"class":5780},[5599,22954,22955,22957,22959,22961,22963,22965,22967],{"class":5601,"line":12586},[5599,22956,6736],{"class":5780},[5599,22958,10469],{"class":5784},[5599,22960,5936],{"class":5780},[5599,22962,22057],{"class":5613},[5599,22964,5942],{"class":5780},[5599,22966,10469],{"class":5784},[5599,22968,5804],{"class":5780},[5599,22970,22971,22973,22975],{"class":5601,"line":12591},[5599,22972,6736],{"class":5780},[5599,22974,6739],{"class":5784},[5599,22976,5804],{"class":5780},[5599,22978,22979,22981,22983,22985,22987,22989,22991,22993,22995,22997,22999,23001,23003,23005,23007,23009],{"class":5601,"line":12607},[5599,22980,8248],{"class":5780},[5599,22982,5813],{"class":5784},[5599,22984,5928],{"class":5788},[5599,22986,5792],{"class":5613},[5599,22988,10505],{"class":5644},[5599,22990,5816],{"class":5788},[5599,22992,5792],{"class":5613},[5599,22994,22203],{"class":5644},[5599,22996,6775],{"class":5605},[5599,22998,6778],{"class":5613},[5599,23000,6781],{"class":5609},[5599,23002,5641],{"class":5834},[5599,23004,22612],{"class":5644},[5599,23006,5860],{"class":5834},[5599,23008,5801],{"class":5605},[5599,23010,5865],{"class":5780},[5599,23012,23013],{"class":5601,"line":12616},[5599,23014,23015],{"class":5613},"          Безкоштовний\n",[5599,23017,23018,23020,23022],{"class":5601,"line":12640},[5599,23019,8791],{"class":5780},[5599,23021,6739],{"class":5784},[5599,23023,5804],{"class":5780},[5599,23025,23026,23028,23030],{"class":5601,"line":12669},[5599,23027,6736],{"class":5780},[5599,23029,6739],{"class":5784},[5599,23031,5804],{"class":5780},[5599,23033,23034,23036,23038,23040,23042,23044,23046,23048,23050,23052,23054,23056,23058,23060,23062,23064],{"class":5601,"line":12684},[5599,23035,8248],{"class":5780},[5599,23037,5813],{"class":5784},[5599,23039,5928],{"class":5788},[5599,23041,5792],{"class":5613},[5599,23043,10505],{"class":5644},[5599,23045,5816],{"class":5788},[5599,23047,5792],{"class":5613},[5599,23049,22208],{"class":5644},[5599,23051,6775],{"class":5605},[5599,23053,6778],{"class":5613},[5599,23055,6781],{"class":5609},[5599,23057,5641],{"class":5834},[5599,23059,22612],{"class":5644},[5599,23061,5860],{"class":5834},[5599,23063,5801],{"class":5605},[5599,23065,5865],{"class":5780},[5599,23067,23068],{"class":5601,"line":12719},[5599,23069,23070],{"class":5613},"          Платний (100 ₴)\n",[5599,23072,23073,23075,23077],{"class":5601,"line":12726},[5599,23074,8791],{"class":5780},[5599,23076,6739],{"class":5784},[5599,23078,5804],{"class":5780},[5599,23080,23081,23083,23085],{"class":5601,"line":12735},[5599,23082,6850],{"class":5780},[5599,23084,10460],{"class":5784},[5599,23086,5804],{"class":5780},[5599,23088,23089],{"class":5601,"line":12742},[5599,23090,5680],{"emptyLinePlaceholder":5679},[5599,23092,23093,23095,23097,23099,23102,23104],{"class":5601,"line":12747},[5599,23094,8720],{"class":5605},[5599,23096,22264],{"class":5694},[5599,23098,12439],{"class":5613},[5599,23100,23101],{"class":5644}," \"paid\"",[5599,23103,6806],{"class":5613},[5599,23105,5774],{"class":5834},[5599,23107,23108,23110,23112],{"class":5601,"line":12771},[5599,23109,6736],{"class":5780},[5599,23111,6728],{"class":5784},[5599,23113,5804],{"class":5780},[5599,23115,23116,23118,23120,23122,23124,23126,23128,23130,23132,23134],{"class":5601,"line":12780},[5599,23117,8248],{"class":5780},[5599,23119,6739],{"class":5784},[5599,23121,6742],{"class":5788},[5599,23123,5792],{"class":5613},[5599,23125,22333],{"class":5644},[5599,23127,5936],{"class":5780},[5599,23129,22063],{"class":5834},[5599,23131,5942],{"class":5780},[5599,23133,6739],{"class":5784},[5599,23135,5804],{"class":5780},[5599,23137,23138,23140],{"class":5601,"line":12785},[5599,23139,8248],{"class":5780},[5599,23141,8187],{"class":5784},[5599,23143,23144,23147,23149],{"class":5601,"line":14044},[5599,23145,23146],{"class":5788},"            id",[5599,23148,5792],{"class":5613},[5599,23150,23151],{"class":5644},"\"cardNumber\"\n",[5599,23153,23154,23157,23159],{"class":5601,"line":14054},[5599,23155,23156],{"class":5788},"            type",[5599,23158,5792],{"class":5613},[5599,23160,23161],{"class":5644},"\"text\"\n",[5599,23163,23164,23167,23169],{"class":5601,"line":14087},[5599,23165,23166],{"class":5788},"            placeholder",[5599,23168,5792],{"class":5613},[5599,23170,23171],{"class":5644},"\"1234567890123456\"\n",[5599,23173,23174,23177,23179,23181,23183],{"class":5601,"line":14093},[5599,23175,23176],{"class":5788},"            maxLength",[5599,23178,5792],{"class":5613},[5599,23180,5795],{"class":5605},[5599,23182,9065],{"class":6232},[5599,23184,5968],{"class":5605},[5599,23186,23187,23190,23192,23194,23196,23198,23200],{"class":5601,"line":14099},[5599,23188,23189],{"class":5605},"            {",[5599,23191,6778],{"class":5613},[5599,23193,6781],{"class":5609},[5599,23195,5641],{"class":5834},[5599,23197,22333],{"class":5644},[5599,23199,5860],{"class":5834},[5599,23201,5968],{"class":5605},[5599,23203,23204],{"class":5601,"line":14108},[5599,23205,17042],{"class":5780},[5599,23207,23208,23210,23212,23214,23216,23218],{"class":5601,"line":14113},[5599,23209,8212],{"class":5605},[5599,23211,6527],{"class":5694},[5599,23213,5704],{"class":5834},[5599,23215,22283],{"class":5694},[5599,23217,6806],{"class":5613},[5599,23219,5774],{"class":5834},[5599,23221,23222,23224,23226,23228,23230,23232,23234,23236,23238,23240,23242,23244,23246,23248,23250,23252],{"class":5601,"line":14149},[5599,23223,12528],{"class":5780},[5599,23225,5479],{"class":5784},[5599,23227,6814],{"class":5788},[5599,23229,5792],{"class":5613},[5599,23231,6819],{"class":5644},[5599,23233,5936],{"class":5780},[5599,23235,5795],{"class":5605},[5599,23237,6527],{"class":5694},[5599,23239,5704],{"class":5834},[5599,23241,22283],{"class":5694},[5599,23243,5704],{"class":5834},[5599,23245,6834],{"class":5694},[5599,23247,5801],{"class":5605},[5599,23249,5942],{"class":5780},[5599,23251,5479],{"class":5784},[5599,23253,5804],{"class":5780},[5599,23255,23256,23258],{"class":5601,"line":14184},[5599,23257,12564],{"class":5834},[5599,23259,5968],{"class":5605},[5599,23261,23262,23264,23266],{"class":5601,"line":14191},[5599,23263,8791],{"class":5780},[5599,23265,6728],{"class":5784},[5599,23267,5804],{"class":5780},[5599,23269,23270,23272],{"class":5601,"line":14200},[5599,23271,12581],{"class":5834},[5599,23273,5968],{"class":5605},[5599,23275,23276],{"class":5601,"line":14205},[5599,23277,5680],{"emptyLinePlaceholder":5679},[5599,23279,23280,23282,23284,23286,23288,23290,23292,23294,23296,23298],{"class":5601,"line":14228},[5599,23281,5810],{"class":5780},[5599,23283,5925],{"class":5784},[5599,23285,5928],{"class":5788},[5599,23287,5792],{"class":5613},[5599,23289,5933],{"class":5644},[5599,23291,5936],{"class":5780},[5599,23293,12762],{"class":5613},[5599,23295,5942],{"class":5780},[5599,23297,5925],{"class":5784},[5599,23299,5804],{"class":5780},[5599,23301,23302,23304,23306],{"class":5601,"line":14237},[5599,23303,5952],{"class":5780},[5599,23305,5785],{"class":5784},[5599,23307,5804],{"class":5780},[5599,23309,23310],{"class":5601,"line":14242},[5599,23311,5962],{"class":5613},[5599,23313,23314],{"class":5601,"line":21401},[5599,23315,5968],{"class":5613},[5479,23317,23318],{},[5483,23319,19841],{},[5509,23321,23322,23327,23333],{},[5512,23323,23324,23326],{},[5557,23325,7577],{}," дозволяє додавати складну умовну логіку: перевіряємо тип квитка, і якщо він \"paid\", валідуємо номер картки.",[5512,23328,23329,23332],{},[5557,23330,23331],{},"watch(\"ticketType\")"," використовується для умовного рендерингу поля з номером картки.",[5512,23334,23335,23336,23339],{},"Регулярний вираз ",[5557,23337,23338],{},"\u002F^\\d{16}$\u002F"," перевіряє, що номер картки складається рівно з 16 цифр.",[5563,23341],{},[5566,23343,23345],{"id":23344},"підсумок","Підсумок",[5501,23347,23348,23389],{},[5504,23349,23351],{"icon":18812,"title":23350},"✅ Що ми опанували",[5509,23352,23353,23356,23359,23362,23369,23374,23377,23382],{},[5512,23354,23355],{},"Філософію React Hook Form: некеровані інпути та мінімізація ререндерів.",[5512,23357,23358],{},"Створення типобезпечних схем валідації через Zod із автоматичним виведенням TypeScript-типів.",[5512,23360,23361],{},"Роботу з різними типами полів: текст, числа, дати, чекбокси, радіо-кнопки, селекти.",[5512,23363,23364,23365,5494,23367,5704],{},"Міжполеву валідацію через ",[5557,23366,7557],{},[5557,23368,7577],{},[5512,23370,23371,23372,5704],{},"Динамічні поля та масиви об'єктів через ",[5557,23373,5559],{},[5512,23375,23376],{},"Асинхронну валідацію та обробку помилок сервера.",[5512,23378,23379,23380,5704],{},"Інтеграцію з UI-бібліотеками через ",[5557,23381,16371],{},[5512,23383,23384,23385,5494,23387,5704],{},"Модульну структуру складних форм через ",[5557,23386,18236],{},[5557,23388,18241],{},[5504,23390,23393],{"icon":23391,"title":23392},"i-lucide-lightbulb","🎯 Ключові переваги підходу RHF + Zod",[5509,23394,23395,23401,23407,23413,23419,23425],{},[5512,23396,23397,23400],{},[5483,23398,23399],{},"Типобезпека:"," єдина схема для валідації та TypeScript-типів — жодного дублювання.",[5512,23402,23403,23406],{},[5483,23404,23405],{},"Продуктивність:"," мінімум ререндерів завдяки некерованому підходу.",[5512,23408,23409,23412],{},[5483,23410,23411],{},"Декларативність:"," вся логіка валідації зібрана в одному місці (Zod-схема).",[5512,23414,23415,23418],{},[5483,23416,23417],{},"Зручність:"," інтуїтивний API через хуки та spread-оператор.",[5512,23420,23421,23424],{},[5483,23422,23423],{},"Гнучкість:"," підтримка складних сценаріїв (динамічні поля, асинхронна валідація, умовна логіка).",[5512,23426,23427,23430,23431,5704],{},[5483,23428,23429],{},"Інтеграція:"," легко працює з будь-якими UI-бібліотеками через ",[5557,23432,16371],{},[6019,23434,23435,23440],{},[5479,23436,23437],{},[5483,23438,23439],{},"Рекомендації для реальних проєктів:",[7204,23441,23442,23448,23457,23463,23471,23477],{},[5512,23443,23444,23447],{},[5483,23445,23446],{},"Використовуйте Zod замість Yup"," для нових проєктів — краща інтеграція з TypeScript та функціональний підхід.",[5512,23449,23450,5576,23453,23456],{},[5483,23451,23452],{},"Винесіть схеми валідації у окремі файли",[5557,23454,23455],{},"schemas\u002Fregistration.schema.ts",") для повторного використання на фронтенді та бекенді.",[5512,23458,23459,23462],{},[5483,23460,23461],{},"Створюйте бібліотеку переважних UI-компонентів форм"," (Input, Select, Checkbox) інтегрованих із React Hook Form для уніфікації коду.",[5512,23464,23465,23470],{},[5483,23466,23467,23468],{},"Використовуйте ",[5557,23469,18236],{}," для великих форм із глибокою ієрархією компонентів.",[5512,23472,23473,23476],{},[5483,23474,23475],{},"Застосовуйте debounce"," для асинхронної валідації, щоб уникнути надмірних запитів до API.",[5512,23478,23479,23482,23483,23486,23487,8915],{},[5483,23480,23481],{},"Логуйте події форми"," у середовищі розробки для налагодження: ",[5557,23484,23485],{},"devTool: { control }"," (потрібен пакет ",[5557,23488,23489],{},"@hookform\u002Fdevtools",[23491,23492,23493],"style",{},"html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html .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 .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 pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .sAV2Q, html code.shiki .sAV2Q{--shiki-light:#D16969;--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 .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":5595,"searchDepth":5617,"depth":5617,"links":23495},[23496,23502,23503,23507,23508,23509,23514,23516,23517,23521,23522,23524,23527,23528,23529,23530],{"id":5568,"depth":5617,"text":5569,"children":23497},[23498,23499,23500,23501],{"id":5982,"depth":5651,"text":5983},{"id":5993,"depth":5651,"text":5994},{"id":6006,"depth":5651,"text":6007},{"id":6013,"depth":5651,"text":6014},{"id":6051,"depth":5617,"text":6052},{"id":6134,"depth":5617,"text":6135,"children":23504},[23505,23506],{"id":6141,"depth":5651,"text":6142},{"id":6440,"depth":5651,"text":6441},{"id":7270,"depth":5617,"text":7271},{"id":8445,"depth":5617,"text":8446},{"id":8958,"depth":5617,"text":8959,"children":23510},[23511,23512,23513],{"id":8972,"depth":5651,"text":8973},{"id":9661,"depth":5651,"text":9662},{"id":10190,"depth":5651,"text":10191},{"id":10892,"depth":5617,"text":23515},"Спостереження за значеннями полів: watch",{"id":11635,"depth":5617,"text":11636},{"id":12811,"depth":5617,"text":23518,"children":23519},"Динамічні поля: useFieldArray для масивів об'єктів",[23520],{"id":12831,"depth":5651,"text":12832},{"id":14354,"depth":5617,"text":14355},{"id":15273,"depth":5617,"text":23523},"Обробка помилок сервера: setError",{"id":16358,"depth":5617,"text":16359,"children":23525},[23526],{"id":16375,"depth":5651,"text":16376},{"id":17159,"depth":5617,"text":17160},{"id":18506,"depth":5617,"text":18507},{"id":18770,"depth":5617,"text":18771},{"id":23344,"depth":5617,"text":23345},"Опанування сучасного підходу до роботи з формами через React Hook Form та декларативної валідації даних за допомогою Zod. Створення типізованих схем, інтеграція із zodResolver, обробка помилок, динамічні поля та архітектурні патерни для складних форм.","md",null,{},{"title":5459,"description":23531},"_DoiwcdwoQcg8buDaQfXCEVcIYA42Ddmu4RHuyNyXk0",[23538,23540],{"title":5455,"path":5456,"stem":5457,"description":23539,"children":-1},"Покрокове введення в RTK Query: від першого запиту до кешування, мутацій, інвалідації тегів, оптимістичних оновлень, пагінації, автентифікації та типізації",{"title":5463,"path":5464,"stem":5465,"description":23541,"children":-1},"Тестування AsciiDiagram, BoxDiagram, ReactNativePreview та ReactProjectPreview компонентів",1794237266565]