[{"data":1,"prerenderedAt":15708},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version2-gestures-and-touch":3728,"-react-native-version2-gestures-and-touch-surround":15703},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3495,3512,3525,3671,3724],{"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],{"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},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до 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":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного 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":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка 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":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475,3479,3483,3487,3491],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3472,"path":3473,"stem":3474},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3476,"path":3477,"stem":3478},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3480,"path":3481,"stem":3482},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3484,"path":3485,"stem":3486},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3488,"path":3489,"stem":3490},"Доступність та інтернаціоналізація","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3492,"path":3493,"stem":3494},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3496,"path":3497,"stem":3498,"children":3499,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3500,3504,3508],{"title":3501,"path":3502,"stem":3503},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3505,"path":3506,"stem":3507},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3509,"path":3510,"stem":3511},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3513,"icon":658,"path":3514,"stem":3515,"children":3516,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3517,3521],{"title":3518,"path":3519,"stem":3520},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3522,"path":3523,"stem":3524},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3526,"icon":1946,"path":3527,"stem":3528,"children":3529,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3530,3575,3613,3642],{"title":3531,"icon":658,"path":3532,"stem":3533,"children":3534,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571],{"title":3536,"path":3537,"stem":3538},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3540,"path":3541,"stem":3542},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3544,"path":3545,"stem":3546},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3548,"path":3549,"stem":3550},"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":3552,"path":3553,"stem":3554},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3556,"path":3557,"stem":3558},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3560,"path":3561,"stem":3562},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3564,"path":3565,"stem":3566},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3568,"path":3569,"stem":3570},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3572,"path":3573,"stem":3574},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3576,"icon":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3581,3585,3589,3593,3597,3601,3605,3609],{"title":3582,"path":3583,"stem":3584},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3586,"path":3587,"stem":3588},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3590,"path":3591,"stem":3592},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3594,"path":3595,"stem":3596},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3598,"path":3599,"stem":3600},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3602,"path":3603,"stem":3604},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3606,"path":3607,"stem":3608},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3610,"path":3611,"stem":3612},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3614,"icon":2326,"path":3615,"stem":3616,"children":3617,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3618,3622,3626,3630,3634,3638],{"title":3619,"path":3620,"stem":3621},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3623,"path":3624,"stem":3625},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3627,"path":3628,"stem":3629},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3631,"path":3632,"stem":3633},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3635,"path":3636,"stem":3637},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3639,"path":3640,"stem":3641},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3643,"icon":2326,"path":3644,"stem":3645,"children":3646,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3647,3651,3655,3659,3663,3667],{"title":3648,"path":3649,"stem":3650},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3652,"path":3653,"stem":3654},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3656,"path":3657,"stem":3658},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3660,"path":3661,"stem":3662},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3664,"path":3665,"stem":3666},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3668,"path":3669,"stem":3670},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3672,"path":3673,"stem":3674,"children":3675,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3676,3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720],{"title":3677,"path":3678,"stem":3679},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3681,"path":3682,"stem":3683},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3685,"path":3686,"stem":3687},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3689,"path":3690,"stem":3691},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3693,"path":3694,"stem":3695},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3697,"path":3698,"stem":3699},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3701,"path":3702,"stem":3703},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3705,"path":3706,"stem":3707},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3709,"path":3710,"stem":3711},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3713,"path":3714,"stem":3715},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3717,"path":3718,"stem":3719},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3721,"path":3722,"stem":3723},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3725,"path":3726,"stem":3727},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3729,"title":3476,"body":3730,"description":15697,"extension":15698,"links":15699,"meta":15700,"navigation":3872,"path":3477,"seo":15701,"stem":3478,"__hash__":15702},"docs\u002F15.react-native\u002Fversion2\u002F23.gestures-and-touch.md",{"type":3731,"value":3732,"toc":15638},"minimark",[3733,3737,3742,3751,3798,3801,3820,3823,3827,3832,3835,4034,4049,4053,4060,4089,4103,4105,4109,4113,4134,4208,4212,4681,4685,5237,5241,5309,5311,5314,5318,5332,5342,5353,5357,5378,5388,5490,5501,5505,5527,5538,5735,5838,5842,5925,5929,5932,5993,5997,6426,6443,6445,6449,6453,6458,6494,6498,6505,7056,7067,7071,7829,7833,7870,7874,7877,8008,8012,8021,8320,8339,8341,8345,8349,8352,8372,8375,8378,8381,8397,8401,8486,8490,8597,8601,9055,9071,9075,9081,9084,9086,9090,9094,9097,9129,9210,9214,9220,10619,10623,10626,11479,11481,11485,11488,11493,11646,11650,11656,11916,11918,11922,11926,11929,12686,12690,13718,13720,13724,13728,13731,13761,13765,13808,13812,14650,14654,15404,15406,15410,15413,15440,15442,15446,15520,15522,15526,15635],[3734,3735,3476],"h1",{"id":3736},"жести-та-дотики",[3738,3739,3741],"h2",{"id":3740},"відкриття-чому-торкання-це-не-просто-click","Відкриття: чому торкання — це не просто click",[3743,3744,3745,3746,3750],"p",{},"У вебі все просто: є ",[3747,3748,3749],"code",{},"onClick"," і цього зазвичай достатньо. У мобільному світі все інакше. Пальцями роблять:",[3752,3753,3754,3762,3768,3774,3780,3786,3792],"ul",{},[3755,3756,3757,3761],"li",{},[3758,3759,3760],"strong",{},"Тап"," — швидкий дотик і відпускання.",[3755,3763,3764,3767],{},[3758,3765,3766],{},"Довгий тап"," — утримання понад ~500 мс.",[3755,3769,3770,3773],{},[3758,3771,3772],{},"Свайп"," — ковзання по екрану з певним вектором.",[3755,3775,3776,3779],{},[3758,3777,3778],{},"Пінч"," — зведення\u002Fрозведення двох пальців для масштабування.",[3755,3781,3782,3785],{},[3758,3783,3784],{},"Поворот"," — обертальний рух двома пальцями.",[3755,3787,3788,3791],{},[3758,3789,3790],{},"Пан"," — плавне переміщення пальцем.",[3755,3793,3794,3797],{},[3758,3795,3796],{},"Подвійний тап"," — два швидких дотики.",[3743,3799,3800],{},"Операційна система обробляє кожен дотик у кілька фаз, дозволяє жестам «змагатись» між собою і надає розробнику точний контроль над тим, хто «перемагає». Розуміння цієї архітектури — ключ до чуйного, природного UI.",[3802,3803,3804,3807,3808,3811,3812,3815,3816,3819],"note",{},[3758,3805,3806],{},"Що потрібно знати заздалегідь:"," ця стаття передбачає знайомство з основними компонентами React Native, хуками ",[3747,3809,3810],{},"useState","\u002F",[3747,3813,3814],{},"useRef"," та основами Expo Router. Базові знання React Native Reanimated будуть корисні, але не обов'язкові — ми будемо використовувати ",[3747,3817,3818],{},"Animated"," API зі стандартної бібліотеки.",[3821,3822],"hr",{},[3738,3824,3826],{"id":3825},"архітектура-обробки-дотиків","Архітектура обробки дотиків",[3828,3829,3831],"h3",{"id":3830},"touch-event-pipeline","Touch Event Pipeline",[3743,3833,3834],{},"Перш ніж писати код, важливо розуміти, як touch-подія проходить шлях від пальця до обробника у вашому компоненті:",[3836,3837,3838],"plant-uml",{},[3839,3840,3845],"pre",{"className":3841,"code":3842,"language":3843,"meta":3844,"style":3844},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\nactor \"Палець\\nкористувача\" as FINGER\n\nrectangle \"Апаратний рівень\" {\n  component [Touchscreen\\nController] as HW\n}\n\nrectangle \"ОС рівень\" {\n  component [UIKit (iOS)\\nMotionEvent (Android)] as OS\n}\n\nrectangle \"JavaScript Bridge \u002F JSI\" {\n  component [RN Touch\\nSubsystem] as TOUCH\n}\n\nrectangle \"React дерево\" {\n  component [Responder\\n(PanResponder)] as RESP\n  component [Gesture Handler\\n(RNGH)] as RNGH\n  component [Ваш компонент] as COMP\n}\n\nFINGER --> HW : raw capacitive data\nHW --> OS : MotionEvent \u002F UITouch\nOS --> TOUCH : normalized touch events\nTOUCH --> RNGH : через Turbo Module (синхронно)\nTOUCH --> RESP : через JS bridge (асинхронно)\nRNGH --> COMP : gesture callbacks\nRESP --> COMP : responder callbacks\n@enduml\n","plantuml","",[3747,3846,3847,3855,3861,3867,3874,3880,3885,3891,3897,3903,3908,3914,3920,3925,3930,3936,3942,3947,3952,3958,3964,3970,3976,3981,3986,3992,3998,4004,4010,4016,4022,4028],{"__ignoreMap":3844},[3848,3849,3852],"span",{"class":3850,"line":3851},"line",1,[3848,3853,3854],{},"@startuml\n",[3848,3856,3858],{"class":3850,"line":3857},2,[3848,3859,3860],{},"skinparam style plain\n",[3848,3862,3864],{"class":3850,"line":3863},3,[3848,3865,3866],{},"skinparam defaultFontSize 12\n",[3848,3868,3870],{"class":3850,"line":3869},4,[3848,3871,3873],{"emptyLinePlaceholder":3872},true,"\n",[3848,3875,3877],{"class":3850,"line":3876},5,[3848,3878,3879],{},"actor \"Палець\\nкористувача\" as FINGER\n",[3848,3881,3883],{"class":3850,"line":3882},6,[3848,3884,3873],{"emptyLinePlaceholder":3872},[3848,3886,3888],{"class":3850,"line":3887},7,[3848,3889,3890],{},"rectangle \"Апаратний рівень\" {\n",[3848,3892,3894],{"class":3850,"line":3893},8,[3848,3895,3896],{},"  component [Touchscreen\\nController] as HW\n",[3848,3898,3900],{"class":3850,"line":3899},9,[3848,3901,3902],{},"}\n",[3848,3904,3906],{"class":3850,"line":3905},10,[3848,3907,3873],{"emptyLinePlaceholder":3872},[3848,3909,3911],{"class":3850,"line":3910},11,[3848,3912,3913],{},"rectangle \"ОС рівень\" {\n",[3848,3915,3917],{"class":3850,"line":3916},12,[3848,3918,3919],{},"  component [UIKit (iOS)\\nMotionEvent (Android)] as OS\n",[3848,3921,3923],{"class":3850,"line":3922},13,[3848,3924,3902],{},[3848,3926,3928],{"class":3850,"line":3927},14,[3848,3929,3873],{"emptyLinePlaceholder":3872},[3848,3931,3933],{"class":3850,"line":3932},15,[3848,3934,3935],{},"rectangle \"JavaScript Bridge \u002F JSI\" {\n",[3848,3937,3939],{"class":3850,"line":3938},16,[3848,3940,3941],{},"  component [RN Touch\\nSubsystem] as TOUCH\n",[3848,3943,3945],{"class":3850,"line":3944},17,[3848,3946,3902],{},[3848,3948,3950],{"class":3850,"line":3949},18,[3848,3951,3873],{"emptyLinePlaceholder":3872},[3848,3953,3955],{"class":3850,"line":3954},19,[3848,3956,3957],{},"rectangle \"React дерево\" {\n",[3848,3959,3961],{"class":3850,"line":3960},20,[3848,3962,3963],{},"  component [Responder\\n(PanResponder)] as RESP\n",[3848,3965,3967],{"class":3850,"line":3966},21,[3848,3968,3969],{},"  component [Gesture Handler\\n(RNGH)] as RNGH\n",[3848,3971,3973],{"class":3850,"line":3972},22,[3848,3974,3975],{},"  component [Ваш компонент] as COMP\n",[3848,3977,3979],{"class":3850,"line":3978},23,[3848,3980,3902],{},[3848,3982,3984],{"class":3850,"line":3983},24,[3848,3985,3873],{"emptyLinePlaceholder":3872},[3848,3987,3989],{"class":3850,"line":3988},25,[3848,3990,3991],{},"FINGER --> HW : raw capacitive data\n",[3848,3993,3995],{"class":3850,"line":3994},26,[3848,3996,3997],{},"HW --> OS : MotionEvent \u002F UITouch\n",[3848,3999,4001],{"class":3850,"line":4000},27,[3848,4002,4003],{},"OS --> TOUCH : normalized touch events\n",[3848,4005,4007],{"class":3850,"line":4006},28,[3848,4008,4009],{},"TOUCH --> RNGH : через Turbo Module (синхронно)\n",[3848,4011,4013],{"class":3850,"line":4012},29,[3848,4014,4015],{},"TOUCH --> RESP : через JS bridge (асинхронно)\n",[3848,4017,4019],{"class":3850,"line":4018},30,[3848,4020,4021],{},"RNGH --> COMP : gesture callbacks\n",[3848,4023,4025],{"class":3850,"line":4024},31,[3848,4026,4027],{},"RESP --> COMP : responder callbacks\n",[3848,4029,4031],{"class":3850,"line":4030},32,[3848,4032,4033],{},"@enduml\n",[3743,4035,4036,4037,4040,4041,4044,4045,4048],{},"Ключовий момент: ",[3758,4038,4039],{},"React Native Gesture Handler (RNGH)"," працює через ",[3758,4042,4043],{},"Turbo Modules \u002F JSI"," — синхронно на нативному потоці UI. Це означає, що жести реагують миттєво, без затримки JS потоку. Стандартний ",[3747,4046,4047],{},"PanResponder"," — застаріший підхід, де події йдуть через асинхронний міст.",[3828,4050,4052],{"id":4051},"responder-system-як-react-native-вирішує-хто-обробляє-дотик","Responder System: як React Native вирішує, хто обробляє дотик",[3743,4054,4055,4056,4059],{},"Коли палець торкається екрана і на шляху є кілька компонентів (наприклад, кнопка всередині скролу), виникає питання: хто з них «забирає» дотик? Це вирішує ",[3758,4057,4058],{},"Responder System",":",[4061,4062,4063,4073,4079],"ol",{},[3755,4064,4065,4068,4069,4072],{},[3758,4066,4067],{},"Capture phase"," — подія іде ",[3758,4070,4071],{},"вниз"," по дереву компонентів (від кореня до листя).",[3755,4074,4075,4078],{},[3758,4076,4077],{},"Bubbling phase"," — кожен компонент вирішує, чи хоче він стати «responder».",[3755,4080,4081,4084,4085,4088],{},[3758,4082,4083],{},"Negotiation"," — якщо два компоненти претендують — батько може заблокувати дитину через ",[3747,4086,4087],{},"onStartShouldSetResponderCapture",".",[3743,4090,4091,4092,4095,4096,4098,4099,4102],{},"Саме через цю систему виникає класична проблема: свайп-елемент всередині ",[3747,4093,4094],{},"ScrollView"," «не реагує» — ",[3747,4097,4094],{}," перехоплює дотик раніше. ",[3758,4100,4101],{},"RNGH"," вирішує це елегантніше через власний менеджер жестів.",[3821,4104],{},[3738,4106,4108],{"id":4107},"pressable-сучасна-основа-тапів","Pressable: сучасна основа тапів",[3828,4110,4112],{"id":4111},"чому-pressable-а-не-touchableopacity","Чому Pressable, а не TouchableOpacity",[3743,4114,4115,4116,4119,4120,4123,4124,4127,4128,4133],{},"До React Native 0.63 для кнопок використовували ",[3747,4117,4118],{},"TouchableOpacity",", ",[3747,4121,4122],{},"TouchableHighlight"," або ",[3747,4125,4126],{},"TouchableNativeFeedback",". У 0.63 з'явився ",[3758,4129,4130],{},[3747,4131,4132],{},"Pressable"," — гнучкіша і більш потужна заміна:",[4135,4136,4137,4164],"card-group",{},[4138,4139,4142],"card",{"icon":4140,"title":4141},"i-lucide-x-circle","TouchableOpacity (застарілий)",[3752,4143,4144,4147,4154,4161],{},[3755,4145,4146],{},"Лише opacity-анімація",[3755,4148,4149,4150,4153],{},"Немає доступу до стану ",[3747,4151,4152],{},"pressed"," у children",[3755,4155,4156,4157,4160],{},"Немає ",[3747,4158,4159],{},"hitSlop"," з усіх боків окремо",[3755,4162,4163],{},"Неможливо кастомізувати feedback",[4138,4165,4168],{"icon":4166,"title":4167},"i-lucide-check-circle","Pressable (сучасний)",[3752,4169,4170,4176,4185,4191,4198],{},[3755,4171,4172,4173],{},"Callback-стиль: ",[3747,4174,4175],{},"style={({ pressed }) => ...}",[3755,4177,4178,4179,4181,4182],{},"Доступ до ",[3747,4180,4152],{}," у children через ",[3747,4183,4184],{},"render prop",[3755,4186,4187,4188,4190],{},"Розширена ",[3747,4189,4159],{}," конфігурація",[3755,4192,4193,4194,4197],{},"Власний ",[3747,4195,4196],{},"android_ripple"," ефект",[3755,4199,4200,4201,3811,4204,4207],{},"Хуки ",[3747,4202,4203],{},"onHoverIn",[3747,4205,4206],{},"onHoverOut"," для web",[3828,4209,4211],{"id":4210},"базове-використання","Базове використання",[3839,4213,4217],{"className":4214,"code":4215,"language":4216,"meta":3844,"style":3844},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import { Pressable, Text, StyleSheet } from 'react-native';\n\nfunction MyButton({ onPress, label }: { onPress: () => void; label: string }) {\n  return (\n    \u003CPressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.button,\n        pressed && styles.buttonPressed,\n      ]}\n    >\n      {({ pressed }) => (\n        \u003CText style={[styles.label, pressed && styles.labelPressed]}>\n          {label}\n        \u003C\u002FText>\n      )}\n    \u003C\u002FPressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: '#3B82F6',\n    paddingHorizontal: 24,\n    paddingVertical: 14,\n    borderRadius: 12,\n  },\n  buttonPressed: {\n    backgroundColor: '#1D4ED8',\n    transform: [{ scale: 0.97 }],\n  },\n  label: { color: 'white', fontWeight: '700', fontSize: 16 },\n  labelPressed: { opacity: 0.85 },\n});\n","tsx",[3747,4218,4219,4255,4259,4309,4317,4326,4342,4364,4377,4395,4402,4407,4422,4468,4477,4486,4493,4502,4507,4511,4515,4536,4544,4554,4565,4575,4585,4590,4597,4606,4623,4627,4659,4675],{"__ignoreMap":3844},[3848,4220,4221,4225,4229,4232,4234,4237,4239,4242,4245,4248,4252],{"class":3850,"line":3851},[3848,4222,4224],{"class":4223},"s8xlr","import",[3848,4226,4228],{"class":4227},"sHH4Y"," { ",[3848,4230,4132],{"class":4231},"siwwj",[3848,4233,4119],{"class":4227},[3848,4235,4236],{"class":4231},"Text",[3848,4238,4119],{"class":4227},[3848,4240,4241],{"class":4231},"StyleSheet",[3848,4243,4244],{"class":4227}," } ",[3848,4246,4247],{"class":4223},"from",[3848,4249,4251],{"class":4250},"sbdoH"," 'react-native'",[3848,4253,4254],{"class":4227},";\n",[3848,4256,4257],{"class":3850,"line":3857},[3848,4258,3873],{"emptyLinePlaceholder":3872},[3848,4260,4261,4265,4269,4272,4275,4277,4280,4283,4285,4288,4291,4295,4298,4300,4303,4306],{"class":3850,"line":3863},[3848,4262,4264],{"class":4263},"su1O8","function",[3848,4266,4268],{"class":4267},"s8Opu"," MyButton",[3848,4270,4271],{"class":4227},"({ ",[3848,4273,4274],{"class":4231},"onPress",[3848,4276,4119],{"class":4227},[3848,4278,4279],{"class":4231},"label",[3848,4281,4282],{"class":4227}," }: { ",[3848,4284,4274],{"class":4267},[3848,4286,4287],{"class":4227},": () ",[3848,4289,4290],{"class":4263},"=>",[3848,4292,4294],{"class":4293},"sN1BT"," void",[3848,4296,4297],{"class":4227},"; ",[3848,4299,4279],{"class":4231},[3848,4301,4302],{"class":4227},": ",[3848,4304,4305],{"class":4293},"string",[3848,4307,4308],{"class":4227}," }) {\n",[3848,4310,4311,4314],{"class":3850,"line":3869},[3848,4312,4313],{"class":4223},"  return",[3848,4315,4316],{"class":4227}," (\n",[3848,4318,4319,4323],{"class":3850,"line":3876},[3848,4320,4322],{"class":4321},"s0P7L","    \u003C",[3848,4324,4325],{"class":4293},"Pressable\n",[3848,4327,4328,4332,4335,4338,4340],{"class":3850,"line":3882},[3848,4329,4331],{"class":4330},"sa4r_","      onPress",[3848,4333,4334],{"class":4227},"=",[3848,4336,4337],{"class":4263},"{",[3848,4339,4274],{"class":4231},[3848,4341,3902],{"class":4263},[3848,4343,4344,4347,4349,4351,4354,4356,4359,4361],{"class":3850,"line":3887},[3848,4345,4346],{"class":4330},"      style",[3848,4348,4334],{"class":4227},[3848,4350,4337],{"class":4263},[3848,4352,4271],{"class":4353},"sD7JJ",[3848,4355,4152],{"class":4231},[3848,4357,4358],{"class":4353}," }) ",[3848,4360,4290],{"class":4263},[3848,4362,4363],{"class":4353}," [\n",[3848,4365,4366,4369,4371,4374],{"class":3850,"line":3893},[3848,4367,4368],{"class":4231},"        styles",[3848,4370,4088],{"class":4353},[3848,4372,4373],{"class":4231},"button",[3848,4375,4376],{"class":4353},",\n",[3848,4378,4379,4382,4385,4388,4390,4393],{"class":3850,"line":3899},[3848,4380,4381],{"class":4231},"        pressed",[3848,4383,4384],{"class":4227}," &&",[3848,4386,4387],{"class":4231}," styles",[3848,4389,4088],{"class":4353},[3848,4391,4392],{"class":4231},"buttonPressed",[3848,4394,4376],{"class":4353},[3848,4396,4397,4400],{"class":3850,"line":3905},[3848,4398,4399],{"class":4353},"      ]",[3848,4401,3902],{"class":4263},[3848,4403,4404],{"class":3850,"line":3910},[3848,4405,4406],{"class":4321},"    >\n",[3848,4408,4409,4412,4414,4416,4418,4420],{"class":3850,"line":3916},[3848,4410,4411],{"class":4263},"      {",[3848,4413,4271],{"class":4353},[3848,4415,4152],{"class":4231},[3848,4417,4358],{"class":4353},[3848,4419,4290],{"class":4263},[3848,4421,4316],{"class":4353},[3848,4423,4424,4427,4429,4432,4434,4436,4439,4442,4444,4446,4448,4450,4452,4454,4456,4459,4462,4465],{"class":3850,"line":3922},[3848,4425,4426],{"class":4321},"        \u003C",[3848,4428,4236],{"class":4293},[3848,4430,4431],{"class":4330}," style",[3848,4433,4334],{"class":4227},[3848,4435,4337],{"class":4263},[3848,4437,4438],{"class":4353},"[",[3848,4440,4441],{"class":4231},"styles",[3848,4443,4088],{"class":4353},[3848,4445,4279],{"class":4231},[3848,4447,4119],{"class":4353},[3848,4449,4152],{"class":4231},[3848,4451,4384],{"class":4227},[3848,4453,4387],{"class":4231},[3848,4455,4088],{"class":4353},[3848,4457,4458],{"class":4231},"labelPressed",[3848,4460,4461],{"class":4353},"]",[3848,4463,4464],{"class":4263},"}",[3848,4466,4467],{"class":4321},">\n",[3848,4469,4470,4473,4475],{"class":3850,"line":3927},[3848,4471,4472],{"class":4263},"          {",[3848,4474,4279],{"class":4231},[3848,4476,3902],{"class":4263},[3848,4478,4479,4482,4484],{"class":3850,"line":3932},[3848,4480,4481],{"class":4321},"        \u003C\u002F",[3848,4483,4236],{"class":4293},[3848,4485,4467],{"class":4321},[3848,4487,4488,4491],{"class":3850,"line":3938},[3848,4489,4490],{"class":4353},"      )",[3848,4492,3902],{"class":4263},[3848,4494,4495,4498,4500],{"class":3850,"line":3944},[3848,4496,4497],{"class":4321},"    \u003C\u002F",[3848,4499,4132],{"class":4293},[3848,4501,4467],{"class":4321},[3848,4503,4504],{"class":3850,"line":3949},[3848,4505,4506],{"class":4227},"  );\n",[3848,4508,4509],{"class":3850,"line":3954},[3848,4510,3902],{"class":4227},[3848,4512,4513],{"class":3850,"line":3960},[3848,4514,3873],{"emptyLinePlaceholder":3872},[3848,4516,4517,4520,4523,4526,4528,4530,4533],{"class":3850,"line":3966},[3848,4518,4519],{"class":4263},"const",[3848,4521,4387],{"class":4522},"s-QsJ",[3848,4524,4525],{"class":4227}," = ",[3848,4527,4241],{"class":4231},[3848,4529,4088],{"class":4227},[3848,4531,4532],{"class":4267},"create",[3848,4534,4535],{"class":4227},"({\n",[3848,4537,4538,4541],{"class":3850,"line":3972},[3848,4539,4540],{"class":4231},"  button:",[3848,4542,4543],{"class":4227}," {\n",[3848,4545,4546,4549,4552],{"class":3850,"line":3978},[3848,4547,4548],{"class":4231},"    backgroundColor:",[3848,4550,4551],{"class":4250}," '#3B82F6'",[3848,4553,4376],{"class":4227},[3848,4555,4556,4559,4563],{"class":3850,"line":3983},[3848,4557,4558],{"class":4231},"    paddingHorizontal:",[3848,4560,4562],{"class":4561},"sJj4R"," 24",[3848,4564,4376],{"class":4227},[3848,4566,4567,4570,4573],{"class":3850,"line":3988},[3848,4568,4569],{"class":4231},"    paddingVertical:",[3848,4571,4572],{"class":4561}," 14",[3848,4574,4376],{"class":4227},[3848,4576,4577,4580,4583],{"class":3850,"line":3994},[3848,4578,4579],{"class":4231},"    borderRadius:",[3848,4581,4582],{"class":4561}," 12",[3848,4584,4376],{"class":4227},[3848,4586,4587],{"class":3850,"line":4000},[3848,4588,4589],{"class":4227},"  },\n",[3848,4591,4592,4595],{"class":3850,"line":4006},[3848,4593,4594],{"class":4231},"  buttonPressed:",[3848,4596,4543],{"class":4227},[3848,4598,4599,4601,4604],{"class":3850,"line":4012},[3848,4600,4548],{"class":4231},[3848,4602,4603],{"class":4250}," '#1D4ED8'",[3848,4605,4376],{"class":4227},[3848,4607,4608,4611,4614,4617,4620],{"class":3850,"line":4018},[3848,4609,4610],{"class":4231},"    transform:",[3848,4612,4613],{"class":4227}," [{ ",[3848,4615,4616],{"class":4231},"scale:",[3848,4618,4619],{"class":4561}," 0.97",[3848,4621,4622],{"class":4227}," }],\n",[3848,4624,4625],{"class":3850,"line":4024},[3848,4626,4589],{"class":4227},[3848,4628,4629,4632,4634,4637,4640,4642,4645,4648,4650,4653,4656],{"class":3850,"line":4030},[3848,4630,4631],{"class":4231},"  label:",[3848,4633,4228],{"class":4227},[3848,4635,4636],{"class":4231},"color:",[3848,4638,4639],{"class":4250}," 'white'",[3848,4641,4119],{"class":4227},[3848,4643,4644],{"class":4231},"fontWeight:",[3848,4646,4647],{"class":4250}," '700'",[3848,4649,4119],{"class":4227},[3848,4651,4652],{"class":4231},"fontSize:",[3848,4654,4655],{"class":4561}," 16",[3848,4657,4658],{"class":4227}," },\n",[3848,4660,4662,4665,4667,4670,4673],{"class":3850,"line":4661},33,[3848,4663,4664],{"class":4231},"  labelPressed:",[3848,4666,4228],{"class":4227},[3848,4668,4669],{"class":4231},"opacity:",[3848,4671,4672],{"class":4561}," 0.85",[3848,4674,4658],{"class":4227},[3848,4676,4678],{"class":3850,"line":4677},34,[3848,4679,4680],{"class":4227},"});\n",[3828,4682,4684],{"id":4683},"живий-приклад-pressable","Живий приклад Pressable",[4686,4687,4691],"react-native-preview",{"device":4688,"height":4689,"title":4690},"iphone",320,"Pressable з анімацією",[3839,4692,4694],{"className":4214,"code":4693,"language":4216,"meta":3844,"style":3844},"import { Pressable, Text, StyleSheet, View } from 'react-native';\nimport { useState } from 'react';\n\nexport default function App() {\n  const [count, setCount] = useState(0);\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.counter}>{count}\u003C\u002FText>\n      \u003CPressable\n        onPress={() => setCount((c) => c + 1)}\n        style={({ pressed }) => [styles.btn, pressed && styles.btnPressed]}\n      >\n        {({ pressed }) => (\n          \u003CText style={styles.label}>{pressed ? 'Тримаю!' : 'Натисни мене'}\u003C\u002FText>\n        )}\n      \u003C\u002FPressable>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: 24 },\n  counter: { fontSize: 64, fontWeight: '800', color: '#3B82F6' },\n  btn: {\n    backgroundColor: '#3B82F6',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 16,\n  },\n  btnPressed: { backgroundColor: '#1D4ED8', transform: [{ scale: 0.95 }] },\n  label: { color: 'white', fontWeight: '700', fontSize: 18 },\n});\n",[3747,4695,4696,4725,4742,4746,4763,4793,4797,4803,4826,4864,4870,4912,4955,4960,4975,5022,5029,5038,5046,5050,5054,5058,5074,5110,5137,5144,5152,5161,5169,5177,5181,5208,5233],{"__ignoreMap":3844},[3848,4697,4698,4700,4702,4704,4706,4708,4710,4712,4714,4717,4719,4721,4723],{"class":3850,"line":3851},[3848,4699,4224],{"class":4223},[3848,4701,4228],{"class":4227},[3848,4703,4132],{"class":4231},[3848,4705,4119],{"class":4227},[3848,4707,4236],{"class":4231},[3848,4709,4119],{"class":4227},[3848,4711,4241],{"class":4231},[3848,4713,4119],{"class":4227},[3848,4715,4716],{"class":4231},"View",[3848,4718,4244],{"class":4227},[3848,4720,4247],{"class":4223},[3848,4722,4251],{"class":4250},[3848,4724,4254],{"class":4227},[3848,4726,4727,4729,4731,4733,4735,4737,4740],{"class":3850,"line":3857},[3848,4728,4224],{"class":4223},[3848,4730,4228],{"class":4227},[3848,4732,3810],{"class":4231},[3848,4734,4244],{"class":4227},[3848,4736,4247],{"class":4223},[3848,4738,4739],{"class":4250}," 'react'",[3848,4741,4254],{"class":4227},[3848,4743,4744],{"class":3850,"line":3863},[3848,4745,3873],{"emptyLinePlaceholder":3872},[3848,4747,4748,4751,4754,4757,4760],{"class":3850,"line":3869},[3848,4749,4750],{"class":4223},"export",[3848,4752,4753],{"class":4223}," default",[3848,4755,4756],{"class":4263}," function",[3848,4758,4759],{"class":4267}," App",[3848,4761,4762],{"class":4227},"() {\n",[3848,4764,4765,4768,4771,4774,4776,4779,4782,4784,4787,4790],{"class":3850,"line":3876},[3848,4766,4767],{"class":4263},"  const",[3848,4769,4770],{"class":4227}," [",[3848,4772,4773],{"class":4522},"count",[3848,4775,4119],{"class":4227},[3848,4777,4778],{"class":4522},"setCount",[3848,4780,4781],{"class":4227},"] = ",[3848,4783,3810],{"class":4267},[3848,4785,4786],{"class":4227},"(",[3848,4788,4789],{"class":4561},"0",[3848,4791,4792],{"class":4227},");\n",[3848,4794,4795],{"class":3850,"line":3882},[3848,4796,3873],{"emptyLinePlaceholder":3872},[3848,4798,4799,4801],{"class":3850,"line":3887},[3848,4800,4313],{"class":4223},[3848,4802,4316],{"class":4227},[3848,4804,4805,4807,4809,4811,4813,4815,4817,4819,4822,4824],{"class":3850,"line":3893},[3848,4806,4322],{"class":4321},[3848,4808,4716],{"class":4293},[3848,4810,4431],{"class":4330},[3848,4812,4334],{"class":4227},[3848,4814,4337],{"class":4263},[3848,4816,4441],{"class":4231},[3848,4818,4088],{"class":4353},[3848,4820,4821],{"class":4231},"container",[3848,4823,4464],{"class":4263},[3848,4825,4467],{"class":4321},[3848,4827,4828,4831,4833,4835,4837,4839,4841,4843,4846,4848,4851,4853,4855,4857,4860,4862],{"class":3850,"line":3899},[3848,4829,4830],{"class":4321},"      \u003C",[3848,4832,4236],{"class":4293},[3848,4834,4431],{"class":4330},[3848,4836,4334],{"class":4227},[3848,4838,4337],{"class":4263},[3848,4840,4441],{"class":4231},[3848,4842,4088],{"class":4353},[3848,4844,4845],{"class":4231},"counter",[3848,4847,4464],{"class":4263},[3848,4849,4850],{"class":4321},">",[3848,4852,4337],{"class":4263},[3848,4854,4773],{"class":4231},[3848,4856,4464],{"class":4263},[3848,4858,4859],{"class":4321},"\u003C\u002F",[3848,4861,4236],{"class":4293},[3848,4863,4467],{"class":4321},[3848,4865,4866,4868],{"class":3850,"line":3905},[3848,4867,4830],{"class":4321},[3848,4869,4325],{"class":4293},[3848,4871,4872,4875,4877,4879,4882,4884,4887,4890,4893,4896,4898,4901,4904,4907,4910],{"class":3850,"line":3910},[3848,4873,4874],{"class":4330},"        onPress",[3848,4876,4334],{"class":4227},[3848,4878,4337],{"class":4263},[3848,4880,4881],{"class":4353},"() ",[3848,4883,4290],{"class":4263},[3848,4885,4886],{"class":4267}," setCount",[3848,4888,4889],{"class":4353},"((",[3848,4891,4892],{"class":4231},"c",[3848,4894,4895],{"class":4353},") ",[3848,4897,4290],{"class":4263},[3848,4899,4900],{"class":4231}," c",[3848,4902,4903],{"class":4227}," +",[3848,4905,4906],{"class":4561}," 1",[3848,4908,4909],{"class":4353},")",[3848,4911,3902],{"class":4263},[3848,4913,4914,4917,4919,4921,4923,4925,4927,4929,4931,4933,4935,4938,4940,4942,4944,4946,4948,4951,4953],{"class":3850,"line":3916},[3848,4915,4916],{"class":4330},"        style",[3848,4918,4334],{"class":4227},[3848,4920,4337],{"class":4263},[3848,4922,4271],{"class":4353},[3848,4924,4152],{"class":4231},[3848,4926,4358],{"class":4353},[3848,4928,4290],{"class":4263},[3848,4930,4770],{"class":4353},[3848,4932,4441],{"class":4231},[3848,4934,4088],{"class":4353},[3848,4936,4937],{"class":4231},"btn",[3848,4939,4119],{"class":4353},[3848,4941,4152],{"class":4231},[3848,4943,4384],{"class":4227},[3848,4945,4387],{"class":4231},[3848,4947,4088],{"class":4353},[3848,4949,4950],{"class":4231},"btnPressed",[3848,4952,4461],{"class":4353},[3848,4954,3902],{"class":4263},[3848,4956,4957],{"class":3850,"line":3922},[3848,4958,4959],{"class":4321},"      >\n",[3848,4961,4962,4965,4967,4969,4971,4973],{"class":3850,"line":3927},[3848,4963,4964],{"class":4263},"        {",[3848,4966,4271],{"class":4353},[3848,4968,4152],{"class":4231},[3848,4970,4358],{"class":4353},[3848,4972,4290],{"class":4263},[3848,4974,4316],{"class":4353},[3848,4976,4977,4980,4982,4984,4986,4988,4990,4992,4994,4996,4998,5000,5002,5005,5008,5011,5014,5016,5018,5020],{"class":3850,"line":3932},[3848,4978,4979],{"class":4321},"          \u003C",[3848,4981,4236],{"class":4293},[3848,4983,4431],{"class":4330},[3848,4985,4334],{"class":4227},[3848,4987,4337],{"class":4263},[3848,4989,4441],{"class":4231},[3848,4991,4088],{"class":4353},[3848,4993,4279],{"class":4231},[3848,4995,4464],{"class":4263},[3848,4997,4850],{"class":4321},[3848,4999,4337],{"class":4263},[3848,5001,4152],{"class":4231},[3848,5003,5004],{"class":4227}," ?",[3848,5006,5007],{"class":4250}," 'Тримаю!'",[3848,5009,5010],{"class":4227}," :",[3848,5012,5013],{"class":4250}," 'Натисни мене'",[3848,5015,4464],{"class":4263},[3848,5017,4859],{"class":4321},[3848,5019,4236],{"class":4293},[3848,5021,4467],{"class":4321},[3848,5023,5024,5027],{"class":3850,"line":3938},[3848,5025,5026],{"class":4353},"        )",[3848,5028,3902],{"class":4263},[3848,5030,5031,5034,5036],{"class":3850,"line":3944},[3848,5032,5033],{"class":4321},"      \u003C\u002F",[3848,5035,4132],{"class":4293},[3848,5037,4467],{"class":4321},[3848,5039,5040,5042,5044],{"class":3850,"line":3949},[3848,5041,4497],{"class":4321},[3848,5043,4716],{"class":4293},[3848,5045,4467],{"class":4321},[3848,5047,5048],{"class":3850,"line":3954},[3848,5049,4506],{"class":4227},[3848,5051,5052],{"class":3850,"line":3960},[3848,5053,3902],{"class":4227},[3848,5055,5056],{"class":3850,"line":3966},[3848,5057,3873],{"emptyLinePlaceholder":3872},[3848,5059,5060,5062,5064,5066,5068,5070,5072],{"class":3850,"line":3972},[3848,5061,4519],{"class":4263},[3848,5063,4387],{"class":4522},[3848,5065,4525],{"class":4227},[3848,5067,4241],{"class":4231},[3848,5069,4088],{"class":4227},[3848,5071,4532],{"class":4267},[3848,5073,4535],{"class":4227},[3848,5075,5076,5079,5081,5084,5086,5088,5091,5094,5096,5099,5101,5103,5106,5108],{"class":3850,"line":3978},[3848,5077,5078],{"class":4231},"  container:",[3848,5080,4228],{"class":4227},[3848,5082,5083],{"class":4231},"flex:",[3848,5085,4906],{"class":4561},[3848,5087,4119],{"class":4227},[3848,5089,5090],{"class":4231},"alignItems:",[3848,5092,5093],{"class":4250}," 'center'",[3848,5095,4119],{"class":4227},[3848,5097,5098],{"class":4231},"justifyContent:",[3848,5100,5093],{"class":4250},[3848,5102,4119],{"class":4227},[3848,5104,5105],{"class":4231},"gap:",[3848,5107,4562],{"class":4561},[3848,5109,4658],{"class":4227},[3848,5111,5112,5115,5117,5119,5122,5124,5126,5129,5131,5133,5135],{"class":3850,"line":3983},[3848,5113,5114],{"class":4231},"  counter:",[3848,5116,4228],{"class":4227},[3848,5118,4652],{"class":4231},[3848,5120,5121],{"class":4561}," 64",[3848,5123,4119],{"class":4227},[3848,5125,4644],{"class":4231},[3848,5127,5128],{"class":4250}," '800'",[3848,5130,4119],{"class":4227},[3848,5132,4636],{"class":4231},[3848,5134,4551],{"class":4250},[3848,5136,4658],{"class":4227},[3848,5138,5139,5142],{"class":3850,"line":3988},[3848,5140,5141],{"class":4231},"  btn:",[3848,5143,4543],{"class":4227},[3848,5145,5146,5148,5150],{"class":3850,"line":3994},[3848,5147,4548],{"class":4231},[3848,5149,4551],{"class":4250},[3848,5151,4376],{"class":4227},[3848,5153,5154,5156,5159],{"class":3850,"line":4000},[3848,5155,4558],{"class":4231},[3848,5157,5158],{"class":4561}," 32",[3848,5160,4376],{"class":4227},[3848,5162,5163,5165,5167],{"class":3850,"line":4006},[3848,5164,4569],{"class":4231},[3848,5166,4655],{"class":4561},[3848,5168,4376],{"class":4227},[3848,5170,5171,5173,5175],{"class":3850,"line":4012},[3848,5172,4579],{"class":4231},[3848,5174,4655],{"class":4561},[3848,5176,4376],{"class":4227},[3848,5178,5179],{"class":3850,"line":4018},[3848,5180,4589],{"class":4227},[3848,5182,5183,5186,5188,5191,5193,5195,5198,5200,5202,5205],{"class":3850,"line":4024},[3848,5184,5185],{"class":4231},"  btnPressed:",[3848,5187,4228],{"class":4227},[3848,5189,5190],{"class":4231},"backgroundColor:",[3848,5192,4603],{"class":4250},[3848,5194,4119],{"class":4227},[3848,5196,5197],{"class":4231},"transform:",[3848,5199,4613],{"class":4227},[3848,5201,4616],{"class":4231},[3848,5203,5204],{"class":4561}," 0.95",[3848,5206,5207],{"class":4227}," }] },\n",[3848,5209,5210,5212,5214,5216,5218,5220,5222,5224,5226,5228,5231],{"class":3850,"line":4030},[3848,5211,4631],{"class":4231},[3848,5213,4228],{"class":4227},[3848,5215,4636],{"class":4231},[3848,5217,4639],{"class":4250},[3848,5219,4119],{"class":4227},[3848,5221,4644],{"class":4231},[3848,5223,4647],{"class":4250},[3848,5225,4119],{"class":4227},[3848,5227,4652],{"class":4231},[3848,5229,5230],{"class":4561}," 18",[3848,5232,4658],{"class":4227},[3848,5234,5235],{"class":3850,"line":4661},[3848,5236,4680],{"class":4227},[3828,5238,5240],{"id":5239},"всі-props-pressable","Всі props Pressable",[5242,5243,5244,5249,5253,5259,5267,5277,5284,5293,5301],"field-group",{},[5245,5246,5248],"field",{"name":4274,"type":5247},"(event: GestureResponderEvent) => void","Спрацьовує при завершеному тапі (touchStart + touchEnd без переміщення за межі).",[5245,5250,5252],{"name":5251,"type":5247},"onPressIn","Спрацьовує в момент дотику пальця до екрана. Ідеально для миттєвого відгуку — зміни кольору чи scale ще до відпускання.",[5245,5254,5256,5257,4088],{"name":5255,"type":5247},"onPressOut","Спрацьовує при відпусканні пальця. Скасовується, якщо палець вийшов за межі ",[3747,5258,4159],{},[5245,5260,5262,5263,5266],{"name":5261,"type":5247},"onLongPress","Спрацьовує після утримання довше ",[3747,5264,5265],{},"delayLongPress"," мілісекунд (дефолт: 500 мс).",[5245,5268,5270,5271,5273,5274,4088],{"name":5265,"type":5269},"number","Час утримання в мс перед спрацюванням ",[3747,5272,5261],{},". Дефолт: ",[3747,5275,5276],{},"500",[5245,5278,5280,5281,4088],{"name":4159,"type":5279},"Insets | number","Розширює зону торкання без зміни розміру самого компонента. Корисно для маленьких кнопок. Можна задати як число (однаково з усіх боків) або об'єкт ",[3747,5282,5283],{},"{ top, bottom, left, right }",[5245,5285,5288,5289,5292],{"name":5286,"type":5287},"style","StyleProp | (state: PressableStateCallbackType) => StyleProp","Стиль або функція, що приймає ",[3747,5290,5291],{},"{ pressed: boolean }"," і повертає стиль. Дозволяє динамічно змінювати вигляд при натисканні.",[5245,5294,5296,5297,5300],{"name":4196,"type":5295},"RippleConfig","Нативний Ripple ефект Android. Об'єкт ",[3747,5298,5299],{},"{ color, borderless, radius }",". Ігнорується на iOS.",[5245,5302,5305,5306,4088],{"name":5303,"type":5304},"disabled","boolean","Блокує всі press-обробники. Дефолт: ",[3747,5307,5308],{},"false",[3821,5310],{},[3738,5312,4039],{"id":5313},"react-native-gesture-handler-rngh",[3828,5315,5317],{"id":5316},"навіщо-потрібна-ця-бібліотека","Навіщо потрібна ця бібліотека",[3743,5319,5320,5321,5323,5324,5327,5328,5331],{},"Стандартна ",[3747,5322,4058],{}," React Native має критичний недолік: вся обробка жестів відбувається ",[3758,5325,5326],{},"у JavaScript потоці",". Кожен ",[3747,5329,5330],{},"onPanResponderMove"," — це асинхронне повідомлення через міст. При інтенсивних анімаціях (drag, swipe, pinch) це призводить до видимих запинок навіть на потужних пристроях.",[3743,5333,5334,5337,5338,5341],{},[3758,5335,5336],{},"React Native Gesture Handler"," переносить обробку жестів ",[3758,5339,5340],{},"повністю на нативний UI потік",". Це означає:",[3752,5343,5344,5347,5350],{},[3755,5345,5346],{},"Жести реагують навіть коли JS потік зайнятий (наприклад, виконує складні обчислення).",[3755,5348,5349],{},"Відсутність затримки між пальцем і реакцією.",[3755,5351,5352],{},"Можливість взаємодії з Reanimated shared values без bridge.",[3828,5354,5356],{"id":5355},"встановлення-та-налаштування","Встановлення та налаштування",[3839,5358,5362],{"className":5359,"code":5360,"language":5361,"meta":3844,"style":3844},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npx expo install react-native-gesture-handler\n","bash",[3747,5363,5364],{"__ignoreMap":3844},[3848,5365,5366,5369,5372,5375],{"class":3850,"line":3851},[3848,5367,5368],{"class":4267},"npx",[3848,5370,5371],{"class":4250}," expo",[3848,5373,5374],{"class":4250}," install",[3848,5376,5377],{"class":4250}," react-native-gesture-handler\n",[3743,5379,5380,5383,5384,5387],{},[3758,5381,5382],{},"Критично важливий крок:"," додати ",[3747,5385,5386],{},"GestureHandlerRootView"," у корінь застосунку:",[3839,5389,5391],{"className":4214,"code":5390,"language":4216,"meta":3844,"style":3844},"\u002F\u002F app\u002F_layout.tsx\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\n\nexport default function RootLayout() {\n  return (\n    \u003CGestureHandlerRootView style={{ flex: 1 }}>\n      {\u002F* решта вашого layout *\u002F}\n    \u003C\u002FGestureHandlerRootView>\n  );\n}\n",[3747,5392,5393,5399,5416,5420,5433,5439,5465,5474,5482,5486],{"__ignoreMap":3844},[3848,5394,5395],{"class":3850,"line":3851},[3848,5396,5398],{"class":5397},"spJ8K","\u002F\u002F app\u002F_layout.tsx\n",[3848,5400,5401,5403,5405,5407,5409,5411,5414],{"class":3850,"line":3857},[3848,5402,4224],{"class":4223},[3848,5404,4228],{"class":4227},[3848,5406,5386],{"class":4231},[3848,5408,4244],{"class":4227},[3848,5410,4247],{"class":4223},[3848,5412,5413],{"class":4250}," 'react-native-gesture-handler'",[3848,5415,4254],{"class":4227},[3848,5417,5418],{"class":3850,"line":3863},[3848,5419,3873],{"emptyLinePlaceholder":3872},[3848,5421,5422,5424,5426,5428,5431],{"class":3850,"line":3869},[3848,5423,4750],{"class":4223},[3848,5425,4753],{"class":4223},[3848,5427,4756],{"class":4263},[3848,5429,5430],{"class":4267}," RootLayout",[3848,5432,4762],{"class":4227},[3848,5434,5435,5437],{"class":3850,"line":3876},[3848,5436,4313],{"class":4223},[3848,5438,4316],{"class":4227},[3848,5440,5441,5443,5445,5447,5449,5451,5454,5456,5458,5461,5463],{"class":3850,"line":3882},[3848,5442,4322],{"class":4321},[3848,5444,5386],{"class":4293},[3848,5446,4431],{"class":4330},[3848,5448,4334],{"class":4227},[3848,5450,4337],{"class":4263},[3848,5452,5453],{"class":4353},"{ ",[3848,5455,5083],{"class":4231},[3848,5457,4906],{"class":4561},[3848,5459,5460],{"class":4353}," }",[3848,5462,4464],{"class":4263},[3848,5464,4467],{"class":4321},[3848,5466,5467,5469,5472],{"class":3850,"line":3887},[3848,5468,4411],{"class":4263},[3848,5470,5471],{"class":5397},"\u002F* решта вашого layout *\u002F",[3848,5473,3902],{"class":4263},[3848,5475,5476,5478,5480],{"class":3850,"line":3893},[3848,5477,4497],{"class":4321},[3848,5479,5386],{"class":4293},[3848,5481,4467],{"class":4321},[3848,5483,5484],{"class":3850,"line":3899},[3848,5485,4506],{"class":4227},[3848,5487,5488],{"class":3850,"line":3905},[3848,5489,3902],{"class":4227},[5491,5492,5493,5494,5496,5497,5500],"caution",{},"Без ",[3747,5495,5386],{}," у корені — жести RNGH ",[3758,5498,5499],{},"не будуть працювати"," взагалі. Це найпоширеніша причина «чому нічого не відбувається після встановлення».",[3828,5502,5504],{"id":5503},"архітектура-rngh-v2-gesture-api","Архітектура RNGH v2: Gesture API",[3743,5506,5507,5508,5513,5514,5519,5520,4119,5523,5526],{},"RNGH v2 (починаючи з версії 2.0) представив новий декларативний API — ",[3758,5509,5510],{},[3747,5511,5512],{},"Gesture"," + ",[3758,5515,5516],{},[3747,5517,5518],{},"GestureDetector",". Він замінив старі компоненти ",[3747,5521,5522],{},"PanGestureHandler",[3747,5524,5525],{},"TapGestureHandler"," тощо.",[3743,5528,5529,5530,5533,5534,5537],{},"Принцип простий: ви ",[3758,5531,5532],{},"описуєте"," жест, передаєте в ",[3747,5535,5536],{},"\u003CGestureDetector>",", і він сам підключає нативні обробники:",[3839,5539,5541],{"className":4214,"code":5540,"language":4216,"meta":3844,"style":3844},"import { GestureDetector, Gesture } from 'react-native-gesture-handler';\nimport { View } from 'react-native';\n\nconst tapGesture = Gesture.Tap()\n  .onEnd(() => {\n    console.log('Тап!');\n  });\n\nfunction MyComponent() {\n  return (\n    \u003CGestureDetector gesture={tapGesture}>\n      \u003CView style={{ width: 100, height: 100, backgroundColor: 'blue' }} \u002F>\n    \u003C\u002FGestureDetector>\n  );\n}\n",[3747,5542,5543,5563,5579,5583,5602,5617,5634,5639,5643,5652,5658,5678,5719,5727,5731],{"__ignoreMap":3844},[3848,5544,5545,5547,5549,5551,5553,5555,5557,5559,5561],{"class":3850,"line":3851},[3848,5546,4224],{"class":4223},[3848,5548,4228],{"class":4227},[3848,5550,5518],{"class":4231},[3848,5552,4119],{"class":4227},[3848,5554,5512],{"class":4231},[3848,5556,4244],{"class":4227},[3848,5558,4247],{"class":4223},[3848,5560,5413],{"class":4250},[3848,5562,4254],{"class":4227},[3848,5564,5565,5567,5569,5571,5573,5575,5577],{"class":3850,"line":3857},[3848,5566,4224],{"class":4223},[3848,5568,4228],{"class":4227},[3848,5570,4716],{"class":4231},[3848,5572,4244],{"class":4227},[3848,5574,4247],{"class":4223},[3848,5576,4251],{"class":4250},[3848,5578,4254],{"class":4227},[3848,5580,5581],{"class":3850,"line":3863},[3848,5582,3873],{"emptyLinePlaceholder":3872},[3848,5584,5585,5587,5590,5592,5594,5596,5599],{"class":3850,"line":3869},[3848,5586,4519],{"class":4263},[3848,5588,5589],{"class":4522}," tapGesture",[3848,5591,4525],{"class":4227},[3848,5593,5512],{"class":4231},[3848,5595,4088],{"class":4227},[3848,5597,5598],{"class":4267},"Tap",[3848,5600,5601],{"class":4227},"()\n",[3848,5603,5604,5607,5610,5613,5615],{"class":3850,"line":3876},[3848,5605,5606],{"class":4227},"  .",[3848,5608,5609],{"class":4267},"onEnd",[3848,5611,5612],{"class":4227},"(() ",[3848,5614,4290],{"class":4263},[3848,5616,4543],{"class":4227},[3848,5618,5619,5622,5624,5627,5629,5632],{"class":3850,"line":3882},[3848,5620,5621],{"class":4231},"    console",[3848,5623,4088],{"class":4227},[3848,5625,5626],{"class":4267},"log",[3848,5628,4786],{"class":4227},[3848,5630,5631],{"class":4250},"'Тап!'",[3848,5633,4792],{"class":4227},[3848,5635,5636],{"class":3850,"line":3887},[3848,5637,5638],{"class":4227},"  });\n",[3848,5640,5641],{"class":3850,"line":3893},[3848,5642,3873],{"emptyLinePlaceholder":3872},[3848,5644,5645,5647,5650],{"class":3850,"line":3899},[3848,5646,4264],{"class":4263},[3848,5648,5649],{"class":4267}," MyComponent",[3848,5651,4762],{"class":4227},[3848,5653,5654,5656],{"class":3850,"line":3905},[3848,5655,4313],{"class":4223},[3848,5657,4316],{"class":4227},[3848,5659,5660,5662,5664,5667,5669,5671,5674,5676],{"class":3850,"line":3910},[3848,5661,4322],{"class":4321},[3848,5663,5518],{"class":4293},[3848,5665,5666],{"class":4330}," gesture",[3848,5668,4334],{"class":4227},[3848,5670,4337],{"class":4263},[3848,5672,5673],{"class":4231},"tapGesture",[3848,5675,4464],{"class":4263},[3848,5677,4467],{"class":4321},[3848,5679,5680,5682,5684,5686,5688,5690,5692,5695,5698,5700,5703,5705,5707,5709,5712,5714,5716],{"class":3850,"line":3916},[3848,5681,4830],{"class":4321},[3848,5683,4716],{"class":4293},[3848,5685,4431],{"class":4330},[3848,5687,4334],{"class":4227},[3848,5689,4337],{"class":4263},[3848,5691,5453],{"class":4353},[3848,5693,5694],{"class":4231},"width:",[3848,5696,5697],{"class":4561}," 100",[3848,5699,4119],{"class":4353},[3848,5701,5702],{"class":4231},"height:",[3848,5704,5697],{"class":4561},[3848,5706,4119],{"class":4353},[3848,5708,5190],{"class":4231},[3848,5710,5711],{"class":4250}," 'blue'",[3848,5713,5460],{"class":4353},[3848,5715,4464],{"class":4263},[3848,5717,5718],{"class":4321}," \u002F>\n",[3848,5720,5721,5723,5725],{"class":3850,"line":3922},[3848,5722,4497],{"class":4321},[3848,5724,5518],{"class":4293},[3848,5726,4467],{"class":4321},[3848,5728,5729],{"class":3850,"line":3927},[3848,5730,4506],{"class":4227},[3848,5732,5733],{"class":3850,"line":3932},[3848,5734,3902],{"class":4227},[3836,5736,5737],{},[3839,5738,5740],{"className":3841,"code":5739,"language":3843,"meta":3844,"style":3844},"@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\npackage \"JavaScript (React)\" {\n  component [Gesture.Tap()\\n.onBegin()\\n.onEnd()] as GESTURE_DEF\n  component [GestureDetector\\ngesture={tapGesture}] as DETECTOR\n  component [\u003CView>] as VIEW\n}\n\npackage \"Нативний UI потік\" {\n  component [GestureHandlerRootView\\n(нативний контейнер)] as ROOT\n  component [Gesture Recognizer\\n(iOS: UIGestureRecognizer\\nAndroid: GestureDetector)] as RECOGNIZER\n}\n\nGESTURE_DEF --> DETECTOR : конфігурація\nDETECTOR --> VIEW : обгортає\nDETECTOR --> ROOT : реєструє\nROOT --> RECOGNIZER : нативний розпізнавач\nRECOGNIZER --> DETECTOR : колбеки через JSI\n@enduml\n",[3747,5741,5742,5746,5750,5754,5758,5763,5768,5773,5778,5782,5786,5791,5796,5801,5805,5809,5814,5819,5824,5829,5834],{"__ignoreMap":3844},[3848,5743,5744],{"class":3850,"line":3851},[3848,5745,3854],{},[3848,5747,5748],{"class":3850,"line":3857},[3848,5749,3860],{},[3848,5751,5752],{"class":3850,"line":3863},[3848,5753,3866],{},[3848,5755,5756],{"class":3850,"line":3869},[3848,5757,3873],{"emptyLinePlaceholder":3872},[3848,5759,5760],{"class":3850,"line":3876},[3848,5761,5762],{},"package \"JavaScript (React)\" {\n",[3848,5764,5765],{"class":3850,"line":3882},[3848,5766,5767],{},"  component [Gesture.Tap()\\n.onBegin()\\n.onEnd()] as GESTURE_DEF\n",[3848,5769,5770],{"class":3850,"line":3887},[3848,5771,5772],{},"  component [GestureDetector\\ngesture={tapGesture}] as DETECTOR\n",[3848,5774,5775],{"class":3850,"line":3893},[3848,5776,5777],{},"  component [\u003CView>] as VIEW\n",[3848,5779,5780],{"class":3850,"line":3899},[3848,5781,3902],{},[3848,5783,5784],{"class":3850,"line":3905},[3848,5785,3873],{"emptyLinePlaceholder":3872},[3848,5787,5788],{"class":3850,"line":3910},[3848,5789,5790],{},"package \"Нативний UI потік\" {\n",[3848,5792,5793],{"class":3850,"line":3916},[3848,5794,5795],{},"  component [GestureHandlerRootView\\n(нативний контейнер)] as ROOT\n",[3848,5797,5798],{"class":3850,"line":3922},[3848,5799,5800],{},"  component [Gesture Recognizer\\n(iOS: UIGestureRecognizer\\nAndroid: GestureDetector)] as RECOGNIZER\n",[3848,5802,5803],{"class":3850,"line":3927},[3848,5804,3902],{},[3848,5806,5807],{"class":3850,"line":3932},[3848,5808,3873],{"emptyLinePlaceholder":3872},[3848,5810,5811],{"class":3850,"line":3938},[3848,5812,5813],{},"GESTURE_DEF --> DETECTOR : конфігурація\n",[3848,5815,5816],{"class":3850,"line":3944},[3848,5817,5818],{},"DETECTOR --> VIEW : обгортає\n",[3848,5820,5821],{"class":3850,"line":3949},[3848,5822,5823],{},"DETECTOR --> ROOT : реєструє\n",[3848,5825,5826],{"class":3850,"line":3954},[3848,5827,5828],{},"ROOT --> RECOGNIZER : нативний розпізнавач\n",[3848,5830,5831],{"class":3850,"line":3960},[3848,5832,5833],{},"RECOGNIZER --> DETECTOR : колбеки через JSI\n",[3848,5835,5836],{"class":3850,"line":3966},[3848,5837,4033],{},[3828,5839,5841],{"id":5840},"типи-жестів-у-rngh","Типи жестів у RNGH",[5242,5843,5844,5857,5875,5884,5893,5902,5910,5915,5920],{},[5245,5845,5848,5849,5852,5853,5856],{"name":5846,"type":5847},"Gesture.Tap()","TapGesture","Розпізнає одиночний або множинний тап. Конфігурується через ",[3747,5850,5851],{},".numberOfTaps(2)"," для подвійного тапу, ",[3747,5854,5855],{},".maxDuration(300)"," для тайм-ауту.",[5245,5858,5861,5862,4119,5865,4119,5868,4119,5871,5874],{"name":5859,"type":5860},"Gesture.Pan()","PanGesture","Розпізнає переміщення пальця. Надає ",[3747,5863,5864],{},"translationX",[3747,5866,5867],{},"translationY",[3747,5869,5870],{},"velocityX",[3747,5872,5873],{},"velocityY",". Основний жест для drag-and-drop і swipe.",[5245,5876,5879,5880,5883],{"name":5877,"type":5878},"Gesture.Pinch()","PinchGesture","Зведення\u002Fрозведення двох пальців. Надає ",[3747,5881,5882],{},"scale"," (1.0 = вихідний розмір, 2.0 = вдвічі більше).",[5245,5885,5888,5889,5892],{"name":5886,"type":5887},"Gesture.Rotation()","RotationGesture","Обертання двома пальцями. Надає ",[3747,5890,5891],{},"rotation"," в радіанах.",[5245,5894,5897,5898,5901],{"name":5895,"type":5896},"Gesture.LongPress()","LongPressGesture","Утримання пальця. Конфігурується через ",[3747,5899,5900],{},".minDuration(800)"," (мс). Надає координати дотику.",[5245,5903,5906,5907,4088],{"name":5904,"type":5905},"Gesture.Fling()","FlingGesture","Різкий швайп у певному напрямку. Конфігурується через ",[3747,5908,5909],{},".direction(Directions.RIGHT)",[5245,5911,5914],{"name":5912,"type":5913},"Gesture.Hover()","HoverGesture","Переміщення вказівника над елементом (тільки iPadOS з Apple Pencil або trackpad, macOS catalyst).",[5245,5916,5919],{"name":5917,"type":5918},"Gesture.Native()","NativeGesture","Прозорий контейнер для нативних жестів (ScrollView, Switch тощо). Використовується в комбінаціях.",[5245,5921,5924],{"name":5922,"type":5923},"Gesture.Manual()","ManualGesture","Жест з повним ручним контролем стану — для максимально кастомних сценаріїв.",[3828,5926,5928],{"id":5927},"lifecycle-колбеки-жесту","Lifecycle колбеки жесту",[3743,5930,5931],{},"Кожен жест має однаковий набір колбеків:",[5242,5933,5934,5943,5951,5955,5963,5971,5985,5989],{},[5245,5935,5938,5939,5942],{"name":5936,"type":5937},".onBegin(callback)","method","Спрацьовує, коли жест починає відстежуватись (палець торкнувся, але жест ще не розпізнано). Ідеально для ",[3747,5940,5941],{},"scale: 0.98"," feedback.",[5245,5944,5946,5947,5950],{"name":5945,"type":5937},".onStart(callback)","Жест ",[3758,5948,5949],{},"розпізнано"," і він активний. Для Pan — означає, що рух перевищив мінімальний поріг.",[5245,5952,5954],{"name":5953,"type":5937},".onChange(callback)","Викликається при кожній зміні жесту (кожен рух пальця для Pan, кожна зміна scale для Pinch).",[5245,5956,5958,5959,5962],{"name":5957,"type":5937},".onUpdate(callback)","Аналог ",[3747,5960,5961],{},"onChange",", але передає повний стан жесту (не тільки зміну).",[5245,5964,5966,5967,5970],{"name":5965,"type":5937},".onEnd(callback)","Жест завершено (палець підняли). Отримує ",[3747,5968,5969],{},"success: boolean"," — чи жест завершився нормально або скасувався.",[5245,5972,5974,5975,4123,5977,5980,5981,5984],{"name":5973,"type":5937},".onFinalize(callback)","Завжди викликається після ",[3747,5976,5609],{},[3747,5978,5979],{},"onFail"," \u002F ",[3747,5982,5983],{},"onCancel",". Підходить для cleanup.",[5245,5986,5988],{"name":5987,"type":5937},".onFail(callback)","Жест не розпізнано (наприклад, тап не відбувся через надто великий рух).",[5245,5990,5992],{"name":5991,"type":5937},".onCancel(callback)","Жест скасовано іншим жестом або системою (наприклад, телефонний дзвінок).",[3828,5994,5996],{"id":5995},"простий-приклад-tap-жест","Простий приклад: Tap жест",[3839,5998,6000],{"className":4214,"code":5999,"language":4216,"meta":3844,"style":3844},"import { GestureDetector, Gesture } from 'react-native-gesture-handler';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { useState } from 'react';\n\nexport default function TapExample() {\n  const [taps, setTaps] = useState(0);\n\n  const singleTap = Gesture.Tap()\n    .runOnJS(true)              \u002F\u002F колбек виконується в JS потоці\n    .onEnd(() => setTaps((n) => n + 1));\n\n  const doubleTap = Gesture.Tap()\n    .numberOfTaps(2)\n    .runOnJS(true)\n    .onEnd(() => setTaps(0));   \u002F\u002F подвійний тап — скидає лічильник\n\n  \u002F\u002F Комбінація: спочатку перевіряємо подвійний тап\n  const combined = Gesture.Exclusive(doubleTap, singleTap);\n\n  return (\n    \u003CGestureDetector gesture={combined}>\n      \u003CView style={styles.box}>\n        \u003CText style={styles.text}>{taps}\u003C\u002FText>\n        \u003CText style={styles.hint}>Тап +1 · Подвійний тап 0\u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FGestureDetector>\n  );\n}\n",[3747,6001,6002,6022,6046,6062,6066,6079,6103,6107,6124,6143,6176,6180,6197,6212,6224,6246,6250,6255,6283,6287,6293,6312,6335,6370,6402,6410,6418,6422],{"__ignoreMap":3844},[3848,6003,6004,6006,6008,6010,6012,6014,6016,6018,6020],{"class":3850,"line":3851},[3848,6005,4224],{"class":4223},[3848,6007,4228],{"class":4227},[3848,6009,5518],{"class":4231},[3848,6011,4119],{"class":4227},[3848,6013,5512],{"class":4231},[3848,6015,4244],{"class":4227},[3848,6017,4247],{"class":4223},[3848,6019,5413],{"class":4250},[3848,6021,4254],{"class":4227},[3848,6023,6024,6026,6028,6030,6032,6034,6036,6038,6040,6042,6044],{"class":3850,"line":3857},[3848,6025,4224],{"class":4223},[3848,6027,4228],{"class":4227},[3848,6029,4716],{"class":4231},[3848,6031,4119],{"class":4227},[3848,6033,4236],{"class":4231},[3848,6035,4119],{"class":4227},[3848,6037,4241],{"class":4231},[3848,6039,4244],{"class":4227},[3848,6041,4247],{"class":4223},[3848,6043,4251],{"class":4250},[3848,6045,4254],{"class":4227},[3848,6047,6048,6050,6052,6054,6056,6058,6060],{"class":3850,"line":3863},[3848,6049,4224],{"class":4223},[3848,6051,4228],{"class":4227},[3848,6053,3810],{"class":4231},[3848,6055,4244],{"class":4227},[3848,6057,4247],{"class":4223},[3848,6059,4739],{"class":4250},[3848,6061,4254],{"class":4227},[3848,6063,6064],{"class":3850,"line":3869},[3848,6065,3873],{"emptyLinePlaceholder":3872},[3848,6067,6068,6070,6072,6074,6077],{"class":3850,"line":3876},[3848,6069,4750],{"class":4223},[3848,6071,4753],{"class":4223},[3848,6073,4756],{"class":4263},[3848,6075,6076],{"class":4267}," TapExample",[3848,6078,4762],{"class":4227},[3848,6080,6081,6083,6085,6088,6090,6093,6095,6097,6099,6101],{"class":3850,"line":3882},[3848,6082,4767],{"class":4263},[3848,6084,4770],{"class":4227},[3848,6086,6087],{"class":4522},"taps",[3848,6089,4119],{"class":4227},[3848,6091,6092],{"class":4522},"setTaps",[3848,6094,4781],{"class":4227},[3848,6096,3810],{"class":4267},[3848,6098,4786],{"class":4227},[3848,6100,4789],{"class":4561},[3848,6102,4792],{"class":4227},[3848,6104,6105],{"class":3850,"line":3887},[3848,6106,3873],{"emptyLinePlaceholder":3872},[3848,6108,6109,6111,6114,6116,6118,6120,6122],{"class":3850,"line":3893},[3848,6110,4767],{"class":4263},[3848,6112,6113],{"class":4522}," singleTap",[3848,6115,4525],{"class":4227},[3848,6117,5512],{"class":4231},[3848,6119,4088],{"class":4227},[3848,6121,5598],{"class":4267},[3848,6123,5601],{"class":4227},[3848,6125,6126,6129,6132,6134,6137,6140],{"class":3850,"line":3899},[3848,6127,6128],{"class":4227},"    .",[3848,6130,6131],{"class":4267},"runOnJS",[3848,6133,4786],{"class":4227},[3848,6135,6136],{"class":4263},"true",[3848,6138,6139],{"class":4227},")              ",[3848,6141,6142],{"class":5397},"\u002F\u002F колбек виконується в JS потоці\n",[3848,6144,6145,6147,6149,6151,6153,6156,6158,6161,6163,6165,6168,6170,6173],{"class":3850,"line":3905},[3848,6146,6128],{"class":4227},[3848,6148,5609],{"class":4267},[3848,6150,5612],{"class":4227},[3848,6152,4290],{"class":4263},[3848,6154,6155],{"class":4267}," setTaps",[3848,6157,4889],{"class":4227},[3848,6159,6160],{"class":4231},"n",[3848,6162,4895],{"class":4227},[3848,6164,4290],{"class":4263},[3848,6166,6167],{"class":4231}," n",[3848,6169,5513],{"class":4227},[3848,6171,6172],{"class":4561},"1",[3848,6174,6175],{"class":4227},"));\n",[3848,6177,6178],{"class":3850,"line":3910},[3848,6179,3873],{"emptyLinePlaceholder":3872},[3848,6181,6182,6184,6187,6189,6191,6193,6195],{"class":3850,"line":3916},[3848,6183,4767],{"class":4263},[3848,6185,6186],{"class":4522}," doubleTap",[3848,6188,4525],{"class":4227},[3848,6190,5512],{"class":4231},[3848,6192,4088],{"class":4227},[3848,6194,5598],{"class":4267},[3848,6196,5601],{"class":4227},[3848,6198,6199,6201,6204,6206,6209],{"class":3850,"line":3922},[3848,6200,6128],{"class":4227},[3848,6202,6203],{"class":4267},"numberOfTaps",[3848,6205,4786],{"class":4227},[3848,6207,6208],{"class":4561},"2",[3848,6210,6211],{"class":4227},")\n",[3848,6213,6214,6216,6218,6220,6222],{"class":3850,"line":3927},[3848,6215,6128],{"class":4227},[3848,6217,6131],{"class":4267},[3848,6219,4786],{"class":4227},[3848,6221,6136],{"class":4263},[3848,6223,6211],{"class":4227},[3848,6225,6226,6228,6230,6232,6234,6236,6238,6240,6243],{"class":3850,"line":3932},[3848,6227,6128],{"class":4227},[3848,6229,5609],{"class":4267},[3848,6231,5612],{"class":4227},[3848,6233,4290],{"class":4263},[3848,6235,6155],{"class":4267},[3848,6237,4786],{"class":4227},[3848,6239,4789],{"class":4561},[3848,6241,6242],{"class":4227},"));   ",[3848,6244,6245],{"class":5397},"\u002F\u002F подвійний тап — скидає лічильник\n",[3848,6247,6248],{"class":3850,"line":3938},[3848,6249,3873],{"emptyLinePlaceholder":3872},[3848,6251,6252],{"class":3850,"line":3944},[3848,6253,6254],{"class":5397},"  \u002F\u002F Комбінація: спочатку перевіряємо подвійний тап\n",[3848,6256,6257,6259,6262,6264,6266,6268,6271,6273,6276,6278,6281],{"class":3850,"line":3949},[3848,6258,4767],{"class":4263},[3848,6260,6261],{"class":4522}," combined",[3848,6263,4525],{"class":4227},[3848,6265,5512],{"class":4231},[3848,6267,4088],{"class":4227},[3848,6269,6270],{"class":4267},"Exclusive",[3848,6272,4786],{"class":4227},[3848,6274,6275],{"class":4231},"doubleTap",[3848,6277,4119],{"class":4227},[3848,6279,6280],{"class":4231},"singleTap",[3848,6282,4792],{"class":4227},[3848,6284,6285],{"class":3850,"line":3954},[3848,6286,3873],{"emptyLinePlaceholder":3872},[3848,6288,6289,6291],{"class":3850,"line":3960},[3848,6290,4313],{"class":4223},[3848,6292,4316],{"class":4227},[3848,6294,6295,6297,6299,6301,6303,6305,6308,6310],{"class":3850,"line":3966},[3848,6296,4322],{"class":4321},[3848,6298,5518],{"class":4293},[3848,6300,5666],{"class":4330},[3848,6302,4334],{"class":4227},[3848,6304,4337],{"class":4263},[3848,6306,6307],{"class":4231},"combined",[3848,6309,4464],{"class":4263},[3848,6311,4467],{"class":4321},[3848,6313,6314,6316,6318,6320,6322,6324,6326,6328,6331,6333],{"class":3850,"line":3972},[3848,6315,4830],{"class":4321},[3848,6317,4716],{"class":4293},[3848,6319,4431],{"class":4330},[3848,6321,4334],{"class":4227},[3848,6323,4337],{"class":4263},[3848,6325,4441],{"class":4231},[3848,6327,4088],{"class":4353},[3848,6329,6330],{"class":4231},"box",[3848,6332,4464],{"class":4263},[3848,6334,4467],{"class":4321},[3848,6336,6337,6339,6341,6343,6345,6347,6349,6351,6354,6356,6358,6360,6362,6364,6366,6368],{"class":3850,"line":3978},[3848,6338,4426],{"class":4321},[3848,6340,4236],{"class":4293},[3848,6342,4431],{"class":4330},[3848,6344,4334],{"class":4227},[3848,6346,4337],{"class":4263},[3848,6348,4441],{"class":4231},[3848,6350,4088],{"class":4353},[3848,6352,6353],{"class":4231},"text",[3848,6355,4464],{"class":4263},[3848,6357,4850],{"class":4321},[3848,6359,4337],{"class":4263},[3848,6361,6087],{"class":4231},[3848,6363,4464],{"class":4263},[3848,6365,4859],{"class":4321},[3848,6367,4236],{"class":4293},[3848,6369,4467],{"class":4321},[3848,6371,6372,6374,6376,6378,6380,6382,6384,6386,6389,6391,6393,6396,6398,6400],{"class":3850,"line":3983},[3848,6373,4426],{"class":4321},[3848,6375,4236],{"class":4293},[3848,6377,4431],{"class":4330},[3848,6379,4334],{"class":4227},[3848,6381,4337],{"class":4263},[3848,6383,4441],{"class":4231},[3848,6385,4088],{"class":4353},[3848,6387,6388],{"class":4231},"hint",[3848,6390,4464],{"class":4263},[3848,6392,4850],{"class":4321},[3848,6394,6395],{"class":4227},"Тап +1 · Подвійний тап 0",[3848,6397,4859],{"class":4321},[3848,6399,4236],{"class":4293},[3848,6401,4467],{"class":4321},[3848,6403,6404,6406,6408],{"class":3850,"line":3988},[3848,6405,5033],{"class":4321},[3848,6407,4716],{"class":4293},[3848,6409,4467],{"class":4321},[3848,6411,6412,6414,6416],{"class":3850,"line":3994},[3848,6413,4497],{"class":4321},[3848,6415,5518],{"class":4293},[3848,6417,4467],{"class":4321},[3848,6419,6420],{"class":3850,"line":4000},[3848,6421,4506],{"class":4227},[3848,6423,6424],{"class":3850,"line":4006},[3848,6425,3902],{"class":4227},[3802,6427,6428,6431,6432,6435,6436,6439,6440,4088],{},[3747,6429,6430],{},".runOnJS(true)"," — важливий метод. За замовчуванням колбеки RNGH виконуються на нативному UI потоці для максимальної продуктивності. Але ",[3747,6433,6434],{},"setState",", API calls та більшість JS коду ",[3758,6437,6438],{},"повинні"," виконуватись у JS потоці — тому для них потрібен ",[3747,6441,6442],{},"runOnJS(true)",[3821,6444],{},[3738,6446,6448],{"id":6447},"pan-жест-drag-та-swipe","Pan жест: drag та swipe",[3828,6450,6452],{"id":6451},"основи-pangesture","Основи PanGesture",[3743,6454,6455,6457],{},[3747,6456,5859],{}," — найуживаніший жест для drag-and-drop, pull-to-refresh, bottom sheet і swipe-дій. Він надає:",[3752,6459,6460,6467,6478,6485],{},[3755,6461,6462,4119,6464,6466],{},[3747,6463,5864],{},[3747,6465,5867],{}," — зміщення від початкової точки (скидається на 0 кожен раз)",[3755,6468,6469,4119,6472,6475,6476],{},[3747,6470,6471],{},"changeX",[3747,6473,6474],{},"changeY"," — зміщення з попереднього виклику ",[3747,6477,5961],{},[3755,6479,6480,4119,6482,6484],{},[3747,6481,5870],{},[3747,6483,5873],{}," — поточна швидкість у пікселях\u002Fс",[3755,6486,6487,4119,6490,6493],{},[3747,6488,6489],{},"absoluteX",[3747,6491,6492],{},"absoluteY"," — абсолютні координати на екрані",[3828,6495,6497],{"id":6496},"drag-and-drop-елемента","Drag-and-drop елемента",[3743,6499,6500,6501,6504],{},"Найпростіший drag: переміщення View пальцем. Використовуємо ",[3747,6502,6503],{},"Animated.Value"," для синхронного оновлення позиції:",[3839,6506,6508],{"className":4214,"code":6507,"language":4216,"meta":3844,"style":3844},"import { useRef } from 'react';\nimport { Animated, View, StyleSheet } from 'react-native';\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\n\nexport function DraggableBox() {\n  const offsetX = useRef(new Animated.Value(0)).current;\n  const offsetY = useRef(new Animated.Value(0)).current;\n\n  \u002F\u002F Зберігаємо позицію між жестами\n  const startX = useRef(0);\n  const startY = useRef(0);\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .onBegin(() => {\n      \u002F\u002F Запам'ятовуємо поточну позицію\n      startX.current = (offsetX as any)._value;\n      startY.current = (offsetY as any)._value;\n    })\n    .onChange((event) => {\n      offsetX.setValue(startX.current + event.translationX);\n      offsetY.setValue(startY.current + event.translationY);\n    });\n\n  return (\n    \u003CGestureDetector gesture={pan}>\n      \u003CAnimated.View\n        style={[\n          styles.box,\n          { transform: [{ translateX: offsetX }, { translateY: offsetY }] },\n        ]}\n      \u002F>\n    \u003C\u002FGestureDetector>\n  );\n}\n\nconst styles = StyleSheet.create({\n  box: { width: 80, height: 80, borderRadius: 16, backgroundColor: '#3B82F6' },\n});\n",[3747,6509,6510,6526,6550,6570,6574,6585,6621,6652,6656,6661,6678,6695,6699,6717,6729,6742,6747,6776,6800,6805,6822,6851,6879,6884,6888,6894,6913,6920,6931,6942,6966,6973,6978,6986,6990,6995,7000,7017,7051],{"__ignoreMap":3844},[3848,6511,6512,6514,6516,6518,6520,6522,6524],{"class":3850,"line":3851},[3848,6513,4224],{"class":4223},[3848,6515,4228],{"class":4227},[3848,6517,3814],{"class":4231},[3848,6519,4244],{"class":4227},[3848,6521,4247],{"class":4223},[3848,6523,4739],{"class":4250},[3848,6525,4254],{"class":4227},[3848,6527,6528,6530,6532,6534,6536,6538,6540,6542,6544,6546,6548],{"class":3850,"line":3857},[3848,6529,4224],{"class":4223},[3848,6531,4228],{"class":4227},[3848,6533,3818],{"class":4231},[3848,6535,4119],{"class":4227},[3848,6537,4716],{"class":4231},[3848,6539,4119],{"class":4227},[3848,6541,4241],{"class":4231},[3848,6543,4244],{"class":4227},[3848,6545,4247],{"class":4223},[3848,6547,4251],{"class":4250},[3848,6549,4254],{"class":4227},[3848,6551,6552,6554,6556,6558,6560,6562,6564,6566,6568],{"class":3850,"line":3863},[3848,6553,4224],{"class":4223},[3848,6555,4228],{"class":4227},[3848,6557,5518],{"class":4231},[3848,6559,4119],{"class":4227},[3848,6561,5512],{"class":4231},[3848,6563,4244],{"class":4227},[3848,6565,4247],{"class":4223},[3848,6567,5413],{"class":4250},[3848,6569,4254],{"class":4227},[3848,6571,6572],{"class":3850,"line":3869},[3848,6573,3873],{"emptyLinePlaceholder":3872},[3848,6575,6576,6578,6580,6583],{"class":3850,"line":3876},[3848,6577,4750],{"class":4223},[3848,6579,4756],{"class":4263},[3848,6581,6582],{"class":4267}," DraggableBox",[3848,6584,4762],{"class":4227},[3848,6586,6587,6589,6592,6594,6596,6598,6601,6604,6606,6609,6611,6613,6616,6619],{"class":3850,"line":3882},[3848,6588,4767],{"class":4263},[3848,6590,6591],{"class":4522}," offsetX",[3848,6593,4525],{"class":4227},[3848,6595,3814],{"class":4267},[3848,6597,4786],{"class":4227},[3848,6599,6600],{"class":4263},"new",[3848,6602,6603],{"class":4231}," Animated",[3848,6605,4088],{"class":4227},[3848,6607,6608],{"class":4267},"Value",[3848,6610,4786],{"class":4227},[3848,6612,4789],{"class":4561},[3848,6614,6615],{"class":4227},")).",[3848,6617,6618],{"class":4231},"current",[3848,6620,4254],{"class":4227},[3848,6622,6623,6625,6628,6630,6632,6634,6636,6638,6640,6642,6644,6646,6648,6650],{"class":3850,"line":3887},[3848,6624,4767],{"class":4263},[3848,6626,6627],{"class":4522}," offsetY",[3848,6629,4525],{"class":4227},[3848,6631,3814],{"class":4267},[3848,6633,4786],{"class":4227},[3848,6635,6600],{"class":4263},[3848,6637,6603],{"class":4231},[3848,6639,4088],{"class":4227},[3848,6641,6608],{"class":4267},[3848,6643,4786],{"class":4227},[3848,6645,4789],{"class":4561},[3848,6647,6615],{"class":4227},[3848,6649,6618],{"class":4231},[3848,6651,4254],{"class":4227},[3848,6653,6654],{"class":3850,"line":3893},[3848,6655,3873],{"emptyLinePlaceholder":3872},[3848,6657,6658],{"class":3850,"line":3899},[3848,6659,6660],{"class":5397},"  \u002F\u002F Зберігаємо позицію між жестами\n",[3848,6662,6663,6665,6668,6670,6672,6674,6676],{"class":3850,"line":3905},[3848,6664,4767],{"class":4263},[3848,6666,6667],{"class":4522}," startX",[3848,6669,4525],{"class":4227},[3848,6671,3814],{"class":4267},[3848,6673,4786],{"class":4227},[3848,6675,4789],{"class":4561},[3848,6677,4792],{"class":4227},[3848,6679,6680,6682,6685,6687,6689,6691,6693],{"class":3850,"line":3910},[3848,6681,4767],{"class":4263},[3848,6683,6684],{"class":4522}," startY",[3848,6686,4525],{"class":4227},[3848,6688,3814],{"class":4267},[3848,6690,4786],{"class":4227},[3848,6692,4789],{"class":4561},[3848,6694,4792],{"class":4227},[3848,6696,6697],{"class":3850,"line":3916},[3848,6698,3873],{"emptyLinePlaceholder":3872},[3848,6700,6701,6703,6706,6708,6710,6712,6715],{"class":3850,"line":3922},[3848,6702,4767],{"class":4263},[3848,6704,6705],{"class":4522}," pan",[3848,6707,4525],{"class":4227},[3848,6709,5512],{"class":4231},[3848,6711,4088],{"class":4227},[3848,6713,6714],{"class":4267},"Pan",[3848,6716,5601],{"class":4227},[3848,6718,6719,6721,6723,6725,6727],{"class":3850,"line":3927},[3848,6720,6128],{"class":4227},[3848,6722,6131],{"class":4267},[3848,6724,4786],{"class":4227},[3848,6726,6136],{"class":4263},[3848,6728,6211],{"class":4227},[3848,6730,6731,6733,6736,6738,6740],{"class":3850,"line":3932},[3848,6732,6128],{"class":4227},[3848,6734,6735],{"class":4267},"onBegin",[3848,6737,5612],{"class":4227},[3848,6739,4290],{"class":4263},[3848,6741,4543],{"class":4227},[3848,6743,6744],{"class":3850,"line":3938},[3848,6745,6746],{"class":5397},"      \u002F\u002F Запам'ятовуємо поточну позицію\n",[3848,6748,6749,6752,6754,6756,6759,6762,6765,6768,6771,6774],{"class":3850,"line":3944},[3848,6750,6751],{"class":4231},"      startX",[3848,6753,4088],{"class":4227},[3848,6755,6618],{"class":4231},[3848,6757,6758],{"class":4227}," = (",[3848,6760,6761],{"class":4231},"offsetX",[3848,6763,6764],{"class":4223}," as",[3848,6766,6767],{"class":4293}," any",[3848,6769,6770],{"class":4227},").",[3848,6772,6773],{"class":4231},"_value",[3848,6775,4254],{"class":4227},[3848,6777,6778,6781,6783,6785,6787,6790,6792,6794,6796,6798],{"class":3850,"line":3949},[3848,6779,6780],{"class":4231},"      startY",[3848,6782,4088],{"class":4227},[3848,6784,6618],{"class":4231},[3848,6786,6758],{"class":4227},[3848,6788,6789],{"class":4231},"offsetY",[3848,6791,6764],{"class":4223},[3848,6793,6767],{"class":4293},[3848,6795,6770],{"class":4227},[3848,6797,6773],{"class":4231},[3848,6799,4254],{"class":4227},[3848,6801,6802],{"class":3850,"line":3954},[3848,6803,6804],{"class":4227},"    })\n",[3848,6806,6807,6809,6811,6813,6816,6818,6820],{"class":3850,"line":3960},[3848,6808,6128],{"class":4227},[3848,6810,5961],{"class":4267},[3848,6812,4889],{"class":4227},[3848,6814,6815],{"class":4231},"event",[3848,6817,4895],{"class":4227},[3848,6819,4290],{"class":4263},[3848,6821,4543],{"class":4227},[3848,6823,6824,6827,6829,6832,6834,6837,6839,6841,6843,6845,6847,6849],{"class":3850,"line":3966},[3848,6825,6826],{"class":4231},"      offsetX",[3848,6828,4088],{"class":4227},[3848,6830,6831],{"class":4267},"setValue",[3848,6833,4786],{"class":4227},[3848,6835,6836],{"class":4231},"startX",[3848,6838,4088],{"class":4227},[3848,6840,6618],{"class":4231},[3848,6842,5513],{"class":4227},[3848,6844,6815],{"class":4231},[3848,6846,4088],{"class":4227},[3848,6848,5864],{"class":4231},[3848,6850,4792],{"class":4227},[3848,6852,6853,6856,6858,6860,6862,6865,6867,6869,6871,6873,6875,6877],{"class":3850,"line":3972},[3848,6854,6855],{"class":4231},"      offsetY",[3848,6857,4088],{"class":4227},[3848,6859,6831],{"class":4267},[3848,6861,4786],{"class":4227},[3848,6863,6864],{"class":4231},"startY",[3848,6866,4088],{"class":4227},[3848,6868,6618],{"class":4231},[3848,6870,5513],{"class":4227},[3848,6872,6815],{"class":4231},[3848,6874,4088],{"class":4227},[3848,6876,5867],{"class":4231},[3848,6878,4792],{"class":4227},[3848,6880,6881],{"class":3850,"line":3978},[3848,6882,6883],{"class":4227},"    });\n",[3848,6885,6886],{"class":3850,"line":3983},[3848,6887,3873],{"emptyLinePlaceholder":3872},[3848,6889,6890,6892],{"class":3850,"line":3988},[3848,6891,4313],{"class":4223},[3848,6893,4316],{"class":4227},[3848,6895,6896,6898,6900,6902,6904,6906,6909,6911],{"class":3850,"line":3994},[3848,6897,4322],{"class":4321},[3848,6899,5518],{"class":4293},[3848,6901,5666],{"class":4330},[3848,6903,4334],{"class":4227},[3848,6905,4337],{"class":4263},[3848,6907,6908],{"class":4231},"pan",[3848,6910,4464],{"class":4263},[3848,6912,4467],{"class":4321},[3848,6914,6915,6917],{"class":3850,"line":4000},[3848,6916,4830],{"class":4321},[3848,6918,6919],{"class":4293},"Animated.View\n",[3848,6921,6922,6924,6926,6928],{"class":3850,"line":4006},[3848,6923,4916],{"class":4330},[3848,6925,4334],{"class":4227},[3848,6927,4337],{"class":4263},[3848,6929,6930],{"class":4353},"[\n",[3848,6932,6933,6936,6938,6940],{"class":3850,"line":4012},[3848,6934,6935],{"class":4231},"          styles",[3848,6937,4088],{"class":4353},[3848,6939,6330],{"class":4231},[3848,6941,4376],{"class":4353},[3848,6943,6944,6947,6949,6951,6954,6956,6959,6962,6964],{"class":3850,"line":4018},[3848,6945,6946],{"class":4353},"          { ",[3848,6948,5197],{"class":4231},[3848,6950,4613],{"class":4353},[3848,6952,6953],{"class":4231},"translateX:",[3848,6955,6591],{"class":4231},[3848,6957,6958],{"class":4353}," }, { ",[3848,6960,6961],{"class":4231},"translateY:",[3848,6963,6627],{"class":4231},[3848,6965,5207],{"class":4353},[3848,6967,6968,6971],{"class":3850,"line":4024},[3848,6969,6970],{"class":4353},"        ]",[3848,6972,3902],{"class":4263},[3848,6974,6975],{"class":3850,"line":4030},[3848,6976,6977],{"class":4321},"      \u002F>\n",[3848,6979,6980,6982,6984],{"class":3850,"line":4661},[3848,6981,4497],{"class":4321},[3848,6983,5518],{"class":4293},[3848,6985,4467],{"class":4321},[3848,6987,6988],{"class":3850,"line":4677},[3848,6989,4506],{"class":4227},[3848,6991,6993],{"class":3850,"line":6992},35,[3848,6994,3902],{"class":4227},[3848,6996,6998],{"class":3850,"line":6997},36,[3848,6999,3873],{"emptyLinePlaceholder":3872},[3848,7001,7003,7005,7007,7009,7011,7013,7015],{"class":3850,"line":7002},37,[3848,7004,4519],{"class":4263},[3848,7006,4387],{"class":4522},[3848,7008,4525],{"class":4227},[3848,7010,4241],{"class":4231},[3848,7012,4088],{"class":4227},[3848,7014,4532],{"class":4267},[3848,7016,4535],{"class":4227},[3848,7018,7020,7023,7025,7027,7030,7032,7034,7036,7038,7041,7043,7045,7047,7049],{"class":3850,"line":7019},38,[3848,7021,7022],{"class":4231},"  box:",[3848,7024,4228],{"class":4227},[3848,7026,5694],{"class":4231},[3848,7028,7029],{"class":4561}," 80",[3848,7031,4119],{"class":4227},[3848,7033,5702],{"class":4231},[3848,7035,7029],{"class":4561},[3848,7037,4119],{"class":4227},[3848,7039,7040],{"class":4231},"borderRadius:",[3848,7042,4655],{"class":4561},[3848,7044,4119],{"class":4227},[3848,7046,5190],{"class":4231},[3848,7048,4551],{"class":4250},[3848,7050,4658],{"class":4227},[3848,7052,7054],{"class":3850,"line":7053},39,[3848,7055,4680],{"class":4227},[7057,7058,7059,7060,7063,7064,7066],"tip",{},"У реальних проєктах для drag-and-drop краще використовувати ",[3758,7061,7062],{},"Reanimated shared values"," замість ",[3747,7065,6503],{}," — вони оновлюються прямо на UI потоці без будь-якого bridge, що дає ідеально плавний рух. Реanimated детальніше розглядається у наступному розділі.",[3828,7068,7070],{"id":7069},"живий-приклад-перетягуваний-елемент","Живий приклад: перетягуваний елемент",[4686,7072,7075],{"device":4688,"height":7073,"title":7074},400,"Drag-and-Drop",[3839,7076,7078],{"className":4214,"code":7077,"language":4216,"meta":3844,"style":3844},"import { useRef } from 'react';\nimport { Animated, View, Text, StyleSheet, PanResponder } from 'react-native';\n\nexport default function App() {\n  const pan = useRef(new Animated.ValueXY()).current;\n  const offset = useRef({ x: 0, y: 0 });\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onPanResponderGrant: () => {\n      pan.setOffset({ x: offset.current.x, y: offset.current.y });\n      pan.setValue({ x: 0, y: 0 });\n    },\n    onPanResponderMove: Animated.event([null, { dx: pan.x, dy: pan.y }], {\n      useNativeDriver: false,\n    }),\n    onPanResponderRelease: () => {\n      offset.current = { x: (pan.x as any)._value, y: (pan.y as any)._value };\n      pan.flattenOffset();\n    },\n  });\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.hint}>Перетягни квадрат\u003C\u002FText>\n      \u003CAnimated.View\n        style={[styles.box, { transform: pan.getTranslateTransform() }]}\n        {...panResponder.panHandlers}\n      >\n        \u003CText style={styles.emoji}>👆\u003C\u002FText>\n      \u003C\u002FAnimated.View>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', justifyContent: 'center' },\n  hint: { marginBottom: 24, color: '#64748B', fontSize: 15 },\n  box: {\n    width: 90, height: 90, borderRadius: 20,\n    backgroundColor: '#3B82F6',\n    alignItems: 'center', justifyContent: 'center',\n    shadowColor: '#3B82F6', shadowOpacity: 0.4, shadowRadius: 12, elevation: 8,\n  },\n  emoji: { fontSize: 32 },\n});\n",[3747,7079,7080,7096,7128,7132,7144,7172,7201,7205,7222,7239,7252,7294,7316,7321,7364,7374,7379,7392,7446,7458,7462,7466,7470,7476,7498,7529,7535,7567,7584,7588,7620,7629,7637,7641,7645,7649,7665,7689,7717,7723,7747,7756,7772,7805,7810,7824],{"__ignoreMap":3844},[3848,7081,7082,7084,7086,7088,7090,7092,7094],{"class":3850,"line":3851},[3848,7083,4224],{"class":4223},[3848,7085,4228],{"class":4227},[3848,7087,3814],{"class":4231},[3848,7089,4244],{"class":4227},[3848,7091,4247],{"class":4223},[3848,7093,4739],{"class":4250},[3848,7095,4254],{"class":4227},[3848,7097,7098,7100,7102,7104,7106,7108,7110,7112,7114,7116,7118,7120,7122,7124,7126],{"class":3850,"line":3857},[3848,7099,4224],{"class":4223},[3848,7101,4228],{"class":4227},[3848,7103,3818],{"class":4231},[3848,7105,4119],{"class":4227},[3848,7107,4716],{"class":4231},[3848,7109,4119],{"class":4227},[3848,7111,4236],{"class":4231},[3848,7113,4119],{"class":4227},[3848,7115,4241],{"class":4231},[3848,7117,4119],{"class":4227},[3848,7119,4047],{"class":4231},[3848,7121,4244],{"class":4227},[3848,7123,4247],{"class":4223},[3848,7125,4251],{"class":4250},[3848,7127,4254],{"class":4227},[3848,7129,7130],{"class":3850,"line":3863},[3848,7131,3873],{"emptyLinePlaceholder":3872},[3848,7133,7134,7136,7138,7140,7142],{"class":3850,"line":3869},[3848,7135,4750],{"class":4223},[3848,7137,4753],{"class":4223},[3848,7139,4756],{"class":4263},[3848,7141,4759],{"class":4267},[3848,7143,4762],{"class":4227},[3848,7145,7146,7148,7150,7152,7154,7156,7158,7160,7162,7165,7168,7170],{"class":3850,"line":3876},[3848,7147,4767],{"class":4263},[3848,7149,6705],{"class":4522},[3848,7151,4525],{"class":4227},[3848,7153,3814],{"class":4267},[3848,7155,4786],{"class":4227},[3848,7157,6600],{"class":4263},[3848,7159,6603],{"class":4231},[3848,7161,4088],{"class":4227},[3848,7163,7164],{"class":4267},"ValueXY",[3848,7166,7167],{"class":4227},"()).",[3848,7169,6618],{"class":4231},[3848,7171,4254],{"class":4227},[3848,7173,7174,7176,7179,7181,7183,7185,7188,7191,7193,7196,7198],{"class":3850,"line":3882},[3848,7175,4767],{"class":4263},[3848,7177,7178],{"class":4522}," offset",[3848,7180,4525],{"class":4227},[3848,7182,3814],{"class":4267},[3848,7184,4271],{"class":4227},[3848,7186,7187],{"class":4231},"x:",[3848,7189,7190],{"class":4561}," 0",[3848,7192,4119],{"class":4227},[3848,7194,7195],{"class":4231},"y:",[3848,7197,7190],{"class":4561},[3848,7199,7200],{"class":4227}," });\n",[3848,7202,7203],{"class":3850,"line":3887},[3848,7204,3873],{"emptyLinePlaceholder":3872},[3848,7206,7207,7209,7212,7214,7216,7218,7220],{"class":3850,"line":3893},[3848,7208,4767],{"class":4263},[3848,7210,7211],{"class":4522}," panResponder",[3848,7213,4525],{"class":4227},[3848,7215,4047],{"class":4231},[3848,7217,4088],{"class":4227},[3848,7219,4532],{"class":4267},[3848,7221,4535],{"class":4227},[3848,7223,7224,7227,7229,7232,7234,7237],{"class":3850,"line":3899},[3848,7225,7226],{"class":4267},"    onStartShouldSetPanResponder",[3848,7228,4059],{"class":4231},[3848,7230,7231],{"class":4227}," () ",[3848,7233,4290],{"class":4263},[3848,7235,7236],{"class":4263}," true",[3848,7238,4376],{"class":4227},[3848,7240,7241,7244,7246,7248,7250],{"class":3850,"line":3905},[3848,7242,7243],{"class":4267},"    onPanResponderGrant",[3848,7245,4059],{"class":4231},[3848,7247,7231],{"class":4227},[3848,7249,4290],{"class":4263},[3848,7251,4543],{"class":4227},[3848,7253,7254,7257,7259,7262,7264,7266,7268,7270,7272,7274,7277,7279,7281,7283,7285,7287,7289,7292],{"class":3850,"line":3910},[3848,7255,7256],{"class":4231},"      pan",[3848,7258,4088],{"class":4227},[3848,7260,7261],{"class":4267},"setOffset",[3848,7263,4271],{"class":4227},[3848,7265,7187],{"class":4231},[3848,7267,7178],{"class":4231},[3848,7269,4088],{"class":4227},[3848,7271,6618],{"class":4231},[3848,7273,4088],{"class":4227},[3848,7275,7276],{"class":4231},"x",[3848,7278,4119],{"class":4227},[3848,7280,7195],{"class":4231},[3848,7282,7178],{"class":4231},[3848,7284,4088],{"class":4227},[3848,7286,6618],{"class":4231},[3848,7288,4088],{"class":4227},[3848,7290,7291],{"class":4231},"y",[3848,7293,7200],{"class":4227},[3848,7295,7296,7298,7300,7302,7304,7306,7308,7310,7312,7314],{"class":3850,"line":3916},[3848,7297,7256],{"class":4231},[3848,7299,4088],{"class":4227},[3848,7301,6831],{"class":4267},[3848,7303,4271],{"class":4227},[3848,7305,7187],{"class":4231},[3848,7307,7190],{"class":4561},[3848,7309,4119],{"class":4227},[3848,7311,7195],{"class":4231},[3848,7313,7190],{"class":4561},[3848,7315,7200],{"class":4227},[3848,7317,7318],{"class":3850,"line":3922},[3848,7319,7320],{"class":4227},"    },\n",[3848,7322,7323,7326,7328,7330,7332,7335,7338,7341,7344,7346,7348,7350,7352,7355,7357,7359,7361],{"class":3850,"line":3927},[3848,7324,7325],{"class":4231},"    onPanResponderMove:",[3848,7327,6603],{"class":4231},[3848,7329,4088],{"class":4227},[3848,7331,6815],{"class":4267},[3848,7333,7334],{"class":4227},"([",[3848,7336,7337],{"class":4263},"null",[3848,7339,7340],{"class":4227},", { ",[3848,7342,7343],{"class":4231},"dx:",[3848,7345,6705],{"class":4231},[3848,7347,4088],{"class":4227},[3848,7349,7276],{"class":4231},[3848,7351,4119],{"class":4227},[3848,7353,7354],{"class":4231},"dy:",[3848,7356,6705],{"class":4231},[3848,7358,4088],{"class":4227},[3848,7360,7291],{"class":4231},[3848,7362,7363],{"class":4227}," }], {\n",[3848,7365,7366,7369,7372],{"class":3850,"line":3932},[3848,7367,7368],{"class":4231},"      useNativeDriver:",[3848,7370,7371],{"class":4263}," false",[3848,7373,4376],{"class":4227},[3848,7375,7376],{"class":3850,"line":3938},[3848,7377,7378],{"class":4227},"    }),\n",[3848,7380,7381,7384,7386,7388,7390],{"class":3850,"line":3944},[3848,7382,7383],{"class":4267},"    onPanResponderRelease",[3848,7385,4059],{"class":4231},[3848,7387,7231],{"class":4227},[3848,7389,4290],{"class":4263},[3848,7391,4543],{"class":4227},[3848,7393,7394,7397,7399,7401,7404,7406,7409,7411,7413,7415,7417,7419,7421,7423,7425,7427,7429,7431,7433,7435,7437,7439,7441,7443],{"class":3850,"line":3949},[3848,7395,7396],{"class":4231},"      offset",[3848,7398,4088],{"class":4227},[3848,7400,6618],{"class":4231},[3848,7402,7403],{"class":4227}," = { ",[3848,7405,7187],{"class":4231},[3848,7407,7408],{"class":4227}," (",[3848,7410,6908],{"class":4231},[3848,7412,4088],{"class":4227},[3848,7414,7276],{"class":4231},[3848,7416,6764],{"class":4223},[3848,7418,6767],{"class":4293},[3848,7420,6770],{"class":4227},[3848,7422,6773],{"class":4231},[3848,7424,4119],{"class":4227},[3848,7426,7195],{"class":4231},[3848,7428,7408],{"class":4227},[3848,7430,6908],{"class":4231},[3848,7432,4088],{"class":4227},[3848,7434,7291],{"class":4231},[3848,7436,6764],{"class":4223},[3848,7438,6767],{"class":4293},[3848,7440,6770],{"class":4227},[3848,7442,6773],{"class":4231},[3848,7444,7445],{"class":4227}," };\n",[3848,7447,7448,7450,7452,7455],{"class":3850,"line":3954},[3848,7449,7256],{"class":4231},[3848,7451,4088],{"class":4227},[3848,7453,7454],{"class":4267},"flattenOffset",[3848,7456,7457],{"class":4227},"();\n",[3848,7459,7460],{"class":3850,"line":3960},[3848,7461,7320],{"class":4227},[3848,7463,7464],{"class":3850,"line":3966},[3848,7465,5638],{"class":4227},[3848,7467,7468],{"class":3850,"line":3972},[3848,7469,3873],{"emptyLinePlaceholder":3872},[3848,7471,7472,7474],{"class":3850,"line":3978},[3848,7473,4313],{"class":4223},[3848,7475,4316],{"class":4227},[3848,7477,7478,7480,7482,7484,7486,7488,7490,7492,7494,7496],{"class":3850,"line":3983},[3848,7479,4322],{"class":4321},[3848,7481,4716],{"class":4293},[3848,7483,4431],{"class":4330},[3848,7485,4334],{"class":4227},[3848,7487,4337],{"class":4263},[3848,7489,4441],{"class":4231},[3848,7491,4088],{"class":4353},[3848,7493,4821],{"class":4231},[3848,7495,4464],{"class":4263},[3848,7497,4467],{"class":4321},[3848,7499,7500,7502,7504,7506,7508,7510,7512,7514,7516,7518,7520,7523,7525,7527],{"class":3850,"line":3988},[3848,7501,4830],{"class":4321},[3848,7503,4236],{"class":4293},[3848,7505,4431],{"class":4330},[3848,7507,4334],{"class":4227},[3848,7509,4337],{"class":4263},[3848,7511,4441],{"class":4231},[3848,7513,4088],{"class":4353},[3848,7515,6388],{"class":4231},[3848,7517,4464],{"class":4263},[3848,7519,4850],{"class":4321},[3848,7521,7522],{"class":4227},"Перетягни квадрат",[3848,7524,4859],{"class":4321},[3848,7526,4236],{"class":4293},[3848,7528,4467],{"class":4321},[3848,7530,7531,7533],{"class":3850,"line":3994},[3848,7532,4830],{"class":4321},[3848,7534,6919],{"class":4293},[3848,7536,7537,7539,7541,7543,7545,7547,7549,7551,7553,7555,7557,7559,7562,7565],{"class":3850,"line":4000},[3848,7538,4916],{"class":4330},[3848,7540,4334],{"class":4227},[3848,7542,4337],{"class":4263},[3848,7544,4438],{"class":4353},[3848,7546,4441],{"class":4231},[3848,7548,4088],{"class":4353},[3848,7550,6330],{"class":4231},[3848,7552,7340],{"class":4353},[3848,7554,5197],{"class":4231},[3848,7556,6705],{"class":4231},[3848,7558,4088],{"class":4353},[3848,7560,7561],{"class":4267},"getTranslateTransform",[3848,7563,7564],{"class":4353},"() }]",[3848,7566,3902],{"class":4263},[3848,7568,7569,7571,7574,7577,7579,7582],{"class":3850,"line":4006},[3848,7570,4964],{"class":4263},[3848,7572,7573],{"class":4227},"...",[3848,7575,7576],{"class":4231},"panResponder",[3848,7578,4088],{"class":4353},[3848,7580,7581],{"class":4231},"panHandlers",[3848,7583,3902],{"class":4263},[3848,7585,7586],{"class":3850,"line":4012},[3848,7587,4959],{"class":4321},[3848,7589,7590,7592,7594,7596,7598,7600,7602,7604,7607,7609,7611,7614,7616,7618],{"class":3850,"line":4018},[3848,7591,4426],{"class":4321},[3848,7593,4236],{"class":4293},[3848,7595,4431],{"class":4330},[3848,7597,4334],{"class":4227},[3848,7599,4337],{"class":4263},[3848,7601,4441],{"class":4231},[3848,7603,4088],{"class":4353},[3848,7605,7606],{"class":4231},"emoji",[3848,7608,4464],{"class":4263},[3848,7610,4850],{"class":4321},[3848,7612,7613],{"class":4227},"👆",[3848,7615,4859],{"class":4321},[3848,7617,4236],{"class":4293},[3848,7619,4467],{"class":4321},[3848,7621,7622,7624,7627],{"class":3850,"line":4024},[3848,7623,5033],{"class":4321},[3848,7625,7626],{"class":4293},"Animated.View",[3848,7628,4467],{"class":4321},[3848,7630,7631,7633,7635],{"class":3850,"line":4030},[3848,7632,4497],{"class":4321},[3848,7634,4716],{"class":4293},[3848,7636,4467],{"class":4321},[3848,7638,7639],{"class":3850,"line":4661},[3848,7640,4506],{"class":4227},[3848,7642,7643],{"class":3850,"line":4677},[3848,7644,3902],{"class":4227},[3848,7646,7647],{"class":3850,"line":6992},[3848,7648,3873],{"emptyLinePlaceholder":3872},[3848,7650,7651,7653,7655,7657,7659,7661,7663],{"class":3850,"line":6997},[3848,7652,4519],{"class":4263},[3848,7654,4387],{"class":4522},[3848,7656,4525],{"class":4227},[3848,7658,4241],{"class":4231},[3848,7660,4088],{"class":4227},[3848,7662,4532],{"class":4267},[3848,7664,4535],{"class":4227},[3848,7666,7667,7669,7671,7673,7675,7677,7679,7681,7683,7685,7687],{"class":3850,"line":7002},[3848,7668,5078],{"class":4231},[3848,7670,4228],{"class":4227},[3848,7672,5083],{"class":4231},[3848,7674,4906],{"class":4561},[3848,7676,4119],{"class":4227},[3848,7678,5090],{"class":4231},[3848,7680,5093],{"class":4250},[3848,7682,4119],{"class":4227},[3848,7684,5098],{"class":4231},[3848,7686,5093],{"class":4250},[3848,7688,4658],{"class":4227},[3848,7690,7691,7694,7696,7699,7701,7703,7705,7708,7710,7712,7715],{"class":3850,"line":7019},[3848,7692,7693],{"class":4231},"  hint:",[3848,7695,4228],{"class":4227},[3848,7697,7698],{"class":4231},"marginBottom:",[3848,7700,4562],{"class":4561},[3848,7702,4119],{"class":4227},[3848,7704,4636],{"class":4231},[3848,7706,7707],{"class":4250}," '#64748B'",[3848,7709,4119],{"class":4227},[3848,7711,4652],{"class":4231},[3848,7713,7714],{"class":4561}," 15",[3848,7716,4658],{"class":4227},[3848,7718,7719,7721],{"class":3850,"line":7053},[3848,7720,7022],{"class":4231},[3848,7722,4543],{"class":4227},[3848,7724,7726,7729,7732,7734,7736,7738,7740,7742,7745],{"class":3850,"line":7725},40,[3848,7727,7728],{"class":4231},"    width:",[3848,7730,7731],{"class":4561}," 90",[3848,7733,4119],{"class":4227},[3848,7735,5702],{"class":4231},[3848,7737,7731],{"class":4561},[3848,7739,4119],{"class":4227},[3848,7741,7040],{"class":4231},[3848,7743,7744],{"class":4561}," 20",[3848,7746,4376],{"class":4227},[3848,7748,7750,7752,7754],{"class":3850,"line":7749},41,[3848,7751,4548],{"class":4231},[3848,7753,4551],{"class":4250},[3848,7755,4376],{"class":4227},[3848,7757,7759,7762,7764,7766,7768,7770],{"class":3850,"line":7758},42,[3848,7760,7761],{"class":4231},"    alignItems:",[3848,7763,5093],{"class":4250},[3848,7765,4119],{"class":4227},[3848,7767,5098],{"class":4231},[3848,7769,5093],{"class":4250},[3848,7771,4376],{"class":4227},[3848,7773,7775,7778,7780,7782,7785,7788,7790,7793,7795,7797,7800,7803],{"class":3850,"line":7774},43,[3848,7776,7777],{"class":4231},"    shadowColor:",[3848,7779,4551],{"class":4250},[3848,7781,4119],{"class":4227},[3848,7783,7784],{"class":4231},"shadowOpacity:",[3848,7786,7787],{"class":4561}," 0.4",[3848,7789,4119],{"class":4227},[3848,7791,7792],{"class":4231},"shadowRadius:",[3848,7794,4582],{"class":4561},[3848,7796,4119],{"class":4227},[3848,7798,7799],{"class":4231},"elevation:",[3848,7801,7802],{"class":4561}," 8",[3848,7804,4376],{"class":4227},[3848,7806,7808],{"class":3850,"line":7807},44,[3848,7809,4589],{"class":4227},[3848,7811,7813,7816,7818,7820,7822],{"class":3850,"line":7812},45,[3848,7814,7815],{"class":4231},"  emoji:",[3848,7817,4228],{"class":4227},[3848,7819,4652],{"class":4231},[3848,7821,5158],{"class":4561},[3848,7823,4658],{"class":4227},[3848,7825,7827],{"class":3850,"line":7826},46,[3848,7828,4680],{"class":4227},[3828,7830,7832],{"id":7831},"налаштування-порогів-pan-жесту","Налаштування порогів Pan жесту",[5242,7834,7835,7839,7847,7851,7855,7859,7866],{},[5245,7836,7838],{"name":7837,"type":5937},".minDistance(pixels)","Мінімальна відстань переміщення (у пікселях) перш ніж жест вважається розпізнаним. Дефолт: 0 на Android, 10 на iOS. Підвищення значення запобігає випадковому панніngу при тапі.",[5245,7840,7842,7843,7846],{"name":7841,"type":5937},".activeOffsetX([min, max])","Жест активується лише якщо горизонтальне зміщення виходить за межі діапазону. ",[3747,7844,7845],{},"-[-20, 20]"," — жест почне лише якщо рух > 20px по X.",[5245,7848,7850],{"name":7849,"type":5937},".activeOffsetY([min, max])","Аналогічно для вертикального зміщення. Використовується для відрізнення горизонтального swipe від вертикального скролу.",[5245,7852,7854],{"name":7853,"type":5937},".failOffsetX([min, max])","Жест провалюється (fail), якщо горизонтальне зміщення виходить за межі. Корисно для «тільки вертикального» пану.",[5245,7856,7858],{"name":7857,"type":5937},".failOffsetY([min, max])","Аналогічно для вертикалі. Для «тільки горизонтального» swipe.",[5245,7860,7862,7863,7865],{"name":7861,"type":5937},".maxPointers(n)","Максимальна кількість пальців. ",[3747,7864,6172],{}," — тільки один палець (запобігає конфлікту з pinch).",[5245,7867,7869],{"name":7868,"type":5937},".averageTouches(bool)","Усереднення координат при мультитач. Корисно для pan двома пальцями.",[3828,7871,7873],{"id":7872},"комбінація-жестів-simultaneous-exclusive-race","Комбінація жестів: Simultaneous, Exclusive, Race",[3743,7875,7876],{},"RNGH надає три оператори для комбінування жестів:",[4135,7878,7879,7924,7969],{},[4138,7880,7882,7889],{"icon":943,"title":7881},"Gesture.Simultaneous(...)",[3743,7883,7884,7885,7888],{},"Усі жести ",[3758,7886,7887],{},"активні одночасно",". Використовується коли потрібно і масштабувати, і обертати одночасно:",[3839,7890,7894],{"className":7891,"code":7892,"language":7893,"meta":3844,"style":3844},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","const composed = Gesture.Simultaneous(pinchGesture, rotationGesture);\n","ts",[3747,7895,7896],{"__ignoreMap":3844},[3848,7897,7898,7900,7903,7905,7907,7909,7912,7914,7917,7919,7922],{"class":3850,"line":3851},[3848,7899,4519],{"class":4263},[3848,7901,7902],{"class":4522}," composed",[3848,7904,4525],{"class":4227},[3848,7906,5512],{"class":4231},[3848,7908,4088],{"class":4227},[3848,7910,7911],{"class":4267},"Simultaneous",[3848,7913,4786],{"class":4227},[3848,7915,7916],{"class":4231},"pinchGesture",[3848,7918,4119],{"class":4227},[3848,7920,7921],{"class":4231},"rotationGesture",[3848,7923,4792],{"class":4227},[4138,7925,7928,7935],{"icon":7926,"title":7927},"i-lucide-award","Gesture.Exclusive(...)",[3743,7929,7930,7931,7934],{},"Активується ",[3758,7932,7933],{},"перший розпізнаний"," жест; решта скасовуються. Порядок важливий — спочатку перевіряється перший аргумент:",[3839,7936,7938],{"className":7891,"code":7937,"language":7893,"meta":3844,"style":3844},"\u002F\u002F Спочатку подвійний тап, потім одинарний\nconst composed = Gesture.Exclusive(doubleTap, singleTap);\n",[3747,7939,7940,7945],{"__ignoreMap":3844},[3848,7941,7942],{"class":3850,"line":3851},[3848,7943,7944],{"class":5397},"\u002F\u002F Спочатку подвійний тап, потім одинарний\n",[3848,7946,7947,7949,7951,7953,7955,7957,7959,7961,7963,7965,7967],{"class":3850,"line":3857},[3848,7948,4519],{"class":4263},[3848,7950,7902],{"class":4522},[3848,7952,4525],{"class":4227},[3848,7954,5512],{"class":4231},[3848,7956,4088],{"class":4227},[3848,7958,6270],{"class":4267},[3848,7960,4786],{"class":4227},[3848,7962,6275],{"class":4231},[3848,7964,4119],{"class":4227},[3848,7966,6280],{"class":4231},[3848,7968,4792],{"class":4227},[4138,7970,7973,7976],{"icon":7971,"title":7972,"type":4305},"i-lucide-flag","Gesture.Race(...)",[3743,7974,7975],{},"«Гонка» — перший жест, що розпізнається, «перемагає» і скасовує решту. Відрізняється від Exclusive тим, що не має жорсткого пріоритету:",[3839,7977,7979],{"className":7891,"code":7978,"language":7893,"meta":3844,"style":3844},"const composed = Gesture.Race(panGesture, swipeGesture);\n",[3747,7980,7981],{"__ignoreMap":3844},[3848,7982,7983,7985,7987,7989,7991,7993,7996,7998,8001,8003,8006],{"class":3850,"line":3851},[3848,7984,4519],{"class":4263},[3848,7986,7902],{"class":4522},[3848,7988,4525],{"class":4227},[3848,7990,5512],{"class":4231},[3848,7992,4088],{"class":4227},[3848,7994,7995],{"class":4267},"Race",[3848,7997,4786],{"class":4227},[3848,7999,8000],{"class":4231},"panGesture",[3848,8002,4119],{"class":4227},[3848,8004,8005],{"class":4231},"swipeGesture",[3848,8007,4792],{"class":4227},[3828,8009,8011],{"id":8010},"взаємодія-з-scrollview","Взаємодія з ScrollView",[3743,8013,8014,8015,8017,8018,4059],{},"Класична проблема: swipe-елемент всередині ",[3747,8016,4094],{}," перехоплюється скролом. RNGH вирішує це через ",[3747,8019,8020],{},"simultaneousWithExternalGesture",[3839,8022,8024],{"className":4214,"code":8023,"language":4216,"meta":3844,"style":3844},"import { ScrollView } from 'react-native-gesture-handler'; \u002F\u002F \u003C- RNGH ScrollView!\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\nimport { useRef } from 'react';\n\nfunction SwipeableList() {\n  const scrollRef = useRef(null);\n\n  const swipeGesture = Gesture.Pan()\n    .activeOffsetX([-10, 10])   \u002F\u002F активується лише при горизонтальному русі\n    .failOffsetY([-5, 5]);       \u002F\u002F провалюється при вертикальному\n\n  return (\n    \u002F\u002F Важливо: ScrollView з react-native-gesture-handler\n    \u003CScrollView ref={scrollRef}>\n      {items.map((item) => (\n        \u003CGestureDetector key={item.id} gesture={swipeGesture}>\n          \u003CSwipeableRow item={item} \u002F>\n        \u003C\u002FGestureDetector>\n      ))}\n    \u003C\u002FScrollView>\n  );\n}\n",[3747,8025,8026,8045,8065,8081,8085,8094,8111,8115,8132,8155,8177,8181,8187,8192,8212,8235,8269,8289,8297,8304,8312,8316],{"__ignoreMap":3844},[3848,8027,8028,8030,8032,8034,8036,8038,8040,8042],{"class":3850,"line":3851},[3848,8029,4224],{"class":4223},[3848,8031,4228],{"class":4227},[3848,8033,4094],{"class":4231},[3848,8035,4244],{"class":4227},[3848,8037,4247],{"class":4223},[3848,8039,5413],{"class":4250},[3848,8041,4297],{"class":4227},[3848,8043,8044],{"class":5397},"\u002F\u002F \u003C- RNGH ScrollView!\n",[3848,8046,8047,8049,8051,8053,8055,8057,8059,8061,8063],{"class":3850,"line":3857},[3848,8048,4224],{"class":4223},[3848,8050,4228],{"class":4227},[3848,8052,5518],{"class":4231},[3848,8054,4119],{"class":4227},[3848,8056,5512],{"class":4231},[3848,8058,4244],{"class":4227},[3848,8060,4247],{"class":4223},[3848,8062,5413],{"class":4250},[3848,8064,4254],{"class":4227},[3848,8066,8067,8069,8071,8073,8075,8077,8079],{"class":3850,"line":3863},[3848,8068,4224],{"class":4223},[3848,8070,4228],{"class":4227},[3848,8072,3814],{"class":4231},[3848,8074,4244],{"class":4227},[3848,8076,4247],{"class":4223},[3848,8078,4739],{"class":4250},[3848,8080,4254],{"class":4227},[3848,8082,8083],{"class":3850,"line":3869},[3848,8084,3873],{"emptyLinePlaceholder":3872},[3848,8086,8087,8089,8092],{"class":3850,"line":3876},[3848,8088,4264],{"class":4263},[3848,8090,8091],{"class":4267}," SwipeableList",[3848,8093,4762],{"class":4227},[3848,8095,8096,8098,8101,8103,8105,8107,8109],{"class":3850,"line":3882},[3848,8097,4767],{"class":4263},[3848,8099,8100],{"class":4522}," scrollRef",[3848,8102,4525],{"class":4227},[3848,8104,3814],{"class":4267},[3848,8106,4786],{"class":4227},[3848,8108,7337],{"class":4263},[3848,8110,4792],{"class":4227},[3848,8112,8113],{"class":3850,"line":3887},[3848,8114,3873],{"emptyLinePlaceholder":3872},[3848,8116,8117,8119,8122,8124,8126,8128,8130],{"class":3850,"line":3893},[3848,8118,4767],{"class":4263},[3848,8120,8121],{"class":4522}," swipeGesture",[3848,8123,4525],{"class":4227},[3848,8125,5512],{"class":4231},[3848,8127,4088],{"class":4227},[3848,8129,6714],{"class":4267},[3848,8131,5601],{"class":4227},[3848,8133,8134,8136,8139,8142,8145,8147,8149,8152],{"class":3850,"line":3899},[3848,8135,6128],{"class":4227},[3848,8137,8138],{"class":4267},"activeOffsetX",[3848,8140,8141],{"class":4227},"([-",[3848,8143,8144],{"class":4561},"10",[3848,8146,4119],{"class":4227},[3848,8148,8144],{"class":4561},[3848,8150,8151],{"class":4227},"])   ",[3848,8153,8154],{"class":5397},"\u002F\u002F активується лише при горизонтальному русі\n",[3848,8156,8157,8159,8162,8164,8167,8169,8171,8174],{"class":3850,"line":3905},[3848,8158,6128],{"class":4227},[3848,8160,8161],{"class":4267},"failOffsetY",[3848,8163,8141],{"class":4227},[3848,8165,8166],{"class":4561},"5",[3848,8168,4119],{"class":4227},[3848,8170,8166],{"class":4561},[3848,8172,8173],{"class":4227},"]);       ",[3848,8175,8176],{"class":5397},"\u002F\u002F провалюється при вертикальному\n",[3848,8178,8179],{"class":3850,"line":3910},[3848,8180,3873],{"emptyLinePlaceholder":3872},[3848,8182,8183,8185],{"class":3850,"line":3916},[3848,8184,4313],{"class":4223},[3848,8186,4316],{"class":4227},[3848,8188,8189],{"class":3850,"line":3922},[3848,8190,8191],{"class":5397},"    \u002F\u002F Важливо: ScrollView з react-native-gesture-handler\n",[3848,8193,8194,8196,8198,8201,8203,8205,8208,8210],{"class":3850,"line":3927},[3848,8195,4322],{"class":4321},[3848,8197,4094],{"class":4293},[3848,8199,8200],{"class":4330}," ref",[3848,8202,4334],{"class":4227},[3848,8204,4337],{"class":4263},[3848,8206,8207],{"class":4231},"scrollRef",[3848,8209,4464],{"class":4263},[3848,8211,4467],{"class":4321},[3848,8213,8214,8216,8219,8221,8224,8226,8229,8231,8233],{"class":3850,"line":3932},[3848,8215,4411],{"class":4263},[3848,8217,8218],{"class":4231},"items",[3848,8220,4088],{"class":4353},[3848,8222,8223],{"class":4267},"map",[3848,8225,4889],{"class":4353},[3848,8227,8228],{"class":4231},"item",[3848,8230,4895],{"class":4353},[3848,8232,4290],{"class":4263},[3848,8234,4316],{"class":4353},[3848,8236,8237,8239,8241,8244,8246,8248,8250,8252,8255,8257,8259,8261,8263,8265,8267],{"class":3850,"line":3938},[3848,8238,4426],{"class":4321},[3848,8240,5518],{"class":4293},[3848,8242,8243],{"class":4330}," key",[3848,8245,4334],{"class":4227},[3848,8247,4337],{"class":4263},[3848,8249,8228],{"class":4231},[3848,8251,4088],{"class":4353},[3848,8253,8254],{"class":4231},"id",[3848,8256,4464],{"class":4263},[3848,8258,5666],{"class":4330},[3848,8260,4334],{"class":4227},[3848,8262,4337],{"class":4263},[3848,8264,8005],{"class":4231},[3848,8266,4464],{"class":4263},[3848,8268,4467],{"class":4321},[3848,8270,8271,8273,8276,8279,8281,8283,8285,8287],{"class":3850,"line":3944},[3848,8272,4979],{"class":4321},[3848,8274,8275],{"class":4293},"SwipeableRow",[3848,8277,8278],{"class":4330}," item",[3848,8280,4334],{"class":4227},[3848,8282,4337],{"class":4263},[3848,8284,8228],{"class":4231},[3848,8286,4464],{"class":4263},[3848,8288,5718],{"class":4321},[3848,8290,8291,8293,8295],{"class":3850,"line":3949},[3848,8292,4481],{"class":4321},[3848,8294,5518],{"class":4293},[3848,8296,4467],{"class":4321},[3848,8298,8299,8302],{"class":3850,"line":3954},[3848,8300,8301],{"class":4353},"      ))",[3848,8303,3902],{"class":4263},[3848,8305,8306,8308,8310],{"class":3850,"line":3960},[3848,8307,4497],{"class":4321},[3848,8309,4094],{"class":4293},[3848,8311,4467],{"class":4321},[3848,8313,8314],{"class":3850,"line":3966},[3848,8315,4506],{"class":4227},[3848,8317,8318],{"class":3850,"line":3972},[3848,8319,3902],{"class":4227},[8321,8322,8323,8324,8326,8327,8330,8331,8334,8335,8338],"warning",{},"Для коректної роботи всередині ",[3747,8325,4094],{}," та ",[3747,8328,8329],{},"FlatList"," використовуйте їхні версії з ",[3747,8332,8333],{},"react-native-gesture-handler",", а не з ",[3747,8336,8337],{},"react-native",". Вони правильно передають жести дочірнім RNGH-компонентам.",[3821,8340],{},[3738,8342,8344],{"id":8343},"haptic-feedback-тактильний-відгук","Haptic Feedback: тактильний відгук",[3828,8346,8348],{"id":8347},"чому-haptics-важливі-для-ux","Чому haptics важливі для UX",[3743,8350,8351],{},"Haptic feedback — вібрація тактильного двигуна (Taptic Engine на iPhone, HAL на Android) — це один з найефективніших, але найнедооцінених інструментів мобільного UX. Дослідження показують, що правильно підібраний тактильний відгук:",[3752,8353,8354,8360,8366],{},[3755,8355,8356,8359],{},[3758,8357,8358],{},"Підтверджує дію"," без візуального відволікання (користувач знає, що натискання зараховано, не дивлячись на екран).",[3755,8361,8362,8365],{},[3758,8363,8364],{},"Попереджає про помилку"," — виразне тремтіння при неправильному PIN-коді зрозуміліше ніж текст.",[3755,8367,8368,8371],{},[3758,8369,8370],{},"Передає фізичний контекст"," — «клік» при переключенні тумблера робить UI відчутним.",[3743,8373,8374],{},"У людини є тактильні рецептори двох типів, що реагують на різні частоти. Taptic Engine iPhone генерує точно підібрані вібраційні патерни під кожен тип feedback.",[3828,8376,8377],{"id":8377},"expo-haptics",[3743,8379,8380],{},"Expo надає крос-платформний API для haptics:",[3839,8382,8384],{"className":5359,"code":8383,"language":5361,"meta":3844,"style":3844},"npx expo install expo-haptics\n",[3747,8385,8386],{"__ignoreMap":3844},[3848,8387,8388,8390,8392,8394],{"class":3850,"line":3851},[3848,8389,5368],{"class":4267},[3848,8391,5371],{"class":4250},[3848,8393,5374],{"class":4250},[3848,8395,8396],{"class":4250}," expo-haptics\n",[3828,8398,8400],{"id":8399},"типи-тактильного-feedback","Типи тактильного feedback",[5242,8402,8403,8447,8479],{},[5245,8404,8407,8415],{"name":8405,"type":8406},"Haptics.impactAsync(style)","async function",[3743,8408,8409,8412,8413,4059],{},[3758,8410,8411],{},"Impact feedback"," — чіткий поштовх. Симулює «зіткнення» об'єктів. Параметр ",[3747,8414,5286],{},[3752,8416,8417,8423,8429,8435,8441],{},[3755,8418,8419,8422],{},[3747,8420,8421],{},"ImpactFeedbackStyle.Light"," — легкий дотик, для дрібних елементів",[3755,8424,8425,8428],{},[3747,8426,8427],{},"ImpactFeedbackStyle.Medium"," — середній, найуніверсальніший (кнопки, вибір елемента)",[3755,8430,8431,8434],{},[3747,8432,8433],{},"ImpactFeedbackStyle.Heavy"," — сильний, для важливих дій",[3755,8436,8437,8440],{},[3747,8438,8439],{},"ImpactFeedbackStyle.Rigid"," — різкий і жорсткий (iOS 13+)",[3755,8442,8443,8446],{},[3747,8444,8445],{},"ImpactFeedbackStyle.Soft"," — м'який (iOS 13+)",[5245,8448,8450,8459],{"name":8449,"type":8406},"Haptics.notificationAsync(type)",[3743,8451,8452,8455,8456,4059],{},[3758,8453,8454],{},"Notification feedback"," — повідомляє про результат дії. Параметр ",[3747,8457,8458],{},"type",[3752,8460,8461,8467,8473],{},[3755,8462,8463,8466],{},[3747,8464,8465],{},"NotificationFeedbackType.Success"," — подвійний легкий імпульс (✅ збереження, відправлення)",[3755,8468,8469,8472],{},[3747,8470,8471],{},"NotificationFeedbackType.Warning"," — потрійний наростаючий (⚠️ попередження)",[3755,8474,8475,8478],{},[3747,8476,8477],{},"NotificationFeedbackType.Error"," — різке тремтіння (❌ помилка, неправильний пароль)",[5245,8480,8482,8485],{"name":8481,"type":8406},"Haptics.selectionAsync()",[3758,8483,8484],{},"Selection feedback"," — тихий клік при переміщенні між елементами списку\u002Fpicker. Схожий на механічну клавіатуру. Викликати при кожному кроці прокрутки DatePicker або Wheel.",[3828,8487,8489],{"id":8488},"правильне-застосування-типів","Правильне застосування типів",[8491,8492,8493,8506],"table",{},[8494,8495,8496],"thead",{},[8497,8498,8499,8503],"tr",{},[8500,8501,8502],"th",{},"Сценарій",[8500,8504,8505],{},"Тип haptic",[8507,8508,8509,8523,8536,8546,8556,8567,8577,8587],"tbody",{},[8497,8510,8511,8515],{},[8512,8513,8514],"td",{},"Кнопка «Відправити»",[8512,8516,8517,8520,8521],{},[3747,8518,8519],{},"Impact.Medium"," при ",[3747,8522,5251],{},[8497,8524,8525,8528],{},[8512,8526,8527],{},"Кнопка «Видалити»",[8512,8529,8530,5513,8533],{},[3747,8531,8532],{},"Impact.Heavy",[3747,8534,8535],{},"Notification.Warning",[8497,8537,8538,8541],{},[8512,8539,8540],{},"Свайп-delete підтвердження",[8512,8542,8543],{},[3747,8544,8545],{},"Notification.Success",[8497,8547,8548,8551],{},[8512,8549,8550],{},"Неправильний PIN",[8512,8552,8553],{},[3747,8554,8555],{},"Notification.Error",[8497,8557,8558,8561],{},[8512,8559,8560],{},"Переміщення слайдера",[8512,8562,8563,8566],{},[3747,8564,8565],{},"Selection"," при кожному кроці",[8497,8568,8569,8572],{},[8512,8570,8571],{},"Toggle Switch",[8512,8573,8574],{},[3747,8575,8576],{},"Impact.Light",[8497,8578,8579,8582],{},[8512,8580,8581],{},"Pull-to-refresh",[8512,8583,8584,8586],{},[3747,8585,8519],{}," при досягненні порогу",[8497,8588,8589,8591],{},[8512,8590,3766],{},[8512,8592,8593,8520,8595],{},[3747,8594,8519],{},[3747,8596,5261],{},[3828,8598,8600],{"id":8599},"кнопка-з-haptic-feedback","Кнопка з haptic feedback",[3839,8602,8604],{"className":4214,"code":8603,"language":4216,"meta":3844,"style":3844},"import * as Haptics from 'expo-haptics';\nimport { Pressable, Text, StyleSheet } from 'react-native';\n\ninterface HapticButtonProps {\n  onPress: () => void;\n  label: string;\n  variant?: 'default' | 'danger';\n}\n\nexport function HapticButton({ onPress, label, variant = 'default' }: HapticButtonProps) {\n  const handlePressIn = async () => {\n    \u002F\u002F Миттєвий тактильний відгук ще до відпускання кнопки\n    await Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);\n  };\n\n  const handlePress = async () => {\n    if (variant === 'danger') {\n      await Haptics.notificationAsync(Haptics.NotificationFeedbackType.Warning);\n    }\n    onPress();\n  };\n\n  return (\n    \u003CPressable\n      onPressIn={handlePressIn}\n      onPress={handlePress}\n      style={({ pressed }) => [\n        styles.button,\n        variant === 'danger' && styles.dangerButton,\n        pressed && styles.pressed,\n      ]}\n    >\n      \u003CText style={styles.label}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n",[3747,8605,8606,8626,8650,8654,8664,8677,8688,8707,8711,8715,8750,8768,8773,8802,8807,8811,8828,8844,8872,8877,8884,8888,8892,8898,8904,8918,8931,8949,8959,8981,8995,9001,9005,9039,9047,9051],{"__ignoreMap":3844},[3848,8607,8608,8610,8613,8615,8618,8621,8624],{"class":3850,"line":3851},[3848,8609,4224],{"class":4223},[3848,8611,8612],{"class":4263}," *",[3848,8614,6764],{"class":4223},[3848,8616,8617],{"class":4231}," Haptics",[3848,8619,8620],{"class":4223}," from",[3848,8622,8623],{"class":4250}," 'expo-haptics'",[3848,8625,4254],{"class":4227},[3848,8627,8628,8630,8632,8634,8636,8638,8640,8642,8644,8646,8648],{"class":3850,"line":3857},[3848,8629,4224],{"class":4223},[3848,8631,4228],{"class":4227},[3848,8633,4132],{"class":4231},[3848,8635,4119],{"class":4227},[3848,8637,4236],{"class":4231},[3848,8639,4119],{"class":4227},[3848,8641,4241],{"class":4231},[3848,8643,4244],{"class":4227},[3848,8645,4247],{"class":4223},[3848,8647,4251],{"class":4250},[3848,8649,4254],{"class":4227},[3848,8651,8652],{"class":3850,"line":3863},[3848,8653,3873],{"emptyLinePlaceholder":3872},[3848,8655,8656,8659,8662],{"class":3850,"line":3869},[3848,8657,8658],{"class":4263},"interface",[3848,8660,8661],{"class":4293}," HapticButtonProps",[3848,8663,4543],{"class":4227},[3848,8665,8666,8669,8671,8673,8675],{"class":3850,"line":3876},[3848,8667,8668],{"class":4267},"  onPress",[3848,8670,4287],{"class":4227},[3848,8672,4290],{"class":4263},[3848,8674,4294],{"class":4293},[3848,8676,4254],{"class":4227},[3848,8678,8679,8682,8684,8686],{"class":3850,"line":3882},[3848,8680,8681],{"class":4231},"  label",[3848,8683,4302],{"class":4227},[3848,8685,4305],{"class":4293},[3848,8687,4254],{"class":4227},[3848,8689,8690,8693,8696,8699,8702,8705],{"class":3850,"line":3887},[3848,8691,8692],{"class":4231},"  variant",[3848,8694,8695],{"class":4227},"?: ",[3848,8697,8698],{"class":4250},"'default'",[3848,8700,8701],{"class":4227}," | ",[3848,8703,8704],{"class":4250},"'danger'",[3848,8706,4254],{"class":4227},[3848,8708,8709],{"class":3850,"line":3893},[3848,8710,3902],{"class":4227},[3848,8712,8713],{"class":3850,"line":3899},[3848,8714,3873],{"emptyLinePlaceholder":3872},[3848,8716,8717,8719,8721,8724,8726,8728,8730,8732,8734,8737,8739,8741,8744,8747],{"class":3850,"line":3905},[3848,8718,4750],{"class":4223},[3848,8720,4756],{"class":4263},[3848,8722,8723],{"class":4267}," HapticButton",[3848,8725,4271],{"class":4227},[3848,8727,4274],{"class":4231},[3848,8729,4119],{"class":4227},[3848,8731,4279],{"class":4231},[3848,8733,4119],{"class":4227},[3848,8735,8736],{"class":4231},"variant",[3848,8738,4525],{"class":4227},[3848,8740,8698],{"class":4250},[3848,8742,8743],{"class":4227}," }: ",[3848,8745,8746],{"class":4293},"HapticButtonProps",[3848,8748,8749],{"class":4227},") {\n",[3848,8751,8752,8754,8757,8759,8762,8764,8766],{"class":3850,"line":3910},[3848,8753,4767],{"class":4263},[3848,8755,8756],{"class":4267}," handlePressIn",[3848,8758,4525],{"class":4227},[3848,8760,8761],{"class":4263},"async",[3848,8763,7231],{"class":4227},[3848,8765,4290],{"class":4263},[3848,8767,4543],{"class":4227},[3848,8769,8770],{"class":3850,"line":3916},[3848,8771,8772],{"class":5397},"    \u002F\u002F Миттєвий тактильний відгук ще до відпускання кнопки\n",[3848,8774,8775,8778,8780,8782,8785,8787,8790,8792,8795,8797,8800],{"class":3850,"line":3922},[3848,8776,8777],{"class":4223},"    await",[3848,8779,8617],{"class":4231},[3848,8781,4088],{"class":4227},[3848,8783,8784],{"class":4267},"impactAsync",[3848,8786,4786],{"class":4227},[3848,8788,8789],{"class":4231},"Haptics",[3848,8791,4088],{"class":4227},[3848,8793,8794],{"class":4231},"ImpactFeedbackStyle",[3848,8796,4088],{"class":4227},[3848,8798,8799],{"class":4231},"Medium",[3848,8801,4792],{"class":4227},[3848,8803,8804],{"class":3850,"line":3927},[3848,8805,8806],{"class":4227},"  };\n",[3848,8808,8809],{"class":3850,"line":3932},[3848,8810,3873],{"emptyLinePlaceholder":3872},[3848,8812,8813,8815,8818,8820,8822,8824,8826],{"class":3850,"line":3938},[3848,8814,4767],{"class":4263},[3848,8816,8817],{"class":4267}," handlePress",[3848,8819,4525],{"class":4227},[3848,8821,8761],{"class":4263},[3848,8823,7231],{"class":4227},[3848,8825,4290],{"class":4263},[3848,8827,4543],{"class":4227},[3848,8829,8830,8833,8835,8837,8840,8842],{"class":3850,"line":3944},[3848,8831,8832],{"class":4223},"    if",[3848,8834,7408],{"class":4227},[3848,8836,8736],{"class":4231},[3848,8838,8839],{"class":4227}," === ",[3848,8841,8704],{"class":4250},[3848,8843,8749],{"class":4227},[3848,8845,8846,8849,8851,8853,8856,8858,8860,8862,8865,8867,8870],{"class":3850,"line":3949},[3848,8847,8848],{"class":4223},"      await",[3848,8850,8617],{"class":4231},[3848,8852,4088],{"class":4227},[3848,8854,8855],{"class":4267},"notificationAsync",[3848,8857,4786],{"class":4227},[3848,8859,8789],{"class":4231},[3848,8861,4088],{"class":4227},[3848,8863,8864],{"class":4231},"NotificationFeedbackType",[3848,8866,4088],{"class":4227},[3848,8868,8869],{"class":4231},"Warning",[3848,8871,4792],{"class":4227},[3848,8873,8874],{"class":3850,"line":3954},[3848,8875,8876],{"class":4227},"    }\n",[3848,8878,8879,8882],{"class":3850,"line":3960},[3848,8880,8881],{"class":4267},"    onPress",[3848,8883,7457],{"class":4227},[3848,8885,8886],{"class":3850,"line":3966},[3848,8887,8806],{"class":4227},[3848,8889,8890],{"class":3850,"line":3972},[3848,8891,3873],{"emptyLinePlaceholder":3872},[3848,8893,8894,8896],{"class":3850,"line":3978},[3848,8895,4313],{"class":4223},[3848,8897,4316],{"class":4227},[3848,8899,8900,8902],{"class":3850,"line":3983},[3848,8901,4322],{"class":4321},[3848,8903,4325],{"class":4293},[3848,8905,8906,8909,8911,8913,8916],{"class":3850,"line":3988},[3848,8907,8908],{"class":4330},"      onPressIn",[3848,8910,4334],{"class":4227},[3848,8912,4337],{"class":4263},[3848,8914,8915],{"class":4231},"handlePressIn",[3848,8917,3902],{"class":4263},[3848,8919,8920,8922,8924,8926,8929],{"class":3850,"line":3994},[3848,8921,4331],{"class":4330},[3848,8923,4334],{"class":4227},[3848,8925,4337],{"class":4263},[3848,8927,8928],{"class":4231},"handlePress",[3848,8930,3902],{"class":4263},[3848,8932,8933,8935,8937,8939,8941,8943,8945,8947],{"class":3850,"line":4000},[3848,8934,4346],{"class":4330},[3848,8936,4334],{"class":4227},[3848,8938,4337],{"class":4263},[3848,8940,4271],{"class":4353},[3848,8942,4152],{"class":4231},[3848,8944,4358],{"class":4353},[3848,8946,4290],{"class":4263},[3848,8948,4363],{"class":4353},[3848,8950,8951,8953,8955,8957],{"class":3850,"line":4006},[3848,8952,4368],{"class":4231},[3848,8954,4088],{"class":4353},[3848,8956,4373],{"class":4231},[3848,8958,4376],{"class":4353},[3848,8960,8961,8964,8967,8970,8972,8974,8976,8979],{"class":3850,"line":4012},[3848,8962,8963],{"class":4231},"        variant",[3848,8965,8966],{"class":4227}," ===",[3848,8968,8969],{"class":4250}," 'danger'",[3848,8971,4384],{"class":4227},[3848,8973,4387],{"class":4231},[3848,8975,4088],{"class":4353},[3848,8977,8978],{"class":4231},"dangerButton",[3848,8980,4376],{"class":4353},[3848,8982,8983,8985,8987,8989,8991,8993],{"class":3850,"line":4018},[3848,8984,4381],{"class":4231},[3848,8986,4384],{"class":4227},[3848,8988,4387],{"class":4231},[3848,8990,4088],{"class":4353},[3848,8992,4152],{"class":4231},[3848,8994,4376],{"class":4353},[3848,8996,8997,8999],{"class":3850,"line":4024},[3848,8998,4399],{"class":4353},[3848,9000,3902],{"class":4263},[3848,9002,9003],{"class":3850,"line":4030},[3848,9004,4406],{"class":4321},[3848,9006,9007,9009,9011,9013,9015,9017,9019,9021,9023,9025,9027,9029,9031,9033,9035,9037],{"class":3850,"line":4661},[3848,9008,4830],{"class":4321},[3848,9010,4236],{"class":4293},[3848,9012,4431],{"class":4330},[3848,9014,4334],{"class":4227},[3848,9016,4337],{"class":4263},[3848,9018,4441],{"class":4231},[3848,9020,4088],{"class":4353},[3848,9022,4279],{"class":4231},[3848,9024,4464],{"class":4263},[3848,9026,4850],{"class":4321},[3848,9028,4337],{"class":4263},[3848,9030,4279],{"class":4231},[3848,9032,4464],{"class":4263},[3848,9034,4859],{"class":4321},[3848,9036,4236],{"class":4293},[3848,9038,4467],{"class":4321},[3848,9040,9041,9043,9045],{"class":3850,"line":4677},[3848,9042,4497],{"class":4321},[3848,9044,4132],{"class":4293},[3848,9046,4467],{"class":4321},[3848,9048,9049],{"class":3850,"line":6992},[3848,9050,4506],{"class":4227},[3848,9052,9053],{"class":3850,"line":6997},[3848,9054,3902],{"class":4227},[7057,9056,9057,9058,9060,9061,9063,9064,9066,9067,9070],{},"Запускайте ",[3747,9059,8784],{}," у ",[3747,9062,5251],{},", а не ",[3747,9065,4274],{},". Це дає тактильний відгук ",[3758,9068,9069],{},"в момент дотику",", а не після відпускання — що значно природніше для користувача.",[3828,9072,9074],{"id":9073},"haptics-і-accessibility","Haptics і accessibility",[3743,9076,9077,9078,9080],{},"На iOS у налаштуваннях є «Reduce Motion» і вимкнення тактильних функцій. ",[3747,9079,8377],{}," автоматично ігнорує виклики, якщо користувач вимкнув haptics у системі. Жодної додаткової перевірки не потрібно.",[3743,9082,9083],{},"На Android підтримка залежить від моделі пристрою і версії ОС. Деякі бюджетні пристрої мають лише базовий мотор без диференціювання типів — вони все одно вібрують, але однаково.",[3821,9085],{},[3738,9087,9089],{"id":9088},"свайп-дії-swipe-to-delete","Свайп-дії: swipe-to-delete",[3828,9091,9093],{"id":9092},"концепція-компонента","Концепція компонента",[3743,9095,9096],{},"Swipe-to-delete — один з найпоширеніших патернів мобільних застосунків (Gmail, iOS Messages, Telegram). Він складається з:",[4061,9098,9099,9105,9111,9117,9123],{},[3755,9100,9101,9104],{},[3758,9102,9103],{},"Верхній шар (foreground)"," — видимий контент рядка.",[3755,9106,9107,9110],{},[3758,9108,9109],{},"Нижній шар (background)"," — прихована зона з кнопками дій (Видалити, Архів тощо).",[3755,9112,9113,9116],{},[3758,9114,9115],{},"Pan жест"," — переміщення верхнього шару ліворуч відкриває нижній.",[3755,9118,9119,9122],{},[3758,9120,9121],{},"Поріг спрацювання"," — якщо рух перевищує певну відстань → автоматичне видалення.",[3755,9124,9125,9128],{},[3758,9126,9127],{},"Снекбар Undo"," — «Скасувати видалення» протягом кількох секунд.",[3836,9130,9131],{},[3839,9132,9134],{"className":3841,"code":9133,"language":3843,"meta":3844,"style":3844},"@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\nstate \"Нормальний стан\" as NORMAL\nstate \"Відкрито (swipe \u003C 70%)\" as OPEN\nstate \"Видалення (swipe > 70%)\" as DELETED\nstate \"Undo (3с)\" as UNDO\n\nNORMAL --> OPEN : свайп вліво\nOPEN --> NORMAL : свайп вправо\\nабо тап поза елементом\nOPEN --> DELETED : відпустити > 70% ширини\nDELETED --> UNDO : показати Snackbar\nUNDO --> NORMAL : натиснути «Скасувати»\nUNDO --> [*] : таймер вийшов → реальне видалення\n@enduml\n",[3747,9135,9136,9140,9144,9148,9152,9157,9162,9167,9172,9176,9181,9186,9191,9196,9201,9206],{"__ignoreMap":3844},[3848,9137,9138],{"class":3850,"line":3851},[3848,9139,3854],{},[3848,9141,9142],{"class":3850,"line":3857},[3848,9143,3860],{},[3848,9145,9146],{"class":3850,"line":3863},[3848,9147,3866],{},[3848,9149,9150],{"class":3850,"line":3869},[3848,9151,3873],{"emptyLinePlaceholder":3872},[3848,9153,9154],{"class":3850,"line":3876},[3848,9155,9156],{},"state \"Нормальний стан\" as NORMAL\n",[3848,9158,9159],{"class":3850,"line":3882},[3848,9160,9161],{},"state \"Відкрито (swipe \u003C 70%)\" as OPEN\n",[3848,9163,9164],{"class":3850,"line":3887},[3848,9165,9166],{},"state \"Видалення (swipe > 70%)\" as DELETED\n",[3848,9168,9169],{"class":3850,"line":3893},[3848,9170,9171],{},"state \"Undo (3с)\" as UNDO\n",[3848,9173,9174],{"class":3850,"line":3899},[3848,9175,3873],{"emptyLinePlaceholder":3872},[3848,9177,9178],{"class":3850,"line":3905},[3848,9179,9180],{},"NORMAL --> OPEN : свайп вліво\n",[3848,9182,9183],{"class":3850,"line":3910},[3848,9184,9185],{},"OPEN --> NORMAL : свайп вправо\\nабо тап поза елементом\n",[3848,9187,9188],{"class":3850,"line":3916},[3848,9189,9190],{},"OPEN --> DELETED : відпустити > 70% ширини\n",[3848,9192,9193],{"class":3850,"line":3922},[3848,9194,9195],{},"DELETED --> UNDO : показати Snackbar\n",[3848,9197,9198],{"class":3850,"line":3927},[3848,9199,9200],{},"UNDO --> NORMAL : натиснути «Скасувати»\n",[3848,9202,9203],{"class":3850,"line":3932},[3848,9204,9205],{},"UNDO --> [*] : таймер вийшов → реальне видалення\n",[3848,9207,9208],{"class":3850,"line":3938},[3848,9209,4033],{},[3828,9211,9213],{"id":9212},"swipe-to-delete-з-animated-api","Swipe-to-delete з Animated API",[3743,9215,9216,9217,9219],{},"Реалізуємо без Reanimated (лише ",[3747,9218,8337],{}," Animated + RNGH Pan):",[3839,9221,9223],{"className":4214,"code":9222,"language":4216,"meta":3844,"style":3844},"\u002F\u002F components\u002FSwipeableRow.tsx\nimport { useRef, useCallback } from 'react';\nimport { Animated, View, Text, Pressable, StyleSheet, Dimensions } from 'react-native';\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\nimport * as Haptics from 'expo-haptics';\n\nconst { width: SCREEN_WIDTH } = Dimensions.get('window');\nconst DELETE_THRESHOLD = SCREEN_WIDTH * 0.7;\nconst ACTION_WIDTH = 80;\n\ninterface Props {\n  item: { id: string; title: string };\n  onDelete: (id: string) => void;\n}\n\nexport function SwipeableRow({ item, onDelete }: Props) {\n  const translateX = useRef(new Animated.Value(0)).current;\n  const startX = useRef(0);\n  const isThresholdReached = useRef(false);\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .activeOffsetX([-5, 5])       \u002F\u002F горизонтальний жест\n    .failOffsetY([-10, 10])       \u002F\u002F провалюється при вертикалі\n    .onBegin(() => {\n      startX.current = (translateX as any)._value;\n    })\n    .onChange((event) => {\n      const newX = Math.min(0, startX.current + event.translationX);\n      translateX.setValue(newX);\n\n      \u002F\u002F Haptic при перетині порогу\n      const threshold = -DELETE_THRESHOLD;\n      if (newX \u003C threshold && !isThresholdReached.current) {\n        isThresholdReached.current = true;\n        Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);\n      } else if (newX > threshold && isThresholdReached.current) {\n        isThresholdReached.current = false;\n        Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);\n      }\n    })\n    .onEnd((event) => {\n      const currentX = (translateX as any)._value;\n\n      if (currentX \u003C -DELETE_THRESHOLD) {\n        \u002F\u002F Видалення: анімуємо за межі екрана\n        Animated.timing(translateX, {\n          toValue: -SCREEN_WIDTH,\n          duration: 200,\n          useNativeDriver: true,\n        }).start(() => {\n          Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);\n          onDelete(item.id);\n        });\n      } else if (currentX \u003C -ACTION_WIDTH \u002F 2) {\n        \u002F\u002F Зупиняємось на ACTION_WIDTH (показуємо кнопку Delete)\n        Animated.spring(translateX, {\n          toValue: -ACTION_WIDTH,\n          useNativeDriver: true,\n        }).start();\n      } else {\n        \u002F\u002F Повертаємось\n        Animated.spring(translateX, {\n          toValue: 0,\n          useNativeDriver: true,\n        }).start();\n      }\n      isThresholdReached.current = false;\n    });\n\n  const deleteStyle = {\n    transform: [{ translateX }],\n  };\n\n  \u002F\u002F Прогрес для забарвлення фону\n  const bgColor = translateX.interpolate({\n    inputRange: [-DELETE_THRESHOLD, -ACTION_WIDTH, 0],\n    outputRange: ['#EF4444', '#EF4444', '#F87171'],\n    extrapolate: 'clamp',\n  });\n\n  return (\n    \u003CView style={styles.container}>\n      {\u002F* Фоновий шар *\u002F}\n      \u003CAnimated.View style={[styles.background, { backgroundColor: bgColor }]}>\n        \u003CText style={styles.deleteLabel}>🗑\u003C\u002FText>\n      \u003C\u002FAnimated.View>\n\n      {\u002F* Foreground *\u002F}\n      \u003CGestureDetector gesture={pan}>\n        \u003CAnimated.View style={[styles.row, deleteStyle]}>\n          \u003CText style={styles.title}>{item.title}\u003C\u002FText>\n        \u003C\u002FAnimated.View>\n      \u003C\u002FGestureDetector>\n    \u003C\u002FView>\n  );\n}\n",[3747,9224,9225,9230,9251,9288,9308,9324,9328,9359,9378,9392,9396,9405,9430,9452,9456,9460,9485,9516,9532,9549,9553,9569,9581,9601,9620,9632,9655,9659,9675,9715,9731,9735,9740,9755,9782,9797,9820,9851,9865,9888,9893,9897,9913,9934,9938,9954,9959,9977,9990,10001,10011,10026,10051,10067,10073,10097,10103,10119,10130,10139,10148,10157,10163,10178,10187,10196,10205,10210,10226,10231,10236,10247,10258,10263,10268,10274,10293,10316,10338,10349,10354,10359,10366,10389,10399,10434,10467,10476,10481,10491,10510,10543,10582,10591,10600,10609,10614],{"__ignoreMap":3844},[3848,9226,9227],{"class":3850,"line":3851},[3848,9228,9229],{"class":5397},"\u002F\u002F components\u002FSwipeableRow.tsx\n",[3848,9231,9232,9234,9236,9238,9240,9243,9245,9247,9249],{"class":3850,"line":3857},[3848,9233,4224],{"class":4223},[3848,9235,4228],{"class":4227},[3848,9237,3814],{"class":4231},[3848,9239,4119],{"class":4227},[3848,9241,9242],{"class":4231},"useCallback",[3848,9244,4244],{"class":4227},[3848,9246,4247],{"class":4223},[3848,9248,4739],{"class":4250},[3848,9250,4254],{"class":4227},[3848,9252,9253,9255,9257,9259,9261,9263,9265,9267,9269,9271,9273,9275,9277,9280,9282,9284,9286],{"class":3850,"line":3863},[3848,9254,4224],{"class":4223},[3848,9256,4228],{"class":4227},[3848,9258,3818],{"class":4231},[3848,9260,4119],{"class":4227},[3848,9262,4716],{"class":4231},[3848,9264,4119],{"class":4227},[3848,9266,4236],{"class":4231},[3848,9268,4119],{"class":4227},[3848,9270,4132],{"class":4231},[3848,9272,4119],{"class":4227},[3848,9274,4241],{"class":4231},[3848,9276,4119],{"class":4227},[3848,9278,9279],{"class":4231},"Dimensions",[3848,9281,4244],{"class":4227},[3848,9283,4247],{"class":4223},[3848,9285,4251],{"class":4250},[3848,9287,4254],{"class":4227},[3848,9289,9290,9292,9294,9296,9298,9300,9302,9304,9306],{"class":3850,"line":3869},[3848,9291,4224],{"class":4223},[3848,9293,4228],{"class":4227},[3848,9295,5518],{"class":4231},[3848,9297,4119],{"class":4227},[3848,9299,5512],{"class":4231},[3848,9301,4244],{"class":4227},[3848,9303,4247],{"class":4223},[3848,9305,5413],{"class":4250},[3848,9307,4254],{"class":4227},[3848,9309,9310,9312,9314,9316,9318,9320,9322],{"class":3850,"line":3876},[3848,9311,4224],{"class":4223},[3848,9313,8612],{"class":4263},[3848,9315,6764],{"class":4223},[3848,9317,8617],{"class":4231},[3848,9319,8620],{"class":4223},[3848,9321,8623],{"class":4250},[3848,9323,4254],{"class":4227},[3848,9325,9326],{"class":3850,"line":3882},[3848,9327,3873],{"emptyLinePlaceholder":3872},[3848,9329,9330,9332,9334,9337,9339,9342,9345,9347,9349,9352,9354,9357],{"class":3850,"line":3887},[3848,9331,4519],{"class":4263},[3848,9333,4228],{"class":4227},[3848,9335,9336],{"class":4231},"width",[3848,9338,4302],{"class":4227},[3848,9340,9341],{"class":4522},"SCREEN_WIDTH",[3848,9343,9344],{"class":4227}," } = ",[3848,9346,9279],{"class":4231},[3848,9348,4088],{"class":4227},[3848,9350,9351],{"class":4267},"get",[3848,9353,4786],{"class":4227},[3848,9355,9356],{"class":4250},"'window'",[3848,9358,4792],{"class":4227},[3848,9360,9361,9363,9366,9368,9370,9373,9376],{"class":3850,"line":3893},[3848,9362,4519],{"class":4263},[3848,9364,9365],{"class":4522}," DELETE_THRESHOLD",[3848,9367,4525],{"class":4227},[3848,9369,9341],{"class":4522},[3848,9371,9372],{"class":4227}," * ",[3848,9374,9375],{"class":4561},"0.7",[3848,9377,4254],{"class":4227},[3848,9379,9380,9382,9385,9387,9390],{"class":3850,"line":3899},[3848,9381,4519],{"class":4263},[3848,9383,9384],{"class":4522}," ACTION_WIDTH",[3848,9386,4525],{"class":4227},[3848,9388,9389],{"class":4561},"80",[3848,9391,4254],{"class":4227},[3848,9393,9394],{"class":3850,"line":3905},[3848,9395,3873],{"emptyLinePlaceholder":3872},[3848,9397,9398,9400,9403],{"class":3850,"line":3910},[3848,9399,8658],{"class":4263},[3848,9401,9402],{"class":4293}," Props",[3848,9404,4543],{"class":4227},[3848,9406,9407,9410,9413,9415,9417,9419,9421,9424,9426,9428],{"class":3850,"line":3916},[3848,9408,9409],{"class":4231},"  item",[3848,9411,9412],{"class":4227},": { ",[3848,9414,8254],{"class":4231},[3848,9416,4302],{"class":4227},[3848,9418,4305],{"class":4293},[3848,9420,4297],{"class":4227},[3848,9422,9423],{"class":4231},"title",[3848,9425,4302],{"class":4227},[3848,9427,4305],{"class":4293},[3848,9429,7445],{"class":4227},[3848,9431,9432,9435,9438,9440,9442,9444,9446,9448,9450],{"class":3850,"line":3922},[3848,9433,9434],{"class":4267},"  onDelete",[3848,9436,9437],{"class":4227},": (",[3848,9439,8254],{"class":4231},[3848,9441,4302],{"class":4227},[3848,9443,4305],{"class":4293},[3848,9445,4895],{"class":4227},[3848,9447,4290],{"class":4263},[3848,9449,4294],{"class":4293},[3848,9451,4254],{"class":4227},[3848,9453,9454],{"class":3850,"line":3927},[3848,9455,3902],{"class":4227},[3848,9457,9458],{"class":3850,"line":3932},[3848,9459,3873],{"emptyLinePlaceholder":3872},[3848,9461,9462,9464,9466,9469,9471,9473,9475,9478,9480,9483],{"class":3850,"line":3938},[3848,9463,4750],{"class":4223},[3848,9465,4756],{"class":4263},[3848,9467,9468],{"class":4267}," SwipeableRow",[3848,9470,4271],{"class":4227},[3848,9472,8228],{"class":4231},[3848,9474,4119],{"class":4227},[3848,9476,9477],{"class":4231},"onDelete",[3848,9479,8743],{"class":4227},[3848,9481,9482],{"class":4293},"Props",[3848,9484,8749],{"class":4227},[3848,9486,9487,9489,9492,9494,9496,9498,9500,9502,9504,9506,9508,9510,9512,9514],{"class":3850,"line":3944},[3848,9488,4767],{"class":4263},[3848,9490,9491],{"class":4522}," translateX",[3848,9493,4525],{"class":4227},[3848,9495,3814],{"class":4267},[3848,9497,4786],{"class":4227},[3848,9499,6600],{"class":4263},[3848,9501,6603],{"class":4231},[3848,9503,4088],{"class":4227},[3848,9505,6608],{"class":4267},[3848,9507,4786],{"class":4227},[3848,9509,4789],{"class":4561},[3848,9511,6615],{"class":4227},[3848,9513,6618],{"class":4231},[3848,9515,4254],{"class":4227},[3848,9517,9518,9520,9522,9524,9526,9528,9530],{"class":3850,"line":3949},[3848,9519,4767],{"class":4263},[3848,9521,6667],{"class":4522},[3848,9523,4525],{"class":4227},[3848,9525,3814],{"class":4267},[3848,9527,4786],{"class":4227},[3848,9529,4789],{"class":4561},[3848,9531,4792],{"class":4227},[3848,9533,9534,9536,9539,9541,9543,9545,9547],{"class":3850,"line":3954},[3848,9535,4767],{"class":4263},[3848,9537,9538],{"class":4522}," isThresholdReached",[3848,9540,4525],{"class":4227},[3848,9542,3814],{"class":4267},[3848,9544,4786],{"class":4227},[3848,9546,5308],{"class":4263},[3848,9548,4792],{"class":4227},[3848,9550,9551],{"class":3850,"line":3960},[3848,9552,3873],{"emptyLinePlaceholder":3872},[3848,9554,9555,9557,9559,9561,9563,9565,9567],{"class":3850,"line":3966},[3848,9556,4767],{"class":4263},[3848,9558,6705],{"class":4522},[3848,9560,4525],{"class":4227},[3848,9562,5512],{"class":4231},[3848,9564,4088],{"class":4227},[3848,9566,6714],{"class":4267},[3848,9568,5601],{"class":4227},[3848,9570,9571,9573,9575,9577,9579],{"class":3850,"line":3972},[3848,9572,6128],{"class":4227},[3848,9574,6131],{"class":4267},[3848,9576,4786],{"class":4227},[3848,9578,6136],{"class":4263},[3848,9580,6211],{"class":4227},[3848,9582,9583,9585,9587,9589,9591,9593,9595,9598],{"class":3850,"line":3978},[3848,9584,6128],{"class":4227},[3848,9586,8138],{"class":4267},[3848,9588,8141],{"class":4227},[3848,9590,8166],{"class":4561},[3848,9592,4119],{"class":4227},[3848,9594,8166],{"class":4561},[3848,9596,9597],{"class":4227},"])       ",[3848,9599,9600],{"class":5397},"\u002F\u002F горизонтальний жест\n",[3848,9602,9603,9605,9607,9609,9611,9613,9615,9617],{"class":3850,"line":3983},[3848,9604,6128],{"class":4227},[3848,9606,8161],{"class":4267},[3848,9608,8141],{"class":4227},[3848,9610,8144],{"class":4561},[3848,9612,4119],{"class":4227},[3848,9614,8144],{"class":4561},[3848,9616,9597],{"class":4227},[3848,9618,9619],{"class":5397},"\u002F\u002F провалюється при вертикалі\n",[3848,9621,9622,9624,9626,9628,9630],{"class":3850,"line":3988},[3848,9623,6128],{"class":4227},[3848,9625,6735],{"class":4267},[3848,9627,5612],{"class":4227},[3848,9629,4290],{"class":4263},[3848,9631,4543],{"class":4227},[3848,9633,9634,9636,9638,9640,9642,9645,9647,9649,9651,9653],{"class":3850,"line":3994},[3848,9635,6751],{"class":4231},[3848,9637,4088],{"class":4227},[3848,9639,6618],{"class":4231},[3848,9641,6758],{"class":4227},[3848,9643,9644],{"class":4231},"translateX",[3848,9646,6764],{"class":4223},[3848,9648,6767],{"class":4293},[3848,9650,6770],{"class":4227},[3848,9652,6773],{"class":4231},[3848,9654,4254],{"class":4227},[3848,9656,9657],{"class":3850,"line":4000},[3848,9658,6804],{"class":4227},[3848,9660,9661,9663,9665,9667,9669,9671,9673],{"class":3850,"line":4006},[3848,9662,6128],{"class":4227},[3848,9664,5961],{"class":4267},[3848,9666,4889],{"class":4227},[3848,9668,6815],{"class":4231},[3848,9670,4895],{"class":4227},[3848,9672,4290],{"class":4263},[3848,9674,4543],{"class":4227},[3848,9676,9677,9680,9683,9685,9688,9690,9693,9695,9697,9699,9701,9703,9705,9707,9709,9711,9713],{"class":3850,"line":4012},[3848,9678,9679],{"class":4263},"      const",[3848,9681,9682],{"class":4522}," newX",[3848,9684,4525],{"class":4227},[3848,9686,9687],{"class":4231},"Math",[3848,9689,4088],{"class":4227},[3848,9691,9692],{"class":4267},"min",[3848,9694,4786],{"class":4227},[3848,9696,4789],{"class":4561},[3848,9698,4119],{"class":4227},[3848,9700,6836],{"class":4231},[3848,9702,4088],{"class":4227},[3848,9704,6618],{"class":4231},[3848,9706,5513],{"class":4227},[3848,9708,6815],{"class":4231},[3848,9710,4088],{"class":4227},[3848,9712,5864],{"class":4231},[3848,9714,4792],{"class":4227},[3848,9716,9717,9720,9722,9724,9726,9729],{"class":3850,"line":4018},[3848,9718,9719],{"class":4231},"      translateX",[3848,9721,4088],{"class":4227},[3848,9723,6831],{"class":4267},[3848,9725,4786],{"class":4227},[3848,9727,9728],{"class":4231},"newX",[3848,9730,4792],{"class":4227},[3848,9732,9733],{"class":3850,"line":4024},[3848,9734,3873],{"emptyLinePlaceholder":3872},[3848,9736,9737],{"class":3850,"line":4030},[3848,9738,9739],{"class":5397},"      \u002F\u002F Haptic при перетині порогу\n",[3848,9741,9742,9744,9747,9750,9753],{"class":3850,"line":4661},[3848,9743,9679],{"class":4263},[3848,9745,9746],{"class":4522}," threshold",[3848,9748,9749],{"class":4227}," = -",[3848,9751,9752],{"class":4522},"DELETE_THRESHOLD",[3848,9754,4254],{"class":4227},[3848,9756,9757,9760,9762,9764,9767,9770,9773,9776,9778,9780],{"class":3850,"line":4677},[3848,9758,9759],{"class":4223},"      if",[3848,9761,7408],{"class":4227},[3848,9763,9728],{"class":4231},[3848,9765,9766],{"class":4227}," \u003C ",[3848,9768,9769],{"class":4231},"threshold",[3848,9771,9772],{"class":4227}," && !",[3848,9774,9775],{"class":4231},"isThresholdReached",[3848,9777,4088],{"class":4227},[3848,9779,6618],{"class":4231},[3848,9781,8749],{"class":4227},[3848,9783,9784,9787,9789,9791,9793,9795],{"class":3850,"line":6992},[3848,9785,9786],{"class":4231},"        isThresholdReached",[3848,9788,4088],{"class":4227},[3848,9790,6618],{"class":4231},[3848,9792,4525],{"class":4227},[3848,9794,6136],{"class":4263},[3848,9796,4254],{"class":4227},[3848,9798,9799,9802,9804,9806,9808,9810,9812,9814,9816,9818],{"class":3850,"line":6997},[3848,9800,9801],{"class":4231},"        Haptics",[3848,9803,4088],{"class":4227},[3848,9805,8784],{"class":4267},[3848,9807,4786],{"class":4227},[3848,9809,8789],{"class":4231},[3848,9811,4088],{"class":4227},[3848,9813,8794],{"class":4231},[3848,9815,4088],{"class":4227},[3848,9817,8799],{"class":4231},[3848,9819,4792],{"class":4227},[3848,9821,9822,9825,9828,9831,9833,9835,9838,9840,9843,9845,9847,9849],{"class":3850,"line":7002},[3848,9823,9824],{"class":4227},"      } ",[3848,9826,9827],{"class":4223},"else",[3848,9829,9830],{"class":4223}," if",[3848,9832,7408],{"class":4227},[3848,9834,9728],{"class":4231},[3848,9836,9837],{"class":4227}," > ",[3848,9839,9769],{"class":4231},[3848,9841,9842],{"class":4227}," && ",[3848,9844,9775],{"class":4231},[3848,9846,4088],{"class":4227},[3848,9848,6618],{"class":4231},[3848,9850,8749],{"class":4227},[3848,9852,9853,9855,9857,9859,9861,9863],{"class":3850,"line":7019},[3848,9854,9786],{"class":4231},[3848,9856,4088],{"class":4227},[3848,9858,6618],{"class":4231},[3848,9860,4525],{"class":4227},[3848,9862,5308],{"class":4263},[3848,9864,4254],{"class":4227},[3848,9866,9867,9869,9871,9873,9875,9877,9879,9881,9883,9886],{"class":3850,"line":7053},[3848,9868,9801],{"class":4231},[3848,9870,4088],{"class":4227},[3848,9872,8784],{"class":4267},[3848,9874,4786],{"class":4227},[3848,9876,8789],{"class":4231},[3848,9878,4088],{"class":4227},[3848,9880,8794],{"class":4231},[3848,9882,4088],{"class":4227},[3848,9884,9885],{"class":4231},"Light",[3848,9887,4792],{"class":4227},[3848,9889,9890],{"class":3850,"line":7725},[3848,9891,9892],{"class":4227},"      }\n",[3848,9894,9895],{"class":3850,"line":7749},[3848,9896,6804],{"class":4227},[3848,9898,9899,9901,9903,9905,9907,9909,9911],{"class":3850,"line":7758},[3848,9900,6128],{"class":4227},[3848,9902,5609],{"class":4267},[3848,9904,4889],{"class":4227},[3848,9906,6815],{"class":4231},[3848,9908,4895],{"class":4227},[3848,9910,4290],{"class":4263},[3848,9912,4543],{"class":4227},[3848,9914,9915,9917,9920,9922,9924,9926,9928,9930,9932],{"class":3850,"line":7774},[3848,9916,9679],{"class":4263},[3848,9918,9919],{"class":4522}," currentX",[3848,9921,6758],{"class":4227},[3848,9923,9644],{"class":4231},[3848,9925,6764],{"class":4223},[3848,9927,6767],{"class":4293},[3848,9929,6770],{"class":4227},[3848,9931,6773],{"class":4231},[3848,9933,4254],{"class":4227},[3848,9935,9936],{"class":3850,"line":7807},[3848,9937,3873],{"emptyLinePlaceholder":3872},[3848,9939,9940,9942,9944,9947,9950,9952],{"class":3850,"line":7812},[3848,9941,9759],{"class":4223},[3848,9943,7408],{"class":4227},[3848,9945,9946],{"class":4231},"currentX",[3848,9948,9949],{"class":4227}," \u003C -",[3848,9951,9752],{"class":4522},[3848,9953,8749],{"class":4227},[3848,9955,9956],{"class":3850,"line":7826},[3848,9957,9958],{"class":5397},"        \u002F\u002F Видалення: анімуємо за межі екрана\n",[3848,9960,9962,9965,9967,9970,9972,9974],{"class":3850,"line":9961},47,[3848,9963,9964],{"class":4231},"        Animated",[3848,9966,4088],{"class":4227},[3848,9968,9969],{"class":4267},"timing",[3848,9971,4786],{"class":4227},[3848,9973,9644],{"class":4231},[3848,9975,9976],{"class":4227},", {\n",[3848,9978,9980,9983,9986,9988],{"class":3850,"line":9979},48,[3848,9981,9982],{"class":4231},"          toValue:",[3848,9984,9985],{"class":4227}," -",[3848,9987,9341],{"class":4522},[3848,9989,4376],{"class":4227},[3848,9991,9993,9996,9999],{"class":3850,"line":9992},49,[3848,9994,9995],{"class":4231},"          duration:",[3848,9997,9998],{"class":4561}," 200",[3848,10000,4376],{"class":4227},[3848,10002,10004,10007,10009],{"class":3850,"line":10003},50,[3848,10005,10006],{"class":4231},"          useNativeDriver:",[3848,10008,7236],{"class":4263},[3848,10010,4376],{"class":4227},[3848,10012,10014,10017,10020,10022,10024],{"class":3850,"line":10013},51,[3848,10015,10016],{"class":4227},"        }).",[3848,10018,10019],{"class":4267},"start",[3848,10021,5612],{"class":4227},[3848,10023,4290],{"class":4263},[3848,10025,4543],{"class":4227},[3848,10027,10029,10032,10034,10036,10038,10040,10042,10044,10046,10049],{"class":3850,"line":10028},52,[3848,10030,10031],{"class":4231},"          Haptics",[3848,10033,4088],{"class":4227},[3848,10035,8855],{"class":4267},[3848,10037,4786],{"class":4227},[3848,10039,8789],{"class":4231},[3848,10041,4088],{"class":4227},[3848,10043,8864],{"class":4231},[3848,10045,4088],{"class":4227},[3848,10047,10048],{"class":4231},"Success",[3848,10050,4792],{"class":4227},[3848,10052,10054,10057,10059,10061,10063,10065],{"class":3850,"line":10053},53,[3848,10055,10056],{"class":4267},"          onDelete",[3848,10058,4786],{"class":4227},[3848,10060,8228],{"class":4231},[3848,10062,4088],{"class":4227},[3848,10064,8254],{"class":4231},[3848,10066,4792],{"class":4227},[3848,10068,10070],{"class":3850,"line":10069},54,[3848,10071,10072],{"class":4227},"        });\n",[3848,10074,10076,10078,10080,10082,10084,10086,10088,10091,10093,10095],{"class":3850,"line":10075},55,[3848,10077,9824],{"class":4227},[3848,10079,9827],{"class":4223},[3848,10081,9830],{"class":4223},[3848,10083,7408],{"class":4227},[3848,10085,9946],{"class":4231},[3848,10087,9949],{"class":4227},[3848,10089,10090],{"class":4522},"ACTION_WIDTH",[3848,10092,5980],{"class":4227},[3848,10094,6208],{"class":4561},[3848,10096,8749],{"class":4227},[3848,10098,10100],{"class":3850,"line":10099},56,[3848,10101,10102],{"class":5397},"        \u002F\u002F Зупиняємось на ACTION_WIDTH (показуємо кнопку Delete)\n",[3848,10104,10106,10108,10110,10113,10115,10117],{"class":3850,"line":10105},57,[3848,10107,9964],{"class":4231},[3848,10109,4088],{"class":4227},[3848,10111,10112],{"class":4267},"spring",[3848,10114,4786],{"class":4227},[3848,10116,9644],{"class":4231},[3848,10118,9976],{"class":4227},[3848,10120,10122,10124,10126,10128],{"class":3850,"line":10121},58,[3848,10123,9982],{"class":4231},[3848,10125,9985],{"class":4227},[3848,10127,10090],{"class":4522},[3848,10129,4376],{"class":4227},[3848,10131,10133,10135,10137],{"class":3850,"line":10132},59,[3848,10134,10006],{"class":4231},[3848,10136,7236],{"class":4263},[3848,10138,4376],{"class":4227},[3848,10140,10142,10144,10146],{"class":3850,"line":10141},60,[3848,10143,10016],{"class":4227},[3848,10145,10019],{"class":4267},[3848,10147,7457],{"class":4227},[3848,10149,10151,10153,10155],{"class":3850,"line":10150},61,[3848,10152,9824],{"class":4227},[3848,10154,9827],{"class":4223},[3848,10156,4543],{"class":4227},[3848,10158,10160],{"class":3850,"line":10159},62,[3848,10161,10162],{"class":5397},"        \u002F\u002F Повертаємось\n",[3848,10164,10166,10168,10170,10172,10174,10176],{"class":3850,"line":10165},63,[3848,10167,9964],{"class":4231},[3848,10169,4088],{"class":4227},[3848,10171,10112],{"class":4267},[3848,10173,4786],{"class":4227},[3848,10175,9644],{"class":4231},[3848,10177,9976],{"class":4227},[3848,10179,10181,10183,10185],{"class":3850,"line":10180},64,[3848,10182,9982],{"class":4231},[3848,10184,7190],{"class":4561},[3848,10186,4376],{"class":4227},[3848,10188,10190,10192,10194],{"class":3850,"line":10189},65,[3848,10191,10006],{"class":4231},[3848,10193,7236],{"class":4263},[3848,10195,4376],{"class":4227},[3848,10197,10199,10201,10203],{"class":3850,"line":10198},66,[3848,10200,10016],{"class":4227},[3848,10202,10019],{"class":4267},[3848,10204,7457],{"class":4227},[3848,10206,10208],{"class":3850,"line":10207},67,[3848,10209,9892],{"class":4227},[3848,10211,10213,10216,10218,10220,10222,10224],{"class":3850,"line":10212},68,[3848,10214,10215],{"class":4231},"      isThresholdReached",[3848,10217,4088],{"class":4227},[3848,10219,6618],{"class":4231},[3848,10221,4525],{"class":4227},[3848,10223,5308],{"class":4263},[3848,10225,4254],{"class":4227},[3848,10227,10229],{"class":3850,"line":10228},69,[3848,10230,6883],{"class":4227},[3848,10232,10234],{"class":3850,"line":10233},70,[3848,10235,3873],{"emptyLinePlaceholder":3872},[3848,10237,10239,10241,10244],{"class":3850,"line":10238},71,[3848,10240,4767],{"class":4263},[3848,10242,10243],{"class":4522}," deleteStyle",[3848,10245,10246],{"class":4227}," = {\n",[3848,10248,10250,10252,10254,10256],{"class":3850,"line":10249},72,[3848,10251,4610],{"class":4231},[3848,10253,4613],{"class":4227},[3848,10255,9644],{"class":4231},[3848,10257,4622],{"class":4227},[3848,10259,10261],{"class":3850,"line":10260},73,[3848,10262,8806],{"class":4227},[3848,10264,10266],{"class":3850,"line":10265},74,[3848,10267,3873],{"emptyLinePlaceholder":3872},[3848,10269,10271],{"class":3850,"line":10270},75,[3848,10272,10273],{"class":5397},"  \u002F\u002F Прогрес для забарвлення фону\n",[3848,10275,10277,10279,10282,10284,10286,10288,10291],{"class":3850,"line":10276},76,[3848,10278,4767],{"class":4263},[3848,10280,10281],{"class":4522}," bgColor",[3848,10283,4525],{"class":4227},[3848,10285,9644],{"class":4231},[3848,10287,4088],{"class":4227},[3848,10289,10290],{"class":4267},"interpolate",[3848,10292,4535],{"class":4227},[3848,10294,10296,10299,10302,10304,10307,10309,10311,10313],{"class":3850,"line":10295},77,[3848,10297,10298],{"class":4231},"    inputRange:",[3848,10300,10301],{"class":4227}," [-",[3848,10303,9752],{"class":4522},[3848,10305,10306],{"class":4227},", -",[3848,10308,10090],{"class":4522},[3848,10310,4119],{"class":4227},[3848,10312,4789],{"class":4561},[3848,10314,10315],{"class":4227},"],\n",[3848,10317,10319,10322,10324,10327,10329,10331,10333,10336],{"class":3850,"line":10318},78,[3848,10320,10321],{"class":4231},"    outputRange:",[3848,10323,4770],{"class":4227},[3848,10325,10326],{"class":4250},"'#EF4444'",[3848,10328,4119],{"class":4227},[3848,10330,10326],{"class":4250},[3848,10332,4119],{"class":4227},[3848,10334,10335],{"class":4250},"'#F87171'",[3848,10337,10315],{"class":4227},[3848,10339,10341,10344,10347],{"class":3850,"line":10340},79,[3848,10342,10343],{"class":4231},"    extrapolate:",[3848,10345,10346],{"class":4250}," 'clamp'",[3848,10348,4376],{"class":4227},[3848,10350,10352],{"class":3850,"line":10351},80,[3848,10353,5638],{"class":4227},[3848,10355,10357],{"class":3850,"line":10356},81,[3848,10358,3873],{"emptyLinePlaceholder":3872},[3848,10360,10362,10364],{"class":3850,"line":10361},82,[3848,10363,4313],{"class":4223},[3848,10365,4316],{"class":4227},[3848,10367,10369,10371,10373,10375,10377,10379,10381,10383,10385,10387],{"class":3850,"line":10368},83,[3848,10370,4322],{"class":4321},[3848,10372,4716],{"class":4293},[3848,10374,4431],{"class":4330},[3848,10376,4334],{"class":4227},[3848,10378,4337],{"class":4263},[3848,10380,4441],{"class":4231},[3848,10382,4088],{"class":4353},[3848,10384,4821],{"class":4231},[3848,10386,4464],{"class":4263},[3848,10388,4467],{"class":4321},[3848,10390,10392,10394,10397],{"class":3850,"line":10391},84,[3848,10393,4411],{"class":4263},[3848,10395,10396],{"class":5397},"\u002F* Фоновий шар *\u002F",[3848,10398,3902],{"class":4263},[3848,10400,10402,10404,10406,10408,10410,10412,10414,10416,10418,10421,10423,10425,10427,10430,10432],{"class":3850,"line":10401},85,[3848,10403,4830],{"class":4321},[3848,10405,7626],{"class":4293},[3848,10407,4431],{"class":4330},[3848,10409,4334],{"class":4227},[3848,10411,4337],{"class":4263},[3848,10413,4438],{"class":4353},[3848,10415,4441],{"class":4231},[3848,10417,4088],{"class":4353},[3848,10419,10420],{"class":4231},"background",[3848,10422,7340],{"class":4353},[3848,10424,5190],{"class":4231},[3848,10426,10281],{"class":4231},[3848,10428,10429],{"class":4353}," }]",[3848,10431,4464],{"class":4263},[3848,10433,4467],{"class":4321},[3848,10435,10437,10439,10441,10443,10445,10447,10449,10451,10454,10456,10458,10461,10463,10465],{"class":3850,"line":10436},86,[3848,10438,4426],{"class":4321},[3848,10440,4236],{"class":4293},[3848,10442,4431],{"class":4330},[3848,10444,4334],{"class":4227},[3848,10446,4337],{"class":4263},[3848,10448,4441],{"class":4231},[3848,10450,4088],{"class":4353},[3848,10452,10453],{"class":4231},"deleteLabel",[3848,10455,4464],{"class":4263},[3848,10457,4850],{"class":4321},[3848,10459,10460],{"class":4227},"🗑",[3848,10462,4859],{"class":4321},[3848,10464,4236],{"class":4293},[3848,10466,4467],{"class":4321},[3848,10468,10470,10472,10474],{"class":3850,"line":10469},87,[3848,10471,5033],{"class":4321},[3848,10473,7626],{"class":4293},[3848,10475,4467],{"class":4321},[3848,10477,10479],{"class":3850,"line":10478},88,[3848,10480,3873],{"emptyLinePlaceholder":3872},[3848,10482,10484,10486,10489],{"class":3850,"line":10483},89,[3848,10485,4411],{"class":4263},[3848,10487,10488],{"class":5397},"\u002F* Foreground *\u002F",[3848,10490,3902],{"class":4263},[3848,10492,10494,10496,10498,10500,10502,10504,10506,10508],{"class":3850,"line":10493},90,[3848,10495,4830],{"class":4321},[3848,10497,5518],{"class":4293},[3848,10499,5666],{"class":4330},[3848,10501,4334],{"class":4227},[3848,10503,4337],{"class":4263},[3848,10505,6908],{"class":4231},[3848,10507,4464],{"class":4263},[3848,10509,4467],{"class":4321},[3848,10511,10513,10515,10517,10519,10521,10523,10525,10527,10529,10532,10534,10537,10539,10541],{"class":3850,"line":10512},91,[3848,10514,4426],{"class":4321},[3848,10516,7626],{"class":4293},[3848,10518,4431],{"class":4330},[3848,10520,4334],{"class":4227},[3848,10522,4337],{"class":4263},[3848,10524,4438],{"class":4353},[3848,10526,4441],{"class":4231},[3848,10528,4088],{"class":4353},[3848,10530,10531],{"class":4231},"row",[3848,10533,4119],{"class":4353},[3848,10535,10536],{"class":4231},"deleteStyle",[3848,10538,4461],{"class":4353},[3848,10540,4464],{"class":4263},[3848,10542,4467],{"class":4321},[3848,10544,10546,10548,10550,10552,10554,10556,10558,10560,10562,10564,10566,10568,10570,10572,10574,10576,10578,10580],{"class":3850,"line":10545},92,[3848,10547,4979],{"class":4321},[3848,10549,4236],{"class":4293},[3848,10551,4431],{"class":4330},[3848,10553,4334],{"class":4227},[3848,10555,4337],{"class":4263},[3848,10557,4441],{"class":4231},[3848,10559,4088],{"class":4353},[3848,10561,9423],{"class":4231},[3848,10563,4464],{"class":4263},[3848,10565,4850],{"class":4321},[3848,10567,4337],{"class":4263},[3848,10569,8228],{"class":4231},[3848,10571,4088],{"class":4353},[3848,10573,9423],{"class":4231},[3848,10575,4464],{"class":4263},[3848,10577,4859],{"class":4321},[3848,10579,4236],{"class":4293},[3848,10581,4467],{"class":4321},[3848,10583,10585,10587,10589],{"class":3850,"line":10584},93,[3848,10586,4481],{"class":4321},[3848,10588,7626],{"class":4293},[3848,10590,4467],{"class":4321},[3848,10592,10594,10596,10598],{"class":3850,"line":10593},94,[3848,10595,5033],{"class":4321},[3848,10597,5518],{"class":4293},[3848,10599,4467],{"class":4321},[3848,10601,10603,10605,10607],{"class":3850,"line":10602},95,[3848,10604,4497],{"class":4321},[3848,10606,4716],{"class":4293},[3848,10608,4467],{"class":4321},[3848,10610,10612],{"class":3850,"line":10611},96,[3848,10613,4506],{"class":4227},[3848,10615,10617],{"class":3850,"line":10616},97,[3848,10618,3902],{"class":4227},[3828,10620,10622],{"id":10621},"undo-snackbar","Undo Snackbar",[3743,10624,10625],{},"Снекбар «Скасувати» — обов'язкова частина деструктивних дій. Надає користувачу вікно безпеки:",[3839,10627,10629],{"className":4214,"code":10628,"language":4216,"meta":3844,"style":3844},"\u002F\u002F components\u002FUndoSnackbar.tsx\nimport { useEffect, useRef } from 'react';\nimport { Animated, Pressable, Text, StyleSheet } from 'react-native';\n\ninterface Props {\n  message: string;\n  onUndo: () => void;\n  onDismiss: () => void;\n  duration?: number;\n}\n\nexport function UndoSnackbar({ message, onUndo, onDismiss, duration = 3000 }: Props) {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const timerRef = useRef\u003CReturnType\u003Ctypeof setTimeout>>();\n\n  useEffect(() => {\n    \u002F\u002F Анімація появи\n    Animated.timing(opacity, {\n      toValue: 1,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n\n    \u002F\u002F Автозакриття\n    timerRef.current = setTimeout(() => {\n      dismiss();\n    }, duration);\n\n    return () => clearTimeout(timerRef.current);\n  }, []);\n\n  const dismiss = () => {\n    Animated.timing(opacity, {\n      toValue: 0,\n      duration: 150,\n      useNativeDriver: true,\n    }).start(onDismiss);\n  };\n\n  const handleUndo = () => {\n    clearTimeout(timerRef.current);\n    dismiss();\n    onUndo();\n  };\n\n  return (\n    \u003CAnimated.View style={[styles.container, { opacity }]}>\n      \u003CText style={styles.message}>{message}\u003C\u002FText>\n      \u003CPressable onPress={handleUndo} style={styles.undoBtn}>\n        \u003CText style={styles.undoText}>Скасувати\u003C\u002FText>\n      \u003C\u002FPressable>\n    \u003C\u002FAnimated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n    bottom: 24,\n    left: 16,\n    right: 16,\n    backgroundColor: '#1E293B',\n    borderRadius: 12,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingHorizontal: 16,\n    paddingVertical: 14,\n  },\n  message: { color: 'white', fontSize: 14 },\n  undoBtn: { marginLeft: 16 },\n  undoText: { color: '#60A5FA', fontWeight: '700', fontSize: 14 },\n});\n",[3747,10630,10631,10636,10657,10685,10689,10697,10708,10721,10734,10745,10749,10753,10793,10824,10852,10856,10867,10872,10888,10897,10906,10914,10923,10927,10932,10952,10959,10968,10972,10995,11000,11004,11018,11032,11040,11049,11057,11069,11073,11077,11090,11105,11112,11119,11123,11127,11133,11163,11197,11232,11264,11272,11280,11284,11288,11292,11308,11314,11324,11333,11342,11351,11360,11368,11378,11386,11396,11404,11412,11416,11435,11449,11475],{"__ignoreMap":3844},[3848,10632,10633],{"class":3850,"line":3851},[3848,10634,10635],{"class":5397},"\u002F\u002F components\u002FUndoSnackbar.tsx\n",[3848,10637,10638,10640,10642,10645,10647,10649,10651,10653,10655],{"class":3850,"line":3857},[3848,10639,4224],{"class":4223},[3848,10641,4228],{"class":4227},[3848,10643,10644],{"class":4231},"useEffect",[3848,10646,4119],{"class":4227},[3848,10648,3814],{"class":4231},[3848,10650,4244],{"class":4227},[3848,10652,4247],{"class":4223},[3848,10654,4739],{"class":4250},[3848,10656,4254],{"class":4227},[3848,10658,10659,10661,10663,10665,10667,10669,10671,10673,10675,10677,10679,10681,10683],{"class":3850,"line":3863},[3848,10660,4224],{"class":4223},[3848,10662,4228],{"class":4227},[3848,10664,3818],{"class":4231},[3848,10666,4119],{"class":4227},[3848,10668,4132],{"class":4231},[3848,10670,4119],{"class":4227},[3848,10672,4236],{"class":4231},[3848,10674,4119],{"class":4227},[3848,10676,4241],{"class":4231},[3848,10678,4244],{"class":4227},[3848,10680,4247],{"class":4223},[3848,10682,4251],{"class":4250},[3848,10684,4254],{"class":4227},[3848,10686,10687],{"class":3850,"line":3869},[3848,10688,3873],{"emptyLinePlaceholder":3872},[3848,10690,10691,10693,10695],{"class":3850,"line":3876},[3848,10692,8658],{"class":4263},[3848,10694,9402],{"class":4293},[3848,10696,4543],{"class":4227},[3848,10698,10699,10702,10704,10706],{"class":3850,"line":3882},[3848,10700,10701],{"class":4231},"  message",[3848,10703,4302],{"class":4227},[3848,10705,4305],{"class":4293},[3848,10707,4254],{"class":4227},[3848,10709,10710,10713,10715,10717,10719],{"class":3850,"line":3887},[3848,10711,10712],{"class":4267},"  onUndo",[3848,10714,4287],{"class":4227},[3848,10716,4290],{"class":4263},[3848,10718,4294],{"class":4293},[3848,10720,4254],{"class":4227},[3848,10722,10723,10726,10728,10730,10732],{"class":3850,"line":3893},[3848,10724,10725],{"class":4267},"  onDismiss",[3848,10727,4287],{"class":4227},[3848,10729,4290],{"class":4263},[3848,10731,4294],{"class":4293},[3848,10733,4254],{"class":4227},[3848,10735,10736,10739,10741,10743],{"class":3850,"line":3899},[3848,10737,10738],{"class":4231},"  duration",[3848,10740,8695],{"class":4227},[3848,10742,5269],{"class":4293},[3848,10744,4254],{"class":4227},[3848,10746,10747],{"class":3850,"line":3905},[3848,10748,3902],{"class":4227},[3848,10750,10751],{"class":3850,"line":3910},[3848,10752,3873],{"emptyLinePlaceholder":3872},[3848,10754,10755,10757,10759,10762,10764,10767,10769,10772,10774,10777,10779,10782,10784,10787,10789,10791],{"class":3850,"line":3916},[3848,10756,4750],{"class":4223},[3848,10758,4756],{"class":4263},[3848,10760,10761],{"class":4267}," UndoSnackbar",[3848,10763,4271],{"class":4227},[3848,10765,10766],{"class":4231},"message",[3848,10768,4119],{"class":4227},[3848,10770,10771],{"class":4231},"onUndo",[3848,10773,4119],{"class":4227},[3848,10775,10776],{"class":4231},"onDismiss",[3848,10778,4119],{"class":4227},[3848,10780,10781],{"class":4231},"duration",[3848,10783,4525],{"class":4227},[3848,10785,10786],{"class":4561},"3000",[3848,10788,8743],{"class":4227},[3848,10790,9482],{"class":4293},[3848,10792,8749],{"class":4227},[3848,10794,10795,10797,10800,10802,10804,10806,10808,10810,10812,10814,10816,10818,10820,10822],{"class":3850,"line":3922},[3848,10796,4767],{"class":4263},[3848,10798,10799],{"class":4522}," opacity",[3848,10801,4525],{"class":4227},[3848,10803,3814],{"class":4267},[3848,10805,4786],{"class":4227},[3848,10807,6600],{"class":4263},[3848,10809,6603],{"class":4231},[3848,10811,4088],{"class":4227},[3848,10813,6608],{"class":4267},[3848,10815,4786],{"class":4227},[3848,10817,4789],{"class":4561},[3848,10819,6615],{"class":4227},[3848,10821,6618],{"class":4231},[3848,10823,4254],{"class":4227},[3848,10825,10826,10828,10831,10833,10835,10838,10841,10843,10846,10849],{"class":3850,"line":3927},[3848,10827,4767],{"class":4263},[3848,10829,10830],{"class":4522}," timerRef",[3848,10832,4525],{"class":4227},[3848,10834,3814],{"class":4267},[3848,10836,10837],{"class":4227},"\u003C",[3848,10839,10840],{"class":4293},"ReturnType",[3848,10842,10837],{"class":4227},[3848,10844,10845],{"class":4263},"typeof",[3848,10847,10848],{"class":4231}," setTimeout",[3848,10850,10851],{"class":4227},">>();\n",[3848,10853,10854],{"class":3850,"line":3932},[3848,10855,3873],{"emptyLinePlaceholder":3872},[3848,10857,10858,10861,10863,10865],{"class":3850,"line":3938},[3848,10859,10860],{"class":4267},"  useEffect",[3848,10862,5612],{"class":4227},[3848,10864,4290],{"class":4263},[3848,10866,4543],{"class":4227},[3848,10868,10869],{"class":3850,"line":3944},[3848,10870,10871],{"class":5397},"    \u002F\u002F Анімація появи\n",[3848,10873,10874,10877,10879,10881,10883,10886],{"class":3850,"line":3949},[3848,10875,10876],{"class":4231},"    Animated",[3848,10878,4088],{"class":4227},[3848,10880,9969],{"class":4267},[3848,10882,4786],{"class":4227},[3848,10884,10885],{"class":4231},"opacity",[3848,10887,9976],{"class":4227},[3848,10889,10890,10893,10895],{"class":3850,"line":3954},[3848,10891,10892],{"class":4231},"      toValue:",[3848,10894,4906],{"class":4561},[3848,10896,4376],{"class":4227},[3848,10898,10899,10902,10904],{"class":3850,"line":3960},[3848,10900,10901],{"class":4231},"      duration:",[3848,10903,9998],{"class":4561},[3848,10905,4376],{"class":4227},[3848,10907,10908,10910,10912],{"class":3850,"line":3966},[3848,10909,7368],{"class":4231},[3848,10911,7236],{"class":4263},[3848,10913,4376],{"class":4227},[3848,10915,10916,10919,10921],{"class":3850,"line":3972},[3848,10917,10918],{"class":4227},"    }).",[3848,10920,10019],{"class":4267},[3848,10922,7457],{"class":4227},[3848,10924,10925],{"class":3850,"line":3978},[3848,10926,3873],{"emptyLinePlaceholder":3872},[3848,10928,10929],{"class":3850,"line":3983},[3848,10930,10931],{"class":5397},"    \u002F\u002F Автозакриття\n",[3848,10933,10934,10937,10939,10941,10943,10946,10948,10950],{"class":3850,"line":3988},[3848,10935,10936],{"class":4231},"    timerRef",[3848,10938,4088],{"class":4227},[3848,10940,6618],{"class":4231},[3848,10942,4525],{"class":4227},[3848,10944,10945],{"class":4267},"setTimeout",[3848,10947,5612],{"class":4227},[3848,10949,4290],{"class":4263},[3848,10951,4543],{"class":4227},[3848,10953,10954,10957],{"class":3850,"line":3994},[3848,10955,10956],{"class":4267},"      dismiss",[3848,10958,7457],{"class":4227},[3848,10960,10961,10964,10966],{"class":3850,"line":4000},[3848,10962,10963],{"class":4227},"    }, ",[3848,10965,10781],{"class":4231},[3848,10967,4792],{"class":4227},[3848,10969,10970],{"class":3850,"line":4006},[3848,10971,3873],{"emptyLinePlaceholder":3872},[3848,10973,10974,10977,10979,10981,10984,10986,10989,10991,10993],{"class":3850,"line":4012},[3848,10975,10976],{"class":4223},"    return",[3848,10978,7231],{"class":4227},[3848,10980,4290],{"class":4263},[3848,10982,10983],{"class":4267}," clearTimeout",[3848,10985,4786],{"class":4227},[3848,10987,10988],{"class":4231},"timerRef",[3848,10990,4088],{"class":4227},[3848,10992,6618],{"class":4231},[3848,10994,4792],{"class":4227},[3848,10996,10997],{"class":3850,"line":4018},[3848,10998,10999],{"class":4227},"  }, []);\n",[3848,11001,11002],{"class":3850,"line":4024},[3848,11003,3873],{"emptyLinePlaceholder":3872},[3848,11005,11006,11008,11011,11014,11016],{"class":3850,"line":4030},[3848,11007,4767],{"class":4263},[3848,11009,11010],{"class":4267}," dismiss",[3848,11012,11013],{"class":4227}," = () ",[3848,11015,4290],{"class":4263},[3848,11017,4543],{"class":4227},[3848,11019,11020,11022,11024,11026,11028,11030],{"class":3850,"line":4661},[3848,11021,10876],{"class":4231},[3848,11023,4088],{"class":4227},[3848,11025,9969],{"class":4267},[3848,11027,4786],{"class":4227},[3848,11029,10885],{"class":4231},[3848,11031,9976],{"class":4227},[3848,11033,11034,11036,11038],{"class":3850,"line":4677},[3848,11035,10892],{"class":4231},[3848,11037,7190],{"class":4561},[3848,11039,4376],{"class":4227},[3848,11041,11042,11044,11047],{"class":3850,"line":6992},[3848,11043,10901],{"class":4231},[3848,11045,11046],{"class":4561}," 150",[3848,11048,4376],{"class":4227},[3848,11050,11051,11053,11055],{"class":3850,"line":6997},[3848,11052,7368],{"class":4231},[3848,11054,7236],{"class":4263},[3848,11056,4376],{"class":4227},[3848,11058,11059,11061,11063,11065,11067],{"class":3850,"line":7002},[3848,11060,10918],{"class":4227},[3848,11062,10019],{"class":4267},[3848,11064,4786],{"class":4227},[3848,11066,10776],{"class":4231},[3848,11068,4792],{"class":4227},[3848,11070,11071],{"class":3850,"line":7019},[3848,11072,8806],{"class":4227},[3848,11074,11075],{"class":3850,"line":7053},[3848,11076,3873],{"emptyLinePlaceholder":3872},[3848,11078,11079,11081,11084,11086,11088],{"class":3850,"line":7725},[3848,11080,4767],{"class":4263},[3848,11082,11083],{"class":4267}," handleUndo",[3848,11085,11013],{"class":4227},[3848,11087,4290],{"class":4263},[3848,11089,4543],{"class":4227},[3848,11091,11092,11095,11097,11099,11101,11103],{"class":3850,"line":7749},[3848,11093,11094],{"class":4267},"    clearTimeout",[3848,11096,4786],{"class":4227},[3848,11098,10988],{"class":4231},[3848,11100,4088],{"class":4227},[3848,11102,6618],{"class":4231},[3848,11104,4792],{"class":4227},[3848,11106,11107,11110],{"class":3850,"line":7758},[3848,11108,11109],{"class":4267},"    dismiss",[3848,11111,7457],{"class":4227},[3848,11113,11114,11117],{"class":3850,"line":7774},[3848,11115,11116],{"class":4267},"    onUndo",[3848,11118,7457],{"class":4227},[3848,11120,11121],{"class":3850,"line":7807},[3848,11122,8806],{"class":4227},[3848,11124,11125],{"class":3850,"line":7812},[3848,11126,3873],{"emptyLinePlaceholder":3872},[3848,11128,11129,11131],{"class":3850,"line":7826},[3848,11130,4313],{"class":4223},[3848,11132,4316],{"class":4227},[3848,11134,11135,11137,11139,11141,11143,11145,11147,11149,11151,11153,11155,11157,11159,11161],{"class":3850,"line":9961},[3848,11136,4322],{"class":4321},[3848,11138,7626],{"class":4293},[3848,11140,4431],{"class":4330},[3848,11142,4334],{"class":4227},[3848,11144,4337],{"class":4263},[3848,11146,4438],{"class":4353},[3848,11148,4441],{"class":4231},[3848,11150,4088],{"class":4353},[3848,11152,4821],{"class":4231},[3848,11154,7340],{"class":4353},[3848,11156,10885],{"class":4231},[3848,11158,10429],{"class":4353},[3848,11160,4464],{"class":4263},[3848,11162,4467],{"class":4321},[3848,11164,11165,11167,11169,11171,11173,11175,11177,11179,11181,11183,11185,11187,11189,11191,11193,11195],{"class":3850,"line":9979},[3848,11166,4830],{"class":4321},[3848,11168,4236],{"class":4293},[3848,11170,4431],{"class":4330},[3848,11172,4334],{"class":4227},[3848,11174,4337],{"class":4263},[3848,11176,4441],{"class":4231},[3848,11178,4088],{"class":4353},[3848,11180,10766],{"class":4231},[3848,11182,4464],{"class":4263},[3848,11184,4850],{"class":4321},[3848,11186,4337],{"class":4263},[3848,11188,10766],{"class":4231},[3848,11190,4464],{"class":4263},[3848,11192,4859],{"class":4321},[3848,11194,4236],{"class":4293},[3848,11196,4467],{"class":4321},[3848,11198,11199,11201,11203,11206,11208,11210,11213,11215,11217,11219,11221,11223,11225,11228,11230],{"class":3850,"line":9992},[3848,11200,4830],{"class":4321},[3848,11202,4132],{"class":4293},[3848,11204,11205],{"class":4330}," onPress",[3848,11207,4334],{"class":4227},[3848,11209,4337],{"class":4263},[3848,11211,11212],{"class":4231},"handleUndo",[3848,11214,4464],{"class":4263},[3848,11216,4431],{"class":4330},[3848,11218,4334],{"class":4227},[3848,11220,4337],{"class":4263},[3848,11222,4441],{"class":4231},[3848,11224,4088],{"class":4353},[3848,11226,11227],{"class":4231},"undoBtn",[3848,11229,4464],{"class":4263},[3848,11231,4467],{"class":4321},[3848,11233,11234,11236,11238,11240,11242,11244,11246,11248,11251,11253,11255,11258,11260,11262],{"class":3850,"line":10003},[3848,11235,4426],{"class":4321},[3848,11237,4236],{"class":4293},[3848,11239,4431],{"class":4330},[3848,11241,4334],{"class":4227},[3848,11243,4337],{"class":4263},[3848,11245,4441],{"class":4231},[3848,11247,4088],{"class":4353},[3848,11249,11250],{"class":4231},"undoText",[3848,11252,4464],{"class":4263},[3848,11254,4850],{"class":4321},[3848,11256,11257],{"class":4227},"Скасувати",[3848,11259,4859],{"class":4321},[3848,11261,4236],{"class":4293},[3848,11263,4467],{"class":4321},[3848,11265,11266,11268,11270],{"class":3850,"line":10013},[3848,11267,5033],{"class":4321},[3848,11269,4132],{"class":4293},[3848,11271,4467],{"class":4321},[3848,11273,11274,11276,11278],{"class":3850,"line":10028},[3848,11275,4497],{"class":4321},[3848,11277,7626],{"class":4293},[3848,11279,4467],{"class":4321},[3848,11281,11282],{"class":3850,"line":10053},[3848,11283,4506],{"class":4227},[3848,11285,11286],{"class":3850,"line":10069},[3848,11287,3902],{"class":4227},[3848,11289,11290],{"class":3850,"line":10075},[3848,11291,3873],{"emptyLinePlaceholder":3872},[3848,11293,11294,11296,11298,11300,11302,11304,11306],{"class":3850,"line":10099},[3848,11295,4519],{"class":4263},[3848,11297,4387],{"class":4522},[3848,11299,4525],{"class":4227},[3848,11301,4241],{"class":4231},[3848,11303,4088],{"class":4227},[3848,11305,4532],{"class":4267},[3848,11307,4535],{"class":4227},[3848,11309,11310,11312],{"class":3850,"line":10105},[3848,11311,5078],{"class":4231},[3848,11313,4543],{"class":4227},[3848,11315,11316,11319,11322],{"class":3850,"line":10121},[3848,11317,11318],{"class":4231},"    position:",[3848,11320,11321],{"class":4250}," 'absolute'",[3848,11323,4376],{"class":4227},[3848,11325,11326,11329,11331],{"class":3850,"line":10132},[3848,11327,11328],{"class":4231},"    bottom:",[3848,11330,4562],{"class":4561},[3848,11332,4376],{"class":4227},[3848,11334,11335,11338,11340],{"class":3850,"line":10141},[3848,11336,11337],{"class":4231},"    left:",[3848,11339,4655],{"class":4561},[3848,11341,4376],{"class":4227},[3848,11343,11344,11347,11349],{"class":3850,"line":10150},[3848,11345,11346],{"class":4231},"    right:",[3848,11348,4655],{"class":4561},[3848,11350,4376],{"class":4227},[3848,11352,11353,11355,11358],{"class":3850,"line":10159},[3848,11354,4548],{"class":4231},[3848,11356,11357],{"class":4250}," '#1E293B'",[3848,11359,4376],{"class":4227},[3848,11361,11362,11364,11366],{"class":3850,"line":10165},[3848,11363,4579],{"class":4231},[3848,11365,4582],{"class":4561},[3848,11367,4376],{"class":4227},[3848,11369,11370,11373,11376],{"class":3850,"line":10180},[3848,11371,11372],{"class":4231},"    flexDirection:",[3848,11374,11375],{"class":4250}," 'row'",[3848,11377,4376],{"class":4227},[3848,11379,11380,11382,11384],{"class":3850,"line":10189},[3848,11381,7761],{"class":4231},[3848,11383,5093],{"class":4250},[3848,11385,4376],{"class":4227},[3848,11387,11388,11391,11394],{"class":3850,"line":10198},[3848,11389,11390],{"class":4231},"    justifyContent:",[3848,11392,11393],{"class":4250}," 'space-between'",[3848,11395,4376],{"class":4227},[3848,11397,11398,11400,11402],{"class":3850,"line":10207},[3848,11399,4558],{"class":4231},[3848,11401,4655],{"class":4561},[3848,11403,4376],{"class":4227},[3848,11405,11406,11408,11410],{"class":3850,"line":10212},[3848,11407,4569],{"class":4231},[3848,11409,4572],{"class":4561},[3848,11411,4376],{"class":4227},[3848,11413,11414],{"class":3850,"line":10228},[3848,11415,4589],{"class":4227},[3848,11417,11418,11421,11423,11425,11427,11429,11431,11433],{"class":3850,"line":10233},[3848,11419,11420],{"class":4231},"  message:",[3848,11422,4228],{"class":4227},[3848,11424,4636],{"class":4231},[3848,11426,4639],{"class":4250},[3848,11428,4119],{"class":4227},[3848,11430,4652],{"class":4231},[3848,11432,4572],{"class":4561},[3848,11434,4658],{"class":4227},[3848,11436,11437,11440,11442,11445,11447],{"class":3850,"line":10238},[3848,11438,11439],{"class":4231},"  undoBtn:",[3848,11441,4228],{"class":4227},[3848,11443,11444],{"class":4231},"marginLeft:",[3848,11446,4655],{"class":4561},[3848,11448,4658],{"class":4227},[3848,11450,11451,11454,11456,11458,11461,11463,11465,11467,11469,11471,11473],{"class":3850,"line":10249},[3848,11452,11453],{"class":4231},"  undoText:",[3848,11455,4228],{"class":4227},[3848,11457,4636],{"class":4231},[3848,11459,11460],{"class":4250}," '#60A5FA'",[3848,11462,4119],{"class":4227},[3848,11464,4644],{"class":4231},[3848,11466,4647],{"class":4250},[3848,11468,4119],{"class":4227},[3848,11470,4652],{"class":4231},[3848,11472,4572],{"class":4561},[3848,11474,4658],{"class":4227},[3848,11476,11477],{"class":3850,"line":10260},[3848,11478,4680],{"class":4227},[3821,11480],{},[3738,11482,11484],{"id":11483},"довгий-тап-і-контекстне-меню","Довгий тап і контекстне меню",[3828,11486,5896],{"id":11487},"longpressgesture",[3743,11489,11490,11492],{},[3747,11491,5895],{}," розпізнає утримання пальця на місці. Ідеально для контекстного меню або «режиму вибору»:",[3839,11494,11496],{"className":4214,"code":11495,"language":4216,"meta":3844,"style":3844},"const longPress = Gesture.LongPress()\n  .minDuration(500)    \u002F\u002F мс до спрацювання (дефолт: 500)\n  .maxDistance(10)     \u002F\u002F максимальне переміщення пальця при утриманні (пікселі)\n  .runOnJS(true)\n  .onStart((event) => {\n    Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy);\n    setShowContextMenu(true);\n    setMenuPosition({ x: event.absoluteX, y: event.absoluteY });\n  });\n",[3747,11497,11498,11516,11533,11550,11562,11579,11603,11614,11642],{"__ignoreMap":3844},[3848,11499,11500,11502,11505,11507,11509,11511,11514],{"class":3850,"line":3851},[3848,11501,4519],{"class":4263},[3848,11503,11504],{"class":4522}," longPress",[3848,11506,4525],{"class":4227},[3848,11508,5512],{"class":4231},[3848,11510,4088],{"class":4227},[3848,11512,11513],{"class":4267},"LongPress",[3848,11515,5601],{"class":4227},[3848,11517,11518,11520,11523,11525,11527,11530],{"class":3850,"line":3857},[3848,11519,5606],{"class":4227},[3848,11521,11522],{"class":4267},"minDuration",[3848,11524,4786],{"class":4227},[3848,11526,5276],{"class":4561},[3848,11528,11529],{"class":4227},")    ",[3848,11531,11532],{"class":5397},"\u002F\u002F мс до спрацювання (дефолт: 500)\n",[3848,11534,11535,11537,11540,11542,11544,11547],{"class":3850,"line":3863},[3848,11536,5606],{"class":4227},[3848,11538,11539],{"class":4267},"maxDistance",[3848,11541,4786],{"class":4227},[3848,11543,8144],{"class":4561},[3848,11545,11546],{"class":4227},")     ",[3848,11548,11549],{"class":5397},"\u002F\u002F максимальне переміщення пальця при утриманні (пікселі)\n",[3848,11551,11552,11554,11556,11558,11560],{"class":3850,"line":3869},[3848,11553,5606],{"class":4227},[3848,11555,6131],{"class":4267},[3848,11557,4786],{"class":4227},[3848,11559,6136],{"class":4263},[3848,11561,6211],{"class":4227},[3848,11563,11564,11566,11569,11571,11573,11575,11577],{"class":3850,"line":3876},[3848,11565,5606],{"class":4227},[3848,11567,11568],{"class":4267},"onStart",[3848,11570,4889],{"class":4227},[3848,11572,6815],{"class":4231},[3848,11574,4895],{"class":4227},[3848,11576,4290],{"class":4263},[3848,11578,4543],{"class":4227},[3848,11580,11581,11584,11586,11588,11590,11592,11594,11596,11598,11601],{"class":3850,"line":3882},[3848,11582,11583],{"class":4231},"    Haptics",[3848,11585,4088],{"class":4227},[3848,11587,8784],{"class":4267},[3848,11589,4786],{"class":4227},[3848,11591,8789],{"class":4231},[3848,11593,4088],{"class":4227},[3848,11595,8794],{"class":4231},[3848,11597,4088],{"class":4227},[3848,11599,11600],{"class":4231},"Heavy",[3848,11602,4792],{"class":4227},[3848,11604,11605,11608,11610,11612],{"class":3850,"line":3887},[3848,11606,11607],{"class":4267},"    setShowContextMenu",[3848,11609,4786],{"class":4227},[3848,11611,6136],{"class":4263},[3848,11613,4792],{"class":4227},[3848,11615,11616,11619,11621,11623,11626,11628,11630,11632,11634,11636,11638,11640],{"class":3850,"line":3893},[3848,11617,11618],{"class":4267},"    setMenuPosition",[3848,11620,4271],{"class":4227},[3848,11622,7187],{"class":4231},[3848,11624,11625],{"class":4231}," event",[3848,11627,4088],{"class":4227},[3848,11629,6489],{"class":4231},[3848,11631,4119],{"class":4227},[3848,11633,7195],{"class":4231},[3848,11635,11625],{"class":4231},[3848,11637,4088],{"class":4227},[3848,11639,6492],{"class":4231},[3848,11641,7200],{"class":4227},[3848,11643,11644],{"class":3850,"line":3899},[3848,11645,5638],{"class":4227},[3828,11647,11649],{"id":11648},"ios-стиль-context-menu-через-actionsheetios","iOS-стиль Context Menu через ActionSheetIOS",[3743,11651,11652,11653,4059],{},"На iOS є системний контекстний лист — ",[3747,11654,11655],{},"ActionSheetIOS",[3839,11657,11659],{"className":4214,"code":11658,"language":4216,"meta":3844,"style":3844},"import { ActionSheetIOS, Platform } from 'react-native';\n\nconst showContextMenu = () => {\n  if (Platform.OS === 'ios') {\n    ActionSheetIOS.showActionSheetWithOptions(\n      {\n        options: ['Скасувати', 'Редагувати', 'Поділитись', 'Видалити'],\n        cancelButtonIndex: 0,\n        destructiveButtonIndex: 3,\n        title: 'Що зробити з елементом?',\n      },\n      (buttonIndex) => {\n        if (buttonIndex === 1) handleEdit();\n        if (buttonIndex === 2) handleShare();\n        if (buttonIndex === 3) handleDelete();\n      }\n    );\n  } else {\n    \u002F\u002F На Android показуємо власний Modal\n    setShowModal(true);\n  }\n};\n",[3747,11660,11661,11682,11686,11699,11720,11733,11738,11765,11774,11784,11794,11799,11813,11833,11852,11872,11876,11881,11890,11895,11906,11911],{"__ignoreMap":3844},[3848,11662,11663,11665,11667,11669,11671,11674,11676,11678,11680],{"class":3850,"line":3851},[3848,11664,4224],{"class":4223},[3848,11666,4228],{"class":4227},[3848,11668,11655],{"class":4231},[3848,11670,4119],{"class":4227},[3848,11672,11673],{"class":4231},"Platform",[3848,11675,4244],{"class":4227},[3848,11677,4247],{"class":4223},[3848,11679,4251],{"class":4250},[3848,11681,4254],{"class":4227},[3848,11683,11684],{"class":3850,"line":3857},[3848,11685,3873],{"emptyLinePlaceholder":3872},[3848,11687,11688,11690,11693,11695,11697],{"class":3850,"line":3863},[3848,11689,4519],{"class":4263},[3848,11691,11692],{"class":4267}," showContextMenu",[3848,11694,11013],{"class":4227},[3848,11696,4290],{"class":4263},[3848,11698,4543],{"class":4227},[3848,11700,11701,11704,11706,11708,11710,11713,11715,11718],{"class":3850,"line":3869},[3848,11702,11703],{"class":4223},"  if",[3848,11705,7408],{"class":4227},[3848,11707,11673],{"class":4231},[3848,11709,4088],{"class":4227},[3848,11711,11712],{"class":4522},"OS",[3848,11714,8839],{"class":4227},[3848,11716,11717],{"class":4250},"'ios'",[3848,11719,8749],{"class":4227},[3848,11721,11722,11725,11727,11730],{"class":3850,"line":3876},[3848,11723,11724],{"class":4231},"    ActionSheetIOS",[3848,11726,4088],{"class":4227},[3848,11728,11729],{"class":4267},"showActionSheetWithOptions",[3848,11731,11732],{"class":4227},"(\n",[3848,11734,11735],{"class":3850,"line":3882},[3848,11736,11737],{"class":4227},"      {\n",[3848,11739,11740,11743,11745,11748,11750,11753,11755,11758,11760,11763],{"class":3850,"line":3887},[3848,11741,11742],{"class":4231},"        options:",[3848,11744,4770],{"class":4227},[3848,11746,11747],{"class":4250},"'Скасувати'",[3848,11749,4119],{"class":4227},[3848,11751,11752],{"class":4250},"'Редагувати'",[3848,11754,4119],{"class":4227},[3848,11756,11757],{"class":4250},"'Поділитись'",[3848,11759,4119],{"class":4227},[3848,11761,11762],{"class":4250},"'Видалити'",[3848,11764,10315],{"class":4227},[3848,11766,11767,11770,11772],{"class":3850,"line":3893},[3848,11768,11769],{"class":4231},"        cancelButtonIndex:",[3848,11771,7190],{"class":4561},[3848,11773,4376],{"class":4227},[3848,11775,11776,11779,11782],{"class":3850,"line":3899},[3848,11777,11778],{"class":4231},"        destructiveButtonIndex:",[3848,11780,11781],{"class":4561}," 3",[3848,11783,4376],{"class":4227},[3848,11785,11786,11789,11792],{"class":3850,"line":3905},[3848,11787,11788],{"class":4231},"        title:",[3848,11790,11791],{"class":4250}," 'Що зробити з елементом?'",[3848,11793,4376],{"class":4227},[3848,11795,11796],{"class":3850,"line":3910},[3848,11797,11798],{"class":4227},"      },\n",[3848,11800,11801,11804,11807,11809,11811],{"class":3850,"line":3916},[3848,11802,11803],{"class":4227},"      (",[3848,11805,11806],{"class":4231},"buttonIndex",[3848,11808,4895],{"class":4227},[3848,11810,4290],{"class":4263},[3848,11812,4543],{"class":4227},[3848,11814,11815,11818,11820,11822,11824,11826,11828,11831],{"class":3850,"line":3922},[3848,11816,11817],{"class":4223},"        if",[3848,11819,7408],{"class":4227},[3848,11821,11806],{"class":4231},[3848,11823,8839],{"class":4227},[3848,11825,6172],{"class":4561},[3848,11827,4895],{"class":4227},[3848,11829,11830],{"class":4267},"handleEdit",[3848,11832,7457],{"class":4227},[3848,11834,11835,11837,11839,11841,11843,11845,11847,11850],{"class":3850,"line":3927},[3848,11836,11817],{"class":4223},[3848,11838,7408],{"class":4227},[3848,11840,11806],{"class":4231},[3848,11842,8839],{"class":4227},[3848,11844,6208],{"class":4561},[3848,11846,4895],{"class":4227},[3848,11848,11849],{"class":4267},"handleShare",[3848,11851,7457],{"class":4227},[3848,11853,11854,11856,11858,11860,11862,11865,11867,11870],{"class":3850,"line":3932},[3848,11855,11817],{"class":4223},[3848,11857,7408],{"class":4227},[3848,11859,11806],{"class":4231},[3848,11861,8839],{"class":4227},[3848,11863,11864],{"class":4561},"3",[3848,11866,4895],{"class":4227},[3848,11868,11869],{"class":4267},"handleDelete",[3848,11871,7457],{"class":4227},[3848,11873,11874],{"class":3850,"line":3938},[3848,11875,9892],{"class":4227},[3848,11877,11878],{"class":3850,"line":3944},[3848,11879,11880],{"class":4227},"    );\n",[3848,11882,11883,11886,11888],{"class":3850,"line":3949},[3848,11884,11885],{"class":4227},"  } ",[3848,11887,9827],{"class":4223},[3848,11889,4543],{"class":4227},[3848,11891,11892],{"class":3850,"line":3954},[3848,11893,11894],{"class":5397},"    \u002F\u002F На Android показуємо власний Modal\n",[3848,11896,11897,11900,11902,11904],{"class":3850,"line":3960},[3848,11898,11899],{"class":4267},"    setShowModal",[3848,11901,4786],{"class":4227},[3848,11903,6136],{"class":4263},[3848,11905,4792],{"class":4227},[3848,11907,11908],{"class":3850,"line":3966},[3848,11909,11910],{"class":4227},"  }\n",[3848,11912,11913],{"class":3850,"line":3972},[3848,11914,11915],{"class":4227},"};\n",[3821,11917],{},[3738,11919,11921],{"id":11920},"pinch-та-rotation-масштабування-і-обертання","Pinch та Rotation: масштабування і обертання",[3828,11923,11925],{"id":11924},"спільна-реалізація-pinch-rotation","Спільна реалізація pinch + rotation",[3743,11927,11928],{},"Класичний приклад — масштабування і обертання зображення двома пальцями (як у Photos.app):",[3839,11930,11932],{"className":4214,"code":11931,"language":4216,"meta":3844,"style":3844},"import { useRef } from 'react';\nimport { Animated, Image, StyleSheet, View } from 'react-native';\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\n\nexport function InteractiveImage({ source }: { source: any }) {\n  const scale = useRef(new Animated.Value(1)).current;\n  const rotation = useRef(new Animated.Value(0)).current;\n\n  const savedScale = useRef(1);\n  const savedRotation = useRef(0);\n\n  const pinch = Gesture.Pinch()\n    .runOnJS(true)\n    .onUpdate((event) => {\n      scale.setValue(savedScale.current * event.scale);\n    })\n    .onEnd((event) => {\n      savedScale.current = savedScale.current * event.scale;\n    });\n\n  const rotate = Gesture.Rotation()\n    .runOnJS(true)\n    .onUpdate((event) => {\n      rotation.setValue(savedRotation.current + event.rotation);\n    })\n    .onEnd((event) => {\n      savedRotation.current = savedRotation.current + event.rotation;\n    });\n\n  \u002F\u002F Одночасне масштабування і обертання\n  const composed = Gesture.Simultaneous(pinch, rotate);\n\n  \u002F\u002F Конвертуємо радіани у градуси для CSS rotate\n  const rotateStr = rotation.interpolate({\n    inputRange: [-Math.PI * 2, Math.PI * 2],\n    outputRange: ['-360deg', '360deg'],\n  });\n\n  return (\n    \u003CGestureDetector gesture={composed}>\n      \u003CAnimated.Image\n        source={source}\n        style={[\n          styles.image,\n          {\n            transform: [\n              { scale },\n              { rotate: rotateStr },\n            ],\n          },\n        ]}\n      \u002F>\n    \u003C\u002FGestureDetector>\n  );\n}\n\nconst styles = StyleSheet.create({\n  image: { width: 200, height: 200, borderRadius: 16 },\n});\n",[3747,11933,11934,11950,11979,11999,12003,12028,12059,12090,12094,12111,12128,12132,12150,12162,12179,12207,12211,12227,12254,12258,12262,12280,12292,12308,12336,12340,12356,12383,12387,12391,12396,12422,12426,12431,12448,12479,12495,12499,12503,12509,12528,12535,12548,12558,12569,12574,12581,12590,12601,12606,12611,12617,12621,12629,12633,12637,12641,12657,12682],{"__ignoreMap":3844},[3848,11935,11936,11938,11940,11942,11944,11946,11948],{"class":3850,"line":3851},[3848,11937,4224],{"class":4223},[3848,11939,4228],{"class":4227},[3848,11941,3814],{"class":4231},[3848,11943,4244],{"class":4227},[3848,11945,4247],{"class":4223},[3848,11947,4739],{"class":4250},[3848,11949,4254],{"class":4227},[3848,11951,11952,11954,11956,11958,11960,11963,11965,11967,11969,11971,11973,11975,11977],{"class":3850,"line":3857},[3848,11953,4224],{"class":4223},[3848,11955,4228],{"class":4227},[3848,11957,3818],{"class":4231},[3848,11959,4119],{"class":4227},[3848,11961,11962],{"class":4231},"Image",[3848,11964,4119],{"class":4227},[3848,11966,4241],{"class":4231},[3848,11968,4119],{"class":4227},[3848,11970,4716],{"class":4231},[3848,11972,4244],{"class":4227},[3848,11974,4247],{"class":4223},[3848,11976,4251],{"class":4250},[3848,11978,4254],{"class":4227},[3848,11980,11981,11983,11985,11987,11989,11991,11993,11995,11997],{"class":3850,"line":3863},[3848,11982,4224],{"class":4223},[3848,11984,4228],{"class":4227},[3848,11986,5518],{"class":4231},[3848,11988,4119],{"class":4227},[3848,11990,5512],{"class":4231},[3848,11992,4244],{"class":4227},[3848,11994,4247],{"class":4223},[3848,11996,5413],{"class":4250},[3848,11998,4254],{"class":4227},[3848,12000,12001],{"class":3850,"line":3869},[3848,12002,3873],{"emptyLinePlaceholder":3872},[3848,12004,12005,12007,12009,12012,12014,12017,12019,12021,12023,12026],{"class":3850,"line":3876},[3848,12006,4750],{"class":4223},[3848,12008,4756],{"class":4263},[3848,12010,12011],{"class":4267}," InteractiveImage",[3848,12013,4271],{"class":4227},[3848,12015,12016],{"class":4231},"source",[3848,12018,4282],{"class":4227},[3848,12020,12016],{"class":4231},[3848,12022,4302],{"class":4227},[3848,12024,12025],{"class":4293},"any",[3848,12027,4308],{"class":4227},[3848,12029,12030,12032,12035,12037,12039,12041,12043,12045,12047,12049,12051,12053,12055,12057],{"class":3850,"line":3882},[3848,12031,4767],{"class":4263},[3848,12033,12034],{"class":4522}," scale",[3848,12036,4525],{"class":4227},[3848,12038,3814],{"class":4267},[3848,12040,4786],{"class":4227},[3848,12042,6600],{"class":4263},[3848,12044,6603],{"class":4231},[3848,12046,4088],{"class":4227},[3848,12048,6608],{"class":4267},[3848,12050,4786],{"class":4227},[3848,12052,6172],{"class":4561},[3848,12054,6615],{"class":4227},[3848,12056,6618],{"class":4231},[3848,12058,4254],{"class":4227},[3848,12060,12061,12063,12066,12068,12070,12072,12074,12076,12078,12080,12082,12084,12086,12088],{"class":3850,"line":3887},[3848,12062,4767],{"class":4263},[3848,12064,12065],{"class":4522}," rotation",[3848,12067,4525],{"class":4227},[3848,12069,3814],{"class":4267},[3848,12071,4786],{"class":4227},[3848,12073,6600],{"class":4263},[3848,12075,6603],{"class":4231},[3848,12077,4088],{"class":4227},[3848,12079,6608],{"class":4267},[3848,12081,4786],{"class":4227},[3848,12083,4789],{"class":4561},[3848,12085,6615],{"class":4227},[3848,12087,6618],{"class":4231},[3848,12089,4254],{"class":4227},[3848,12091,12092],{"class":3850,"line":3893},[3848,12093,3873],{"emptyLinePlaceholder":3872},[3848,12095,12096,12098,12101,12103,12105,12107,12109],{"class":3850,"line":3899},[3848,12097,4767],{"class":4263},[3848,12099,12100],{"class":4522}," savedScale",[3848,12102,4525],{"class":4227},[3848,12104,3814],{"class":4267},[3848,12106,4786],{"class":4227},[3848,12108,6172],{"class":4561},[3848,12110,4792],{"class":4227},[3848,12112,12113,12115,12118,12120,12122,12124,12126],{"class":3850,"line":3905},[3848,12114,4767],{"class":4263},[3848,12116,12117],{"class":4522}," savedRotation",[3848,12119,4525],{"class":4227},[3848,12121,3814],{"class":4267},[3848,12123,4786],{"class":4227},[3848,12125,4789],{"class":4561},[3848,12127,4792],{"class":4227},[3848,12129,12130],{"class":3850,"line":3910},[3848,12131,3873],{"emptyLinePlaceholder":3872},[3848,12133,12134,12136,12139,12141,12143,12145,12148],{"class":3850,"line":3916},[3848,12135,4767],{"class":4263},[3848,12137,12138],{"class":4522}," pinch",[3848,12140,4525],{"class":4227},[3848,12142,5512],{"class":4231},[3848,12144,4088],{"class":4227},[3848,12146,12147],{"class":4267},"Pinch",[3848,12149,5601],{"class":4227},[3848,12151,12152,12154,12156,12158,12160],{"class":3850,"line":3922},[3848,12153,6128],{"class":4227},[3848,12155,6131],{"class":4267},[3848,12157,4786],{"class":4227},[3848,12159,6136],{"class":4263},[3848,12161,6211],{"class":4227},[3848,12163,12164,12166,12169,12171,12173,12175,12177],{"class":3850,"line":3927},[3848,12165,6128],{"class":4227},[3848,12167,12168],{"class":4267},"onUpdate",[3848,12170,4889],{"class":4227},[3848,12172,6815],{"class":4231},[3848,12174,4895],{"class":4227},[3848,12176,4290],{"class":4263},[3848,12178,4543],{"class":4227},[3848,12180,12181,12184,12186,12188,12190,12193,12195,12197,12199,12201,12203,12205],{"class":3850,"line":3932},[3848,12182,12183],{"class":4231},"      scale",[3848,12185,4088],{"class":4227},[3848,12187,6831],{"class":4267},[3848,12189,4786],{"class":4227},[3848,12191,12192],{"class":4231},"savedScale",[3848,12194,4088],{"class":4227},[3848,12196,6618],{"class":4231},[3848,12198,9372],{"class":4227},[3848,12200,6815],{"class":4231},[3848,12202,4088],{"class":4227},[3848,12204,5882],{"class":4231},[3848,12206,4792],{"class":4227},[3848,12208,12209],{"class":3850,"line":3938},[3848,12210,6804],{"class":4227},[3848,12212,12213,12215,12217,12219,12221,12223,12225],{"class":3850,"line":3944},[3848,12214,6128],{"class":4227},[3848,12216,5609],{"class":4267},[3848,12218,4889],{"class":4227},[3848,12220,6815],{"class":4231},[3848,12222,4895],{"class":4227},[3848,12224,4290],{"class":4263},[3848,12226,4543],{"class":4227},[3848,12228,12229,12232,12234,12236,12238,12240,12242,12244,12246,12248,12250,12252],{"class":3850,"line":3949},[3848,12230,12231],{"class":4231},"      savedScale",[3848,12233,4088],{"class":4227},[3848,12235,6618],{"class":4231},[3848,12237,4525],{"class":4227},[3848,12239,12192],{"class":4231},[3848,12241,4088],{"class":4227},[3848,12243,6618],{"class":4231},[3848,12245,9372],{"class":4227},[3848,12247,6815],{"class":4231},[3848,12249,4088],{"class":4227},[3848,12251,5882],{"class":4231},[3848,12253,4254],{"class":4227},[3848,12255,12256],{"class":3850,"line":3954},[3848,12257,6883],{"class":4227},[3848,12259,12260],{"class":3850,"line":3960},[3848,12261,3873],{"emptyLinePlaceholder":3872},[3848,12263,12264,12266,12269,12271,12273,12275,12278],{"class":3850,"line":3966},[3848,12265,4767],{"class":4263},[3848,12267,12268],{"class":4522}," rotate",[3848,12270,4525],{"class":4227},[3848,12272,5512],{"class":4231},[3848,12274,4088],{"class":4227},[3848,12276,12277],{"class":4267},"Rotation",[3848,12279,5601],{"class":4227},[3848,12281,12282,12284,12286,12288,12290],{"class":3850,"line":3972},[3848,12283,6128],{"class":4227},[3848,12285,6131],{"class":4267},[3848,12287,4786],{"class":4227},[3848,12289,6136],{"class":4263},[3848,12291,6211],{"class":4227},[3848,12293,12294,12296,12298,12300,12302,12304,12306],{"class":3850,"line":3978},[3848,12295,6128],{"class":4227},[3848,12297,12168],{"class":4267},[3848,12299,4889],{"class":4227},[3848,12301,6815],{"class":4231},[3848,12303,4895],{"class":4227},[3848,12305,4290],{"class":4263},[3848,12307,4543],{"class":4227},[3848,12309,12310,12313,12315,12317,12319,12322,12324,12326,12328,12330,12332,12334],{"class":3850,"line":3983},[3848,12311,12312],{"class":4231},"      rotation",[3848,12314,4088],{"class":4227},[3848,12316,6831],{"class":4267},[3848,12318,4786],{"class":4227},[3848,12320,12321],{"class":4231},"savedRotation",[3848,12323,4088],{"class":4227},[3848,12325,6618],{"class":4231},[3848,12327,5513],{"class":4227},[3848,12329,6815],{"class":4231},[3848,12331,4088],{"class":4227},[3848,12333,5891],{"class":4231},[3848,12335,4792],{"class":4227},[3848,12337,12338],{"class":3850,"line":3988},[3848,12339,6804],{"class":4227},[3848,12341,12342,12344,12346,12348,12350,12352,12354],{"class":3850,"line":3994},[3848,12343,6128],{"class":4227},[3848,12345,5609],{"class":4267},[3848,12347,4889],{"class":4227},[3848,12349,6815],{"class":4231},[3848,12351,4895],{"class":4227},[3848,12353,4290],{"class":4263},[3848,12355,4543],{"class":4227},[3848,12357,12358,12361,12363,12365,12367,12369,12371,12373,12375,12377,12379,12381],{"class":3850,"line":4000},[3848,12359,12360],{"class":4231},"      savedRotation",[3848,12362,4088],{"class":4227},[3848,12364,6618],{"class":4231},[3848,12366,4525],{"class":4227},[3848,12368,12321],{"class":4231},[3848,12370,4088],{"class":4227},[3848,12372,6618],{"class":4231},[3848,12374,5513],{"class":4227},[3848,12376,6815],{"class":4231},[3848,12378,4088],{"class":4227},[3848,12380,5891],{"class":4231},[3848,12382,4254],{"class":4227},[3848,12384,12385],{"class":3850,"line":4006},[3848,12386,6883],{"class":4227},[3848,12388,12389],{"class":3850,"line":4012},[3848,12390,3873],{"emptyLinePlaceholder":3872},[3848,12392,12393],{"class":3850,"line":4018},[3848,12394,12395],{"class":5397},"  \u002F\u002F Одночасне масштабування і обертання\n",[3848,12397,12398,12400,12402,12404,12406,12408,12410,12412,12415,12417,12420],{"class":3850,"line":4024},[3848,12399,4767],{"class":4263},[3848,12401,7902],{"class":4522},[3848,12403,4525],{"class":4227},[3848,12405,5512],{"class":4231},[3848,12407,4088],{"class":4227},[3848,12409,7911],{"class":4267},[3848,12411,4786],{"class":4227},[3848,12413,12414],{"class":4231},"pinch",[3848,12416,4119],{"class":4227},[3848,12418,12419],{"class":4231},"rotate",[3848,12421,4792],{"class":4227},[3848,12423,12424],{"class":3850,"line":4030},[3848,12425,3873],{"emptyLinePlaceholder":3872},[3848,12427,12428],{"class":3850,"line":4661},[3848,12429,12430],{"class":5397},"  \u002F\u002F Конвертуємо радіани у градуси для CSS rotate\n",[3848,12432,12433,12435,12438,12440,12442,12444,12446],{"class":3850,"line":4677},[3848,12434,4767],{"class":4263},[3848,12436,12437],{"class":4522}," rotateStr",[3848,12439,4525],{"class":4227},[3848,12441,5891],{"class":4231},[3848,12443,4088],{"class":4227},[3848,12445,10290],{"class":4267},[3848,12447,4535],{"class":4227},[3848,12449,12450,12452,12454,12456,12458,12461,12463,12465,12467,12469,12471,12473,12475,12477],{"class":3850,"line":6992},[3848,12451,10298],{"class":4231},[3848,12453,10301],{"class":4227},[3848,12455,9687],{"class":4231},[3848,12457,4088],{"class":4227},[3848,12459,12460],{"class":4522},"PI",[3848,12462,9372],{"class":4227},[3848,12464,6208],{"class":4561},[3848,12466,4119],{"class":4227},[3848,12468,9687],{"class":4231},[3848,12470,4088],{"class":4227},[3848,12472,12460],{"class":4522},[3848,12474,9372],{"class":4227},[3848,12476,6208],{"class":4561},[3848,12478,10315],{"class":4227},[3848,12480,12481,12483,12485,12488,12490,12493],{"class":3850,"line":6997},[3848,12482,10321],{"class":4231},[3848,12484,4770],{"class":4227},[3848,12486,12487],{"class":4250},"'-360deg'",[3848,12489,4119],{"class":4227},[3848,12491,12492],{"class":4250},"'360deg'",[3848,12494,10315],{"class":4227},[3848,12496,12497],{"class":3850,"line":7002},[3848,12498,5638],{"class":4227},[3848,12500,12501],{"class":3850,"line":7019},[3848,12502,3873],{"emptyLinePlaceholder":3872},[3848,12504,12505,12507],{"class":3850,"line":7053},[3848,12506,4313],{"class":4223},[3848,12508,4316],{"class":4227},[3848,12510,12511,12513,12515,12517,12519,12521,12524,12526],{"class":3850,"line":7725},[3848,12512,4322],{"class":4321},[3848,12514,5518],{"class":4293},[3848,12516,5666],{"class":4330},[3848,12518,4334],{"class":4227},[3848,12520,4337],{"class":4263},[3848,12522,12523],{"class":4231},"composed",[3848,12525,4464],{"class":4263},[3848,12527,4467],{"class":4321},[3848,12529,12530,12532],{"class":3850,"line":7749},[3848,12531,4830],{"class":4321},[3848,12533,12534],{"class":4293},"Animated.Image\n",[3848,12536,12537,12540,12542,12544,12546],{"class":3850,"line":7758},[3848,12538,12539],{"class":4330},"        source",[3848,12541,4334],{"class":4227},[3848,12543,4337],{"class":4263},[3848,12545,12016],{"class":4231},[3848,12547,3902],{"class":4263},[3848,12549,12550,12552,12554,12556],{"class":3850,"line":7774},[3848,12551,4916],{"class":4330},[3848,12553,4334],{"class":4227},[3848,12555,4337],{"class":4263},[3848,12557,6930],{"class":4353},[3848,12559,12560,12562,12564,12567],{"class":3850,"line":7807},[3848,12561,6935],{"class":4231},[3848,12563,4088],{"class":4353},[3848,12565,12566],{"class":4231},"image",[3848,12568,4376],{"class":4353},[3848,12570,12571],{"class":3850,"line":7812},[3848,12572,12573],{"class":4353},"          {\n",[3848,12575,12576,12579],{"class":3850,"line":7826},[3848,12577,12578],{"class":4231},"            transform:",[3848,12580,4363],{"class":4353},[3848,12582,12583,12586,12588],{"class":3850,"line":9961},[3848,12584,12585],{"class":4353},"              { ",[3848,12587,5882],{"class":4231},[3848,12589,4658],{"class":4353},[3848,12591,12592,12594,12597,12599],{"class":3850,"line":9979},[3848,12593,12585],{"class":4353},[3848,12595,12596],{"class":4231},"rotate:",[3848,12598,12437],{"class":4231},[3848,12600,4658],{"class":4353},[3848,12602,12603],{"class":3850,"line":9992},[3848,12604,12605],{"class":4353},"            ],\n",[3848,12607,12608],{"class":3850,"line":10003},[3848,12609,12610],{"class":4353},"          },\n",[3848,12612,12613,12615],{"class":3850,"line":10013},[3848,12614,6970],{"class":4353},[3848,12616,3902],{"class":4263},[3848,12618,12619],{"class":3850,"line":10028},[3848,12620,6977],{"class":4321},[3848,12622,12623,12625,12627],{"class":3850,"line":10053},[3848,12624,4497],{"class":4321},[3848,12626,5518],{"class":4293},[3848,12628,4467],{"class":4321},[3848,12630,12631],{"class":3850,"line":10069},[3848,12632,4506],{"class":4227},[3848,12634,12635],{"class":3850,"line":10075},[3848,12636,3902],{"class":4227},[3848,12638,12639],{"class":3850,"line":10099},[3848,12640,3873],{"emptyLinePlaceholder":3872},[3848,12642,12643,12645,12647,12649,12651,12653,12655],{"class":3850,"line":10105},[3848,12644,4519],{"class":4263},[3848,12646,4387],{"class":4522},[3848,12648,4525],{"class":4227},[3848,12650,4241],{"class":4231},[3848,12652,4088],{"class":4227},[3848,12654,4532],{"class":4267},[3848,12656,4535],{"class":4227},[3848,12658,12659,12662,12664,12666,12668,12670,12672,12674,12676,12678,12680],{"class":3850,"line":10121},[3848,12660,12661],{"class":4231},"  image:",[3848,12663,4228],{"class":4227},[3848,12665,5694],{"class":4231},[3848,12667,9998],{"class":4561},[3848,12669,4119],{"class":4227},[3848,12671,5702],{"class":4231},[3848,12673,9998],{"class":4561},[3848,12675,4119],{"class":4227},[3848,12677,7040],{"class":4231},[3848,12679,4655],{"class":4561},[3848,12681,4658],{"class":4227},[3848,12683,12684],{"class":3850,"line":10132},[3848,12685,4680],{"class":4227},[3828,12687,12689],{"id":12688},"живий-приклад-zoom-зображення","Живий приклад: zoom зображення",[4686,12691,12694],{"device":4688,"height":12692,"title":12693},420,"Pinch to Zoom",[3839,12695,12697],{"className":4214,"code":12696,"language":4216,"meta":3844,"style":3844},"import { useRef, useState } from 'react';\nimport { Animated, View, Text, PanResponder, StyleSheet } from 'react-native';\n\nexport default function App() {\n  const scale = useRef(new Animated.Value(1)).current;\n  const [info, setInfo] = useState('Зведи два пальці для масштабування');\n\n  \u002F\u002F PanResponder для мультитач (react-native-web не підтримує RNGH)\n  let lastDistance = useRef(0);\n  let currentScale = useRef(1);\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onPanResponderGrant: (e) => {\n      if (e.nativeEvent.touches.length === 2) {\n        const t = e.nativeEvent.touches;\n        const dx = t[0].pageX - t[1].pageX;\n        const dy = t[0].pageY - t[1].pageY;\n        lastDistance.current = Math.sqrt(dx * dx + dy * dy);\n      }\n    },\n    onPanResponderMove: (e) => {\n      if (e.nativeEvent.touches.length === 2) {\n        const t = e.nativeEvent.touches;\n        const dx = t[0].pageX - t[1].pageX;\n        const dy = t[0].pageY - t[1].pageY;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n        const newScale = Math.min(3, Math.max(0.5, currentScale.current * (dist \u002F lastDistance.current)));\n        scale.setValue(newScale);\n        setInfo(`Scale: ${newScale.toFixed(2)}x`);\n      }\n    },\n    onPanResponderRelease: () => {\n      currentScale.current = (scale as any)._value;\n    },\n  });\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CAnimated.View\n        style={[styles.box, { transform: [{ scale }] }]}\n        {...panResponder.panHandlers}\n      >\n        \u003CText style={styles.emoji}>🗺️\u003C\u002FText>\n      \u003C\u002FAnimated.View>\n      \u003CText style={styles.info}>{info}\u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: 24 },\n  box: {\n    width: 120, height: 120, borderRadius: 24,\n    backgroundColor: '#3B82F6',\n    alignItems: 'center', justifyContent: 'center',\n  },\n  emoji: { fontSize: 56 },\n  info: { color: '#64748B', fontSize: 14 },\n});\n",[3747,12698,12699,12719,12751,12755,12767,12797,12822,12826,12831,12849,12866,12870,12886,12900,12917,12946,12968,13005,13039,13077,13081,13085,13102,13128,13148,13180,13212,13245,13305,13321,13354,13358,13362,13374,13397,13401,13405,13409,13415,13437,13443,13472,13486,13490,13521,13529,13563,13571,13575,13579,13583,13599,13629,13635,13656,13664,13678,13682,13695,13714],{"__ignoreMap":3844},[3848,12700,12701,12703,12705,12707,12709,12711,12713,12715,12717],{"class":3850,"line":3851},[3848,12702,4224],{"class":4223},[3848,12704,4228],{"class":4227},[3848,12706,3814],{"class":4231},[3848,12708,4119],{"class":4227},[3848,12710,3810],{"class":4231},[3848,12712,4244],{"class":4227},[3848,12714,4247],{"class":4223},[3848,12716,4739],{"class":4250},[3848,12718,4254],{"class":4227},[3848,12720,12721,12723,12725,12727,12729,12731,12733,12735,12737,12739,12741,12743,12745,12747,12749],{"class":3850,"line":3857},[3848,12722,4224],{"class":4223},[3848,12724,4228],{"class":4227},[3848,12726,3818],{"class":4231},[3848,12728,4119],{"class":4227},[3848,12730,4716],{"class":4231},[3848,12732,4119],{"class":4227},[3848,12734,4236],{"class":4231},[3848,12736,4119],{"class":4227},[3848,12738,4047],{"class":4231},[3848,12740,4119],{"class":4227},[3848,12742,4241],{"class":4231},[3848,12744,4244],{"class":4227},[3848,12746,4247],{"class":4223},[3848,12748,4251],{"class":4250},[3848,12750,4254],{"class":4227},[3848,12752,12753],{"class":3850,"line":3863},[3848,12754,3873],{"emptyLinePlaceholder":3872},[3848,12756,12757,12759,12761,12763,12765],{"class":3850,"line":3869},[3848,12758,4750],{"class":4223},[3848,12760,4753],{"class":4223},[3848,12762,4756],{"class":4263},[3848,12764,4759],{"class":4267},[3848,12766,4762],{"class":4227},[3848,12768,12769,12771,12773,12775,12777,12779,12781,12783,12785,12787,12789,12791,12793,12795],{"class":3850,"line":3876},[3848,12770,4767],{"class":4263},[3848,12772,12034],{"class":4522},[3848,12774,4525],{"class":4227},[3848,12776,3814],{"class":4267},[3848,12778,4786],{"class":4227},[3848,12780,6600],{"class":4263},[3848,12782,6603],{"class":4231},[3848,12784,4088],{"class":4227},[3848,12786,6608],{"class":4267},[3848,12788,4786],{"class":4227},[3848,12790,6172],{"class":4561},[3848,12792,6615],{"class":4227},[3848,12794,6618],{"class":4231},[3848,12796,4254],{"class":4227},[3848,12798,12799,12801,12803,12806,12808,12811,12813,12815,12817,12820],{"class":3850,"line":3882},[3848,12800,4767],{"class":4263},[3848,12802,4770],{"class":4227},[3848,12804,12805],{"class":4522},"info",[3848,12807,4119],{"class":4227},[3848,12809,12810],{"class":4522},"setInfo",[3848,12812,4781],{"class":4227},[3848,12814,3810],{"class":4267},[3848,12816,4786],{"class":4227},[3848,12818,12819],{"class":4250},"'Зведи два пальці для масштабування'",[3848,12821,4792],{"class":4227},[3848,12823,12824],{"class":3850,"line":3887},[3848,12825,3873],{"emptyLinePlaceholder":3872},[3848,12827,12828],{"class":3850,"line":3893},[3848,12829,12830],{"class":5397},"  \u002F\u002F PanResponder для мультитач (react-native-web не підтримує RNGH)\n",[3848,12832,12833,12836,12839,12841,12843,12845,12847],{"class":3850,"line":3899},[3848,12834,12835],{"class":4263},"  let",[3848,12837,12838],{"class":4231}," lastDistance",[3848,12840,4525],{"class":4227},[3848,12842,3814],{"class":4267},[3848,12844,4786],{"class":4227},[3848,12846,4789],{"class":4561},[3848,12848,4792],{"class":4227},[3848,12850,12851,12853,12856,12858,12860,12862,12864],{"class":3850,"line":3905},[3848,12852,12835],{"class":4263},[3848,12854,12855],{"class":4231}," currentScale",[3848,12857,4525],{"class":4227},[3848,12859,3814],{"class":4267},[3848,12861,4786],{"class":4227},[3848,12863,6172],{"class":4561},[3848,12865,4792],{"class":4227},[3848,12867,12868],{"class":3850,"line":3910},[3848,12869,3873],{"emptyLinePlaceholder":3872},[3848,12871,12872,12874,12876,12878,12880,12882,12884],{"class":3850,"line":3916},[3848,12873,4767],{"class":4263},[3848,12875,7211],{"class":4522},[3848,12877,4525],{"class":4227},[3848,12879,4047],{"class":4231},[3848,12881,4088],{"class":4227},[3848,12883,4532],{"class":4267},[3848,12885,4535],{"class":4227},[3848,12887,12888,12890,12892,12894,12896,12898],{"class":3850,"line":3922},[3848,12889,7226],{"class":4267},[3848,12891,4059],{"class":4231},[3848,12893,7231],{"class":4227},[3848,12895,4290],{"class":4263},[3848,12897,7236],{"class":4263},[3848,12899,4376],{"class":4227},[3848,12901,12902,12904,12906,12908,12911,12913,12915],{"class":3850,"line":3927},[3848,12903,7243],{"class":4267},[3848,12905,4059],{"class":4231},[3848,12907,7408],{"class":4227},[3848,12909,12910],{"class":4231},"e",[3848,12912,4895],{"class":4227},[3848,12914,4290],{"class":4263},[3848,12916,4543],{"class":4227},[3848,12918,12919,12921,12923,12925,12927,12930,12932,12935,12937,12940,12942,12944],{"class":3850,"line":3932},[3848,12920,9759],{"class":4223},[3848,12922,7408],{"class":4227},[3848,12924,12910],{"class":4231},[3848,12926,4088],{"class":4227},[3848,12928,12929],{"class":4231},"nativeEvent",[3848,12931,4088],{"class":4227},[3848,12933,12934],{"class":4231},"touches",[3848,12936,4088],{"class":4227},[3848,12938,12939],{"class":4231},"length",[3848,12941,8839],{"class":4227},[3848,12943,6208],{"class":4561},[3848,12945,8749],{"class":4227},[3848,12947,12948,12951,12954,12956,12958,12960,12962,12964,12966],{"class":3850,"line":3938},[3848,12949,12950],{"class":4263},"        const",[3848,12952,12953],{"class":4522}," t",[3848,12955,4525],{"class":4227},[3848,12957,12910],{"class":4231},[3848,12959,4088],{"class":4227},[3848,12961,12929],{"class":4231},[3848,12963,4088],{"class":4227},[3848,12965,12934],{"class":4231},[3848,12967,4254],{"class":4227},[3848,12969,12970,12972,12975,12977,12980,12982,12984,12987,12990,12993,12995,12997,12999,13001,13003],{"class":3850,"line":3944},[3848,12971,12950],{"class":4263},[3848,12973,12974],{"class":4522}," dx",[3848,12976,4525],{"class":4227},[3848,12978,12979],{"class":4231},"t",[3848,12981,4438],{"class":4227},[3848,12983,4789],{"class":4561},[3848,12985,12986],{"class":4227},"].",[3848,12988,12989],{"class":4231},"pageX",[3848,12991,12992],{"class":4227}," - ",[3848,12994,12979],{"class":4231},[3848,12996,4438],{"class":4227},[3848,12998,6172],{"class":4561},[3848,13000,12986],{"class":4227},[3848,13002,12989],{"class":4231},[3848,13004,4254],{"class":4227},[3848,13006,13007,13009,13012,13014,13016,13018,13020,13022,13025,13027,13029,13031,13033,13035,13037],{"class":3850,"line":3949},[3848,13008,12950],{"class":4263},[3848,13010,13011],{"class":4522}," dy",[3848,13013,4525],{"class":4227},[3848,13015,12979],{"class":4231},[3848,13017,4438],{"class":4227},[3848,13019,4789],{"class":4561},[3848,13021,12986],{"class":4227},[3848,13023,13024],{"class":4231},"pageY",[3848,13026,12992],{"class":4227},[3848,13028,12979],{"class":4231},[3848,13030,4438],{"class":4227},[3848,13032,6172],{"class":4561},[3848,13034,12986],{"class":4227},[3848,13036,13024],{"class":4231},[3848,13038,4254],{"class":4227},[3848,13040,13041,13044,13046,13048,13050,13052,13054,13057,13059,13062,13064,13066,13068,13071,13073,13075],{"class":3850,"line":3954},[3848,13042,13043],{"class":4231},"        lastDistance",[3848,13045,4088],{"class":4227},[3848,13047,6618],{"class":4231},[3848,13049,4525],{"class":4227},[3848,13051,9687],{"class":4231},[3848,13053,4088],{"class":4227},[3848,13055,13056],{"class":4267},"sqrt",[3848,13058,4786],{"class":4227},[3848,13060,13061],{"class":4231},"dx",[3848,13063,9372],{"class":4227},[3848,13065,13061],{"class":4231},[3848,13067,5513],{"class":4227},[3848,13069,13070],{"class":4231},"dy",[3848,13072,9372],{"class":4227},[3848,13074,13070],{"class":4231},[3848,13076,4792],{"class":4227},[3848,13078,13079],{"class":3850,"line":3960},[3848,13080,9892],{"class":4227},[3848,13082,13083],{"class":3850,"line":3966},[3848,13084,7320],{"class":4227},[3848,13086,13087,13090,13092,13094,13096,13098,13100],{"class":3850,"line":3972},[3848,13088,13089],{"class":4267},"    onPanResponderMove",[3848,13091,4059],{"class":4231},[3848,13093,7408],{"class":4227},[3848,13095,12910],{"class":4231},[3848,13097,4895],{"class":4227},[3848,13099,4290],{"class":4263},[3848,13101,4543],{"class":4227},[3848,13103,13104,13106,13108,13110,13112,13114,13116,13118,13120,13122,13124,13126],{"class":3850,"line":3978},[3848,13105,9759],{"class":4223},[3848,13107,7408],{"class":4227},[3848,13109,12910],{"class":4231},[3848,13111,4088],{"class":4227},[3848,13113,12929],{"class":4231},[3848,13115,4088],{"class":4227},[3848,13117,12934],{"class":4231},[3848,13119,4088],{"class":4227},[3848,13121,12939],{"class":4231},[3848,13123,8839],{"class":4227},[3848,13125,6208],{"class":4561},[3848,13127,8749],{"class":4227},[3848,13129,13130,13132,13134,13136,13138,13140,13142,13144,13146],{"class":3850,"line":3983},[3848,13131,12950],{"class":4263},[3848,13133,12953],{"class":4522},[3848,13135,4525],{"class":4227},[3848,13137,12910],{"class":4231},[3848,13139,4088],{"class":4227},[3848,13141,12929],{"class":4231},[3848,13143,4088],{"class":4227},[3848,13145,12934],{"class":4231},[3848,13147,4254],{"class":4227},[3848,13149,13150,13152,13154,13156,13158,13160,13162,13164,13166,13168,13170,13172,13174,13176,13178],{"class":3850,"line":3988},[3848,13151,12950],{"class":4263},[3848,13153,12974],{"class":4522},[3848,13155,4525],{"class":4227},[3848,13157,12979],{"class":4231},[3848,13159,4438],{"class":4227},[3848,13161,4789],{"class":4561},[3848,13163,12986],{"class":4227},[3848,13165,12989],{"class":4231},[3848,13167,12992],{"class":4227},[3848,13169,12979],{"class":4231},[3848,13171,4438],{"class":4227},[3848,13173,6172],{"class":4561},[3848,13175,12986],{"class":4227},[3848,13177,12989],{"class":4231},[3848,13179,4254],{"class":4227},[3848,13181,13182,13184,13186,13188,13190,13192,13194,13196,13198,13200,13202,13204,13206,13208,13210],{"class":3850,"line":3994},[3848,13183,12950],{"class":4263},[3848,13185,13011],{"class":4522},[3848,13187,4525],{"class":4227},[3848,13189,12979],{"class":4231},[3848,13191,4438],{"class":4227},[3848,13193,4789],{"class":4561},[3848,13195,12986],{"class":4227},[3848,13197,13024],{"class":4231},[3848,13199,12992],{"class":4227},[3848,13201,12979],{"class":4231},[3848,13203,4438],{"class":4227},[3848,13205,6172],{"class":4561},[3848,13207,12986],{"class":4227},[3848,13209,13024],{"class":4231},[3848,13211,4254],{"class":4227},[3848,13213,13214,13216,13219,13221,13223,13225,13227,13229,13231,13233,13235,13237,13239,13241,13243],{"class":3850,"line":4000},[3848,13215,12950],{"class":4263},[3848,13217,13218],{"class":4522}," dist",[3848,13220,4525],{"class":4227},[3848,13222,9687],{"class":4231},[3848,13224,4088],{"class":4227},[3848,13226,13056],{"class":4267},[3848,13228,4786],{"class":4227},[3848,13230,13061],{"class":4231},[3848,13232,9372],{"class":4227},[3848,13234,13061],{"class":4231},[3848,13236,5513],{"class":4227},[3848,13238,13070],{"class":4231},[3848,13240,9372],{"class":4227},[3848,13242,13070],{"class":4231},[3848,13244,4792],{"class":4227},[3848,13246,13247,13249,13252,13254,13256,13258,13260,13262,13264,13266,13268,13270,13273,13275,13278,13280,13283,13285,13287,13290,13293,13295,13298,13300,13302],{"class":3850,"line":4006},[3848,13248,12950],{"class":4263},[3848,13250,13251],{"class":4522}," newScale",[3848,13253,4525],{"class":4227},[3848,13255,9687],{"class":4231},[3848,13257,4088],{"class":4227},[3848,13259,9692],{"class":4267},[3848,13261,4786],{"class":4227},[3848,13263,11864],{"class":4561},[3848,13265,4119],{"class":4227},[3848,13267,9687],{"class":4231},[3848,13269,4088],{"class":4227},[3848,13271,13272],{"class":4267},"max",[3848,13274,4786],{"class":4227},[3848,13276,13277],{"class":4561},"0.5",[3848,13279,4119],{"class":4227},[3848,13281,13282],{"class":4231},"currentScale",[3848,13284,4088],{"class":4227},[3848,13286,6618],{"class":4231},[3848,13288,13289],{"class":4227}," * (",[3848,13291,13292],{"class":4231},"dist",[3848,13294,5980],{"class":4227},[3848,13296,13297],{"class":4231},"lastDistance",[3848,13299,4088],{"class":4227},[3848,13301,6618],{"class":4231},[3848,13303,13304],{"class":4227},")));\n",[3848,13306,13307,13310,13312,13314,13316,13319],{"class":3850,"line":4012},[3848,13308,13309],{"class":4231},"        scale",[3848,13311,4088],{"class":4227},[3848,13313,6831],{"class":4267},[3848,13315,4786],{"class":4227},[3848,13317,13318],{"class":4231},"newScale",[3848,13320,4792],{"class":4227},[3848,13322,13323,13326,13328,13331,13334,13336,13338,13341,13343,13345,13347,13349,13352],{"class":3850,"line":4018},[3848,13324,13325],{"class":4267},"        setInfo",[3848,13327,4786],{"class":4227},[3848,13329,13330],{"class":4250},"`Scale: ",[3848,13332,13333],{"class":4263},"${",[3848,13335,13318],{"class":4231},[3848,13337,4088],{"class":4353},[3848,13339,13340],{"class":4267},"toFixed",[3848,13342,4786],{"class":4353},[3848,13344,6208],{"class":4561},[3848,13346,4909],{"class":4353},[3848,13348,4464],{"class":4263},[3848,13350,13351],{"class":4250},"x`",[3848,13353,4792],{"class":4227},[3848,13355,13356],{"class":3850,"line":4024},[3848,13357,9892],{"class":4227},[3848,13359,13360],{"class":3850,"line":4030},[3848,13361,7320],{"class":4227},[3848,13363,13364,13366,13368,13370,13372],{"class":3850,"line":4661},[3848,13365,7383],{"class":4267},[3848,13367,4059],{"class":4231},[3848,13369,7231],{"class":4227},[3848,13371,4290],{"class":4263},[3848,13373,4543],{"class":4227},[3848,13375,13376,13379,13381,13383,13385,13387,13389,13391,13393,13395],{"class":3850,"line":4677},[3848,13377,13378],{"class":4231},"      currentScale",[3848,13380,4088],{"class":4227},[3848,13382,6618],{"class":4231},[3848,13384,6758],{"class":4227},[3848,13386,5882],{"class":4231},[3848,13388,6764],{"class":4223},[3848,13390,6767],{"class":4293},[3848,13392,6770],{"class":4227},[3848,13394,6773],{"class":4231},[3848,13396,4254],{"class":4227},[3848,13398,13399],{"class":3850,"line":6992},[3848,13400,7320],{"class":4227},[3848,13402,13403],{"class":3850,"line":6997},[3848,13404,5638],{"class":4227},[3848,13406,13407],{"class":3850,"line":7002},[3848,13408,3873],{"emptyLinePlaceholder":3872},[3848,13410,13411,13413],{"class":3850,"line":7019},[3848,13412,4313],{"class":4223},[3848,13414,4316],{"class":4227},[3848,13416,13417,13419,13421,13423,13425,13427,13429,13431,13433,13435],{"class":3850,"line":7053},[3848,13418,4322],{"class":4321},[3848,13420,4716],{"class":4293},[3848,13422,4431],{"class":4330},[3848,13424,4334],{"class":4227},[3848,13426,4337],{"class":4263},[3848,13428,4441],{"class":4231},[3848,13430,4088],{"class":4353},[3848,13432,4821],{"class":4231},[3848,13434,4464],{"class":4263},[3848,13436,4467],{"class":4321},[3848,13438,13439,13441],{"class":3850,"line":7725},[3848,13440,4830],{"class":4321},[3848,13442,6919],{"class":4293},[3848,13444,13445,13447,13449,13451,13453,13455,13457,13459,13461,13463,13465,13467,13470],{"class":3850,"line":7749},[3848,13446,4916],{"class":4330},[3848,13448,4334],{"class":4227},[3848,13450,4337],{"class":4263},[3848,13452,4438],{"class":4353},[3848,13454,4441],{"class":4231},[3848,13456,4088],{"class":4353},[3848,13458,6330],{"class":4231},[3848,13460,7340],{"class":4353},[3848,13462,5197],{"class":4231},[3848,13464,4613],{"class":4353},[3848,13466,5882],{"class":4231},[3848,13468,13469],{"class":4353}," }] }]",[3848,13471,3902],{"class":4263},[3848,13473,13474,13476,13478,13480,13482,13484],{"class":3850,"line":7758},[3848,13475,4964],{"class":4263},[3848,13477,7573],{"class":4227},[3848,13479,7576],{"class":4231},[3848,13481,4088],{"class":4353},[3848,13483,7581],{"class":4231},[3848,13485,3902],{"class":4263},[3848,13487,13488],{"class":3850,"line":7774},[3848,13489,4959],{"class":4321},[3848,13491,13492,13494,13496,13498,13500,13502,13504,13506,13508,13510,13512,13515,13517,13519],{"class":3850,"line":7807},[3848,13493,4426],{"class":4321},[3848,13495,4236],{"class":4293},[3848,13497,4431],{"class":4330},[3848,13499,4334],{"class":4227},[3848,13501,4337],{"class":4263},[3848,13503,4441],{"class":4231},[3848,13505,4088],{"class":4353},[3848,13507,7606],{"class":4231},[3848,13509,4464],{"class":4263},[3848,13511,4850],{"class":4321},[3848,13513,13514],{"class":4227},"🗺️",[3848,13516,4859],{"class":4321},[3848,13518,4236],{"class":4293},[3848,13520,4467],{"class":4321},[3848,13522,13523,13525,13527],{"class":3850,"line":7812},[3848,13524,5033],{"class":4321},[3848,13526,7626],{"class":4293},[3848,13528,4467],{"class":4321},[3848,13530,13531,13533,13535,13537,13539,13541,13543,13545,13547,13549,13551,13553,13555,13557,13559,13561],{"class":3850,"line":7826},[3848,13532,4830],{"class":4321},[3848,13534,4236],{"class":4293},[3848,13536,4431],{"class":4330},[3848,13538,4334],{"class":4227},[3848,13540,4337],{"class":4263},[3848,13542,4441],{"class":4231},[3848,13544,4088],{"class":4353},[3848,13546,12805],{"class":4231},[3848,13548,4464],{"class":4263},[3848,13550,4850],{"class":4321},[3848,13552,4337],{"class":4263},[3848,13554,12805],{"class":4231},[3848,13556,4464],{"class":4263},[3848,13558,4859],{"class":4321},[3848,13560,4236],{"class":4293},[3848,13562,4467],{"class":4321},[3848,13564,13565,13567,13569],{"class":3850,"line":9961},[3848,13566,4497],{"class":4321},[3848,13568,4716],{"class":4293},[3848,13570,4467],{"class":4321},[3848,13572,13573],{"class":3850,"line":9979},[3848,13574,4506],{"class":4227},[3848,13576,13577],{"class":3850,"line":9992},[3848,13578,3902],{"class":4227},[3848,13580,13581],{"class":3850,"line":10003},[3848,13582,3873],{"emptyLinePlaceholder":3872},[3848,13584,13585,13587,13589,13591,13593,13595,13597],{"class":3850,"line":10013},[3848,13586,4519],{"class":4263},[3848,13588,4387],{"class":4522},[3848,13590,4525],{"class":4227},[3848,13592,4241],{"class":4231},[3848,13594,4088],{"class":4227},[3848,13596,4532],{"class":4267},[3848,13598,4535],{"class":4227},[3848,13600,13601,13603,13605,13607,13609,13611,13613,13615,13617,13619,13621,13623,13625,13627],{"class":3850,"line":10028},[3848,13602,5078],{"class":4231},[3848,13604,4228],{"class":4227},[3848,13606,5083],{"class":4231},[3848,13608,4906],{"class":4561},[3848,13610,4119],{"class":4227},[3848,13612,5090],{"class":4231},[3848,13614,5093],{"class":4250},[3848,13616,4119],{"class":4227},[3848,13618,5098],{"class":4231},[3848,13620,5093],{"class":4250},[3848,13622,4119],{"class":4227},[3848,13624,5105],{"class":4231},[3848,13626,4562],{"class":4561},[3848,13628,4658],{"class":4227},[3848,13630,13631,13633],{"class":3850,"line":10053},[3848,13632,7022],{"class":4231},[3848,13634,4543],{"class":4227},[3848,13636,13637,13639,13642,13644,13646,13648,13650,13652,13654],{"class":3850,"line":10069},[3848,13638,7728],{"class":4231},[3848,13640,13641],{"class":4561}," 120",[3848,13643,4119],{"class":4227},[3848,13645,5702],{"class":4231},[3848,13647,13641],{"class":4561},[3848,13649,4119],{"class":4227},[3848,13651,7040],{"class":4231},[3848,13653,4562],{"class":4561},[3848,13655,4376],{"class":4227},[3848,13657,13658,13660,13662],{"class":3850,"line":10075},[3848,13659,4548],{"class":4231},[3848,13661,4551],{"class":4250},[3848,13663,4376],{"class":4227},[3848,13665,13666,13668,13670,13672,13674,13676],{"class":3850,"line":10099},[3848,13667,7761],{"class":4231},[3848,13669,5093],{"class":4250},[3848,13671,4119],{"class":4227},[3848,13673,5098],{"class":4231},[3848,13675,5093],{"class":4250},[3848,13677,4376],{"class":4227},[3848,13679,13680],{"class":3850,"line":10105},[3848,13681,4589],{"class":4227},[3848,13683,13684,13686,13688,13690,13693],{"class":3850,"line":10121},[3848,13685,7815],{"class":4231},[3848,13687,4228],{"class":4227},[3848,13689,4652],{"class":4231},[3848,13691,13692],{"class":4561}," 56",[3848,13694,4658],{"class":4227},[3848,13696,13697,13700,13702,13704,13706,13708,13710,13712],{"class":3850,"line":10132},[3848,13698,13699],{"class":4231},"  info:",[3848,13701,4228],{"class":4227},[3848,13703,4636],{"class":4231},[3848,13705,7707],{"class":4250},[3848,13707,4119],{"class":4227},[3848,13709,4652],{"class":4231},[3848,13711,4572],{"class":4561},[3848,13713,4658],{"class":4227},[3848,13715,13716],{"class":3850,"line":10141},[3848,13717,4680],{"class":4227},[3821,13719],{},[3738,13721,13723],{"id":13722},"міні-проєкт-список-з-swipe-delete","Міні-проєкт: «Список з swipe-delete»",[3828,13725,13727],{"id":13726},"що-будуємо","Що будуємо",[3743,13729,13730],{},"Список з 10 елементами де:",[4061,13732,13733,13739,13745,13751,13756],{},[3755,13734,13735,13738],{},[3758,13736,13737],{},"Свайп ліворуч"," відкриває червону зону «Видалити».",[3755,13740,13741,13744],{},[3758,13742,13743],{},"Продовження свайпу"," > 70% ширини → автоматичне видалення з анімацією.",[3755,13746,13747,13750],{},[3758,13748,13749],{},"Haptic feedback"," при перетині порогу.",[3755,13752,13753,13755],{},[3758,13754,10622],{}," «Елемент видалено · Скасувати» з таймером 3 секунди.",[3755,13757,13758,13760],{},[3758,13759,3766],{}," → ActionSheet з опціями «Редагувати»\u002F«Видалити»\u002F«Поділитись».",[3828,13762,13764],{"id":13763},"структура-файлів","Структура файлів",[13766,13767,13768,13778,13788,13798],"code-tree",{},[3839,13769,13772],{"className":4214,"code":13770,"filename":13771,"language":4216,"meta":3844,"style":3844},"\u002F\u002F Головний екран зі списком\n","app\u002F(tabs)\u002Flist.tsx",[3747,13773,13774],{"__ignoreMap":3844},[3848,13775,13776],{"class":3850,"line":3851},[3848,13777,13770],{"class":5397},[3839,13779,13782],{"className":4214,"code":13780,"filename":13781,"language":4216,"meta":3844,"style":3844},"\u002F\u002F Рядок з підтримкою swipe\n","components\u002Flist\u002FSwipeableRow.tsx",[3747,13783,13784],{"__ignoreMap":3844},[3848,13785,13786],{"class":3850,"line":3851},[3848,13787,13780],{"class":5397},[3839,13789,13792],{"className":4214,"code":13790,"filename":13791,"language":4216,"meta":3844,"style":3844},"\u002F\u002F Снекбар з кнопкою «Скасувати»\n","components\u002Flist\u002FUndoSnackbar.tsx",[3747,13793,13794],{"__ignoreMap":3844},[3848,13795,13796],{"class":3850,"line":3851},[3848,13797,13790],{"class":5397},[3839,13799,13802],{"className":4214,"code":13800,"filename":13801,"language":4216,"meta":3844,"style":3844},"\u002F\u002F Логіка undo з таймером\n","hooks\u002FuseUndoDelete.ts",[3747,13803,13804],{"__ignoreMap":3844},[3848,13805,13806],{"class":3850,"line":3851},[3848,13807,13800],{"class":5397},[3828,13809,13811],{"id":13810},"хук-useundodelete","Хук useUndoDelete",[3839,13813,13815],{"className":7891,"code":13814,"language":7893,"meta":3844,"style":3844},"\u002F\u002F hooks\u002FuseUndoDelete.ts\nimport { useState, useRef, useCallback } from 'react';\nimport * as Haptics from 'expo-haptics';\n\ninterface UndoState\u003CT> {\n  deletedItem: T | null;\n  deletedIndex: number;\n}\n\nexport function useUndoDelete\u003CT extends { id: string }>(\n  items: T[],\n  setItems: React.Dispatch\u003CReact.SetStateAction\u003CT[]>>\n) {\n  const [undoState, setUndoState] = useState\u003CUndoState\u003CT>>({\n    deletedItem: null,\n    deletedIndex: -1,\n  });\n  const timerRef = useRef\u003CReturnType\u003Ctypeof setTimeout>>();\n\n  const deleteItem = useCallback((id: string) => {\n    const index = items.findIndex((i) => i.id === id);\n    const item = items[index];\n    if (!item) return;\n\n    \u002F\u002F Видаляємо зі списку\n    setItems((prev) => prev.filter((i) => i.id !== id));\n    setUndoState({ deletedItem: item, deletedIndex: index });\n\n    Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);\n\n    \u002F\u002F Таймер кінцевого видалення (тут можна викликати API)\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => {\n      setUndoState({ deletedItem: null, deletedIndex: -1 });\n      \u002F\u002F TODO: api.deleteItem(id)\n    }, 3000);\n  }, [items, setItems]);\n\n  const undoDelete = useCallback(() => {\n    clearTimeout(timerRef.current);\n    if (!undoState.deletedItem) return;\n\n    \u002F\u002F Повертаємо елемент на місце\n    setItems((prev) => {\n      const newItems = [...prev];\n      newItems.splice(undoState.deletedIndex, 0, undoState.deletedItem!);\n      return newItems;\n    });\n    setUndoState({ deletedItem: null, deletedIndex: -1 });\n    Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);\n  }, [undoState, setItems]);\n\n  const dismissUndo = useCallback(() => {\n    setUndoState({ deletedItem: null, deletedIndex: -1 });\n  }, []);\n\n  return {\n    deleteItem,\n    undoDelete,\n    dismissUndo,\n    showUndo: undoState.deletedItem !== null,\n  };\n}\n",[3747,13816,13817,13822,13846,13862,13866,13881,13896,13907,13911,13915,13942,13954,13984,13988,14018,14028,14039,14043,14065,14069,14094,14133,14151,14167,14171,14176,14219,14240,14244,14266,14270,14275,14289,14307,14328,14333,14341,14356,14360,14377,14391,14410,14414,14419,14433,14447,14481,14490,14494,14514,14536,14548,14552,14569,14589,14593,14597,14603,14610,14617,14624,14642,14646],{"__ignoreMap":3844},[3848,13818,13819],{"class":3850,"line":3851},[3848,13820,13821],{"class":5397},"\u002F\u002F hooks\u002FuseUndoDelete.ts\n",[3848,13823,13824,13826,13828,13830,13832,13834,13836,13838,13840,13842,13844],{"class":3850,"line":3857},[3848,13825,4224],{"class":4223},[3848,13827,4228],{"class":4227},[3848,13829,3810],{"class":4231},[3848,13831,4119],{"class":4227},[3848,13833,3814],{"class":4231},[3848,13835,4119],{"class":4227},[3848,13837,9242],{"class":4231},[3848,13839,4244],{"class":4227},[3848,13841,4247],{"class":4223},[3848,13843,4739],{"class":4250},[3848,13845,4254],{"class":4227},[3848,13847,13848,13850,13852,13854,13856,13858,13860],{"class":3850,"line":3863},[3848,13849,4224],{"class":4223},[3848,13851,8612],{"class":4263},[3848,13853,6764],{"class":4223},[3848,13855,8617],{"class":4231},[3848,13857,8620],{"class":4223},[3848,13859,8623],{"class":4250},[3848,13861,4254],{"class":4227},[3848,13863,13864],{"class":3850,"line":3869},[3848,13865,3873],{"emptyLinePlaceholder":3872},[3848,13867,13868,13870,13873,13875,13878],{"class":3850,"line":3876},[3848,13869,8658],{"class":4263},[3848,13871,13872],{"class":4293}," UndoState",[3848,13874,10837],{"class":4227},[3848,13876,13877],{"class":4293},"T",[3848,13879,13880],{"class":4227},"> {\n",[3848,13882,13883,13886,13888,13890,13892,13894],{"class":3850,"line":3882},[3848,13884,13885],{"class":4231},"  deletedItem",[3848,13887,4302],{"class":4227},[3848,13889,13877],{"class":4293},[3848,13891,8701],{"class":4227},[3848,13893,7337],{"class":4293},[3848,13895,4254],{"class":4227},[3848,13897,13898,13901,13903,13905],{"class":3850,"line":3887},[3848,13899,13900],{"class":4231},"  deletedIndex",[3848,13902,4302],{"class":4227},[3848,13904,5269],{"class":4293},[3848,13906,4254],{"class":4227},[3848,13908,13909],{"class":3850,"line":3893},[3848,13910,3902],{"class":4227},[3848,13912,13913],{"class":3850,"line":3899},[3848,13914,3873],{"emptyLinePlaceholder":3872},[3848,13916,13917,13919,13921,13924,13926,13928,13931,13933,13935,13937,13939],{"class":3850,"line":3905},[3848,13918,4750],{"class":4223},[3848,13920,4756],{"class":4263},[3848,13922,13923],{"class":4267}," useUndoDelete",[3848,13925,10837],{"class":4227},[3848,13927,13877],{"class":4293},[3848,13929,13930],{"class":4263}," extends",[3848,13932,4228],{"class":4227},[3848,13934,8254],{"class":4231},[3848,13936,4302],{"class":4227},[3848,13938,4305],{"class":4293},[3848,13940,13941],{"class":4227}," }>(\n",[3848,13943,13944,13947,13949,13951],{"class":3850,"line":3910},[3848,13945,13946],{"class":4231},"  items",[3848,13948,4302],{"class":4227},[3848,13950,13877],{"class":4293},[3848,13952,13953],{"class":4227},"[],\n",[3848,13955,13956,13959,13961,13963,13965,13968,13970,13972,13974,13977,13979,13981],{"class":3850,"line":3916},[3848,13957,13958],{"class":4231},"  setItems",[3848,13960,4302],{"class":4227},[3848,13962,2021],{"class":4293},[3848,13964,4088],{"class":4227},[3848,13966,13967],{"class":4293},"Dispatch",[3848,13969,10837],{"class":4227},[3848,13971,2021],{"class":4293},[3848,13973,4088],{"class":4227},[3848,13975,13976],{"class":4293},"SetStateAction",[3848,13978,10837],{"class":4227},[3848,13980,13877],{"class":4293},[3848,13982,13983],{"class":4227},"[]>>\n",[3848,13985,13986],{"class":3850,"line":3922},[3848,13987,8749],{"class":4227},[3848,13989,13990,13992,13994,13997,13999,14002,14004,14006,14008,14011,14013,14015],{"class":3850,"line":3927},[3848,13991,4767],{"class":4263},[3848,13993,4770],{"class":4227},[3848,13995,13996],{"class":4522},"undoState",[3848,13998,4119],{"class":4227},[3848,14000,14001],{"class":4522},"setUndoState",[3848,14003,4781],{"class":4227},[3848,14005,3810],{"class":4267},[3848,14007,10837],{"class":4227},[3848,14009,14010],{"class":4293},"UndoState",[3848,14012,10837],{"class":4227},[3848,14014,13877],{"class":4293},[3848,14016,14017],{"class":4227},">>({\n",[3848,14019,14020,14023,14026],{"class":3850,"line":3932},[3848,14021,14022],{"class":4231},"    deletedItem:",[3848,14024,14025],{"class":4263}," null",[3848,14027,4376],{"class":4227},[3848,14029,14030,14033,14035,14037],{"class":3850,"line":3938},[3848,14031,14032],{"class":4231},"    deletedIndex:",[3848,14034,9985],{"class":4227},[3848,14036,6172],{"class":4561},[3848,14038,4376],{"class":4227},[3848,14040,14041],{"class":3850,"line":3944},[3848,14042,5638],{"class":4227},[3848,14044,14045,14047,14049,14051,14053,14055,14057,14059,14061,14063],{"class":3850,"line":3949},[3848,14046,4767],{"class":4263},[3848,14048,10830],{"class":4522},[3848,14050,4525],{"class":4227},[3848,14052,3814],{"class":4267},[3848,14054,10837],{"class":4227},[3848,14056,10840],{"class":4293},[3848,14058,10837],{"class":4227},[3848,14060,10845],{"class":4263},[3848,14062,10848],{"class":4231},[3848,14064,10851],{"class":4227},[3848,14066,14067],{"class":3850,"line":3954},[3848,14068,3873],{"emptyLinePlaceholder":3872},[3848,14070,14071,14073,14076,14078,14080,14082,14084,14086,14088,14090,14092],{"class":3850,"line":3960},[3848,14072,4767],{"class":4263},[3848,14074,14075],{"class":4522}," deleteItem",[3848,14077,4525],{"class":4227},[3848,14079,9242],{"class":4267},[3848,14081,4889],{"class":4227},[3848,14083,8254],{"class":4231},[3848,14085,4302],{"class":4227},[3848,14087,4305],{"class":4293},[3848,14089,4895],{"class":4227},[3848,14091,4290],{"class":4263},[3848,14093,4543],{"class":4227},[3848,14095,14096,14099,14102,14104,14106,14108,14111,14113,14116,14118,14120,14123,14125,14127,14129,14131],{"class":3850,"line":3966},[3848,14097,14098],{"class":4263},"    const",[3848,14100,14101],{"class":4522}," index",[3848,14103,4525],{"class":4227},[3848,14105,8218],{"class":4231},[3848,14107,4088],{"class":4227},[3848,14109,14110],{"class":4267},"findIndex",[3848,14112,4889],{"class":4227},[3848,14114,14115],{"class":4231},"i",[3848,14117,4895],{"class":4227},[3848,14119,4290],{"class":4263},[3848,14121,14122],{"class":4231}," i",[3848,14124,4088],{"class":4227},[3848,14126,8254],{"class":4231},[3848,14128,8839],{"class":4227},[3848,14130,8254],{"class":4231},[3848,14132,4792],{"class":4227},[3848,14134,14135,14137,14139,14141,14143,14145,14148],{"class":3850,"line":3972},[3848,14136,14098],{"class":4263},[3848,14138,8278],{"class":4522},[3848,14140,4525],{"class":4227},[3848,14142,8218],{"class":4231},[3848,14144,4438],{"class":4227},[3848,14146,14147],{"class":4231},"index",[3848,14149,14150],{"class":4227},"];\n",[3848,14152,14153,14155,14158,14160,14162,14165],{"class":3850,"line":3978},[3848,14154,8832],{"class":4223},[3848,14156,14157],{"class":4227}," (!",[3848,14159,8228],{"class":4231},[3848,14161,4895],{"class":4227},[3848,14163,14164],{"class":4223},"return",[3848,14166,4254],{"class":4227},[3848,14168,14169],{"class":3850,"line":3983},[3848,14170,3873],{"emptyLinePlaceholder":3872},[3848,14172,14173],{"class":3850,"line":3988},[3848,14174,14175],{"class":5397},"    \u002F\u002F Видаляємо зі списку\n",[3848,14177,14178,14181,14183,14186,14188,14190,14193,14195,14198,14200,14202,14204,14206,14208,14210,14212,14215,14217],{"class":3850,"line":3994},[3848,14179,14180],{"class":4267},"    setItems",[3848,14182,4889],{"class":4227},[3848,14184,14185],{"class":4231},"prev",[3848,14187,4895],{"class":4227},[3848,14189,4290],{"class":4263},[3848,14191,14192],{"class":4231}," prev",[3848,14194,4088],{"class":4227},[3848,14196,14197],{"class":4267},"filter",[3848,14199,4889],{"class":4227},[3848,14201,14115],{"class":4231},[3848,14203,4895],{"class":4227},[3848,14205,4290],{"class":4263},[3848,14207,14122],{"class":4231},[3848,14209,4088],{"class":4227},[3848,14211,8254],{"class":4231},[3848,14213,14214],{"class":4227}," !== ",[3848,14216,8254],{"class":4231},[3848,14218,6175],{"class":4227},[3848,14220,14221,14224,14226,14229,14231,14233,14236,14238],{"class":3850,"line":4000},[3848,14222,14223],{"class":4267},"    setUndoState",[3848,14225,4271],{"class":4227},[3848,14227,14228],{"class":4231},"deletedItem:",[3848,14230,8278],{"class":4231},[3848,14232,4119],{"class":4227},[3848,14234,14235],{"class":4231},"deletedIndex:",[3848,14237,14101],{"class":4231},[3848,14239,7200],{"class":4227},[3848,14241,14242],{"class":3850,"line":4006},[3848,14243,3873],{"emptyLinePlaceholder":3872},[3848,14245,14246,14248,14250,14252,14254,14256,14258,14260,14262,14264],{"class":3850,"line":4012},[3848,14247,11583],{"class":4231},[3848,14249,4088],{"class":4227},[3848,14251,8855],{"class":4267},[3848,14253,4786],{"class":4227},[3848,14255,8789],{"class":4231},[3848,14257,4088],{"class":4227},[3848,14259,8864],{"class":4231},[3848,14261,4088],{"class":4227},[3848,14263,10048],{"class":4231},[3848,14265,4792],{"class":4227},[3848,14267,14268],{"class":3850,"line":4018},[3848,14269,3873],{"emptyLinePlaceholder":3872},[3848,14271,14272],{"class":3850,"line":4024},[3848,14273,14274],{"class":5397},"    \u002F\u002F Таймер кінцевого видалення (тут можна викликати API)\n",[3848,14276,14277,14279,14281,14283,14285,14287],{"class":3850,"line":4030},[3848,14278,11094],{"class":4267},[3848,14280,4786],{"class":4227},[3848,14282,10988],{"class":4231},[3848,14284,4088],{"class":4227},[3848,14286,6618],{"class":4231},[3848,14288,4792],{"class":4227},[3848,14290,14291,14293,14295,14297,14299,14301,14303,14305],{"class":3850,"line":4661},[3848,14292,10936],{"class":4231},[3848,14294,4088],{"class":4227},[3848,14296,6618],{"class":4231},[3848,14298,4525],{"class":4227},[3848,14300,10945],{"class":4267},[3848,14302,5612],{"class":4227},[3848,14304,4290],{"class":4263},[3848,14306,4543],{"class":4227},[3848,14308,14309,14312,14314,14316,14318,14320,14322,14324,14326],{"class":3850,"line":4677},[3848,14310,14311],{"class":4267},"      setUndoState",[3848,14313,4271],{"class":4227},[3848,14315,14228],{"class":4231},[3848,14317,14025],{"class":4263},[3848,14319,4119],{"class":4227},[3848,14321,14235],{"class":4231},[3848,14323,9985],{"class":4227},[3848,14325,6172],{"class":4561},[3848,14327,7200],{"class":4227},[3848,14329,14330],{"class":3850,"line":6992},[3848,14331,14332],{"class":5397},"      \u002F\u002F TODO: api.deleteItem(id)\n",[3848,14334,14335,14337,14339],{"class":3850,"line":6997},[3848,14336,10963],{"class":4227},[3848,14338,10786],{"class":4561},[3848,14340,4792],{"class":4227},[3848,14342,14343,14346,14348,14350,14353],{"class":3850,"line":7002},[3848,14344,14345],{"class":4227},"  }, [",[3848,14347,8218],{"class":4231},[3848,14349,4119],{"class":4227},[3848,14351,14352],{"class":4231},"setItems",[3848,14354,14355],{"class":4227},"]);\n",[3848,14357,14358],{"class":3850,"line":7019},[3848,14359,3873],{"emptyLinePlaceholder":3872},[3848,14361,14362,14364,14367,14369,14371,14373,14375],{"class":3850,"line":7053},[3848,14363,4767],{"class":4263},[3848,14365,14366],{"class":4522}," undoDelete",[3848,14368,4525],{"class":4227},[3848,14370,9242],{"class":4267},[3848,14372,5612],{"class":4227},[3848,14374,4290],{"class":4263},[3848,14376,4543],{"class":4227},[3848,14378,14379,14381,14383,14385,14387,14389],{"class":3850,"line":7725},[3848,14380,11094],{"class":4267},[3848,14382,4786],{"class":4227},[3848,14384,10988],{"class":4231},[3848,14386,4088],{"class":4227},[3848,14388,6618],{"class":4231},[3848,14390,4792],{"class":4227},[3848,14392,14393,14395,14397,14399,14401,14404,14406,14408],{"class":3850,"line":7749},[3848,14394,8832],{"class":4223},[3848,14396,14157],{"class":4227},[3848,14398,13996],{"class":4231},[3848,14400,4088],{"class":4227},[3848,14402,14403],{"class":4231},"deletedItem",[3848,14405,4895],{"class":4227},[3848,14407,14164],{"class":4223},[3848,14409,4254],{"class":4227},[3848,14411,14412],{"class":3850,"line":7758},[3848,14413,3873],{"emptyLinePlaceholder":3872},[3848,14415,14416],{"class":3850,"line":7774},[3848,14417,14418],{"class":5397},"    \u002F\u002F Повертаємо елемент на місце\n",[3848,14420,14421,14423,14425,14427,14429,14431],{"class":3850,"line":7807},[3848,14422,14180],{"class":4267},[3848,14424,4889],{"class":4227},[3848,14426,14185],{"class":4231},[3848,14428,4895],{"class":4227},[3848,14430,4290],{"class":4263},[3848,14432,4543],{"class":4227},[3848,14434,14435,14437,14440,14443,14445],{"class":3850,"line":7812},[3848,14436,9679],{"class":4263},[3848,14438,14439],{"class":4522}," newItems",[3848,14441,14442],{"class":4227}," = [...",[3848,14444,14185],{"class":4231},[3848,14446,14150],{"class":4227},[3848,14448,14449,14452,14454,14457,14459,14461,14463,14466,14468,14470,14472,14474,14476,14478],{"class":3850,"line":7826},[3848,14450,14451],{"class":4231},"      newItems",[3848,14453,4088],{"class":4227},[3848,14455,14456],{"class":4267},"splice",[3848,14458,4786],{"class":4227},[3848,14460,13996],{"class":4231},[3848,14462,4088],{"class":4227},[3848,14464,14465],{"class":4231},"deletedIndex",[3848,14467,4119],{"class":4227},[3848,14469,4789],{"class":4561},[3848,14471,4119],{"class":4227},[3848,14473,13996],{"class":4231},[3848,14475,4088],{"class":4227},[3848,14477,14403],{"class":4231},[3848,14479,14480],{"class":4227},"!);\n",[3848,14482,14483,14486,14488],{"class":3850,"line":9961},[3848,14484,14485],{"class":4223},"      return",[3848,14487,14439],{"class":4231},[3848,14489,4254],{"class":4227},[3848,14491,14492],{"class":3850,"line":9979},[3848,14493,6883],{"class":4227},[3848,14495,14496,14498,14500,14502,14504,14506,14508,14510,14512],{"class":3850,"line":9992},[3848,14497,14223],{"class":4267},[3848,14499,4271],{"class":4227},[3848,14501,14228],{"class":4231},[3848,14503,14025],{"class":4263},[3848,14505,4119],{"class":4227},[3848,14507,14235],{"class":4231},[3848,14509,9985],{"class":4227},[3848,14511,6172],{"class":4561},[3848,14513,7200],{"class":4227},[3848,14515,14516,14518,14520,14522,14524,14526,14528,14530,14532,14534],{"class":3850,"line":10003},[3848,14517,11583],{"class":4231},[3848,14519,4088],{"class":4227},[3848,14521,8784],{"class":4267},[3848,14523,4786],{"class":4227},[3848,14525,8789],{"class":4231},[3848,14527,4088],{"class":4227},[3848,14529,8794],{"class":4231},[3848,14531,4088],{"class":4227},[3848,14533,9885],{"class":4231},[3848,14535,4792],{"class":4227},[3848,14537,14538,14540,14542,14544,14546],{"class":3850,"line":10013},[3848,14539,14345],{"class":4227},[3848,14541,13996],{"class":4231},[3848,14543,4119],{"class":4227},[3848,14545,14352],{"class":4231},[3848,14547,14355],{"class":4227},[3848,14549,14550],{"class":3850,"line":10028},[3848,14551,3873],{"emptyLinePlaceholder":3872},[3848,14553,14554,14556,14559,14561,14563,14565,14567],{"class":3850,"line":10053},[3848,14555,4767],{"class":4263},[3848,14557,14558],{"class":4522}," dismissUndo",[3848,14560,4525],{"class":4227},[3848,14562,9242],{"class":4267},[3848,14564,5612],{"class":4227},[3848,14566,4290],{"class":4263},[3848,14568,4543],{"class":4227},[3848,14570,14571,14573,14575,14577,14579,14581,14583,14585,14587],{"class":3850,"line":10069},[3848,14572,14223],{"class":4267},[3848,14574,4271],{"class":4227},[3848,14576,14228],{"class":4231},[3848,14578,14025],{"class":4263},[3848,14580,4119],{"class":4227},[3848,14582,14235],{"class":4231},[3848,14584,9985],{"class":4227},[3848,14586,6172],{"class":4561},[3848,14588,7200],{"class":4227},[3848,14590,14591],{"class":3850,"line":10075},[3848,14592,10999],{"class":4227},[3848,14594,14595],{"class":3850,"line":10099},[3848,14596,3873],{"emptyLinePlaceholder":3872},[3848,14598,14599,14601],{"class":3850,"line":10105},[3848,14600,4313],{"class":4223},[3848,14602,4543],{"class":4227},[3848,14604,14605,14608],{"class":3850,"line":10121},[3848,14606,14607],{"class":4231},"    deleteItem",[3848,14609,4376],{"class":4227},[3848,14611,14612,14615],{"class":3850,"line":10132},[3848,14613,14614],{"class":4231},"    undoDelete",[3848,14616,4376],{"class":4227},[3848,14618,14619,14622],{"class":3850,"line":10141},[3848,14620,14621],{"class":4231},"    dismissUndo",[3848,14623,4376],{"class":4227},[3848,14625,14626,14629,14632,14634,14636,14638,14640],{"class":3850,"line":10150},[3848,14627,14628],{"class":4231},"    showUndo:",[3848,14630,14631],{"class":4231}," undoState",[3848,14633,4088],{"class":4227},[3848,14635,14403],{"class":4231},[3848,14637,14214],{"class":4227},[3848,14639,7337],{"class":4263},[3848,14641,4376],{"class":4227},[3848,14643,14644],{"class":3850,"line":10159},[3848,14645,8806],{"class":4227},[3848,14647,14648],{"class":3850,"line":10165},[3848,14649,3902],{"class":4227},[3828,14651,14653],{"id":14652},"головний-екран","Головний екран",[3839,14655,14657],{"className":4214,"code":14656,"language":4216,"meta":3844,"style":3844},"\u002F\u002F app\u002F(tabs)\u002Flist.tsx\nimport { useState } from 'react';\nimport { FlatList, View, StyleSheet, SafeAreaView } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\n\nimport { SwipeableRow } from '@\u002Fcomponents\u002Flist\u002FSwipeableRow';\nimport { UndoSnackbar } from '@\u002Fcomponents\u002Flist\u002FUndoSnackbar';\nimport { useUndoDelete } from '@\u002Fhooks\u002FuseUndoDelete';\n\nconst INITIAL_ITEMS = Array.from({ length: 10 }, (_, i) => ({\n  id: String(i + 1),\n  title: `Завдання #${i + 1}`,\n  subtitle: `Опис завдання номер ${i + 1}`,\n}));\n\nexport default function ListScreen() {\n  const [items, setItems] = useState(INITIAL_ITEMS);\n  const { deleteItem, undoDelete, dismissUndo, showUndo } = useUndoDelete(items, setItems);\n\n  return (\n    \u003CGestureHandlerRootView style={{ flex: 1 }}>\n      \u003CSafeAreaView style={styles.container}>\n        \u003CFlatList\n          data={items}\n          keyExtractor={(item) => item.id}\n          renderItem={({ item }) => (\n            \u003CSwipeableRow\n              item={item}\n              onDelete={() => deleteItem(item.id)}\n            \u002F>\n          )}\n          ItemSeparatorComponent={() => \u003CView style={styles.separator} \u002F>}\n          contentContainerStyle={styles.list}\n        \u002F>\n\n        {showUndo && (\n          \u003CUndoSnackbar\n            message=\"Елемент видалено\"\n            onUndo={undoDelete}\n            onDismiss={dismissUndo}\n            duration={3000}\n          \u002F>\n        )}\n      \u003C\u002FSafeAreaView>\n    \u003C\u002FGestureHandlerRootView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: '#F8FAFC' },\n  list: { padding: 16, gap: 2 },\n  separator: { height: 1, backgroundColor: '#E2E8F0' },\n});\n",[3747,14658,14659,14664,14680,14709,14725,14729,14746,14764,14782,14786,14827,14846,14869,14891,14896,14900,14913,14936,14974,14978,14984,15008,15030,15037,15050,15075,15094,15102,15115,15142,15147,15154,15192,15210,15215,15219,15229,15236,15246,15259,15272,15285,15290,15296,15304,15312,15316,15320,15324,15340,15359,15380,15400],{"__ignoreMap":3844},[3848,14660,14661],{"class":3850,"line":3851},[3848,14662,14663],{"class":5397},"\u002F\u002F app\u002F(tabs)\u002Flist.tsx\n",[3848,14665,14666,14668,14670,14672,14674,14676,14678],{"class":3850,"line":3857},[3848,14667,4224],{"class":4223},[3848,14669,4228],{"class":4227},[3848,14671,3810],{"class":4231},[3848,14673,4244],{"class":4227},[3848,14675,4247],{"class":4223},[3848,14677,4739],{"class":4250},[3848,14679,4254],{"class":4227},[3848,14681,14682,14684,14686,14688,14690,14692,14694,14696,14698,14701,14703,14705,14707],{"class":3850,"line":3863},[3848,14683,4224],{"class":4223},[3848,14685,4228],{"class":4227},[3848,14687,8329],{"class":4231},[3848,14689,4119],{"class":4227},[3848,14691,4716],{"class":4231},[3848,14693,4119],{"class":4227},[3848,14695,4241],{"class":4231},[3848,14697,4119],{"class":4227},[3848,14699,14700],{"class":4231},"SafeAreaView",[3848,14702,4244],{"class":4227},[3848,14704,4247],{"class":4223},[3848,14706,4251],{"class":4250},[3848,14708,4254],{"class":4227},[3848,14710,14711,14713,14715,14717,14719,14721,14723],{"class":3850,"line":3869},[3848,14712,4224],{"class":4223},[3848,14714,4228],{"class":4227},[3848,14716,5386],{"class":4231},[3848,14718,4244],{"class":4227},[3848,14720,4247],{"class":4223},[3848,14722,5413],{"class":4250},[3848,14724,4254],{"class":4227},[3848,14726,14727],{"class":3850,"line":3876},[3848,14728,3873],{"emptyLinePlaceholder":3872},[3848,14730,14731,14733,14735,14737,14739,14741,14744],{"class":3850,"line":3882},[3848,14732,4224],{"class":4223},[3848,14734,4228],{"class":4227},[3848,14736,8275],{"class":4231},[3848,14738,4244],{"class":4227},[3848,14740,4247],{"class":4223},[3848,14742,14743],{"class":4250}," '@\u002Fcomponents\u002Flist\u002FSwipeableRow'",[3848,14745,4254],{"class":4227},[3848,14747,14748,14750,14752,14755,14757,14759,14762],{"class":3850,"line":3887},[3848,14749,4224],{"class":4223},[3848,14751,4228],{"class":4227},[3848,14753,14754],{"class":4231},"UndoSnackbar",[3848,14756,4244],{"class":4227},[3848,14758,4247],{"class":4223},[3848,14760,14761],{"class":4250}," '@\u002Fcomponents\u002Flist\u002FUndoSnackbar'",[3848,14763,4254],{"class":4227},[3848,14765,14766,14768,14770,14773,14775,14777,14780],{"class":3850,"line":3893},[3848,14767,4224],{"class":4223},[3848,14769,4228],{"class":4227},[3848,14771,14772],{"class":4231},"useUndoDelete",[3848,14774,4244],{"class":4227},[3848,14776,4247],{"class":4223},[3848,14778,14779],{"class":4250}," '@\u002Fhooks\u002FuseUndoDelete'",[3848,14781,4254],{"class":4227},[3848,14783,14784],{"class":3850,"line":3899},[3848,14785,3873],{"emptyLinePlaceholder":3872},[3848,14787,14788,14790,14793,14795,14798,14800,14802,14804,14807,14810,14813,14816,14818,14820,14822,14824],{"class":3850,"line":3905},[3848,14789,4519],{"class":4263},[3848,14791,14792],{"class":4522}," INITIAL_ITEMS",[3848,14794,4525],{"class":4227},[3848,14796,14797],{"class":4231},"Array",[3848,14799,4088],{"class":4227},[3848,14801,4247],{"class":4267},[3848,14803,4271],{"class":4227},[3848,14805,14806],{"class":4231},"length:",[3848,14808,14809],{"class":4561}," 10",[3848,14811,14812],{"class":4227}," }, (",[3848,14814,14815],{"class":4231},"_",[3848,14817,4119],{"class":4227},[3848,14819,14115],{"class":4231},[3848,14821,4895],{"class":4227},[3848,14823,4290],{"class":4263},[3848,14825,14826],{"class":4227}," ({\n",[3848,14828,14829,14832,14835,14837,14839,14841,14843],{"class":3850,"line":3910},[3848,14830,14831],{"class":4231},"  id:",[3848,14833,14834],{"class":4267}," String",[3848,14836,4786],{"class":4227},[3848,14838,14115],{"class":4231},[3848,14840,5513],{"class":4227},[3848,14842,6172],{"class":4561},[3848,14844,14845],{"class":4227},"),\n",[3848,14847,14848,14851,14854,14856,14858,14860,14862,14864,14867],{"class":3850,"line":3916},[3848,14849,14850],{"class":4231},"  title:",[3848,14852,14853],{"class":4250}," `Завдання #",[3848,14855,13333],{"class":4263},[3848,14857,14115],{"class":4231},[3848,14859,4903],{"class":4227},[3848,14861,4906],{"class":4561},[3848,14863,4464],{"class":4263},[3848,14865,14866],{"class":4250},"`",[3848,14868,4376],{"class":4227},[3848,14870,14871,14874,14877,14879,14881,14883,14885,14887,14889],{"class":3850,"line":3922},[3848,14872,14873],{"class":4231},"  subtitle:",[3848,14875,14876],{"class":4250}," `Опис завдання номер ",[3848,14878,13333],{"class":4263},[3848,14880,14115],{"class":4231},[3848,14882,4903],{"class":4227},[3848,14884,4906],{"class":4561},[3848,14886,4464],{"class":4263},[3848,14888,14866],{"class":4250},[3848,14890,4376],{"class":4227},[3848,14892,14893],{"class":3850,"line":3927},[3848,14894,14895],{"class":4227},"}));\n",[3848,14897,14898],{"class":3850,"line":3932},[3848,14899,3873],{"emptyLinePlaceholder":3872},[3848,14901,14902,14904,14906,14908,14911],{"class":3850,"line":3938},[3848,14903,4750],{"class":4223},[3848,14905,4753],{"class":4223},[3848,14907,4756],{"class":4263},[3848,14909,14910],{"class":4267}," ListScreen",[3848,14912,4762],{"class":4227},[3848,14914,14915,14917,14919,14921,14923,14925,14927,14929,14931,14934],{"class":3850,"line":3944},[3848,14916,4767],{"class":4263},[3848,14918,4770],{"class":4227},[3848,14920,8218],{"class":4522},[3848,14922,4119],{"class":4227},[3848,14924,14352],{"class":4522},[3848,14926,4781],{"class":4227},[3848,14928,3810],{"class":4267},[3848,14930,4786],{"class":4227},[3848,14932,14933],{"class":4522},"INITIAL_ITEMS",[3848,14935,4792],{"class":4227},[3848,14937,14938,14940,14942,14945,14947,14950,14952,14955,14957,14960,14962,14964,14966,14968,14970,14972],{"class":3850,"line":3949},[3848,14939,4767],{"class":4263},[3848,14941,4228],{"class":4227},[3848,14943,14944],{"class":4522},"deleteItem",[3848,14946,4119],{"class":4227},[3848,14948,14949],{"class":4522},"undoDelete",[3848,14951,4119],{"class":4227},[3848,14953,14954],{"class":4522},"dismissUndo",[3848,14956,4119],{"class":4227},[3848,14958,14959],{"class":4522},"showUndo",[3848,14961,9344],{"class":4227},[3848,14963,14772],{"class":4267},[3848,14965,4786],{"class":4227},[3848,14967,8218],{"class":4231},[3848,14969,4119],{"class":4227},[3848,14971,14352],{"class":4231},[3848,14973,4792],{"class":4227},[3848,14975,14976],{"class":3850,"line":3954},[3848,14977,3873],{"emptyLinePlaceholder":3872},[3848,14979,14980,14982],{"class":3850,"line":3960},[3848,14981,4313],{"class":4223},[3848,14983,4316],{"class":4227},[3848,14985,14986,14988,14990,14992,14994,14996,14998,15000,15002,15004,15006],{"class":3850,"line":3966},[3848,14987,4322],{"class":4321},[3848,14989,5386],{"class":4293},[3848,14991,4431],{"class":4330},[3848,14993,4334],{"class":4227},[3848,14995,4337],{"class":4263},[3848,14997,5453],{"class":4353},[3848,14999,5083],{"class":4231},[3848,15001,4906],{"class":4561},[3848,15003,5460],{"class":4353},[3848,15005,4464],{"class":4263},[3848,15007,4467],{"class":4321},[3848,15009,15010,15012,15014,15016,15018,15020,15022,15024,15026,15028],{"class":3850,"line":3972},[3848,15011,4830],{"class":4321},[3848,15013,14700],{"class":4293},[3848,15015,4431],{"class":4330},[3848,15017,4334],{"class":4227},[3848,15019,4337],{"class":4263},[3848,15021,4441],{"class":4231},[3848,15023,4088],{"class":4353},[3848,15025,4821],{"class":4231},[3848,15027,4464],{"class":4263},[3848,15029,4467],{"class":4321},[3848,15031,15032,15034],{"class":3850,"line":3978},[3848,15033,4426],{"class":4321},[3848,15035,15036],{"class":4293},"FlatList\n",[3848,15038,15039,15042,15044,15046,15048],{"class":3850,"line":3983},[3848,15040,15041],{"class":4330},"          data",[3848,15043,4334],{"class":4227},[3848,15045,4337],{"class":4263},[3848,15047,8218],{"class":4231},[3848,15049,3902],{"class":4263},[3848,15051,15052,15055,15057,15059,15061,15063,15065,15067,15069,15071,15073],{"class":3850,"line":3988},[3848,15053,15054],{"class":4330},"          keyExtractor",[3848,15056,4334],{"class":4227},[3848,15058,4337],{"class":4263},[3848,15060,4786],{"class":4353},[3848,15062,8228],{"class":4231},[3848,15064,4895],{"class":4353},[3848,15066,4290],{"class":4263},[3848,15068,8278],{"class":4231},[3848,15070,4088],{"class":4353},[3848,15072,8254],{"class":4231},[3848,15074,3902],{"class":4263},[3848,15076,15077,15080,15082,15084,15086,15088,15090,15092],{"class":3850,"line":3994},[3848,15078,15079],{"class":4330},"          renderItem",[3848,15081,4334],{"class":4227},[3848,15083,4337],{"class":4263},[3848,15085,4271],{"class":4353},[3848,15087,8228],{"class":4231},[3848,15089,4358],{"class":4353},[3848,15091,4290],{"class":4263},[3848,15093,4316],{"class":4353},[3848,15095,15096,15099],{"class":3850,"line":4000},[3848,15097,15098],{"class":4321},"            \u003C",[3848,15100,15101],{"class":4293},"SwipeableRow\n",[3848,15103,15104,15107,15109,15111,15113],{"class":3850,"line":4006},[3848,15105,15106],{"class":4330},"              item",[3848,15108,4334],{"class":4227},[3848,15110,4337],{"class":4263},[3848,15112,8228],{"class":4231},[3848,15114,3902],{"class":4263},[3848,15116,15117,15120,15122,15124,15126,15128,15130,15132,15134,15136,15138,15140],{"class":3850,"line":4012},[3848,15118,15119],{"class":4330},"              onDelete",[3848,15121,4334],{"class":4227},[3848,15123,4337],{"class":4263},[3848,15125,4881],{"class":4353},[3848,15127,4290],{"class":4263},[3848,15129,14075],{"class":4267},[3848,15131,4786],{"class":4353},[3848,15133,8228],{"class":4231},[3848,15135,4088],{"class":4353},[3848,15137,8254],{"class":4231},[3848,15139,4909],{"class":4353},[3848,15141,3902],{"class":4263},[3848,15143,15144],{"class":3850,"line":4018},[3848,15145,15146],{"class":4321},"            \u002F>\n",[3848,15148,15149,15152],{"class":3850,"line":4024},[3848,15150,15151],{"class":4353},"          )",[3848,15153,3902],{"class":4263},[3848,15155,15156,15159,15161,15163,15165,15167,15170,15172,15174,15176,15178,15180,15182,15185,15187,15190],{"class":3850,"line":4030},[3848,15157,15158],{"class":4330},"          ItemSeparatorComponent",[3848,15160,4334],{"class":4227},[3848,15162,4337],{"class":4263},[3848,15164,4881],{"class":4353},[3848,15166,4290],{"class":4263},[3848,15168,15169],{"class":4321}," \u003C",[3848,15171,4716],{"class":4293},[3848,15173,4431],{"class":4330},[3848,15175,4334],{"class":4227},[3848,15177,4337],{"class":4263},[3848,15179,4441],{"class":4231},[3848,15181,4088],{"class":4353},[3848,15183,15184],{"class":4231},"separator",[3848,15186,4464],{"class":4263},[3848,15188,15189],{"class":4321}," \u002F>",[3848,15191,3902],{"class":4263},[3848,15193,15194,15197,15199,15201,15203,15205,15208],{"class":3850,"line":4661},[3848,15195,15196],{"class":4330},"          contentContainerStyle",[3848,15198,4334],{"class":4227},[3848,15200,4337],{"class":4263},[3848,15202,4441],{"class":4231},[3848,15204,4088],{"class":4353},[3848,15206,15207],{"class":4231},"list",[3848,15209,3902],{"class":4263},[3848,15211,15212],{"class":3850,"line":4677},[3848,15213,15214],{"class":4321},"        \u002F>\n",[3848,15216,15217],{"class":3850,"line":6992},[3848,15218,3873],{"emptyLinePlaceholder":3872},[3848,15220,15221,15223,15225,15227],{"class":3850,"line":6997},[3848,15222,4964],{"class":4263},[3848,15224,14959],{"class":4231},[3848,15226,4384],{"class":4227},[3848,15228,4316],{"class":4353},[3848,15230,15231,15233],{"class":3850,"line":7002},[3848,15232,4979],{"class":4321},[3848,15234,15235],{"class":4293},"UndoSnackbar\n",[3848,15237,15238,15241,15243],{"class":3850,"line":7019},[3848,15239,15240],{"class":4330},"            message",[3848,15242,4334],{"class":4227},[3848,15244,15245],{"class":4250},"\"Елемент видалено\"\n",[3848,15247,15248,15251,15253,15255,15257],{"class":3850,"line":7053},[3848,15249,15250],{"class":4330},"            onUndo",[3848,15252,4334],{"class":4227},[3848,15254,4337],{"class":4263},[3848,15256,14949],{"class":4231},[3848,15258,3902],{"class":4263},[3848,15260,15261,15264,15266,15268,15270],{"class":3850,"line":7725},[3848,15262,15263],{"class":4330},"            onDismiss",[3848,15265,4334],{"class":4227},[3848,15267,4337],{"class":4263},[3848,15269,14954],{"class":4231},[3848,15271,3902],{"class":4263},[3848,15273,15274,15277,15279,15281,15283],{"class":3850,"line":7749},[3848,15275,15276],{"class":4330},"            duration",[3848,15278,4334],{"class":4227},[3848,15280,4337],{"class":4263},[3848,15282,10786],{"class":4561},[3848,15284,3902],{"class":4263},[3848,15286,15287],{"class":3850,"line":7758},[3848,15288,15289],{"class":4321},"          \u002F>\n",[3848,15291,15292,15294],{"class":3850,"line":7774},[3848,15293,5026],{"class":4353},[3848,15295,3902],{"class":4263},[3848,15297,15298,15300,15302],{"class":3850,"line":7807},[3848,15299,5033],{"class":4321},[3848,15301,14700],{"class":4293},[3848,15303,4467],{"class":4321},[3848,15305,15306,15308,15310],{"class":3850,"line":7812},[3848,15307,4497],{"class":4321},[3848,15309,5386],{"class":4293},[3848,15311,4467],{"class":4321},[3848,15313,15314],{"class":3850,"line":7826},[3848,15315,4506],{"class":4227},[3848,15317,15318],{"class":3850,"line":9961},[3848,15319,3902],{"class":4227},[3848,15321,15322],{"class":3850,"line":9979},[3848,15323,3873],{"emptyLinePlaceholder":3872},[3848,15325,15326,15328,15330,15332,15334,15336,15338],{"class":3850,"line":9992},[3848,15327,4519],{"class":4263},[3848,15329,4387],{"class":4522},[3848,15331,4525],{"class":4227},[3848,15333,4241],{"class":4231},[3848,15335,4088],{"class":4227},[3848,15337,4532],{"class":4267},[3848,15339,4535],{"class":4227},[3848,15341,15342,15344,15346,15348,15350,15352,15354,15357],{"class":3850,"line":10003},[3848,15343,5078],{"class":4231},[3848,15345,4228],{"class":4227},[3848,15347,5083],{"class":4231},[3848,15349,4906],{"class":4561},[3848,15351,4119],{"class":4227},[3848,15353,5190],{"class":4231},[3848,15355,15356],{"class":4250}," '#F8FAFC'",[3848,15358,4658],{"class":4227},[3848,15360,15361,15364,15366,15369,15371,15373,15375,15378],{"class":3850,"line":10013},[3848,15362,15363],{"class":4231},"  list:",[3848,15365,4228],{"class":4227},[3848,15367,15368],{"class":4231},"padding:",[3848,15370,4655],{"class":4561},[3848,15372,4119],{"class":4227},[3848,15374,5105],{"class":4231},[3848,15376,15377],{"class":4561}," 2",[3848,15379,4658],{"class":4227},[3848,15381,15382,15385,15387,15389,15391,15393,15395,15398],{"class":3850,"line":10028},[3848,15383,15384],{"class":4231},"  separator:",[3848,15386,4228],{"class":4227},[3848,15388,5702],{"class":4231},[3848,15390,4906],{"class":4561},[3848,15392,4119],{"class":4227},[3848,15394,5190],{"class":4231},[3848,15396,15397],{"class":4250}," '#E2E8F0'",[3848,15399,4658],{"class":4227},[3848,15401,15402],{"class":3850,"line":10053},[3848,15403,4680],{"class":4227},[3821,15405],{},[3738,15407,15409],{"id":15408},"підключення-до-nomad-feat-press-gestures-and-haptics","Підключення до Nomad: feat: press gestures and haptics",[3743,15411,15412],{},"У Nomad жести природно з'являються у кількох місцях:",[4135,15414,15415,15420,15427],{},[4138,15416,15419],{"icon":15417,"title":15418},"i-lucide-map","Список поїздок","Swipe-to-archive або swipe-to-delete для поїздок. Haptic при підтвердженні. Undo снекбар — обов'язково для деструктивних дій зі справжніми даними.",[4138,15421,15424,15425,4088],{"icon":15422,"title":15423},"i-lucide-map-pin","Список місць у поїздці","Long press на місці → контекстне меню (Редагувати \u002F Видалити \u002F Поділитись). Haptic при ",[3747,15426,5261],{},[4138,15428,15431,15433,15434,15436,15437,15439],{"icon":15429,"title":15430},"i-lucide-plus","Форма додавання",[3747,15432,8519],{}," при натисканні кнопки «Зберегти», ",[3747,15435,8545],{}," після успішного збереження, ",[3747,15438,8555],{}," при помилці валідації.",[3821,15441],{},[3738,15443,15445],{"id":15444},"поширені-помилки","Поширені помилки",[15447,15448,15449,15462,15480,15493,15497,15505],"accordion",{},[15450,15451,15454,15455,9060,15458,15461],"accordion-item",{"icon":15452,"label":15453},"i-lucide-circle-alert","GestureHandlerRootView відсутній → жести не працюють","Найпоширеніша помилка. Додайте ",[3747,15456,15457],{},"\u003CGestureHandlerRootView style={{ flex: 1 }}>",[3747,15459,15460],{},"app\u002F_layout.tsx",". Без нього RNGH мовчки ігнорує всі жести.",[15450,15463,15465,15466,15468,15469,8334,15471,15473,15474,15476,15477,15479],{"icon":15452,"label":15464},"Swipe не працює всередині ScrollView","Використовуйте ",[3747,15467,4094],{}," з ",[3747,15470,8333],{},[3747,15472,8337],{},". Або налаштуйте ",[3747,15475,8138],{}," і ",[3747,15478,8161],{}," на Pan жесті для чіткого розмежування горизонтального і вертикального руху.",[15450,15481,15483,15484,15486,15487,15489,15490,15492],{"icon":15452,"label":15482},"setState у RNGH колбеку — помилка","Колбеки RNGH за замовчуванням виконуються на UI потоці. Виклик ",[3747,15485,6434],{}," без ",[3747,15488,6442],{}," спричинить Runtime Error. Завжди додавайте ",[3747,15491,6430],{}," коли потрібно оновлювати React стейт.",[15450,15494,15496],{"icon":15452,"label":15495},"Haptics не працює на симуляторі","iOS симулятор і Android емулятор не підтримують haptic feedback — це очікувана поведінка. Перевіряйте haptics лише на реальному пристрої.",[15450,15498,15500,15501,15504],{"icon":15452,"label":15499},"Подвійний тап спрацьовує як два одинарних","Потрібно використовувати ",[3747,15502,15503],{},"Gesture.Exclusive(doubleTap, singleTap)",". Без цього RNGH не чекає другого тапу і відразу спрацьовує onTap після першого. Порядок у Exclusive важливий: спочатку подвійний.",[15450,15506,15508,15509,15512,15513,15515,15516,15519],{"icon":15452,"label":15507},"LongPress і Pan конфліктують","При реалізації drag після довгого тапу (як у iOS home screen) потрібно спочатку ",[3747,15510,15511],{},"LongPress.onStart()",", а потім активувати ",[3747,15514,6714],{},". Використовуйте ",[3747,15517,15518],{},"Gesture.Simultaneous(longPress, pan)"," і перевіряйте в Pan, чи активний LongPress.",[3821,15521],{},[3738,15523,15525],{"id":15524},"підсумок","Підсумок",[4135,15527,15528,15544,15571,15612],{},[4138,15529,15531],{"icon":943,"title":15530},"Touch Pipeline",[3752,15532,15533,15536,15539],{},[3755,15534,15535],{},"Responder System: capture → bubble → negotiate",[3755,15537,15538],{},"RNGH виконується на нативному UI потоці (JSI)",[3755,15540,15541,15543],{},[3747,15542,5386],{}," обов'язковий у корені",[4138,15545,15547],{"icon":15546,"title":4132},"i-lucide-hand",[3752,15548,15549,15556,15561,15566],{},[3755,15550,15551,15552,15476,15554],{},"Замінює ",[3747,15553,4118],{},[3747,15555,4122],{},[3755,15557,15558,15560],{},[3747,15559,4175],{}," для динамічних стилів",[3755,15562,15563,15565],{},[3747,15564,5251],{}," для миттєвого feedback",[3755,15567,15568,15570],{},[3747,15569,4159],{}," для розширення зони торкання",[4138,15572,15575],{"icon":15573,"title":15574},"i-lucide-move","RNGH Gesture API",[3752,15576,15577,15593,15605],{},[3755,15578,15579,4119,15581,4119,15584,4119,15587,4119,15590],{},[3747,15580,5846],{},[3747,15582,15583],{},"Pan()",[3747,15585,15586],{},"Pinch()",[3747,15588,15589],{},"Rotation()",[3747,15591,15592],{},"LongPress()",[3755,15594,15595,5980,15598,5980,15601,15604],{},[3747,15596,15597],{},"Gesture.Simultaneous()",[3747,15599,15600],{},"Exclusive()",[3747,15602,15603],{},"Race()"," для комбінацій",[3755,15606,15607,15609,15610],{},[3747,15608,6430],{}," обов'язковий для ",[3747,15611,6434],{},[4138,15613,15616],{"icon":15614,"title":15615},"i-lucide-vibrate","Haptics та Swipe UX",[3752,15617,15618,15629,15632],{},[3755,15619,15620,8520,15623,4119,15625,15628],{},[3747,15621,15622],{},"Impact",[3747,15624,5251],{},[3747,15626,15627],{},"Notification"," після результату",[3755,15630,15631],{},"Swipe-delete: foreground + background шари + поріг",[3755,15633,15634],{},"Undo Snackbar для безпеки деструктивних дій",[5286,15636,15637],{},"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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}",{"title":3844,"searchDepth":3857,"depth":3857,"links":15639},[15640,15641,15645,15651,15659,15667,15675,15680,15684,15688,15694,15695,15696],{"id":3740,"depth":3857,"text":3741},{"id":3825,"depth":3857,"text":3826,"children":15642},[15643,15644],{"id":3830,"depth":3863,"text":3831},{"id":4051,"depth":3863,"text":4052},{"id":4107,"depth":3857,"text":4108,"children":15646},[15647,15648,15649,15650],{"id":4111,"depth":3863,"text":4112},{"id":4210,"depth":3863,"text":4211},{"id":4683,"depth":3863,"text":4684},{"id":5239,"depth":3863,"text":5240},{"id":5313,"depth":3857,"text":4039,"children":15652},[15653,15654,15655,15656,15657,15658],{"id":5316,"depth":3863,"text":5317},{"id":5355,"depth":3863,"text":5356},{"id":5503,"depth":3863,"text":5504},{"id":5840,"depth":3863,"text":5841},{"id":5927,"depth":3863,"text":5928},{"id":5995,"depth":3863,"text":5996},{"id":6447,"depth":3857,"text":6448,"children":15660},[15661,15662,15663,15664,15665,15666],{"id":6451,"depth":3863,"text":6452},{"id":6496,"depth":3863,"text":6497},{"id":7069,"depth":3863,"text":7070},{"id":7831,"depth":3863,"text":7832},{"id":7872,"depth":3863,"text":7873},{"id":8010,"depth":3863,"text":8011},{"id":8343,"depth":3857,"text":8344,"children":15668},[15669,15670,15671,15672,15673,15674],{"id":8347,"depth":3863,"text":8348},{"id":8377,"depth":3863,"text":8377},{"id":8399,"depth":3863,"text":8400},{"id":8488,"depth":3863,"text":8489},{"id":8599,"depth":3863,"text":8600},{"id":9073,"depth":3863,"text":9074},{"id":9088,"depth":3857,"text":9089,"children":15676},[15677,15678,15679],{"id":9092,"depth":3863,"text":9093},{"id":9212,"depth":3863,"text":9213},{"id":10621,"depth":3863,"text":10622},{"id":11483,"depth":3857,"text":11484,"children":15681},[15682,15683],{"id":11487,"depth":3863,"text":5896},{"id":11648,"depth":3863,"text":11649},{"id":11920,"depth":3857,"text":11921,"children":15685},[15686,15687],{"id":11924,"depth":3863,"text":11925},{"id":12688,"depth":3863,"text":12689},{"id":13722,"depth":3857,"text":13723,"children":15689},[15690,15691,15692,15693],{"id":13726,"depth":3863,"text":13727},{"id":13763,"depth":3863,"text":13764},{"id":13810,"depth":3863,"text":13811},{"id":14652,"depth":3863,"text":14653},{"id":15408,"depth":3857,"text":15409},{"id":15444,"depth":3857,"text":15445},{"id":15524,"depth":3857,"text":15525},"React Native Gesture Handler, Pressable, haptics, swipe-to-delete та обробка складних мультитач-жестів у React Native \u002F Expo","md",null,{},{"title":3476,"description":15697},"BrxQUBjN4xmQMuMvx-1j6I8LNvcdLq588TxfGx2H61I",[15704,15706],{"title":3472,"path":3473,"stem":3474,"description":15705,"children":-1},"Робота з GPS-координатами, відображення мап через react-native-maps, маркери, кластеризація та обробка відмови дозволів у React Native \u002F Expo",{"title":3480,"path":3481,"stem":3482,"description":15707,"children":-1},"Shared values, worklets, springs, layout animations та reduced motion у React Native Reanimated 3 — від теорії до плавного UI",1788069968244]