[{"data":1,"prerenderedAt":22038},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version2-reanimated-animations":3728,"-react-native-version2-reanimated-animations-surround":22033},[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":3480,"body":3730,"description":22027,"extension":22028,"links":22029,"meta":22030,"navigation":3938,"path":3481,"seo":22031,"stem":3482,"__hash__":22032},"docs\u002F15.react-native\u002Fversion2\u002F24.reanimated-animations.md",{"type":3731,"value":3732,"toc":21958},"minimark",[3733,3737,3742,3751,3754,3782,3789,3796,3827,3830,3834,3839,3842,3852,3885,3889,3903,4067,4079,4083,4090,4166,4182,4204,4206,4210,4231,4240,4340,4350,4367,4382,4384,4388,4392,4402,4491,4494,4587,4603,4607,4612,4789,4794,4814,4818,4837,4909,4912,4973,4975,4979,4983,4992,5043,5047,5052,5147,5152,5193,5197,6284,6288,6297,6430,6474,6478,7562,7564,7568,7572,7581,7690,7694,7763,7775,7868,7872,7966,7970,8004,8008,8014,8892,8894,8898,8906,9067,9070,9081,9085,9098,9322,9326,9349,9353,10570,10572,10576,10580,10583,10613,10622,10775,10779,10934,10938,11147,11151,11154,11310,11314,11317,12283,12287,12299,12458,12462,12484,12488,13648,13650,13654,13658,13669,13677,13681,13955,13959,13964,14185,14189,15386,15388,15392,15396,15451,15454,15587,15591,15594,15713,15724,15726,15730,15733,15737,16164,16168,17981,17983,17987,17991,17994,18001,18008,18012,18022,18167,18171,18181,18366,18384,18388,18401,18533,18537,18576,18582,18584,18588,18592,18595,18633,18637,20171,20175,21468,21470,21474,21477,21616,21619,21676,21682,21684,21688,21821,21823,21827,21944,21954],[3734,3735,3480],"h1",{"id":3736},"анімації-з-reanimated",[3738,3739,3741],"h2",{"id":3740},"відкриття-чому-анімації-це-не-прикраса","Відкриття: чому анімації — це не «прикраса»",[3743,3744,3745,3746,3750],"p",{},"Відкрийте будь-який застосунок від Apple — Messages, Maps, Photos. Помітьте: кожна дія супроводжується плавним рухом. Кнопки «відчуваються» при натисканні, картки розкриваються природно, елементи з'являються і зникають з вагою. Це не випадковість і не зайвина розкіш — це ",[3747,3748,3749],"strong",{},"функціональний елемент інтерфейсу",".",[3743,3752,3753],{},"Дослідження UX показують, що правильні анімації:",[3755,3756,3757,3764,3770,3776],"ul",{},[3758,3759,3760,3763],"li",{},[3747,3761,3762],{},"Пояснюють ієрархію"," — звідки з'явився екран і куди пішов.",[3758,3765,3766,3769],{},[3747,3767,3768],{},"Зменшують когнітивне навантаження"," — мозок сприймає безперервний рух легше, ніж миттєві зміни.",[3758,3771,3772,3775],{},[3747,3773,3774],{},"Дають підтвердження"," — «так, ваш тап зареєстровано».",[3758,3777,3778,3781],{},[3747,3779,3780],{},"Приховують затримки"," — skeleton-анімація під час завантаження робить очікування терпимим.",[3743,3783,3784,3785,3788],{},"Але є нюанс: ",[3747,3786,3787],{},"погано написані анімації шкідливіші за їх відсутність",". Якщо анімація «підстрибує», запізнюється на 200 мс або «смикається» при скролі — користувач відчуває це фізично і відносить це до «дешевого» застосунку.",[3743,3790,3791,3792,3795],{},"У цій статті ми розберемо ",[3747,3793,3794],{},"React Native Reanimated 3"," — бібліотеку, яка переносить анімації на нативний UI потік і дає можливість створювати анімації рівня нативних застосунків.",[3797,3798,3799,3802,3803,3807,3808,3811,3812,3815,3816,3819,3820,3822,3823,3826],"note",{},[3747,3800,3801],{},"Про preview-приклади в цій статті:"," ",[3804,3805,3806],"code",{},"react-native-preview"," виконує код через ",[3804,3809,3810],{},"react-native-web"," і підтримує лише стандартну бібліотеку ",[3804,3813,3814],{},"react-native",". Тому в інтерактивних прикладах ми використовуємо ",[3804,3817,3818],{},"Animated"," API — стандартний інструмент React Native. Паралельно я показуватиму Reanimated-еквівалент у звичайних блоках коду. Це також хороша педагогіка: зрозумівши ",[3804,3821,3818],{},", ви побачите, ",[3747,3824,3825],{},"що саме"," Reanimated покращує і чому.",[3828,3829],"hr",{},[3738,3831,3833],{"id":3832},"анімаційна-модель-react-native-js-thread-vs-ui-thread","Анімаційна модель React Native: JS Thread vs UI Thread",[3835,3836,3838],"h3",{"id":3837},"чому-звичайний-animated-іноді-смикається","Чому звичайний Animated іноді «смикається»",[3743,3840,3841],{},"React Native Animated API існує з самого початку бібліотеки. Він дозволяє анімувати значення і прив'язувати їх до стилів компонентів. Але є суттєве обмеження:",[3843,3844,3849],"pre",{"className":3845,"code":3847,"language":3848},[3846],"language-text","Стандартний Animated (без useNativeDriver):\n\nJS Thread: [обчислення] → [Bridge] → [UI Thread: оновлення стилю]\nJS Thread: [обчислення] → [Bridge] → [UI Thread: оновлення стилю]\n...\n\nПри 60 fps це відбувається 60 разів\u002Fсек.\nЯкщо JS Thread зайнятий (рендеринг, мережа) — кадри пропускаються.\n","text",[3804,3850,3847],{"__ignoreMap":3851},"",[3743,3853,3854,3857,3858,3861,3862,3865,3866,3869,3870,3873,3874,3877,3878,3877,3881,3884],{},[3804,3855,3856],{},"useNativeDriver: true"," вирішує частину проблеми: анімація ",[3747,3859,3860],{},"передається на UI Thread"," і більше не залежить від JS. Але ",[3804,3863,3864],{},"useNativeDriver"," підтримує лише ",[3804,3867,3868],{},"transform"," і ",[3804,3871,3872],{},"opacity"," — ніяких ",[3804,3875,3876],{},"width",", ",[3804,3879,3880],{},"height",[3804,3882,3883],{},"margin",", кольорів.",[3835,3886,3888],{"id":3887},"як-reanimated-виходить-за-ці-обмеження","Як Reanimated виходить за ці обмеження",[3743,3890,3891,3894,3895,3898,3899,3902],{},[3747,3892,3893],{},"React Native Reanimated"," переносить ",[3747,3896,3897],{},"весь код анімації"," — включно з логікою — на нативний UI потік через механізм ",[3747,3900,3901],{},"worklets",":",[3904,3905,3906],"plant-uml",{},[3843,3907,3911],{"className":3908,"code":3909,"language":3910,"meta":3851,"style":3851},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\nrectangle \"JavaScript Thread\" {\n  component [React компонент\\n(логіка, стейт, рендер)] as REACT\n  component [useSharedValue()\\ninitialValue] as SHARED_DEF\n}\n\nrectangle \"UI Thread (Reanimated Runtime)\" {\n  component [SharedValue\\n(реальна змінна)] as SHARED\n  component [Worklet\\n(JS функція на C++)] as WORKLET\n  component [useAnimatedStyle\\n→ CSS оновлення] as ANIM_STYLE\n}\n\nrectangle \"Native Render\" {\n  component [Нативний View] as VIEW\n}\n\nREACT --> SHARED_DEF : визначає\nSHARED_DEF --> SHARED : ініціалізує\nSHARED --> WORKLET : викликає\nWORKLET --> ANIM_STYLE : обчислює стилі\nANIM_STYLE --> VIEW : без bridge!\nREACT --> SHARED : .value = новеValue (асинхронно)\n@enduml\n","plantuml",[3804,3912,3913,3921,3927,3933,3940,3946,3952,3958,3964,3969,3975,3981,3987,3993,3998,4003,4009,4015,4020,4025,4031,4037,4043,4049,4055,4061],{"__ignoreMap":3851},[3914,3915,3918],"span",{"class":3916,"line":3917},"line",1,[3914,3919,3920],{},"@startuml\n",[3914,3922,3924],{"class":3916,"line":3923},2,[3914,3925,3926],{},"skinparam style plain\n",[3914,3928,3930],{"class":3916,"line":3929},3,[3914,3931,3932],{},"skinparam defaultFontSize 12\n",[3914,3934,3936],{"class":3916,"line":3935},4,[3914,3937,3939],{"emptyLinePlaceholder":3938},true,"\n",[3914,3941,3943],{"class":3916,"line":3942},5,[3914,3944,3945],{},"rectangle \"JavaScript Thread\" {\n",[3914,3947,3949],{"class":3916,"line":3948},6,[3914,3950,3951],{},"  component [React компонент\\n(логіка, стейт, рендер)] as REACT\n",[3914,3953,3955],{"class":3916,"line":3954},7,[3914,3956,3957],{},"  component [useSharedValue()\\ninitialValue] as SHARED_DEF\n",[3914,3959,3961],{"class":3916,"line":3960},8,[3914,3962,3963],{},"}\n",[3914,3965,3967],{"class":3916,"line":3966},9,[3914,3968,3939],{"emptyLinePlaceholder":3938},[3914,3970,3972],{"class":3916,"line":3971},10,[3914,3973,3974],{},"rectangle \"UI Thread (Reanimated Runtime)\" {\n",[3914,3976,3978],{"class":3916,"line":3977},11,[3914,3979,3980],{},"  component [SharedValue\\n(реальна змінна)] as SHARED\n",[3914,3982,3984],{"class":3916,"line":3983},12,[3914,3985,3986],{},"  component [Worklet\\n(JS функція на C++)] as WORKLET\n",[3914,3988,3990],{"class":3916,"line":3989},13,[3914,3991,3992],{},"  component [useAnimatedStyle\\n→ CSS оновлення] as ANIM_STYLE\n",[3914,3994,3996],{"class":3916,"line":3995},14,[3914,3997,3963],{},[3914,3999,4001],{"class":3916,"line":4000},15,[3914,4002,3939],{"emptyLinePlaceholder":3938},[3914,4004,4006],{"class":3916,"line":4005},16,[3914,4007,4008],{},"rectangle \"Native Render\" {\n",[3914,4010,4012],{"class":3916,"line":4011},17,[3914,4013,4014],{},"  component [Нативний View] as VIEW\n",[3914,4016,4018],{"class":3916,"line":4017},18,[3914,4019,3963],{},[3914,4021,4023],{"class":3916,"line":4022},19,[3914,4024,3939],{"emptyLinePlaceholder":3938},[3914,4026,4028],{"class":3916,"line":4027},20,[3914,4029,4030],{},"REACT --> SHARED_DEF : визначає\n",[3914,4032,4034],{"class":3916,"line":4033},21,[3914,4035,4036],{},"SHARED_DEF --> SHARED : ініціалізує\n",[3914,4038,4040],{"class":3916,"line":4039},22,[3914,4041,4042],{},"SHARED --> WORKLET : викликає\n",[3914,4044,4046],{"class":3916,"line":4045},23,[3914,4047,4048],{},"WORKLET --> ANIM_STYLE : обчислює стилі\n",[3914,4050,4052],{"class":3916,"line":4051},24,[3914,4053,4054],{},"ANIM_STYLE --> VIEW : без bridge!\n",[3914,4056,4058],{"class":3916,"line":4057},25,[3914,4059,4060],{},"REACT --> SHARED : .value = новеValue (асинхронно)\n",[3914,4062,4064],{"class":3916,"line":4063},26,[3914,4065,4066],{},"@enduml\n",[3743,4068,4069,4070,4073,4074,4076,4077,3750],{},"Ключова ідея: ",[3747,4071,4072],{},"worklet"," — це JavaScript функція, яку Reanimated компілює і виконує безпосередньо на C++ рантаймі UI потоку. Виклик не потребує серіалізації через міст. Саме тому Reanimated анімує будь-які CSS-властивості (width, height, backgroundColor, borderRadius) з тією ж продуктивністю що й ",[3804,4075,3868],{},"\u002F",[3804,4078,3872],{},[3835,4080,4082],{"id":4081},"worklet-що-це-і-як-позначити","Worklet: що це і як позначити",[3743,4084,4085,4086,4089],{},"Функція стає worklet-ом через директиву ",[3804,4087,4088],{},"'worklet'"," на першому рядку:",[3843,4091,4095],{"className":4092,"code":4093,"language":4094,"meta":3851,"style":3851},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","function myWorklet(value: number): number {\n  'worklet';\n  return value * 2; \u002F\u002F виконується на UI Thread\n}\n","ts",[3804,4096,4097,4130,4139,4162],{"__ignoreMap":3851},[3914,4098,4099,4103,4107,4111,4115,4118,4122,4125,4127],{"class":3916,"line":3917},[3914,4100,4102],{"class":4101},"su1O8","function",[3914,4104,4106],{"class":4105},"s8Opu"," myWorklet",[3914,4108,4110],{"class":4109},"sHH4Y","(",[3914,4112,4114],{"class":4113},"siwwj","value",[3914,4116,4117],{"class":4109},": ",[3914,4119,4121],{"class":4120},"sN1BT","number",[3914,4123,4124],{"class":4109},"): ",[3914,4126,4121],{"class":4120},[3914,4128,4129],{"class":4109}," {\n",[3914,4131,4132,4136],{"class":3916,"line":3923},[3914,4133,4135],{"class":4134},"sbdoH","  'worklet'",[3914,4137,4138],{"class":4109},";\n",[3914,4140,4141,4145,4148,4151,4155,4158],{"class":3916,"line":3929},[3914,4142,4144],{"class":4143},"s8xlr","  return",[3914,4146,4147],{"class":4113}," value",[3914,4149,4150],{"class":4109}," * ",[3914,4152,4154],{"class":4153},"sJj4R","2",[3914,4156,4157],{"class":4109},"; ",[3914,4159,4161],{"class":4160},"spJ8K","\u002F\u002F виконується на UI Thread\n",[3914,4163,4164],{"class":3916,"line":3935},[3914,4165,3963],{"class":4109},[3743,4167,4168,4169,3877,4172,3877,4175,4178,4179,4181],{},"Усі функції, передані у ",[3804,4170,4171],{},"useAnimatedStyle",[3804,4173,4174],{},"useAnimatedScrollHandler",[3804,4176,4177],{},"useAnimatedGestureHandler"," — автоматично компілюються як worklets. Явне ",[3804,4180,4088],{}," потрібне лише для власних утиліт.",[4183,4184,4185,4186,4189,4190,4193,4194,3877,4197,4200,4201,3750],"warning",{},"Звичайні JS функції ",[3747,4187,4188],{},"не можна"," викликати з worklet-а без ",[3804,4191,4192],{},"runOnJS()",". Це включає ",[3804,4195,4196],{},"console.log",[3804,4198,4199],{},"setState",", API виклики. Якщо потрібно вийти в JS Thread — використовуйте ",[3804,4202,4203],{},"runOnJS(myFn)(args)",[3828,4205],{},[3738,4207,4209],{"id":4208},"встановлення-та-налаштування","Встановлення та налаштування",[3843,4211,4215],{"className":4212,"code":4213,"language":4214,"meta":3851,"style":3851},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npx expo install react-native-reanimated\n","bash",[3804,4216,4217],{"__ignoreMap":3851},[3914,4218,4219,4222,4225,4228],{"class":3916,"line":3917},[3914,4220,4221],{"class":4105},"npx",[3914,4223,4224],{"class":4134}," expo",[3914,4226,4227],{"class":4134}," install",[3914,4229,4230],{"class":4134}," react-native-reanimated\n",[3743,4232,4233,4236,4237,3902],{},[3747,4234,4235],{},"Обов'язково:"," додати плагін у ",[3804,4238,4239],{},"babel.config.js",[3843,4241,4245],{"className":4242,"code":4243,"language":4244,"meta":3851,"style":3851},"language-js shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F babel.config.js\nmodule.exports = function (api) {\n  api.cache(true);\n  return {\n    presets: ['babel-preset-expo'],\n    plugins: ['react-native-reanimated\u002Fplugin'], \u002F\u002F ← завжди ОСТАННІМ\n  };\n};\n","js",[3804,4246,4247,4252,4276,4294,4300,4314,4330,4335],{"__ignoreMap":3851},[3914,4248,4249],{"class":3916,"line":3917},[3914,4250,4251],{"class":4160},"\u002F\u002F babel.config.js\n",[3914,4253,4254,4257,4259,4262,4265,4267,4270,4273],{"class":3916,"line":3923},[3914,4255,4256],{"class":4120},"module",[3914,4258,3750],{"class":4109},[3914,4260,4261],{"class":4120},"exports",[3914,4263,4264],{"class":4109}," = ",[3914,4266,4102],{"class":4101},[3914,4268,4269],{"class":4109}," (",[3914,4271,4272],{"class":4113},"api",[3914,4274,4275],{"class":4109},") {\n",[3914,4277,4278,4281,4283,4286,4288,4291],{"class":3916,"line":3929},[3914,4279,4280],{"class":4113},"  api",[3914,4282,3750],{"class":4109},[3914,4284,4285],{"class":4105},"cache",[3914,4287,4110],{"class":4109},[3914,4289,4290],{"class":4101},"true",[3914,4292,4293],{"class":4109},");\n",[3914,4295,4296,4298],{"class":3916,"line":3935},[3914,4297,4144],{"class":4143},[3914,4299,4129],{"class":4109},[3914,4301,4302,4305,4308,4311],{"class":3916,"line":3942},[3914,4303,4304],{"class":4113},"    presets:",[3914,4306,4307],{"class":4109}," [",[3914,4309,4310],{"class":4134},"'babel-preset-expo'",[3914,4312,4313],{"class":4109},"],\n",[3914,4315,4316,4319,4321,4324,4327],{"class":3916,"line":3948},[3914,4317,4318],{"class":4113},"    plugins:",[3914,4320,4307],{"class":4109},[3914,4322,4323],{"class":4134},"'react-native-reanimated\u002Fplugin'",[3914,4325,4326],{"class":4109},"], ",[3914,4328,4329],{"class":4160},"\u002F\u002F ← завжди ОСТАННІМ\n",[3914,4331,4332],{"class":3916,"line":3954},[3914,4333,4334],{"class":4109},"  };\n",[3914,4336,4337],{"class":3916,"line":3960},[3914,4338,4339],{"class":4109},"};\n",[3743,4341,4342,4343,4345,4346,4349],{},"Після зміни ",[3804,4344,4239],{}," — ",[3747,4347,4348],{},"обов'язковий"," перезапуск Metro з очищенням кешу:",[3843,4351,4353],{"className":4212,"code":4352,"language":4214,"meta":3851,"style":3851},"npx expo start --clear\n",[3804,4354,4355],{"__ignoreMap":3851},[3914,4356,4357,4359,4361,4364],{"class":3916,"line":3917},[3914,4358,4221],{"class":4105},[3914,4360,4224],{"class":4134},[3914,4362,4363],{"class":4134}," start",[3914,4365,4366],{"class":4101}," --clear\n",[4368,4369,4370,4371,3802,4374,4377,4378,4381],"caution",{},"Плагін ",[3804,4372,4373],{},"react-native-reanimated\u002Fplugin",[3747,4375,4376],{},"повинен бути останнім"," у масиві ",[3804,4379,4380],{},"plugins",". Порушення цього правила — найпоширеніша причина дивних помилок типу «worklet function called on wrong thread».",[3828,4383],{},[3738,4385,4387],{"id":4386},"основи-usesharedvalue-та-useanimatedstyle","Основи: useSharedValue та useAnimatedStyle",[3835,4389,4391],{"id":4390},"usesharedvalue-змінна-двох-потоків","useSharedValue: змінна двох потоків",[3743,4393,4394,4397,4398,4401],{},[3804,4395,4396],{},"useSharedValue"," — основний примітив Reanimated. Це змінна, яка ",[3747,4399,4400],{},"існує одночасно"," у JS Thread і UI Thread:",[3843,4403,4405],{"className":4092,"code":4404,"language":4094,"meta":3851,"style":3851},"import { useSharedValue } from 'react-native-reanimated';\n\nconst opacity = useSharedValue(1);     \u002F\u002F початкове значення — 1\nconst scale = useSharedValue(1);\nconst offsetY = useSharedValue(0);\n",[3804,4406,4407,4428,4432,4456,4473],{"__ignoreMap":3851},[3914,4408,4409,4412,4415,4417,4420,4423,4426],{"class":3916,"line":3917},[3914,4410,4411],{"class":4143},"import",[3914,4413,4414],{"class":4109}," { ",[3914,4416,4396],{"class":4113},[3914,4418,4419],{"class":4109}," } ",[3914,4421,4422],{"class":4143},"from",[3914,4424,4425],{"class":4134}," 'react-native-reanimated'",[3914,4427,4138],{"class":4109},[3914,4429,4430],{"class":3916,"line":3923},[3914,4431,3939],{"emptyLinePlaceholder":3938},[3914,4433,4434,4437,4441,4443,4445,4447,4450,4453],{"class":3916,"line":3929},[3914,4435,4436],{"class":4101},"const",[3914,4438,4440],{"class":4439},"s-QsJ"," opacity",[3914,4442,4264],{"class":4109},[3914,4444,4396],{"class":4105},[3914,4446,4110],{"class":4109},[3914,4448,4449],{"class":4153},"1",[3914,4451,4452],{"class":4109},");     ",[3914,4454,4455],{"class":4160},"\u002F\u002F початкове значення — 1\n",[3914,4457,4458,4460,4463,4465,4467,4469,4471],{"class":3916,"line":3935},[3914,4459,4436],{"class":4101},[3914,4461,4462],{"class":4439}," scale",[3914,4464,4264],{"class":4109},[3914,4466,4396],{"class":4105},[3914,4468,4110],{"class":4109},[3914,4470,4449],{"class":4153},[3914,4472,4293],{"class":4109},[3914,4474,4475,4477,4480,4482,4484,4486,4489],{"class":3916,"line":3942},[3914,4476,4436],{"class":4101},[3914,4478,4479],{"class":4439}," offsetY",[3914,4481,4264],{"class":4109},[3914,4483,4396],{"class":4105},[3914,4485,4110],{"class":4109},[3914,4487,4488],{"class":4153},"0",[3914,4490,4293],{"class":4109},[3743,4492,4493],{},"Читання і запис:",[3843,4495,4497],{"className":4092,"code":4496,"language":4094,"meta":3851,"style":3851},"\u002F\u002F З JS Thread (наприклад, у обробнику onPress):\nopacity.value = 0;          \u002F\u002F миттєво\nopacity.value = withTiming(0, { duration: 300 }); \u002F\u002F анімовано\n\n\u002F\u002F Читання (завжди актуальне):\nconsole.log(opacity.value); \u002F\u002F поточне значення\n",[3804,4498,4499,4504,4522,4554,4558,4563],{"__ignoreMap":3851},[3914,4500,4501],{"class":3916,"line":3917},[3914,4502,4503],{"class":4160},"\u002F\u002F З JS Thread (наприклад, у обробнику onPress):\n",[3914,4505,4506,4508,4510,4512,4514,4516,4519],{"class":3916,"line":3923},[3914,4507,3872],{"class":4113},[3914,4509,3750],{"class":4109},[3914,4511,4114],{"class":4113},[3914,4513,4264],{"class":4109},[3914,4515,4488],{"class":4153},[3914,4517,4518],{"class":4109},";          ",[3914,4520,4521],{"class":4160},"\u002F\u002F миттєво\n",[3914,4523,4524,4526,4528,4530,4532,4535,4537,4539,4542,4545,4548,4551],{"class":3916,"line":3929},[3914,4525,3872],{"class":4113},[3914,4527,3750],{"class":4109},[3914,4529,4114],{"class":4113},[3914,4531,4264],{"class":4109},[3914,4533,4534],{"class":4105},"withTiming",[3914,4536,4110],{"class":4109},[3914,4538,4488],{"class":4153},[3914,4540,4541],{"class":4109},", { ",[3914,4543,4544],{"class":4113},"duration:",[3914,4546,4547],{"class":4153}," 300",[3914,4549,4550],{"class":4109}," }); ",[3914,4552,4553],{"class":4160},"\u002F\u002F анімовано\n",[3914,4555,4556],{"class":3916,"line":3935},[3914,4557,3939],{"emptyLinePlaceholder":3938},[3914,4559,4560],{"class":3916,"line":3942},[3914,4561,4562],{"class":4160},"\u002F\u002F Читання (завжди актуальне):\n",[3914,4564,4565,4568,4570,4573,4575,4577,4579,4581,4584],{"class":3916,"line":3948},[3914,4566,4567],{"class":4113},"console",[3914,4569,3750],{"class":4109},[3914,4571,4572],{"class":4105},"log",[3914,4574,4110],{"class":4109},[3914,4576,3872],{"class":4113},[3914,4578,3750],{"class":4109},[3914,4580,4114],{"class":4113},[3914,4582,4583],{"class":4109},"); ",[3914,4585,4586],{"class":4160},"\u002F\u002F поточне значення\n",[3797,4588,4589,4591,4592,4595,4596,3802,4599,4602],{},[3804,4590,4396],{}," схожий на ",[3804,4593,4594],{},"useRef"," тим, що зміна ",[3804,4597,4598],{},".value",[3747,4600,4601],{},"не спричиняє ре-рендер",". Це навмисне: анімації повинні бути ізольовані від React render-циклу.",[3835,4604,4606],{"id":4605},"useanimatedstyle-звязок-між-sharedvalue-і-стилями","useAnimatedStyle: зв'язок між SharedValue і стилями",[3743,4608,4609,4611],{},[3804,4610,4171],{}," — це worklet, що перетворює shared values на об'єкт стилів. Він автоматично підписується на зміни використаних shared values:",[3843,4613,4615],{"className":4092,"code":4614,"language":4094,"meta":3851,"style":3851},"import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';\n\nfunction FadeBox() {\n  const opacity = useSharedValue(1);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ scale: opacity.value }],\n  }));\n\n  return (\n    \u003CAnimated.View style={[styles.box, animatedStyle]}>\n      \u003CText>Привіт!\u003C\u002FText>\n    \u003C\u002FAnimated.View>\n  );\n}\n",[3804,4616,4617,4644,4648,4658,4675,4679,4699,4713,4733,4738,4742,4749,4770,4775,4780,4785],{"__ignoreMap":3851},[3914,4618,4619,4621,4624,4626,4628,4630,4632,4634,4636,4638,4640,4642],{"class":3916,"line":3917},[3914,4620,4411],{"class":4143},[3914,4622,4623],{"class":4113}," Animated",[3914,4625,4541],{"class":4109},[3914,4627,4396],{"class":4113},[3914,4629,3877],{"class":4109},[3914,4631,4171],{"class":4113},[3914,4633,3877],{"class":4109},[3914,4635,4534],{"class":4113},[3914,4637,4419],{"class":4109},[3914,4639,4422],{"class":4143},[3914,4641,4425],{"class":4134},[3914,4643,4138],{"class":4109},[3914,4645,4646],{"class":3916,"line":3923},[3914,4647,3939],{"emptyLinePlaceholder":3938},[3914,4649,4650,4652,4655],{"class":3916,"line":3929},[3914,4651,4102],{"class":4101},[3914,4653,4654],{"class":4105}," FadeBox",[3914,4656,4657],{"class":4109},"() {\n",[3914,4659,4660,4663,4665,4667,4669,4671,4673],{"class":3916,"line":3935},[3914,4661,4662],{"class":4101},"  const",[3914,4664,4440],{"class":4439},[3914,4666,4264],{"class":4109},[3914,4668,4396],{"class":4105},[3914,4670,4110],{"class":4109},[3914,4672,4449],{"class":4153},[3914,4674,4293],{"class":4109},[3914,4676,4677],{"class":3916,"line":3942},[3914,4678,3939],{"emptyLinePlaceholder":3938},[3914,4680,4681,4683,4686,4688,4690,4693,4696],{"class":3916,"line":3948},[3914,4682,4662],{"class":4101},[3914,4684,4685],{"class":4439}," animatedStyle",[3914,4687,4264],{"class":4109},[3914,4689,4171],{"class":4105},[3914,4691,4692],{"class":4109},"(() ",[3914,4694,4695],{"class":4101},"=>",[3914,4697,4698],{"class":4109}," ({\n",[3914,4700,4701,4704,4706,4708,4710],{"class":3916,"line":3954},[3914,4702,4703],{"class":4113},"    opacity:",[3914,4705,4440],{"class":4113},[3914,4707,3750],{"class":4109},[3914,4709,4114],{"class":4113},[3914,4711,4712],{"class":4109},",\n",[3914,4714,4715,4718,4721,4724,4726,4728,4730],{"class":3916,"line":3960},[3914,4716,4717],{"class":4113},"    transform:",[3914,4719,4720],{"class":4109}," [{ ",[3914,4722,4723],{"class":4113},"scale:",[3914,4725,4440],{"class":4113},[3914,4727,3750],{"class":4109},[3914,4729,4114],{"class":4113},[3914,4731,4732],{"class":4109}," }],\n",[3914,4734,4735],{"class":3916,"line":3966},[3914,4736,4737],{"class":4109},"  }));\n",[3914,4739,4740],{"class":3916,"line":3971},[3914,4741,3939],{"emptyLinePlaceholder":3938},[3914,4743,4744,4746],{"class":3916,"line":3977},[3914,4745,4144],{"class":4143},[3914,4747,4748],{"class":4109}," (\n",[3914,4750,4751,4754,4756,4758,4761,4764,4767],{"class":3916,"line":3983},[3914,4752,4753],{"class":4109},"    \u003C",[3914,4755,3818],{"class":4113},[3914,4757,3750],{"class":4109},[3914,4759,4760],{"class":4113},"View",[3914,4762,4763],{"class":4113}," style",[3914,4765,4766],{"class":4109},"={",[3914,4768,4769],{"class":4113},"[styles.box, animatedStyle]}>\n",[3914,4771,4772],{"class":3916,"line":3989},[3914,4773,4774],{"class":4113},"      \u003CText>Привіт!\u003C\u002FText>\n",[3914,4776,4777],{"class":3916,"line":3995},[3914,4778,4779],{"class":4113},"    \u003C\u002FAnimated.View>\n",[3914,4781,4782],{"class":3916,"line":4000},[3914,4783,4784],{"class":4113},"  );\n",[3914,4786,4787],{"class":3916,"line":4005},[3914,4788,3963],{"class":4113},[3743,4790,4791,4792,3902],{},"Ключові правила ",[3804,4793,4171],{},[3755,4795,4796,4803,4806,4811],{},[3758,4797,4798,4799,4802],{},"Тіло функції виконується ",[3747,4800,4801],{},"на UI Thread"," — це worklet.",[3758,4804,4805],{},"Не можна викликати хуки React всередині.",[3758,4807,4808,4809,3750],{},"Не можна звертатись до JavaScript closure values напряму — тільки через ",[3804,4810,4396],{},[3758,4812,4813],{},"Повертає стандартний об'єкт стилів.",[3835,4815,4817],{"id":4816},"animatedview-та-інші-animated-компоненти","Animated.View та інші Animated-компоненти",[3743,4819,4820,4821,4823,4824,3877,4827,3877,4830,3877,4833,4836],{},"Щоб стилі з ",[3804,4822,4171],{}," застосовувались до компонента — потрібно використовувати ",[3804,4825,4826],{},"Animated.View",[3804,4828,4829],{},"Animated.Text",[3804,4831,4832],{},"Animated.Image",[3804,4834,4835],{},"Animated.ScrollView"," з Reanimated:",[3843,4838,4842],{"className":4839,"code":4840,"language":4841,"meta":3851,"style":3851},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import Animated from 'react-native-reanimated';\n\n\u002F\u002F Використовуємо Animated.View замість View:\n\u003CAnimated.View style={[styles.box, animatedStyle]} \u002F>\n","tsx",[3804,4843,4844,4857,4861,4866],{"__ignoreMap":3851},[3914,4845,4846,4848,4850,4853,4855],{"class":3916,"line":3917},[3914,4847,4411],{"class":4143},[3914,4849,4623],{"class":4113},[3914,4851,4852],{"class":4143}," from",[3914,4854,4425],{"class":4134},[3914,4856,4138],{"class":4109},[3914,4858,4859],{"class":3916,"line":3923},[3914,4860,3939],{"emptyLinePlaceholder":3938},[3914,4862,4863],{"class":3916,"line":3929},[3914,4864,4865],{"class":4160},"\u002F\u002F Використовуємо Animated.View замість View:\n",[3914,4867,4868,4872,4874,4877,4880,4883,4887,4890,4892,4895,4897,4900,4903,4906],{"class":3916,"line":3935},[3914,4869,4871],{"class":4870},"s0P7L","\u003C",[3914,4873,4826],{"class":4120},[3914,4875,4763],{"class":4876},"sa4r_",[3914,4878,4879],{"class":4109},"=",[3914,4881,4882],{"class":4101},"{",[3914,4884,4886],{"class":4885},"sD7JJ","[",[3914,4888,4889],{"class":4113},"styles",[3914,4891,3750],{"class":4885},[3914,4893,4894],{"class":4113},"box",[3914,4896,3877],{"class":4885},[3914,4898,4899],{"class":4113},"animatedStyle",[3914,4901,4902],{"class":4885},"]",[3914,4904,4905],{"class":4101},"}",[3914,4907,4908],{"class":4870}," \u002F>\n",[3743,4910,4911],{},"Або для кастомних компонентів:",[3843,4913,4915],{"className":4092,"code":4914,"language":4094,"meta":3851,"style":3851},"import Animated from 'react-native-reanimated';\nimport { FlatList } from 'react-native';\n\nconst AnimatedFlatList = Animated.createAnimatedComponent(FlatList);\n",[3804,4916,4917,4929,4947,4951],{"__ignoreMap":3851},[3914,4918,4919,4921,4923,4925,4927],{"class":3916,"line":3917},[3914,4920,4411],{"class":4143},[3914,4922,4623],{"class":4113},[3914,4924,4852],{"class":4143},[3914,4926,4425],{"class":4134},[3914,4928,4138],{"class":4109},[3914,4930,4931,4933,4935,4938,4940,4942,4945],{"class":3916,"line":3923},[3914,4932,4411],{"class":4143},[3914,4934,4414],{"class":4109},[3914,4936,4937],{"class":4113},"FlatList",[3914,4939,4419],{"class":4109},[3914,4941,4422],{"class":4143},[3914,4943,4944],{"class":4134}," 'react-native'",[3914,4946,4138],{"class":4109},[3914,4948,4949],{"class":3916,"line":3929},[3914,4950,3939],{"emptyLinePlaceholder":3938},[3914,4952,4953,4955,4958,4960,4962,4964,4967,4969,4971],{"class":3916,"line":3935},[3914,4954,4436],{"class":4101},[3914,4956,4957],{"class":4439}," AnimatedFlatList",[3914,4959,4264],{"class":4109},[3914,4961,3818],{"class":4113},[3914,4963,3750],{"class":4109},[3914,4965,4966],{"class":4105},"createAnimatedComponent",[3914,4968,4110],{"class":4109},[3914,4970,4937],{"class":4113},[3914,4972,4293],{"class":4109},[3828,4974],{},[3738,4976,4978],{"id":4977},"анімаційні-функції-withtiming-withspring-і-інші","Анімаційні функції: withTiming, withSpring і інші",[3835,4980,4982],{"id":4981},"концепція-анімаційних-функцій","Концепція анімаційних функцій",[3743,4984,4985,4986,4989,4990,3902],{},"Reanimated надає набір ",[3747,4987,4988],{},"анімаційних функцій",", що повертають не число, а «рецепт» анімації. Вони передаються у ",[3804,4991,4598],{},[3843,4993,4995],{"className":4092,"code":4994,"language":4094,"meta":3851,"style":3851},"opacity.value = withTiming(0);       \u002F\u002F \"анімуй до 0 за допомогою easing\"\nscale.value = withSpring(1.2);       \u002F\u002F \"анімуй до 1.2 за законами пружини\"\n",[3804,4996,4997,5019],{"__ignoreMap":3851},[3914,4998,4999,5001,5003,5005,5007,5009,5011,5013,5016],{"class":3916,"line":3917},[3914,5000,3872],{"class":4113},[3914,5002,3750],{"class":4109},[3914,5004,4114],{"class":4113},[3914,5006,4264],{"class":4109},[3914,5008,4534],{"class":4105},[3914,5010,4110],{"class":4109},[3914,5012,4488],{"class":4153},[3914,5014,5015],{"class":4109},");       ",[3914,5017,5018],{"class":4160},"\u002F\u002F \"анімуй до 0 за допомогою easing\"\n",[3914,5020,5021,5024,5026,5028,5030,5033,5035,5038,5040],{"class":3916,"line":3923},[3914,5022,5023],{"class":4113},"scale",[3914,5025,3750],{"class":4109},[3914,5027,4114],{"class":4113},[3914,5029,4264],{"class":4109},[3914,5031,5032],{"class":4105},"withSpring",[3914,5034,4110],{"class":4109},[3914,5036,5037],{"class":4153},"1.2",[3914,5039,5015],{"class":4109},[3914,5041,5042],{"class":4160},"\u002F\u002F \"анімуй до 1.2 за законами пружини\"\n",[3835,5044,5046],{"id":5045},"withtiming-лінійна-анімація-з-easing","withTiming: лінійна анімація з easing",[3743,5048,5049,5051],{},[3804,5050,4534],{}," анімує значення за заданий час з кривою прискорення (easing):",[3843,5053,5055],{"className":4092,"code":5054,"language":4094,"meta":3851,"style":3851},"import { withTiming, Easing } from 'react-native-reanimated';\n\nopacity.value = withTiming(0, {\n  duration: 300,           \u002F\u002F мілісекунди\n  easing: Easing.out(Easing.cubic), \u002F\u002F крива\n});\n",[3804,5056,5057,5078,5082,5101,5114,5142],{"__ignoreMap":3851},[3914,5058,5059,5061,5063,5065,5067,5070,5072,5074,5076],{"class":3916,"line":3917},[3914,5060,4411],{"class":4143},[3914,5062,4414],{"class":4109},[3914,5064,4534],{"class":4113},[3914,5066,3877],{"class":4109},[3914,5068,5069],{"class":4113},"Easing",[3914,5071,4419],{"class":4109},[3914,5073,4422],{"class":4143},[3914,5075,4425],{"class":4134},[3914,5077,4138],{"class":4109},[3914,5079,5080],{"class":3916,"line":3923},[3914,5081,3939],{"emptyLinePlaceholder":3938},[3914,5083,5084,5086,5088,5090,5092,5094,5096,5098],{"class":3916,"line":3929},[3914,5085,3872],{"class":4113},[3914,5087,3750],{"class":4109},[3914,5089,4114],{"class":4113},[3914,5091,4264],{"class":4109},[3914,5093,4534],{"class":4105},[3914,5095,4110],{"class":4109},[3914,5097,4488],{"class":4153},[3914,5099,5100],{"class":4109},", {\n",[3914,5102,5103,5106,5108,5111],{"class":3916,"line":3935},[3914,5104,5105],{"class":4113},"  duration:",[3914,5107,4547],{"class":4153},[3914,5109,5110],{"class":4109},",           ",[3914,5112,5113],{"class":4160},"\u002F\u002F мілісекунди\n",[3914,5115,5116,5119,5122,5124,5127,5129,5131,5133,5136,5139],{"class":3916,"line":3942},[3914,5117,5118],{"class":4113},"  easing:",[3914,5120,5121],{"class":4113}," Easing",[3914,5123,3750],{"class":4109},[3914,5125,5126],{"class":4105},"out",[3914,5128,4110],{"class":4109},[3914,5130,5069],{"class":4113},[3914,5132,3750],{"class":4109},[3914,5134,5135],{"class":4113},"cubic",[3914,5137,5138],{"class":4109},"), ",[3914,5140,5141],{"class":4160},"\u002F\u002F крива\n",[3914,5143,5144],{"class":3916,"line":3948},[3914,5145,5146],{"class":4109},"});\n",[5148,5149,5151],"h4",{"id":5150},"стандартні-easing-функції","Стандартні easing функції",[5153,5154,5155,5161,5165,5169,5173,5177,5185,5189],"field-group",{},[5156,5157,5160],"field",{"name":5158,"type":5159},"Easing.linear","easing","Рівномірний рух без прискорення. Підходить для паралакс-ефектів і progress bars, але виглядає «механічно» для більшості UI елементів.",[5156,5162,5164],{"name":5163,"type":5159},"Easing.ease","Стандарт CSS ease: повільний старт, швидка середина, повільний кінець. Ідеально для більшості fade-анімацій.",[5156,5166,5168],{"name":5167,"type":5159},"Easing.out(Easing.quad)","Швидкий старт, повільний фініш. Виглядає природно при «кидку» елементів (вилітають швидко, гальмують). Найрекомендованіший для появи елементів.",[5156,5170,5172],{"name":5171,"type":5159},"Easing.in(Easing.quad)","Повільний старт, швидкий фініш. Для зникання елементів — вони «набирають швидкість» і йдуть.",[5156,5174,5176],{"name":5175,"type":5159},"Easing.inOut(Easing.cubic)","Симетрична крива: повільний старт, швидка середина, повільний кінець. Для переміщень елементів між позиціями.",[5156,5178,5180,5181,5184],{"name":5179,"type":5159},"Easing.bezier(x1, y1, x2, y2)","Кастомна крива Безьє. Аналог CSS ",[3804,5182,5183],{},"cubic-bezier()",". Для фірмових стилів анімації.",[5156,5186,5188],{"name":5187,"type":5159},"Easing.back(1.7)","Небольшой «відкат» назад перед рухом вперед. Придає фізичність, але обережно — занадто великий коефіцієнт виглядає мультяшно.",[5156,5190,5192],{"name":5191,"type":5159},"Easing.bounce","Відбивання наприкінці. Для ігрових застосунків і привертання уваги. У бізнес-застосунках — обережно.",[3835,5194,5196],{"id":5195},"живий-приклад-withtiming","Живий приклад: withTiming",[3806,5198,5202],{"device":5199,"height":5200,"title":5201},"iphone",520,"Easing порівняння",[3843,5203,5205],{"className":4839,"code":5204,"language":4841,"meta":3851,"style":3851},"import { useRef, useState } from 'react';\nimport { Animated, Easing, View, Text, Pressable, StyleSheet } from 'react-native';\n\nconst EASINGS = [\n  { label: 'linear', fn: Easing.linear },\n  { label: 'ease', fn: Easing.ease },\n  { label: 'out(cubic)', fn: Easing.out(Easing.cubic) },\n  { label: 'in(cubic)', fn: Easing.in(Easing.cubic) },\n  { label: 'bounce', fn: Easing.bounce },\n];\n\nfunction EasingRow({ label, easingFn }: { label: string; easingFn: any }) {\n  const x = useRef(new Animated.Value(0)).current;\n  const [running, setRunning] = useState(false);\n\n  const animate = () => {\n    if (running) return;\n    setRunning(true);\n    x.setValue(0);\n    Animated.timing(x, {\n      toValue: 200,\n      duration: 800,\n      easing: easingFn,\n      useNativeDriver: true,\n    }).start(() => setRunning(false));\n  };\n\n  return (\n    \u003CPressable onPress={animate} style={styles.row}>\n      \u003CText style={styles.rowLabel}>{label}\u003C\u002FText>\n      \u003CView style={styles.track}>\n        \u003CAnimated.View style={[styles.ball, { transform: [{ translateX: x }] }]} \u002F>\n      \u003C\u002FView>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.title}>Натисни на рядок\u003C\u002FText>\n      {EASINGS.map((e) => (\n        \u003CEasingRow key={e.label} label={e.label} easingFn={e.fn} \u002F>\n      ))}\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 16, justifyContent: 'center', gap: 12 },\n  title: { textAlign: 'center', fontWeight: '700', fontSize: 15, marginBottom: 4, color: '#1E293B' },\n  row: { gap: 4 },\n  rowLabel: { fontSize: 12, color: '#64748B', fontWeight: '600' },\n  track: { height: 32, backgroundColor: '#F1F5F9', borderRadius: 8, justifyContent: 'center', paddingLeft: 4 },\n  ball: { width: 24, height: 24, borderRadius: 12, backgroundColor: '#3B82F6' },\n});\n",[3804,5206,5207,5229,5268,5272,5282,5308,5330,5360,5390,5412,5417,5421,5461,5496,5522,5526,5540,5557,5568,5584,5601,5611,5621,5631,5641,5663,5667,5672,5679,5716,5755,5779,5821,5831,5841,5846,5851,5856,5873,5880,5904,5937,5963,6018,6026,6035,6040,6045,6050,6070,6110,6157,6171,6199,6244,6279],{"__ignoreMap":3851},[3914,5208,5209,5211,5213,5215,5217,5220,5222,5224,5227],{"class":3916,"line":3917},[3914,5210,4411],{"class":4143},[3914,5212,4414],{"class":4109},[3914,5214,4594],{"class":4113},[3914,5216,3877],{"class":4109},[3914,5218,5219],{"class":4113},"useState",[3914,5221,4419],{"class":4109},[3914,5223,4422],{"class":4143},[3914,5225,5226],{"class":4134}," 'react'",[3914,5228,4138],{"class":4109},[3914,5230,5231,5233,5235,5237,5239,5241,5243,5245,5247,5250,5252,5255,5257,5260,5262,5264,5266],{"class":3916,"line":3923},[3914,5232,4411],{"class":4143},[3914,5234,4414],{"class":4109},[3914,5236,3818],{"class":4113},[3914,5238,3877],{"class":4109},[3914,5240,5069],{"class":4113},[3914,5242,3877],{"class":4109},[3914,5244,4760],{"class":4113},[3914,5246,3877],{"class":4109},[3914,5248,5249],{"class":4113},"Text",[3914,5251,3877],{"class":4109},[3914,5253,5254],{"class":4113},"Pressable",[3914,5256,3877],{"class":4109},[3914,5258,5259],{"class":4113},"StyleSheet",[3914,5261,4419],{"class":4109},[3914,5263,4422],{"class":4143},[3914,5265,4944],{"class":4134},[3914,5267,4138],{"class":4109},[3914,5269,5270],{"class":3916,"line":3929},[3914,5271,3939],{"emptyLinePlaceholder":3938},[3914,5273,5274,5276,5279],{"class":3916,"line":3935},[3914,5275,4436],{"class":4101},[3914,5277,5278],{"class":4439}," EASINGS",[3914,5280,5281],{"class":4109}," = [\n",[3914,5283,5284,5287,5290,5293,5295,5298,5300,5302,5305],{"class":3916,"line":3942},[3914,5285,5286],{"class":4109},"  { ",[3914,5288,5289],{"class":4113},"label:",[3914,5291,5292],{"class":4134}," 'linear'",[3914,5294,3877],{"class":4109},[3914,5296,5297],{"class":4113},"fn:",[3914,5299,5121],{"class":4113},[3914,5301,3750],{"class":4109},[3914,5303,5304],{"class":4113},"linear",[3914,5306,5307],{"class":4109}," },\n",[3914,5309,5310,5312,5314,5317,5319,5321,5323,5325,5328],{"class":3916,"line":3948},[3914,5311,5286],{"class":4109},[3914,5313,5289],{"class":4113},[3914,5315,5316],{"class":4134}," 'ease'",[3914,5318,3877],{"class":4109},[3914,5320,5297],{"class":4113},[3914,5322,5121],{"class":4113},[3914,5324,3750],{"class":4109},[3914,5326,5327],{"class":4113},"ease",[3914,5329,5307],{"class":4109},[3914,5331,5332,5334,5336,5339,5341,5343,5345,5347,5349,5351,5353,5355,5357],{"class":3916,"line":3954},[3914,5333,5286],{"class":4109},[3914,5335,5289],{"class":4113},[3914,5337,5338],{"class":4134}," 'out(cubic)'",[3914,5340,3877],{"class":4109},[3914,5342,5297],{"class":4113},[3914,5344,5121],{"class":4113},[3914,5346,3750],{"class":4109},[3914,5348,5126],{"class":4105},[3914,5350,4110],{"class":4109},[3914,5352,5069],{"class":4113},[3914,5354,3750],{"class":4109},[3914,5356,5135],{"class":4113},[3914,5358,5359],{"class":4109},") },\n",[3914,5361,5362,5364,5366,5369,5371,5373,5375,5377,5380,5382,5384,5386,5388],{"class":3916,"line":3960},[3914,5363,5286],{"class":4109},[3914,5365,5289],{"class":4113},[3914,5367,5368],{"class":4134}," 'in(cubic)'",[3914,5370,3877],{"class":4109},[3914,5372,5297],{"class":4113},[3914,5374,5121],{"class":4113},[3914,5376,3750],{"class":4109},[3914,5378,5379],{"class":4105},"in",[3914,5381,4110],{"class":4109},[3914,5383,5069],{"class":4113},[3914,5385,3750],{"class":4109},[3914,5387,5135],{"class":4113},[3914,5389,5359],{"class":4109},[3914,5391,5392,5394,5396,5399,5401,5403,5405,5407,5410],{"class":3916,"line":3966},[3914,5393,5286],{"class":4109},[3914,5395,5289],{"class":4113},[3914,5397,5398],{"class":4134}," 'bounce'",[3914,5400,3877],{"class":4109},[3914,5402,5297],{"class":4113},[3914,5404,5121],{"class":4113},[3914,5406,3750],{"class":4109},[3914,5408,5409],{"class":4113},"bounce",[3914,5411,5307],{"class":4109},[3914,5413,5414],{"class":3916,"line":3971},[3914,5415,5416],{"class":4109},"];\n",[3914,5418,5419],{"class":3916,"line":3977},[3914,5420,3939],{"emptyLinePlaceholder":3938},[3914,5422,5423,5425,5428,5431,5434,5436,5439,5442,5444,5446,5449,5451,5453,5455,5458],{"class":3916,"line":3983},[3914,5424,4102],{"class":4101},[3914,5426,5427],{"class":4105}," EasingRow",[3914,5429,5430],{"class":4109},"({ ",[3914,5432,5433],{"class":4113},"label",[3914,5435,3877],{"class":4109},[3914,5437,5438],{"class":4113},"easingFn",[3914,5440,5441],{"class":4109}," }: { ",[3914,5443,5433],{"class":4113},[3914,5445,4117],{"class":4109},[3914,5447,5448],{"class":4120},"string",[3914,5450,4157],{"class":4109},[3914,5452,5438],{"class":4113},[3914,5454,4117],{"class":4109},[3914,5456,5457],{"class":4120},"any",[3914,5459,5460],{"class":4109}," }) {\n",[3914,5462,5463,5465,5468,5470,5472,5474,5477,5479,5481,5484,5486,5488,5491,5494],{"class":3916,"line":3989},[3914,5464,4662],{"class":4101},[3914,5466,5467],{"class":4439}," x",[3914,5469,4264],{"class":4109},[3914,5471,4594],{"class":4105},[3914,5473,4110],{"class":4109},[3914,5475,5476],{"class":4101},"new",[3914,5478,4623],{"class":4113},[3914,5480,3750],{"class":4109},[3914,5482,5483],{"class":4105},"Value",[3914,5485,4110],{"class":4109},[3914,5487,4488],{"class":4153},[3914,5489,5490],{"class":4109},")).",[3914,5492,5493],{"class":4113},"current",[3914,5495,4138],{"class":4109},[3914,5497,5498,5500,5502,5505,5507,5510,5513,5515,5517,5520],{"class":3916,"line":3995},[3914,5499,4662],{"class":4101},[3914,5501,4307],{"class":4109},[3914,5503,5504],{"class":4439},"running",[3914,5506,3877],{"class":4109},[3914,5508,5509],{"class":4439},"setRunning",[3914,5511,5512],{"class":4109},"] = ",[3914,5514,5219],{"class":4105},[3914,5516,4110],{"class":4109},[3914,5518,5519],{"class":4101},"false",[3914,5521,4293],{"class":4109},[3914,5523,5524],{"class":3916,"line":4000},[3914,5525,3939],{"emptyLinePlaceholder":3938},[3914,5527,5528,5530,5533,5536,5538],{"class":3916,"line":4005},[3914,5529,4662],{"class":4101},[3914,5531,5532],{"class":4105}," animate",[3914,5534,5535],{"class":4109}," = () ",[3914,5537,4695],{"class":4101},[3914,5539,4129],{"class":4109},[3914,5541,5542,5545,5547,5549,5552,5555],{"class":3916,"line":4011},[3914,5543,5544],{"class":4143},"    if",[3914,5546,4269],{"class":4109},[3914,5548,5504],{"class":4113},[3914,5550,5551],{"class":4109},") ",[3914,5553,5554],{"class":4143},"return",[3914,5556,4138],{"class":4109},[3914,5558,5559,5562,5564,5566],{"class":3916,"line":4017},[3914,5560,5561],{"class":4105},"    setRunning",[3914,5563,4110],{"class":4109},[3914,5565,4290],{"class":4101},[3914,5567,4293],{"class":4109},[3914,5569,5570,5573,5575,5578,5580,5582],{"class":3916,"line":4022},[3914,5571,5572],{"class":4113},"    x",[3914,5574,3750],{"class":4109},[3914,5576,5577],{"class":4105},"setValue",[3914,5579,4110],{"class":4109},[3914,5581,4488],{"class":4153},[3914,5583,4293],{"class":4109},[3914,5585,5586,5589,5591,5594,5596,5599],{"class":3916,"line":4027},[3914,5587,5588],{"class":4113},"    Animated",[3914,5590,3750],{"class":4109},[3914,5592,5593],{"class":4105},"timing",[3914,5595,4110],{"class":4109},[3914,5597,5598],{"class":4113},"x",[3914,5600,5100],{"class":4109},[3914,5602,5603,5606,5609],{"class":3916,"line":4033},[3914,5604,5605],{"class":4113},"      toValue:",[3914,5607,5608],{"class":4153}," 200",[3914,5610,4712],{"class":4109},[3914,5612,5613,5616,5619],{"class":3916,"line":4039},[3914,5614,5615],{"class":4113},"      duration:",[3914,5617,5618],{"class":4153}," 800",[3914,5620,4712],{"class":4109},[3914,5622,5623,5626,5629],{"class":3916,"line":4045},[3914,5624,5625],{"class":4113},"      easing:",[3914,5627,5628],{"class":4113}," easingFn",[3914,5630,4712],{"class":4109},[3914,5632,5633,5636,5639],{"class":3916,"line":4051},[3914,5634,5635],{"class":4113},"      useNativeDriver:",[3914,5637,5638],{"class":4101}," true",[3914,5640,4712],{"class":4109},[3914,5642,5643,5646,5649,5651,5653,5656,5658,5660],{"class":3916,"line":4057},[3914,5644,5645],{"class":4109},"    }).",[3914,5647,5648],{"class":4105},"start",[3914,5650,4692],{"class":4109},[3914,5652,4695],{"class":4101},[3914,5654,5655],{"class":4105}," setRunning",[3914,5657,4110],{"class":4109},[3914,5659,5519],{"class":4101},[3914,5661,5662],{"class":4109},"));\n",[3914,5664,5665],{"class":3916,"line":4063},[3914,5666,4334],{"class":4109},[3914,5668,5670],{"class":3916,"line":5669},27,[3914,5671,3939],{"emptyLinePlaceholder":3938},[3914,5673,5675,5677],{"class":3916,"line":5674},28,[3914,5676,4144],{"class":4143},[3914,5678,4748],{"class":4109},[3914,5680,5682,5684,5686,5689,5691,5693,5696,5698,5700,5702,5704,5706,5708,5711,5713],{"class":3916,"line":5681},29,[3914,5683,4753],{"class":4870},[3914,5685,5254],{"class":4120},[3914,5687,5688],{"class":4876}," onPress",[3914,5690,4879],{"class":4109},[3914,5692,4882],{"class":4101},[3914,5694,5695],{"class":4113},"animate",[3914,5697,4905],{"class":4101},[3914,5699,4763],{"class":4876},[3914,5701,4879],{"class":4109},[3914,5703,4882],{"class":4101},[3914,5705,4889],{"class":4113},[3914,5707,3750],{"class":4885},[3914,5709,5710],{"class":4113},"row",[3914,5712,4905],{"class":4101},[3914,5714,5715],{"class":4870},">\n",[3914,5717,5719,5722,5724,5726,5728,5730,5732,5734,5737,5739,5742,5744,5746,5748,5751,5753],{"class":3916,"line":5718},30,[3914,5720,5721],{"class":4870},"      \u003C",[3914,5723,5249],{"class":4120},[3914,5725,4763],{"class":4876},[3914,5727,4879],{"class":4109},[3914,5729,4882],{"class":4101},[3914,5731,4889],{"class":4113},[3914,5733,3750],{"class":4885},[3914,5735,5736],{"class":4113},"rowLabel",[3914,5738,4905],{"class":4101},[3914,5740,5741],{"class":4870},">",[3914,5743,4882],{"class":4101},[3914,5745,5433],{"class":4113},[3914,5747,4905],{"class":4101},[3914,5749,5750],{"class":4870},"\u003C\u002F",[3914,5752,5249],{"class":4120},[3914,5754,5715],{"class":4870},[3914,5756,5758,5760,5762,5764,5766,5768,5770,5772,5775,5777],{"class":3916,"line":5757},31,[3914,5759,5721],{"class":4870},[3914,5761,4760],{"class":4120},[3914,5763,4763],{"class":4876},[3914,5765,4879],{"class":4109},[3914,5767,4882],{"class":4101},[3914,5769,4889],{"class":4113},[3914,5771,3750],{"class":4885},[3914,5773,5774],{"class":4113},"track",[3914,5776,4905],{"class":4101},[3914,5778,5715],{"class":4870},[3914,5780,5782,5785,5787,5789,5791,5793,5795,5797,5799,5802,5804,5807,5809,5812,5814,5817,5819],{"class":3916,"line":5781},32,[3914,5783,5784],{"class":4870},"        \u003C",[3914,5786,4826],{"class":4120},[3914,5788,4763],{"class":4876},[3914,5790,4879],{"class":4109},[3914,5792,4882],{"class":4101},[3914,5794,4886],{"class":4885},[3914,5796,4889],{"class":4113},[3914,5798,3750],{"class":4885},[3914,5800,5801],{"class":4113},"ball",[3914,5803,4541],{"class":4885},[3914,5805,5806],{"class":4113},"transform:",[3914,5808,4720],{"class":4885},[3914,5810,5811],{"class":4113},"translateX:",[3914,5813,5467],{"class":4113},[3914,5815,5816],{"class":4885}," }] }]",[3914,5818,4905],{"class":4101},[3914,5820,4908],{"class":4870},[3914,5822,5824,5827,5829],{"class":3916,"line":5823},33,[3914,5825,5826],{"class":4870},"      \u003C\u002F",[3914,5828,4760],{"class":4120},[3914,5830,5715],{"class":4870},[3914,5832,5834,5837,5839],{"class":3916,"line":5833},34,[3914,5835,5836],{"class":4870},"    \u003C\u002F",[3914,5838,5254],{"class":4120},[3914,5840,5715],{"class":4870},[3914,5842,5844],{"class":3916,"line":5843},35,[3914,5845,4784],{"class":4109},[3914,5847,5849],{"class":3916,"line":5848},36,[3914,5850,3963],{"class":4109},[3914,5852,5854],{"class":3916,"line":5853},37,[3914,5855,3939],{"emptyLinePlaceholder":3938},[3914,5857,5859,5862,5865,5868,5871],{"class":3916,"line":5858},38,[3914,5860,5861],{"class":4143},"export",[3914,5863,5864],{"class":4143}," default",[3914,5866,5867],{"class":4101}," function",[3914,5869,5870],{"class":4105}," App",[3914,5872,4657],{"class":4109},[3914,5874,5876,5878],{"class":3916,"line":5875},39,[3914,5877,4144],{"class":4143},[3914,5879,4748],{"class":4109},[3914,5881,5883,5885,5887,5889,5891,5893,5895,5897,5900,5902],{"class":3916,"line":5882},40,[3914,5884,4753],{"class":4870},[3914,5886,4760],{"class":4120},[3914,5888,4763],{"class":4876},[3914,5890,4879],{"class":4109},[3914,5892,4882],{"class":4101},[3914,5894,4889],{"class":4113},[3914,5896,3750],{"class":4885},[3914,5898,5899],{"class":4113},"container",[3914,5901,4905],{"class":4101},[3914,5903,5715],{"class":4870},[3914,5905,5907,5909,5911,5913,5915,5917,5919,5921,5924,5926,5928,5931,5933,5935],{"class":3916,"line":5906},41,[3914,5908,5721],{"class":4870},[3914,5910,5249],{"class":4120},[3914,5912,4763],{"class":4876},[3914,5914,4879],{"class":4109},[3914,5916,4882],{"class":4101},[3914,5918,4889],{"class":4113},[3914,5920,3750],{"class":4885},[3914,5922,5923],{"class":4113},"title",[3914,5925,4905],{"class":4101},[3914,5927,5741],{"class":4870},[3914,5929,5930],{"class":4109},"Натисни на рядок",[3914,5932,5750],{"class":4870},[3914,5934,5249],{"class":4120},[3914,5936,5715],{"class":4870},[3914,5938,5940,5943,5946,5948,5951,5954,5957,5959,5961],{"class":3916,"line":5939},42,[3914,5941,5942],{"class":4101},"      {",[3914,5944,5945],{"class":4439},"EASINGS",[3914,5947,3750],{"class":4885},[3914,5949,5950],{"class":4105},"map",[3914,5952,5953],{"class":4885},"((",[3914,5955,5956],{"class":4113},"e",[3914,5958,5551],{"class":4885},[3914,5960,4695],{"class":4101},[3914,5962,4748],{"class":4885},[3914,5964,5966,5968,5971,5974,5976,5978,5980,5982,5984,5986,5989,5991,5993,5995,5997,5999,6001,6003,6005,6007,6009,6011,6014,6016],{"class":3916,"line":5965},43,[3914,5967,5784],{"class":4870},[3914,5969,5970],{"class":4120},"EasingRow",[3914,5972,5973],{"class":4876}," key",[3914,5975,4879],{"class":4109},[3914,5977,4882],{"class":4101},[3914,5979,5956],{"class":4113},[3914,5981,3750],{"class":4885},[3914,5983,5433],{"class":4113},[3914,5985,4905],{"class":4101},[3914,5987,5988],{"class":4876}," label",[3914,5990,4879],{"class":4109},[3914,5992,4882],{"class":4101},[3914,5994,5956],{"class":4113},[3914,5996,3750],{"class":4885},[3914,5998,5433],{"class":4113},[3914,6000,4905],{"class":4101},[3914,6002,5628],{"class":4876},[3914,6004,4879],{"class":4109},[3914,6006,4882],{"class":4101},[3914,6008,5956],{"class":4113},[3914,6010,3750],{"class":4885},[3914,6012,6013],{"class":4113},"fn",[3914,6015,4905],{"class":4101},[3914,6017,4908],{"class":4870},[3914,6019,6021,6024],{"class":3916,"line":6020},44,[3914,6022,6023],{"class":4885},"      ))",[3914,6025,3963],{"class":4101},[3914,6027,6029,6031,6033],{"class":3916,"line":6028},45,[3914,6030,5836],{"class":4870},[3914,6032,4760],{"class":4120},[3914,6034,5715],{"class":4870},[3914,6036,6038],{"class":3916,"line":6037},46,[3914,6039,4784],{"class":4109},[3914,6041,6043],{"class":3916,"line":6042},47,[3914,6044,3963],{"class":4109},[3914,6046,6048],{"class":3916,"line":6047},48,[3914,6049,3939],{"emptyLinePlaceholder":3938},[3914,6051,6053,6055,6058,6060,6062,6064,6067],{"class":3916,"line":6052},49,[3914,6054,4436],{"class":4101},[3914,6056,6057],{"class":4439}," styles",[3914,6059,4264],{"class":4109},[3914,6061,5259],{"class":4113},[3914,6063,3750],{"class":4109},[3914,6065,6066],{"class":4105},"create",[3914,6068,6069],{"class":4109},"({\n",[3914,6071,6073,6076,6078,6081,6084,6086,6089,6092,6094,6097,6100,6102,6105,6108],{"class":3916,"line":6072},50,[3914,6074,6075],{"class":4113},"  container:",[3914,6077,4414],{"class":4109},[3914,6079,6080],{"class":4113},"flex:",[3914,6082,6083],{"class":4153}," 1",[3914,6085,3877],{"class":4109},[3914,6087,6088],{"class":4113},"padding:",[3914,6090,6091],{"class":4153}," 16",[3914,6093,3877],{"class":4109},[3914,6095,6096],{"class":4113},"justifyContent:",[3914,6098,6099],{"class":4134}," 'center'",[3914,6101,3877],{"class":4109},[3914,6103,6104],{"class":4113},"gap:",[3914,6106,6107],{"class":4153}," 12",[3914,6109,5307],{"class":4109},[3914,6111,6113,6116,6118,6121,6123,6125,6128,6131,6133,6136,6139,6141,6144,6147,6149,6152,6155],{"class":3916,"line":6112},51,[3914,6114,6115],{"class":4113},"  title:",[3914,6117,4414],{"class":4109},[3914,6119,6120],{"class":4113},"textAlign:",[3914,6122,6099],{"class":4134},[3914,6124,3877],{"class":4109},[3914,6126,6127],{"class":4113},"fontWeight:",[3914,6129,6130],{"class":4134}," '700'",[3914,6132,3877],{"class":4109},[3914,6134,6135],{"class":4113},"fontSize:",[3914,6137,6138],{"class":4153}," 15",[3914,6140,3877],{"class":4109},[3914,6142,6143],{"class":4113},"marginBottom:",[3914,6145,6146],{"class":4153}," 4",[3914,6148,3877],{"class":4109},[3914,6150,6151],{"class":4113},"color:",[3914,6153,6154],{"class":4134}," '#1E293B'",[3914,6156,5307],{"class":4109},[3914,6158,6160,6163,6165,6167,6169],{"class":3916,"line":6159},52,[3914,6161,6162],{"class":4113},"  row:",[3914,6164,4414],{"class":4109},[3914,6166,6104],{"class":4113},[3914,6168,6146],{"class":4153},[3914,6170,5307],{"class":4109},[3914,6172,6174,6177,6179,6181,6183,6185,6187,6190,6192,6194,6197],{"class":3916,"line":6173},53,[3914,6175,6176],{"class":4113},"  rowLabel:",[3914,6178,4414],{"class":4109},[3914,6180,6135],{"class":4113},[3914,6182,6107],{"class":4153},[3914,6184,3877],{"class":4109},[3914,6186,6151],{"class":4113},[3914,6188,6189],{"class":4134}," '#64748B'",[3914,6191,3877],{"class":4109},[3914,6193,6127],{"class":4113},[3914,6195,6196],{"class":4134}," '600'",[3914,6198,5307],{"class":4109},[3914,6200,6202,6205,6207,6210,6213,6215,6218,6221,6223,6226,6229,6231,6233,6235,6237,6240,6242],{"class":3916,"line":6201},54,[3914,6203,6204],{"class":4113},"  track:",[3914,6206,4414],{"class":4109},[3914,6208,6209],{"class":4113},"height:",[3914,6211,6212],{"class":4153}," 32",[3914,6214,3877],{"class":4109},[3914,6216,6217],{"class":4113},"backgroundColor:",[3914,6219,6220],{"class":4134}," '#F1F5F9'",[3914,6222,3877],{"class":4109},[3914,6224,6225],{"class":4113},"borderRadius:",[3914,6227,6228],{"class":4153}," 8",[3914,6230,3877],{"class":4109},[3914,6232,6096],{"class":4113},[3914,6234,6099],{"class":4134},[3914,6236,3877],{"class":4109},[3914,6238,6239],{"class":4113},"paddingLeft:",[3914,6241,6146],{"class":4153},[3914,6243,5307],{"class":4109},[3914,6245,6247,6250,6252,6255,6258,6260,6262,6264,6266,6268,6270,6272,6274,6277],{"class":3916,"line":6246},55,[3914,6248,6249],{"class":4113},"  ball:",[3914,6251,4414],{"class":4109},[3914,6253,6254],{"class":4113},"width:",[3914,6256,6257],{"class":4153}," 24",[3914,6259,3877],{"class":4109},[3914,6261,6209],{"class":4113},[3914,6263,6257],{"class":4153},[3914,6265,3877],{"class":4109},[3914,6267,6225],{"class":4113},[3914,6269,6107],{"class":4153},[3914,6271,3877],{"class":4109},[3914,6273,6217],{"class":4113},[3914,6275,6276],{"class":4134}," '#3B82F6'",[3914,6278,5307],{"class":4109},[3914,6280,6282],{"class":3916,"line":6281},56,[3914,6283,5146],{"class":4109},[3835,6285,6287],{"id":6286},"withspring-фізика-пружини","withSpring: фізика пружини",[3743,6289,6290,6292,6293,6296],{},[3804,6291,5032],{}," замість часу і easing використовує ",[3747,6294,6295],{},"фізичну модель пружини",". Результат — природний, органічний рух без потреби підбирати easing:",[3843,6298,6300],{"className":4092,"code":6299,"language":4094,"meta":3851,"style":3851},"import { withSpring } from 'react-native-reanimated';\n\nscale.value = withSpring(1.2, {\n  damping: 10,      \u002F\u002F затухання: менше → більше коливань\n  stiffness: 100,   \u002F\u002F жорсткість: більше → швидший рух\n  mass: 1,          \u002F\u002F маса: більше → повільніший і «важчий» рух\n  velocity: 0,      \u002F\u002F початкова швидкість (м\u002Fс)\n  overshootClamping: false, \u002F\u002F дозволяти перестрілювання?\n  restDisplacementThreshold: 0.01,\n  restSpeedThreshold: 0.01,\n});\n",[3804,6301,6302,6318,6322,6340,6354,6368,6381,6394,6407,6417,6426],{"__ignoreMap":3851},[3914,6303,6304,6306,6308,6310,6312,6314,6316],{"class":3916,"line":3917},[3914,6305,4411],{"class":4143},[3914,6307,4414],{"class":4109},[3914,6309,5032],{"class":4113},[3914,6311,4419],{"class":4109},[3914,6313,4422],{"class":4143},[3914,6315,4425],{"class":4134},[3914,6317,4138],{"class":4109},[3914,6319,6320],{"class":3916,"line":3923},[3914,6321,3939],{"emptyLinePlaceholder":3938},[3914,6323,6324,6326,6328,6330,6332,6334,6336,6338],{"class":3916,"line":3929},[3914,6325,5023],{"class":4113},[3914,6327,3750],{"class":4109},[3914,6329,4114],{"class":4113},[3914,6331,4264],{"class":4109},[3914,6333,5032],{"class":4105},[3914,6335,4110],{"class":4109},[3914,6337,5037],{"class":4153},[3914,6339,5100],{"class":4109},[3914,6341,6342,6345,6348,6351],{"class":3916,"line":3935},[3914,6343,6344],{"class":4113},"  damping:",[3914,6346,6347],{"class":4153}," 10",[3914,6349,6350],{"class":4109},",      ",[3914,6352,6353],{"class":4160},"\u002F\u002F затухання: менше → більше коливань\n",[3914,6355,6356,6359,6362,6365],{"class":3916,"line":3942},[3914,6357,6358],{"class":4113},"  stiffness:",[3914,6360,6361],{"class":4153}," 100",[3914,6363,6364],{"class":4109},",   ",[3914,6366,6367],{"class":4160},"\u002F\u002F жорсткість: більше → швидший рух\n",[3914,6369,6370,6373,6375,6378],{"class":3916,"line":3948},[3914,6371,6372],{"class":4113},"  mass:",[3914,6374,6083],{"class":4153},[3914,6376,6377],{"class":4109},",          ",[3914,6379,6380],{"class":4160},"\u002F\u002F маса: більше → повільніший і «важчий» рух\n",[3914,6382,6383,6386,6389,6391],{"class":3916,"line":3954},[3914,6384,6385],{"class":4113},"  velocity:",[3914,6387,6388],{"class":4153}," 0",[3914,6390,6350],{"class":4109},[3914,6392,6393],{"class":4160},"\u002F\u002F початкова швидкість (м\u002Fс)\n",[3914,6395,6396,6399,6402,6404],{"class":3916,"line":3960},[3914,6397,6398],{"class":4113},"  overshootClamping:",[3914,6400,6401],{"class":4101}," false",[3914,6403,3877],{"class":4109},[3914,6405,6406],{"class":4160},"\u002F\u002F дозволяти перестрілювання?\n",[3914,6408,6409,6412,6415],{"class":3916,"line":3966},[3914,6410,6411],{"class":4113},"  restDisplacementThreshold:",[3914,6413,6414],{"class":4153}," 0.01",[3914,6416,4712],{"class":4109},[3914,6418,6419,6422,6424],{"class":3916,"line":3971},[3914,6420,6421],{"class":4113},"  restSpeedThreshold:",[3914,6423,6414],{"class":4153},[3914,6425,4712],{"class":4109},[3914,6427,6428],{"class":3916,"line":3977},[3914,6429,5146],{"class":4109},[5153,6431,6432,6448,6461,6466],{},[5156,6433,6436,6437,6440,6441,6444,6445,3750],{"name":6434,"type":6435},"damping","number (дефолт: 10)","Коефіцієнт затухання. ",[3804,6438,6439],{},"damping: 80"," — практично без коливань (critically damped). ",[3804,6442,6443],{},"damping: 5"," — сильні коливання. Для більшості UI: ",[3747,6446,6447],{},"10–15",[5156,6449,6452,6453,6456,6457,6460],{"name":6450,"type":6451},"stiffness","number (дефолт: 100)","«Жорсткість» пружини. Більше — швидший і різкіший рух. ",[3804,6454,6455],{},"stiffness: 200"," — швидко і чітко. ",[3804,6458,6459],{},"stiffness: 50"," — плавно і повільно.",[5156,6462,6465],{"name":6463,"type":6464},"mass","number (дефолт: 1)","Маса об'єкта. Більша маса = повільніший рух і більша інерція. Зазвичай залишають 1.",[5156,6467,6470,6471,6473],{"name":6468,"type":6469},"overshootClamping","boolean (дефолт: false)","Якщо ",[3804,6472,4290],{}," — пружина зупиняється точно на цільовому значенні без перестрілювання. Для числових селекторів і точних позицій.",[3835,6475,6477],{"id":6476},"живий-приклад-spring-vs-timing","Живий приклад: spring vs timing",[3806,6479,6482],{"device":5199,"height":6480,"title":6481},420,"Spring vs Timing",[3843,6483,6485],{"className":4839,"code":6484,"language":4841,"meta":3851,"style":3851},"import { useRef, useState } from 'react';\nimport { Animated, Easing, View, Text, Pressable, StyleSheet } from 'react-native';\n\nexport default function App() {\n  const springY = useRef(new Animated.Value(0)).current;\n  const timingY = useRef(new Animated.Value(0)).current;\n  const [toggled, setToggled] = useState(false);\n\n  const animate = () => {\n    const toValue = toggled ? 0 : 140;\n    setToggled((t) => !t);\n\n    Animated.spring(springY, {\n      toValue,\n      damping: 10,\n      stiffness: 120,\n      useNativeDriver: true,\n    }).start();\n\n    Animated.timing(timingY, {\n      toValue,\n      duration: 400,\n      easing: Easing.out(Easing.cubic),\n      useNativeDriver: true,\n    }).start();\n  };\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CPressable style={styles.btn} onPress={animate}>\n        \u003CText style={styles.btnText}>Анімувати\u003C\u002FText>\n      \u003C\u002FPressable>\n\n      \u003CView style={styles.row}>\n        \u003CView style={styles.column}>\n          \u003CText style={styles.label}>🌊 Spring\u003C\u002FText>\n          \u003CView style={styles.track}>\n            \u003CAnimated.View style={[styles.ball, styles.blue, { transform: [{ translateY: springY }] }]} \u002F>\n          \u003C\u002FView>\n        \u003C\u002FView>\n        \u003CView style={styles.column}>\n          \u003CText style={styles.label}>📐 Timing\u003C\u002FText>\n          \u003CView style={styles.track}>\n            \u003CAnimated.View style={[styles.ball, styles.amber, { transform: [{ translateY: timingY }] }]} \u002F>\n          \u003C\u002FView>\n        \u003C\u002FView>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: 32 },\n  btn: { backgroundColor: '#1E293B', paddingHorizontal: 28, paddingVertical: 14, borderRadius: 14 },\n  btnText: { color: 'white', fontWeight: '700', fontSize: 16 },\n  row: { flexDirection: 'row', gap: 32 },\n  column: { alignItems: 'center', gap: 8 },\n  label: { fontWeight: '700', fontSize: 14, color: '#475569' },\n  track: { width: 56, height: 200, backgroundColor: '#F1F5F9', borderRadius: 12, alignItems: 'center', paddingTop: 4 },\n  ball: { width: 48, height: 48, borderRadius: 24 },\n  blue: { backgroundColor: '#3B82F6' },\n  amber: { backgroundColor: '#F59E0B' },\n});\n",[3804,6486,6487,6507,6543,6547,6559,6590,6621,6645,6649,6661,6686,6707,6711,6727,6734,6743,6753,6761,6770,6774,6789,6795,6804,6825,6833,6841,6845,6849,6855,6877,6910,6942,6950,6954,6976,6999,7031,7053,7100,7109,7118,7140,7171,7193,7238,7246,7254,7262,7270,7274,7278,7282,7298,7329,7364,7390,7410,7430,7457,7502,7528,7542,7557],{"__ignoreMap":3851},[3914,6488,6489,6491,6493,6495,6497,6499,6501,6503,6505],{"class":3916,"line":3917},[3914,6490,4411],{"class":4143},[3914,6492,4414],{"class":4109},[3914,6494,4594],{"class":4113},[3914,6496,3877],{"class":4109},[3914,6498,5219],{"class":4113},[3914,6500,4419],{"class":4109},[3914,6502,4422],{"class":4143},[3914,6504,5226],{"class":4134},[3914,6506,4138],{"class":4109},[3914,6508,6509,6511,6513,6515,6517,6519,6521,6523,6525,6527,6529,6531,6533,6535,6537,6539,6541],{"class":3916,"line":3923},[3914,6510,4411],{"class":4143},[3914,6512,4414],{"class":4109},[3914,6514,3818],{"class":4113},[3914,6516,3877],{"class":4109},[3914,6518,5069],{"class":4113},[3914,6520,3877],{"class":4109},[3914,6522,4760],{"class":4113},[3914,6524,3877],{"class":4109},[3914,6526,5249],{"class":4113},[3914,6528,3877],{"class":4109},[3914,6530,5254],{"class":4113},[3914,6532,3877],{"class":4109},[3914,6534,5259],{"class":4113},[3914,6536,4419],{"class":4109},[3914,6538,4422],{"class":4143},[3914,6540,4944],{"class":4134},[3914,6542,4138],{"class":4109},[3914,6544,6545],{"class":3916,"line":3929},[3914,6546,3939],{"emptyLinePlaceholder":3938},[3914,6548,6549,6551,6553,6555,6557],{"class":3916,"line":3935},[3914,6550,5861],{"class":4143},[3914,6552,5864],{"class":4143},[3914,6554,5867],{"class":4101},[3914,6556,5870],{"class":4105},[3914,6558,4657],{"class":4109},[3914,6560,6561,6563,6566,6568,6570,6572,6574,6576,6578,6580,6582,6584,6586,6588],{"class":3916,"line":3942},[3914,6562,4662],{"class":4101},[3914,6564,6565],{"class":4439}," springY",[3914,6567,4264],{"class":4109},[3914,6569,4594],{"class":4105},[3914,6571,4110],{"class":4109},[3914,6573,5476],{"class":4101},[3914,6575,4623],{"class":4113},[3914,6577,3750],{"class":4109},[3914,6579,5483],{"class":4105},[3914,6581,4110],{"class":4109},[3914,6583,4488],{"class":4153},[3914,6585,5490],{"class":4109},[3914,6587,5493],{"class":4113},[3914,6589,4138],{"class":4109},[3914,6591,6592,6594,6597,6599,6601,6603,6605,6607,6609,6611,6613,6615,6617,6619],{"class":3916,"line":3948},[3914,6593,4662],{"class":4101},[3914,6595,6596],{"class":4439}," timingY",[3914,6598,4264],{"class":4109},[3914,6600,4594],{"class":4105},[3914,6602,4110],{"class":4109},[3914,6604,5476],{"class":4101},[3914,6606,4623],{"class":4113},[3914,6608,3750],{"class":4109},[3914,6610,5483],{"class":4105},[3914,6612,4110],{"class":4109},[3914,6614,4488],{"class":4153},[3914,6616,5490],{"class":4109},[3914,6618,5493],{"class":4113},[3914,6620,4138],{"class":4109},[3914,6622,6623,6625,6627,6630,6632,6635,6637,6639,6641,6643],{"class":3916,"line":3954},[3914,6624,4662],{"class":4101},[3914,6626,4307],{"class":4109},[3914,6628,6629],{"class":4439},"toggled",[3914,6631,3877],{"class":4109},[3914,6633,6634],{"class":4439},"setToggled",[3914,6636,5512],{"class":4109},[3914,6638,5219],{"class":4105},[3914,6640,4110],{"class":4109},[3914,6642,5519],{"class":4101},[3914,6644,4293],{"class":4109},[3914,6646,6647],{"class":3916,"line":3960},[3914,6648,3939],{"emptyLinePlaceholder":3938},[3914,6650,6651,6653,6655,6657,6659],{"class":3916,"line":3966},[3914,6652,4662],{"class":4101},[3914,6654,5532],{"class":4105},[3914,6656,5535],{"class":4109},[3914,6658,4695],{"class":4101},[3914,6660,4129],{"class":4109},[3914,6662,6663,6666,6669,6671,6673,6676,6678,6681,6684],{"class":3916,"line":3971},[3914,6664,6665],{"class":4101},"    const",[3914,6667,6668],{"class":4439}," toValue",[3914,6670,4264],{"class":4109},[3914,6672,6629],{"class":4113},[3914,6674,6675],{"class":4109}," ? ",[3914,6677,4488],{"class":4153},[3914,6679,6680],{"class":4109}," : ",[3914,6682,6683],{"class":4153},"140",[3914,6685,4138],{"class":4109},[3914,6687,6688,6691,6693,6696,6698,6700,6703,6705],{"class":3916,"line":3977},[3914,6689,6690],{"class":4105},"    setToggled",[3914,6692,5953],{"class":4109},[3914,6694,6695],{"class":4113},"t",[3914,6697,5551],{"class":4109},[3914,6699,4695],{"class":4101},[3914,6701,6702],{"class":4109}," !",[3914,6704,6695],{"class":4113},[3914,6706,4293],{"class":4109},[3914,6708,6709],{"class":3916,"line":3983},[3914,6710,3939],{"emptyLinePlaceholder":3938},[3914,6712,6713,6715,6717,6720,6722,6725],{"class":3916,"line":3989},[3914,6714,5588],{"class":4113},[3914,6716,3750],{"class":4109},[3914,6718,6719],{"class":4105},"spring",[3914,6721,4110],{"class":4109},[3914,6723,6724],{"class":4113},"springY",[3914,6726,5100],{"class":4109},[3914,6728,6729,6732],{"class":3916,"line":3995},[3914,6730,6731],{"class":4113},"      toValue",[3914,6733,4712],{"class":4109},[3914,6735,6736,6739,6741],{"class":3916,"line":4000},[3914,6737,6738],{"class":4113},"      damping:",[3914,6740,6347],{"class":4153},[3914,6742,4712],{"class":4109},[3914,6744,6745,6748,6751],{"class":3916,"line":4005},[3914,6746,6747],{"class":4113},"      stiffness:",[3914,6749,6750],{"class":4153}," 120",[3914,6752,4712],{"class":4109},[3914,6754,6755,6757,6759],{"class":3916,"line":4011},[3914,6756,5635],{"class":4113},[3914,6758,5638],{"class":4101},[3914,6760,4712],{"class":4109},[3914,6762,6763,6765,6767],{"class":3916,"line":4017},[3914,6764,5645],{"class":4109},[3914,6766,5648],{"class":4105},[3914,6768,6769],{"class":4109},"();\n",[3914,6771,6772],{"class":3916,"line":4022},[3914,6773,3939],{"emptyLinePlaceholder":3938},[3914,6775,6776,6778,6780,6782,6784,6787],{"class":3916,"line":4027},[3914,6777,5588],{"class":4113},[3914,6779,3750],{"class":4109},[3914,6781,5593],{"class":4105},[3914,6783,4110],{"class":4109},[3914,6785,6786],{"class":4113},"timingY",[3914,6788,5100],{"class":4109},[3914,6790,6791,6793],{"class":3916,"line":4033},[3914,6792,6731],{"class":4113},[3914,6794,4712],{"class":4109},[3914,6796,6797,6799,6802],{"class":3916,"line":4039},[3914,6798,5615],{"class":4113},[3914,6800,6801],{"class":4153}," 400",[3914,6803,4712],{"class":4109},[3914,6805,6806,6808,6810,6812,6814,6816,6818,6820,6822],{"class":3916,"line":4045},[3914,6807,5625],{"class":4113},[3914,6809,5121],{"class":4113},[3914,6811,3750],{"class":4109},[3914,6813,5126],{"class":4105},[3914,6815,4110],{"class":4109},[3914,6817,5069],{"class":4113},[3914,6819,3750],{"class":4109},[3914,6821,5135],{"class":4113},[3914,6823,6824],{"class":4109},"),\n",[3914,6826,6827,6829,6831],{"class":3916,"line":4051},[3914,6828,5635],{"class":4113},[3914,6830,5638],{"class":4101},[3914,6832,4712],{"class":4109},[3914,6834,6835,6837,6839],{"class":3916,"line":4057},[3914,6836,5645],{"class":4109},[3914,6838,5648],{"class":4105},[3914,6840,6769],{"class":4109},[3914,6842,6843],{"class":3916,"line":4063},[3914,6844,4334],{"class":4109},[3914,6846,6847],{"class":3916,"line":5669},[3914,6848,3939],{"emptyLinePlaceholder":3938},[3914,6850,6851,6853],{"class":3916,"line":5674},[3914,6852,4144],{"class":4143},[3914,6854,4748],{"class":4109},[3914,6856,6857,6859,6861,6863,6865,6867,6869,6871,6873,6875],{"class":3916,"line":5681},[3914,6858,4753],{"class":4870},[3914,6860,4760],{"class":4120},[3914,6862,4763],{"class":4876},[3914,6864,4879],{"class":4109},[3914,6866,4882],{"class":4101},[3914,6868,4889],{"class":4113},[3914,6870,3750],{"class":4885},[3914,6872,5899],{"class":4113},[3914,6874,4905],{"class":4101},[3914,6876,5715],{"class":4870},[3914,6878,6879,6881,6883,6885,6887,6889,6891,6893,6896,6898,6900,6902,6904,6906,6908],{"class":3916,"line":5718},[3914,6880,5721],{"class":4870},[3914,6882,5254],{"class":4120},[3914,6884,4763],{"class":4876},[3914,6886,4879],{"class":4109},[3914,6888,4882],{"class":4101},[3914,6890,4889],{"class":4113},[3914,6892,3750],{"class":4885},[3914,6894,6895],{"class":4113},"btn",[3914,6897,4905],{"class":4101},[3914,6899,5688],{"class":4876},[3914,6901,4879],{"class":4109},[3914,6903,4882],{"class":4101},[3914,6905,5695],{"class":4113},[3914,6907,4905],{"class":4101},[3914,6909,5715],{"class":4870},[3914,6911,6912,6914,6916,6918,6920,6922,6924,6926,6929,6931,6933,6936,6938,6940],{"class":3916,"line":5757},[3914,6913,5784],{"class":4870},[3914,6915,5249],{"class":4120},[3914,6917,4763],{"class":4876},[3914,6919,4879],{"class":4109},[3914,6921,4882],{"class":4101},[3914,6923,4889],{"class":4113},[3914,6925,3750],{"class":4885},[3914,6927,6928],{"class":4113},"btnText",[3914,6930,4905],{"class":4101},[3914,6932,5741],{"class":4870},[3914,6934,6935],{"class":4109},"Анімувати",[3914,6937,5750],{"class":4870},[3914,6939,5249],{"class":4120},[3914,6941,5715],{"class":4870},[3914,6943,6944,6946,6948],{"class":3916,"line":5781},[3914,6945,5826],{"class":4870},[3914,6947,5254],{"class":4120},[3914,6949,5715],{"class":4870},[3914,6951,6952],{"class":3916,"line":5823},[3914,6953,3939],{"emptyLinePlaceholder":3938},[3914,6955,6956,6958,6960,6962,6964,6966,6968,6970,6972,6974],{"class":3916,"line":5833},[3914,6957,5721],{"class":4870},[3914,6959,4760],{"class":4120},[3914,6961,4763],{"class":4876},[3914,6963,4879],{"class":4109},[3914,6965,4882],{"class":4101},[3914,6967,4889],{"class":4113},[3914,6969,3750],{"class":4885},[3914,6971,5710],{"class":4113},[3914,6973,4905],{"class":4101},[3914,6975,5715],{"class":4870},[3914,6977,6978,6980,6982,6984,6986,6988,6990,6992,6995,6997],{"class":3916,"line":5843},[3914,6979,5784],{"class":4870},[3914,6981,4760],{"class":4120},[3914,6983,4763],{"class":4876},[3914,6985,4879],{"class":4109},[3914,6987,4882],{"class":4101},[3914,6989,4889],{"class":4113},[3914,6991,3750],{"class":4885},[3914,6993,6994],{"class":4113},"column",[3914,6996,4905],{"class":4101},[3914,6998,5715],{"class":4870},[3914,7000,7001,7004,7006,7008,7010,7012,7014,7016,7018,7020,7022,7025,7027,7029],{"class":3916,"line":5848},[3914,7002,7003],{"class":4870},"          \u003C",[3914,7005,5249],{"class":4120},[3914,7007,4763],{"class":4876},[3914,7009,4879],{"class":4109},[3914,7011,4882],{"class":4101},[3914,7013,4889],{"class":4113},[3914,7015,3750],{"class":4885},[3914,7017,5433],{"class":4113},[3914,7019,4905],{"class":4101},[3914,7021,5741],{"class":4870},[3914,7023,7024],{"class":4109},"🌊 Spring",[3914,7026,5750],{"class":4870},[3914,7028,5249],{"class":4120},[3914,7030,5715],{"class":4870},[3914,7032,7033,7035,7037,7039,7041,7043,7045,7047,7049,7051],{"class":3916,"line":5853},[3914,7034,7003],{"class":4870},[3914,7036,4760],{"class":4120},[3914,7038,4763],{"class":4876},[3914,7040,4879],{"class":4109},[3914,7042,4882],{"class":4101},[3914,7044,4889],{"class":4113},[3914,7046,3750],{"class":4885},[3914,7048,5774],{"class":4113},[3914,7050,4905],{"class":4101},[3914,7052,5715],{"class":4870},[3914,7054,7055,7058,7060,7062,7064,7066,7068,7070,7072,7074,7076,7078,7080,7083,7085,7087,7089,7092,7094,7096,7098],{"class":3916,"line":5858},[3914,7056,7057],{"class":4870},"            \u003C",[3914,7059,4826],{"class":4120},[3914,7061,4763],{"class":4876},[3914,7063,4879],{"class":4109},[3914,7065,4882],{"class":4101},[3914,7067,4886],{"class":4885},[3914,7069,4889],{"class":4113},[3914,7071,3750],{"class":4885},[3914,7073,5801],{"class":4113},[3914,7075,3877],{"class":4885},[3914,7077,4889],{"class":4113},[3914,7079,3750],{"class":4885},[3914,7081,7082],{"class":4113},"blue",[3914,7084,4541],{"class":4885},[3914,7086,5806],{"class":4113},[3914,7088,4720],{"class":4885},[3914,7090,7091],{"class":4113},"translateY:",[3914,7093,6565],{"class":4113},[3914,7095,5816],{"class":4885},[3914,7097,4905],{"class":4101},[3914,7099,4908],{"class":4870},[3914,7101,7102,7105,7107],{"class":3916,"line":5875},[3914,7103,7104],{"class":4870},"          \u003C\u002F",[3914,7106,4760],{"class":4120},[3914,7108,5715],{"class":4870},[3914,7110,7111,7114,7116],{"class":3916,"line":5882},[3914,7112,7113],{"class":4870},"        \u003C\u002F",[3914,7115,4760],{"class":4120},[3914,7117,5715],{"class":4870},[3914,7119,7120,7122,7124,7126,7128,7130,7132,7134,7136,7138],{"class":3916,"line":5906},[3914,7121,5784],{"class":4870},[3914,7123,4760],{"class":4120},[3914,7125,4763],{"class":4876},[3914,7127,4879],{"class":4109},[3914,7129,4882],{"class":4101},[3914,7131,4889],{"class":4113},[3914,7133,3750],{"class":4885},[3914,7135,6994],{"class":4113},[3914,7137,4905],{"class":4101},[3914,7139,5715],{"class":4870},[3914,7141,7142,7144,7146,7148,7150,7152,7154,7156,7158,7160,7162,7165,7167,7169],{"class":3916,"line":5939},[3914,7143,7003],{"class":4870},[3914,7145,5249],{"class":4120},[3914,7147,4763],{"class":4876},[3914,7149,4879],{"class":4109},[3914,7151,4882],{"class":4101},[3914,7153,4889],{"class":4113},[3914,7155,3750],{"class":4885},[3914,7157,5433],{"class":4113},[3914,7159,4905],{"class":4101},[3914,7161,5741],{"class":4870},[3914,7163,7164],{"class":4109},"📐 Timing",[3914,7166,5750],{"class":4870},[3914,7168,5249],{"class":4120},[3914,7170,5715],{"class":4870},[3914,7172,7173,7175,7177,7179,7181,7183,7185,7187,7189,7191],{"class":3916,"line":5965},[3914,7174,7003],{"class":4870},[3914,7176,4760],{"class":4120},[3914,7178,4763],{"class":4876},[3914,7180,4879],{"class":4109},[3914,7182,4882],{"class":4101},[3914,7184,4889],{"class":4113},[3914,7186,3750],{"class":4885},[3914,7188,5774],{"class":4113},[3914,7190,4905],{"class":4101},[3914,7192,5715],{"class":4870},[3914,7194,7195,7197,7199,7201,7203,7205,7207,7209,7211,7213,7215,7217,7219,7222,7224,7226,7228,7230,7232,7234,7236],{"class":3916,"line":6020},[3914,7196,7057],{"class":4870},[3914,7198,4826],{"class":4120},[3914,7200,4763],{"class":4876},[3914,7202,4879],{"class":4109},[3914,7204,4882],{"class":4101},[3914,7206,4886],{"class":4885},[3914,7208,4889],{"class":4113},[3914,7210,3750],{"class":4885},[3914,7212,5801],{"class":4113},[3914,7214,3877],{"class":4885},[3914,7216,4889],{"class":4113},[3914,7218,3750],{"class":4885},[3914,7220,7221],{"class":4113},"amber",[3914,7223,4541],{"class":4885},[3914,7225,5806],{"class":4113},[3914,7227,4720],{"class":4885},[3914,7229,7091],{"class":4113},[3914,7231,6596],{"class":4113},[3914,7233,5816],{"class":4885},[3914,7235,4905],{"class":4101},[3914,7237,4908],{"class":4870},[3914,7239,7240,7242,7244],{"class":3916,"line":6028},[3914,7241,7104],{"class":4870},[3914,7243,4760],{"class":4120},[3914,7245,5715],{"class":4870},[3914,7247,7248,7250,7252],{"class":3916,"line":6037},[3914,7249,7113],{"class":4870},[3914,7251,4760],{"class":4120},[3914,7253,5715],{"class":4870},[3914,7255,7256,7258,7260],{"class":3916,"line":6042},[3914,7257,5826],{"class":4870},[3914,7259,4760],{"class":4120},[3914,7261,5715],{"class":4870},[3914,7263,7264,7266,7268],{"class":3916,"line":6047},[3914,7265,5836],{"class":4870},[3914,7267,4760],{"class":4120},[3914,7269,5715],{"class":4870},[3914,7271,7272],{"class":3916,"line":6052},[3914,7273,4784],{"class":4109},[3914,7275,7276],{"class":3916,"line":6072},[3914,7277,3963],{"class":4109},[3914,7279,7280],{"class":3916,"line":6112},[3914,7281,3939],{"emptyLinePlaceholder":3938},[3914,7283,7284,7286,7288,7290,7292,7294,7296],{"class":3916,"line":6159},[3914,7285,4436],{"class":4101},[3914,7287,6057],{"class":4439},[3914,7289,4264],{"class":4109},[3914,7291,5259],{"class":4113},[3914,7293,3750],{"class":4109},[3914,7295,6066],{"class":4105},[3914,7297,6069],{"class":4109},[3914,7299,7300,7302,7304,7306,7308,7310,7313,7315,7317,7319,7321,7323,7325,7327],{"class":3916,"line":6173},[3914,7301,6075],{"class":4113},[3914,7303,4414],{"class":4109},[3914,7305,6080],{"class":4113},[3914,7307,6083],{"class":4153},[3914,7309,3877],{"class":4109},[3914,7311,7312],{"class":4113},"alignItems:",[3914,7314,6099],{"class":4134},[3914,7316,3877],{"class":4109},[3914,7318,6096],{"class":4113},[3914,7320,6099],{"class":4134},[3914,7322,3877],{"class":4109},[3914,7324,6104],{"class":4113},[3914,7326,6212],{"class":4153},[3914,7328,5307],{"class":4109},[3914,7330,7331,7334,7336,7338,7340,7342,7345,7348,7350,7353,7356,7358,7360,7362],{"class":3916,"line":6201},[3914,7332,7333],{"class":4113},"  btn:",[3914,7335,4414],{"class":4109},[3914,7337,6217],{"class":4113},[3914,7339,6154],{"class":4134},[3914,7341,3877],{"class":4109},[3914,7343,7344],{"class":4113},"paddingHorizontal:",[3914,7346,7347],{"class":4153}," 28",[3914,7349,3877],{"class":4109},[3914,7351,7352],{"class":4113},"paddingVertical:",[3914,7354,7355],{"class":4153}," 14",[3914,7357,3877],{"class":4109},[3914,7359,6225],{"class":4113},[3914,7361,7355],{"class":4153},[3914,7363,5307],{"class":4109},[3914,7365,7366,7369,7371,7373,7376,7378,7380,7382,7384,7386,7388],{"class":3916,"line":6246},[3914,7367,7368],{"class":4113},"  btnText:",[3914,7370,4414],{"class":4109},[3914,7372,6151],{"class":4113},[3914,7374,7375],{"class":4134}," 'white'",[3914,7377,3877],{"class":4109},[3914,7379,6127],{"class":4113},[3914,7381,6130],{"class":4134},[3914,7383,3877],{"class":4109},[3914,7385,6135],{"class":4113},[3914,7387,6091],{"class":4153},[3914,7389,5307],{"class":4109},[3914,7391,7392,7394,7396,7399,7402,7404,7406,7408],{"class":3916,"line":6281},[3914,7393,6162],{"class":4113},[3914,7395,4414],{"class":4109},[3914,7397,7398],{"class":4113},"flexDirection:",[3914,7400,7401],{"class":4134}," 'row'",[3914,7403,3877],{"class":4109},[3914,7405,6104],{"class":4113},[3914,7407,6212],{"class":4153},[3914,7409,5307],{"class":4109},[3914,7411,7413,7416,7418,7420,7422,7424,7426,7428],{"class":3916,"line":7412},57,[3914,7414,7415],{"class":4113},"  column:",[3914,7417,4414],{"class":4109},[3914,7419,7312],{"class":4113},[3914,7421,6099],{"class":4134},[3914,7423,3877],{"class":4109},[3914,7425,6104],{"class":4113},[3914,7427,6228],{"class":4153},[3914,7429,5307],{"class":4109},[3914,7431,7433,7436,7438,7440,7442,7444,7446,7448,7450,7452,7455],{"class":3916,"line":7432},58,[3914,7434,7435],{"class":4113},"  label:",[3914,7437,4414],{"class":4109},[3914,7439,6127],{"class":4113},[3914,7441,6130],{"class":4134},[3914,7443,3877],{"class":4109},[3914,7445,6135],{"class":4113},[3914,7447,7355],{"class":4153},[3914,7449,3877],{"class":4109},[3914,7451,6151],{"class":4113},[3914,7453,7454],{"class":4134}," '#475569'",[3914,7456,5307],{"class":4109},[3914,7458,7460,7462,7464,7466,7469,7471,7473,7475,7477,7479,7481,7483,7485,7487,7489,7491,7493,7495,7498,7500],{"class":3916,"line":7459},59,[3914,7461,6204],{"class":4113},[3914,7463,4414],{"class":4109},[3914,7465,6254],{"class":4113},[3914,7467,7468],{"class":4153}," 56",[3914,7470,3877],{"class":4109},[3914,7472,6209],{"class":4113},[3914,7474,5608],{"class":4153},[3914,7476,3877],{"class":4109},[3914,7478,6217],{"class":4113},[3914,7480,6220],{"class":4134},[3914,7482,3877],{"class":4109},[3914,7484,6225],{"class":4113},[3914,7486,6107],{"class":4153},[3914,7488,3877],{"class":4109},[3914,7490,7312],{"class":4113},[3914,7492,6099],{"class":4134},[3914,7494,3877],{"class":4109},[3914,7496,7497],{"class":4113},"paddingTop:",[3914,7499,6146],{"class":4153},[3914,7501,5307],{"class":4109},[3914,7503,7505,7507,7509,7511,7514,7516,7518,7520,7522,7524,7526],{"class":3916,"line":7504},60,[3914,7506,6249],{"class":4113},[3914,7508,4414],{"class":4109},[3914,7510,6254],{"class":4113},[3914,7512,7513],{"class":4153}," 48",[3914,7515,3877],{"class":4109},[3914,7517,6209],{"class":4113},[3914,7519,7513],{"class":4153},[3914,7521,3877],{"class":4109},[3914,7523,6225],{"class":4113},[3914,7525,6257],{"class":4153},[3914,7527,5307],{"class":4109},[3914,7529,7531,7534,7536,7538,7540],{"class":3916,"line":7530},61,[3914,7532,7533],{"class":4113},"  blue:",[3914,7535,4414],{"class":4109},[3914,7537,6217],{"class":4113},[3914,7539,6276],{"class":4134},[3914,7541,5307],{"class":4109},[3914,7543,7545,7548,7550,7552,7555],{"class":3916,"line":7544},62,[3914,7546,7547],{"class":4113},"  amber:",[3914,7549,4414],{"class":4109},[3914,7551,6217],{"class":4113},[3914,7553,7554],{"class":4134}," '#F59E0B'",[3914,7556,5307],{"class":4109},[3914,7558,7560],{"class":3916,"line":7559},63,[3914,7561,5146],{"class":4109},[3828,7563],{},[3738,7565,7567],{"id":7566},"композиція-анімацій-withsequence-withdelay-withrepeat","Композиція анімацій: withSequence, withDelay, withRepeat",[3835,7569,7571],{"id":7570},"withsequence-анімації-по-черзі","withSequence: анімації по черзі",[3743,7573,7574,7577,7578,3902],{},[3804,7575,7576],{},"withSequence"," запускає кілька анімацій ",[3747,7579,7580],{},"одну за одною",[3843,7582,7584],{"className":4092,"code":7583,"language":4094,"meta":3851,"style":3851},"import { withSequence, withTiming, withSpring } from 'react-native-reanimated';\n\n\u002F\u002F Кнопка: стиснутись → розширитись (пульсація підтвердження)\nscale.value = withSequence(\n  withTiming(0.9, { duration: 100 }),  \u002F\u002F стискаємось\n  withSpring(1.1),                      \u002F\u002F вибухаємо трохи більше\n  withSpring(1.0),                      \u002F\u002F повертаємось\n);\n",[3804,7585,7586,7610,7614,7619,7634,7656,7672,7686],{"__ignoreMap":3851},[3914,7587,7588,7590,7592,7594,7596,7598,7600,7602,7604,7606,7608],{"class":3916,"line":3917},[3914,7589,4411],{"class":4143},[3914,7591,4414],{"class":4109},[3914,7593,7576],{"class":4113},[3914,7595,3877],{"class":4109},[3914,7597,4534],{"class":4113},[3914,7599,3877],{"class":4109},[3914,7601,5032],{"class":4113},[3914,7603,4419],{"class":4109},[3914,7605,4422],{"class":4143},[3914,7607,4425],{"class":4134},[3914,7609,4138],{"class":4109},[3914,7611,7612],{"class":3916,"line":3923},[3914,7613,3939],{"emptyLinePlaceholder":3938},[3914,7615,7616],{"class":3916,"line":3929},[3914,7617,7618],{"class":4160},"\u002F\u002F Кнопка: стиснутись → розширитись (пульсація підтвердження)\n",[3914,7620,7621,7623,7625,7627,7629,7631],{"class":3916,"line":3935},[3914,7622,5023],{"class":4113},[3914,7624,3750],{"class":4109},[3914,7626,4114],{"class":4113},[3914,7628,4264],{"class":4109},[3914,7630,7576],{"class":4105},[3914,7632,7633],{"class":4109},"(\n",[3914,7635,7636,7639,7641,7644,7646,7648,7650,7653],{"class":3916,"line":3942},[3914,7637,7638],{"class":4105},"  withTiming",[3914,7640,4110],{"class":4109},[3914,7642,7643],{"class":4153},"0.9",[3914,7645,4541],{"class":4109},[3914,7647,4544],{"class":4113},[3914,7649,6361],{"class":4153},[3914,7651,7652],{"class":4109}," }),  ",[3914,7654,7655],{"class":4160},"\u002F\u002F стискаємось\n",[3914,7657,7658,7661,7663,7666,7669],{"class":3916,"line":3948},[3914,7659,7660],{"class":4105},"  withSpring",[3914,7662,4110],{"class":4109},[3914,7664,7665],{"class":4153},"1.1",[3914,7667,7668],{"class":4109},"),                      ",[3914,7670,7671],{"class":4160},"\u002F\u002F вибухаємо трохи більше\n",[3914,7673,7674,7676,7678,7681,7683],{"class":3916,"line":3954},[3914,7675,7660],{"class":4105},[3914,7677,4110],{"class":4109},[3914,7679,7680],{"class":4153},"1.0",[3914,7682,7668],{"class":4109},[3914,7684,7685],{"class":4160},"\u002F\u002F повертаємось\n",[3914,7687,7688],{"class":3916,"line":3960},[3914,7689,4293],{"class":4109},[3835,7691,7693],{"id":7692},"withdelay-затримка-перед-анімацією","withDelay: затримка перед анімацією",[3843,7695,7697],{"className":4092,"code":7696,"language":4094,"meta":3851,"style":3851},"import { withDelay, withTiming } from 'react-native-reanimated';\n\n\u002F\u002F З'являємось через 500 мс після монтування\nopacity.value = withDelay(500, withTiming(1, { duration: 300 }));\n",[3804,7698,7699,7720,7724,7729],{"__ignoreMap":3851},[3914,7700,7701,7703,7705,7708,7710,7712,7714,7716,7718],{"class":3916,"line":3917},[3914,7702,4411],{"class":4143},[3914,7704,4414],{"class":4109},[3914,7706,7707],{"class":4113},"withDelay",[3914,7709,3877],{"class":4109},[3914,7711,4534],{"class":4113},[3914,7713,4419],{"class":4109},[3914,7715,4422],{"class":4143},[3914,7717,4425],{"class":4134},[3914,7719,4138],{"class":4109},[3914,7721,7722],{"class":3916,"line":3923},[3914,7723,3939],{"emptyLinePlaceholder":3938},[3914,7725,7726],{"class":3916,"line":3929},[3914,7727,7728],{"class":4160},"\u002F\u002F З'являємось через 500 мс після монтування\n",[3914,7730,7731,7733,7735,7737,7739,7741,7743,7746,7748,7750,7752,7754,7756,7758,7760],{"class":3916,"line":3935},[3914,7732,3872],{"class":4113},[3914,7734,3750],{"class":4109},[3914,7736,4114],{"class":4113},[3914,7738,4264],{"class":4109},[3914,7740,7707],{"class":4105},[3914,7742,4110],{"class":4109},[3914,7744,7745],{"class":4153},"500",[3914,7747,3877],{"class":4109},[3914,7749,4534],{"class":4105},[3914,7751,4110],{"class":4109},[3914,7753,4449],{"class":4153},[3914,7755,4541],{"class":4109},[3914,7757,4544],{"class":4113},[3914,7759,4547],{"class":4153},[3914,7761,7762],{"class":4109}," }));\n",[3743,7764,7765,7767,7768,7770,7771,7774],{},[3804,7766,7707],{}," зручно комбінувати з ",[3804,7769,7576],{}," для ",[3747,7772,7773],{},"staggered"," анімацій (елементи з'являються один за одним):",[3843,7776,7778],{"className":4092,"code":7777,"language":4094,"meta":3851,"style":3851},"\u002F\u002F Анімуємо 3 елементи по черзі з кроком 100 мс:\nitems.forEach((item, index) => {\n  item.opacity.value = withDelay(\n    index * 100,\n    withTiming(1, { duration: 300 })\n  );\n});\n",[3804,7779,7780,7785,7811,7830,7842,7860,7864],{"__ignoreMap":3851},[3914,7781,7782],{"class":3916,"line":3917},[3914,7783,7784],{"class":4160},"\u002F\u002F Анімуємо 3 елементи по черзі з кроком 100 мс:\n",[3914,7786,7787,7790,7792,7795,7797,7800,7802,7805,7807,7809],{"class":3916,"line":3923},[3914,7788,7789],{"class":4113},"items",[3914,7791,3750],{"class":4109},[3914,7793,7794],{"class":4105},"forEach",[3914,7796,5953],{"class":4109},[3914,7798,7799],{"class":4113},"item",[3914,7801,3877],{"class":4109},[3914,7803,7804],{"class":4113},"index",[3914,7806,5551],{"class":4109},[3914,7808,4695],{"class":4101},[3914,7810,4129],{"class":4109},[3914,7812,7813,7816,7818,7820,7822,7824,7826,7828],{"class":3916,"line":3929},[3914,7814,7815],{"class":4113},"  item",[3914,7817,3750],{"class":4109},[3914,7819,3872],{"class":4113},[3914,7821,3750],{"class":4109},[3914,7823,4114],{"class":4113},[3914,7825,4264],{"class":4109},[3914,7827,7707],{"class":4105},[3914,7829,7633],{"class":4109},[3914,7831,7832,7835,7837,7840],{"class":3916,"line":3935},[3914,7833,7834],{"class":4113},"    index",[3914,7836,4150],{"class":4109},[3914,7838,7839],{"class":4153},"100",[3914,7841,4712],{"class":4109},[3914,7843,7844,7847,7849,7851,7853,7855,7857],{"class":3916,"line":3942},[3914,7845,7846],{"class":4105},"    withTiming",[3914,7848,4110],{"class":4109},[3914,7850,4449],{"class":4153},[3914,7852,4541],{"class":4109},[3914,7854,4544],{"class":4113},[3914,7856,4547],{"class":4153},[3914,7858,7859],{"class":4109}," })\n",[3914,7861,7862],{"class":3916,"line":3948},[3914,7863,4784],{"class":4109},[3914,7865,7866],{"class":3916,"line":3954},[3914,7867,5146],{"class":4109},[3835,7869,7871],{"id":7870},"withrepeat-нескінченна-анімація","withRepeat: нескінченна анімація",[3843,7873,7875],{"className":4092,"code":7874,"language":4094,"meta":3851,"style":3851},"import { withRepeat, withTiming } from 'react-native-reanimated';\n\n\u002F\u002F Пульсація: fade in-out нескінченно\nopacity.value = withRepeat(\n  withTiming(0.3, { duration: 800 }),\n  -1,      \u002F\u002F -1 = нескінченно\n  true,    \u002F\u002F reverse = true → після кожного циклу повертається\n);\n",[3804,7876,7877,7898,7902,7907,7921,7939,7951,7962],{"__ignoreMap":3851},[3914,7878,7879,7881,7883,7886,7888,7890,7892,7894,7896],{"class":3916,"line":3917},[3914,7880,4411],{"class":4143},[3914,7882,4414],{"class":4109},[3914,7884,7885],{"class":4113},"withRepeat",[3914,7887,3877],{"class":4109},[3914,7889,4534],{"class":4113},[3914,7891,4419],{"class":4109},[3914,7893,4422],{"class":4143},[3914,7895,4425],{"class":4134},[3914,7897,4138],{"class":4109},[3914,7899,7900],{"class":3916,"line":3923},[3914,7901,3939],{"emptyLinePlaceholder":3938},[3914,7903,7904],{"class":3916,"line":3929},[3914,7905,7906],{"class":4160},"\u002F\u002F Пульсація: fade in-out нескінченно\n",[3914,7908,7909,7911,7913,7915,7917,7919],{"class":3916,"line":3935},[3914,7910,3872],{"class":4113},[3914,7912,3750],{"class":4109},[3914,7914,4114],{"class":4113},[3914,7916,4264],{"class":4109},[3914,7918,7885],{"class":4105},[3914,7920,7633],{"class":4109},[3914,7922,7923,7925,7927,7930,7932,7934,7936],{"class":3916,"line":3942},[3914,7924,7638],{"class":4105},[3914,7926,4110],{"class":4109},[3914,7928,7929],{"class":4153},"0.3",[3914,7931,4541],{"class":4109},[3914,7933,4544],{"class":4113},[3914,7935,5618],{"class":4153},[3914,7937,7938],{"class":4109}," }),\n",[3914,7940,7941,7944,7946,7948],{"class":3916,"line":3948},[3914,7942,7943],{"class":4109},"  -",[3914,7945,4449],{"class":4153},[3914,7947,6350],{"class":4109},[3914,7949,7950],{"class":4160},"\u002F\u002F -1 = нескінченно\n",[3914,7952,7953,7956,7959],{"class":3916,"line":3954},[3914,7954,7955],{"class":4101},"  true",[3914,7957,7958],{"class":4109},",    ",[3914,7960,7961],{"class":4160},"\u002F\u002F reverse = true → після кожного циклу повертається\n",[3914,7963,7964],{"class":3916,"line":3960},[3914,7965,4293],{"class":4109},[5148,7967,7969],{"id":7968},"параметри-withrepeat","Параметри withRepeat",[5153,7971,7972,7984,7993,7999],{},[5156,7973,7976,7977,3877,7979,7981,7982,3750],{"name":7974,"type":7975},"animation","AnimatableValue","Анімація, яку повторюємо. Може бути ",[3804,7978,4534],{},[3804,7980,5032],{},", або ",[3804,7983,7576],{},[5156,7985,7988,7989,7992],{"name":7986,"type":7987},"numberOfReps","number (дефолт: 2)","Кількість повторень. ",[3804,7990,7991],{},"-1"," — нескінченно.",[5156,7994,6470,7996,7998],{"name":7995,"type":6469},"reverse",[3804,7997,4290],{}," — кожний парний цикл іде у зворотному напрямку. Ідеально для пульсацій та «breathing» ефектів.",[5156,8000,8003],{"name":8001,"type":8002},"callback","(finished: boolean) => void","Викликається після завершення всіх повторень.",[3835,8005,8007],{"id":8006},"живий-приклад-skeleton-loading","Живий приклад: skeleton loading",[3743,8009,8010,8011,8013],{},"Skeleton loading — один з найкорисніших застосунків ",[3804,8012,7885],{},". Показуємо «кістяк» контенту поки дані завантажуються:",[3806,8015,8017],{"device":5199,"height":6480,"title":8016},"Skeleton Loading",[3843,8018,8020],{"className":4839,"code":8019,"language":4841,"meta":3851,"style":3851},"import { useEffect, useRef } from 'react';\nimport { Animated, View, StyleSheet } from 'react-native';\n\nfunction SkeletonLine({ width = '100%', height = 16, delay = 0 }: any) {\n  const opacity = useRef(new Animated.Value(0.3)).current;\n\n  useEffect(() => {\n    const anim = Animated.loop(\n      Animated.sequence([\n        Animated.delay(delay),\n        Animated.timing(opacity, {\n          toValue: 1,\n          duration: 600,\n          useNativeDriver: true,\n        }),\n        Animated.timing(opacity, {\n          toValue: 0.3,\n          duration: 600,\n          useNativeDriver: true,\n        }),\n      ])\n    );\n    anim.start();\n    return () => anim.stop();\n  }, []);\n\n  return (\n    \u003CAnimated.View style={[styles.skeleton, { width, height, opacity }]} \u002F>\n  );\n}\n\nfunction SkeletonCard() {\n  return (\n    \u003CView style={styles.card}>\n      \u003CSkeletonLine width={48} height={48} delay={0} \u002F>\n      \u003CView style={styles.lines}>\n        \u003CSkeletonLine width=\"70%\" height={14} delay={80} \u002F>\n        \u003CSkeletonLine width=\"50%\" height={12} delay={160} \u002F>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nexport default function App() {\n  return (\n    \u003CView style={styles.container}>\n      {[0, 1, 2, 3].map((i) => (\n        \u003CSkeletonCard key={i} \u002F>\n      ))}\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 20, gap: 16, justifyContent: 'center' },\n  card: { flexDirection: 'row', alignItems: 'center', gap: 12, padding: 16, backgroundColor: 'white', borderRadius: 16, shadowColor: '#000', shadowOpacity: 0.06, shadowRadius: 8, elevation: 3 },\n  lines: { flex: 1, gap: 8 },\n  skeleton: { backgroundColor: '#E2E8F0', borderRadius: 8 },\n});\n",[3804,8021,8022,8043,8067,8071,8112,8142,8146,8157,8175,8188,8203,8217,8226,8236,8245,8250,8264,8273,8281,8289,8293,8298,8303,8314,8333,8338,8342,8348,8388,8392,8396,8400,8409,8415,8438,8481,8504,8541,8578,8586,8594,8598,8602,8606,8618,8624,8646,8683,8702,8708,8716,8720,8724,8728,8744,8775,8849,8868,8888],{"__ignoreMap":3851},[3914,8023,8024,8026,8028,8031,8033,8035,8037,8039,8041],{"class":3916,"line":3917},[3914,8025,4411],{"class":4143},[3914,8027,4414],{"class":4109},[3914,8029,8030],{"class":4113},"useEffect",[3914,8032,3877],{"class":4109},[3914,8034,4594],{"class":4113},[3914,8036,4419],{"class":4109},[3914,8038,4422],{"class":4143},[3914,8040,5226],{"class":4134},[3914,8042,4138],{"class":4109},[3914,8044,8045,8047,8049,8051,8053,8055,8057,8059,8061,8063,8065],{"class":3916,"line":3923},[3914,8046,4411],{"class":4143},[3914,8048,4414],{"class":4109},[3914,8050,3818],{"class":4113},[3914,8052,3877],{"class":4109},[3914,8054,4760],{"class":4113},[3914,8056,3877],{"class":4109},[3914,8058,5259],{"class":4113},[3914,8060,4419],{"class":4109},[3914,8062,4422],{"class":4143},[3914,8064,4944],{"class":4134},[3914,8066,4138],{"class":4109},[3914,8068,8069],{"class":3916,"line":3929},[3914,8070,3939],{"emptyLinePlaceholder":3938},[3914,8072,8073,8075,8078,8080,8082,8084,8087,8089,8091,8093,8096,8098,8101,8103,8105,8108,8110],{"class":3916,"line":3935},[3914,8074,4102],{"class":4101},[3914,8076,8077],{"class":4105}," SkeletonLine",[3914,8079,5430],{"class":4109},[3914,8081,3876],{"class":4113},[3914,8083,4264],{"class":4109},[3914,8085,8086],{"class":4134},"'100%'",[3914,8088,3877],{"class":4109},[3914,8090,3880],{"class":4113},[3914,8092,4264],{"class":4109},[3914,8094,8095],{"class":4153},"16",[3914,8097,3877],{"class":4109},[3914,8099,8100],{"class":4113},"delay",[3914,8102,4264],{"class":4109},[3914,8104,4488],{"class":4153},[3914,8106,8107],{"class":4109}," }: ",[3914,8109,5457],{"class":4120},[3914,8111,4275],{"class":4109},[3914,8113,8114,8116,8118,8120,8122,8124,8126,8128,8130,8132,8134,8136,8138,8140],{"class":3916,"line":3942},[3914,8115,4662],{"class":4101},[3914,8117,4440],{"class":4439},[3914,8119,4264],{"class":4109},[3914,8121,4594],{"class":4105},[3914,8123,4110],{"class":4109},[3914,8125,5476],{"class":4101},[3914,8127,4623],{"class":4113},[3914,8129,3750],{"class":4109},[3914,8131,5483],{"class":4105},[3914,8133,4110],{"class":4109},[3914,8135,7929],{"class":4153},[3914,8137,5490],{"class":4109},[3914,8139,5493],{"class":4113},[3914,8141,4138],{"class":4109},[3914,8143,8144],{"class":3916,"line":3948},[3914,8145,3939],{"emptyLinePlaceholder":3938},[3914,8147,8148,8151,8153,8155],{"class":3916,"line":3954},[3914,8149,8150],{"class":4105},"  useEffect",[3914,8152,4692],{"class":4109},[3914,8154,4695],{"class":4101},[3914,8156,4129],{"class":4109},[3914,8158,8159,8161,8164,8166,8168,8170,8173],{"class":3916,"line":3960},[3914,8160,6665],{"class":4101},[3914,8162,8163],{"class":4439}," anim",[3914,8165,4264],{"class":4109},[3914,8167,3818],{"class":4113},[3914,8169,3750],{"class":4109},[3914,8171,8172],{"class":4105},"loop",[3914,8174,7633],{"class":4109},[3914,8176,8177,8180,8182,8185],{"class":3916,"line":3966},[3914,8178,8179],{"class":4113},"      Animated",[3914,8181,3750],{"class":4109},[3914,8183,8184],{"class":4105},"sequence",[3914,8186,8187],{"class":4109},"([\n",[3914,8189,8190,8193,8195,8197,8199,8201],{"class":3916,"line":3971},[3914,8191,8192],{"class":4113},"        Animated",[3914,8194,3750],{"class":4109},[3914,8196,8100],{"class":4105},[3914,8198,4110],{"class":4109},[3914,8200,8100],{"class":4113},[3914,8202,6824],{"class":4109},[3914,8204,8205,8207,8209,8211,8213,8215],{"class":3916,"line":3977},[3914,8206,8192],{"class":4113},[3914,8208,3750],{"class":4109},[3914,8210,5593],{"class":4105},[3914,8212,4110],{"class":4109},[3914,8214,3872],{"class":4113},[3914,8216,5100],{"class":4109},[3914,8218,8219,8222,8224],{"class":3916,"line":3983},[3914,8220,8221],{"class":4113},"          toValue:",[3914,8223,6083],{"class":4153},[3914,8225,4712],{"class":4109},[3914,8227,8228,8231,8234],{"class":3916,"line":3989},[3914,8229,8230],{"class":4113},"          duration:",[3914,8232,8233],{"class":4153}," 600",[3914,8235,4712],{"class":4109},[3914,8237,8238,8241,8243],{"class":3916,"line":3995},[3914,8239,8240],{"class":4113},"          useNativeDriver:",[3914,8242,5638],{"class":4101},[3914,8244,4712],{"class":4109},[3914,8246,8247],{"class":3916,"line":4000},[3914,8248,8249],{"class":4109},"        }),\n",[3914,8251,8252,8254,8256,8258,8260,8262],{"class":3916,"line":4005},[3914,8253,8192],{"class":4113},[3914,8255,3750],{"class":4109},[3914,8257,5593],{"class":4105},[3914,8259,4110],{"class":4109},[3914,8261,3872],{"class":4113},[3914,8263,5100],{"class":4109},[3914,8265,8266,8268,8271],{"class":3916,"line":4011},[3914,8267,8221],{"class":4113},[3914,8269,8270],{"class":4153}," 0.3",[3914,8272,4712],{"class":4109},[3914,8274,8275,8277,8279],{"class":3916,"line":4017},[3914,8276,8230],{"class":4113},[3914,8278,8233],{"class":4153},[3914,8280,4712],{"class":4109},[3914,8282,8283,8285,8287],{"class":3916,"line":4022},[3914,8284,8240],{"class":4113},[3914,8286,5638],{"class":4101},[3914,8288,4712],{"class":4109},[3914,8290,8291],{"class":3916,"line":4027},[3914,8292,8249],{"class":4109},[3914,8294,8295],{"class":3916,"line":4033},[3914,8296,8297],{"class":4109},"      ])\n",[3914,8299,8300],{"class":3916,"line":4039},[3914,8301,8302],{"class":4109},"    );\n",[3914,8304,8305,8308,8310,8312],{"class":3916,"line":4045},[3914,8306,8307],{"class":4113},"    anim",[3914,8309,3750],{"class":4109},[3914,8311,5648],{"class":4105},[3914,8313,6769],{"class":4109},[3914,8315,8316,8319,8322,8324,8326,8328,8331],{"class":3916,"line":4051},[3914,8317,8318],{"class":4143},"    return",[3914,8320,8321],{"class":4109}," () ",[3914,8323,4695],{"class":4101},[3914,8325,8163],{"class":4113},[3914,8327,3750],{"class":4109},[3914,8329,8330],{"class":4105},"stop",[3914,8332,6769],{"class":4109},[3914,8334,8335],{"class":3916,"line":4057},[3914,8336,8337],{"class":4109},"  }, []);\n",[3914,8339,8340],{"class":3916,"line":4063},[3914,8341,3939],{"emptyLinePlaceholder":3938},[3914,8343,8344,8346],{"class":3916,"line":5669},[3914,8345,4144],{"class":4143},[3914,8347,4748],{"class":4109},[3914,8349,8350,8352,8354,8356,8358,8360,8362,8364,8366,8369,8371,8373,8375,8377,8379,8381,8384,8386],{"class":3916,"line":5674},[3914,8351,4753],{"class":4870},[3914,8353,4826],{"class":4120},[3914,8355,4763],{"class":4876},[3914,8357,4879],{"class":4109},[3914,8359,4882],{"class":4101},[3914,8361,4886],{"class":4885},[3914,8363,4889],{"class":4113},[3914,8365,3750],{"class":4885},[3914,8367,8368],{"class":4113},"skeleton",[3914,8370,4541],{"class":4885},[3914,8372,3876],{"class":4113},[3914,8374,3877],{"class":4885},[3914,8376,3880],{"class":4113},[3914,8378,3877],{"class":4885},[3914,8380,3872],{"class":4113},[3914,8382,8383],{"class":4885}," }]",[3914,8385,4905],{"class":4101},[3914,8387,4908],{"class":4870},[3914,8389,8390],{"class":3916,"line":5681},[3914,8391,4784],{"class":4109},[3914,8393,8394],{"class":3916,"line":5718},[3914,8395,3963],{"class":4109},[3914,8397,8398],{"class":3916,"line":5757},[3914,8399,3939],{"emptyLinePlaceholder":3938},[3914,8401,8402,8404,8407],{"class":3916,"line":5781},[3914,8403,4102],{"class":4101},[3914,8405,8406],{"class":4105}," SkeletonCard",[3914,8408,4657],{"class":4109},[3914,8410,8411,8413],{"class":3916,"line":5823},[3914,8412,4144],{"class":4143},[3914,8414,4748],{"class":4109},[3914,8416,8417,8419,8421,8423,8425,8427,8429,8431,8434,8436],{"class":3916,"line":5833},[3914,8418,4753],{"class":4870},[3914,8420,4760],{"class":4120},[3914,8422,4763],{"class":4876},[3914,8424,4879],{"class":4109},[3914,8426,4882],{"class":4101},[3914,8428,4889],{"class":4113},[3914,8430,3750],{"class":4885},[3914,8432,8433],{"class":4113},"card",[3914,8435,4905],{"class":4101},[3914,8437,5715],{"class":4870},[3914,8439,8440,8442,8445,8448,8450,8452,8455,8457,8460,8462,8464,8466,8468,8471,8473,8475,8477,8479],{"class":3916,"line":5843},[3914,8441,5721],{"class":4870},[3914,8443,8444],{"class":4120},"SkeletonLine",[3914,8446,8447],{"class":4876}," width",[3914,8449,4879],{"class":4109},[3914,8451,4882],{"class":4101},[3914,8453,8454],{"class":4153},"48",[3914,8456,4905],{"class":4101},[3914,8458,8459],{"class":4876}," height",[3914,8461,4879],{"class":4109},[3914,8463,4882],{"class":4101},[3914,8465,8454],{"class":4153},[3914,8467,4905],{"class":4101},[3914,8469,8470],{"class":4876}," delay",[3914,8472,4879],{"class":4109},[3914,8474,4882],{"class":4101},[3914,8476,4488],{"class":4153},[3914,8478,4905],{"class":4101},[3914,8480,4908],{"class":4870},[3914,8482,8483,8485,8487,8489,8491,8493,8495,8497,8500,8502],{"class":3916,"line":5848},[3914,8484,5721],{"class":4870},[3914,8486,4760],{"class":4120},[3914,8488,4763],{"class":4876},[3914,8490,4879],{"class":4109},[3914,8492,4882],{"class":4101},[3914,8494,4889],{"class":4113},[3914,8496,3750],{"class":4885},[3914,8498,8499],{"class":4113},"lines",[3914,8501,4905],{"class":4101},[3914,8503,5715],{"class":4870},[3914,8505,8506,8508,8510,8512,8514,8517,8519,8521,8523,8526,8528,8530,8532,8534,8537,8539],{"class":3916,"line":5853},[3914,8507,5784],{"class":4870},[3914,8509,8444],{"class":4120},[3914,8511,8447],{"class":4876},[3914,8513,4879],{"class":4109},[3914,8515,8516],{"class":4134},"\"70%\"",[3914,8518,8459],{"class":4876},[3914,8520,4879],{"class":4109},[3914,8522,4882],{"class":4101},[3914,8524,8525],{"class":4153},"14",[3914,8527,4905],{"class":4101},[3914,8529,8470],{"class":4876},[3914,8531,4879],{"class":4109},[3914,8533,4882],{"class":4101},[3914,8535,8536],{"class":4153},"80",[3914,8538,4905],{"class":4101},[3914,8540,4908],{"class":4870},[3914,8542,8543,8545,8547,8549,8551,8554,8556,8558,8560,8563,8565,8567,8569,8571,8574,8576],{"class":3916,"line":5858},[3914,8544,5784],{"class":4870},[3914,8546,8444],{"class":4120},[3914,8548,8447],{"class":4876},[3914,8550,4879],{"class":4109},[3914,8552,8553],{"class":4134},"\"50%\"",[3914,8555,8459],{"class":4876},[3914,8557,4879],{"class":4109},[3914,8559,4882],{"class":4101},[3914,8561,8562],{"class":4153},"12",[3914,8564,4905],{"class":4101},[3914,8566,8470],{"class":4876},[3914,8568,4879],{"class":4109},[3914,8570,4882],{"class":4101},[3914,8572,8573],{"class":4153},"160",[3914,8575,4905],{"class":4101},[3914,8577,4908],{"class":4870},[3914,8579,8580,8582,8584],{"class":3916,"line":5875},[3914,8581,5826],{"class":4870},[3914,8583,4760],{"class":4120},[3914,8585,5715],{"class":4870},[3914,8587,8588,8590,8592],{"class":3916,"line":5882},[3914,8589,5836],{"class":4870},[3914,8591,4760],{"class":4120},[3914,8593,5715],{"class":4870},[3914,8595,8596],{"class":3916,"line":5906},[3914,8597,4784],{"class":4109},[3914,8599,8600],{"class":3916,"line":5939},[3914,8601,3963],{"class":4109},[3914,8603,8604],{"class":3916,"line":5965},[3914,8605,3939],{"emptyLinePlaceholder":3938},[3914,8607,8608,8610,8612,8614,8616],{"class":3916,"line":6020},[3914,8609,5861],{"class":4143},[3914,8611,5864],{"class":4143},[3914,8613,5867],{"class":4101},[3914,8615,5870],{"class":4105},[3914,8617,4657],{"class":4109},[3914,8619,8620,8622],{"class":3916,"line":6028},[3914,8621,4144],{"class":4143},[3914,8623,4748],{"class":4109},[3914,8625,8626,8628,8630,8632,8634,8636,8638,8640,8642,8644],{"class":3916,"line":6037},[3914,8627,4753],{"class":4870},[3914,8629,4760],{"class":4120},[3914,8631,4763],{"class":4876},[3914,8633,4879],{"class":4109},[3914,8635,4882],{"class":4101},[3914,8637,4889],{"class":4113},[3914,8639,3750],{"class":4885},[3914,8641,5899],{"class":4113},[3914,8643,4905],{"class":4101},[3914,8645,5715],{"class":4870},[3914,8647,8648,8650,8652,8654,8656,8658,8660,8662,8664,8667,8670,8672,8674,8677,8679,8681],{"class":3916,"line":6042},[3914,8649,5942],{"class":4101},[3914,8651,4886],{"class":4885},[3914,8653,4488],{"class":4153},[3914,8655,3877],{"class":4885},[3914,8657,4449],{"class":4153},[3914,8659,3877],{"class":4885},[3914,8661,4154],{"class":4153},[3914,8663,3877],{"class":4885},[3914,8665,8666],{"class":4153},"3",[3914,8668,8669],{"class":4885},"].",[3914,8671,5950],{"class":4105},[3914,8673,5953],{"class":4885},[3914,8675,8676],{"class":4113},"i",[3914,8678,5551],{"class":4885},[3914,8680,4695],{"class":4101},[3914,8682,4748],{"class":4885},[3914,8684,8685,8687,8690,8692,8694,8696,8698,8700],{"class":3916,"line":6047},[3914,8686,5784],{"class":4870},[3914,8688,8689],{"class":4120},"SkeletonCard",[3914,8691,5973],{"class":4876},[3914,8693,4879],{"class":4109},[3914,8695,4882],{"class":4101},[3914,8697,8676],{"class":4113},[3914,8699,4905],{"class":4101},[3914,8701,4908],{"class":4870},[3914,8703,8704,8706],{"class":3916,"line":6052},[3914,8705,6023],{"class":4885},[3914,8707,3963],{"class":4101},[3914,8709,8710,8712,8714],{"class":3916,"line":6072},[3914,8711,5836],{"class":4870},[3914,8713,4760],{"class":4120},[3914,8715,5715],{"class":4870},[3914,8717,8718],{"class":3916,"line":6112},[3914,8719,4784],{"class":4109},[3914,8721,8722],{"class":3916,"line":6159},[3914,8723,3963],{"class":4109},[3914,8725,8726],{"class":3916,"line":6173},[3914,8727,3939],{"emptyLinePlaceholder":3938},[3914,8729,8730,8732,8734,8736,8738,8740,8742],{"class":3916,"line":6201},[3914,8731,4436],{"class":4101},[3914,8733,6057],{"class":4439},[3914,8735,4264],{"class":4109},[3914,8737,5259],{"class":4113},[3914,8739,3750],{"class":4109},[3914,8741,6066],{"class":4105},[3914,8743,6069],{"class":4109},[3914,8745,8746,8748,8750,8752,8754,8756,8758,8761,8763,8765,8767,8769,8771,8773],{"class":3916,"line":6246},[3914,8747,6075],{"class":4113},[3914,8749,4414],{"class":4109},[3914,8751,6080],{"class":4113},[3914,8753,6083],{"class":4153},[3914,8755,3877],{"class":4109},[3914,8757,6088],{"class":4113},[3914,8759,8760],{"class":4153}," 20",[3914,8762,3877],{"class":4109},[3914,8764,6104],{"class":4113},[3914,8766,6091],{"class":4153},[3914,8768,3877],{"class":4109},[3914,8770,6096],{"class":4113},[3914,8772,6099],{"class":4134},[3914,8774,5307],{"class":4109},[3914,8776,8777,8780,8782,8784,8786,8788,8790,8792,8794,8796,8798,8800,8802,8804,8806,8808,8810,8812,8814,8816,8818,8821,8824,8826,8829,8832,8834,8837,8839,8841,8844,8847],{"class":3916,"line":6281},[3914,8778,8779],{"class":4113},"  card:",[3914,8781,4414],{"class":4109},[3914,8783,7398],{"class":4113},[3914,8785,7401],{"class":4134},[3914,8787,3877],{"class":4109},[3914,8789,7312],{"class":4113},[3914,8791,6099],{"class":4134},[3914,8793,3877],{"class":4109},[3914,8795,6104],{"class":4113},[3914,8797,6107],{"class":4153},[3914,8799,3877],{"class":4109},[3914,8801,6088],{"class":4113},[3914,8803,6091],{"class":4153},[3914,8805,3877],{"class":4109},[3914,8807,6217],{"class":4113},[3914,8809,7375],{"class":4134},[3914,8811,3877],{"class":4109},[3914,8813,6225],{"class":4113},[3914,8815,6091],{"class":4153},[3914,8817,3877],{"class":4109},[3914,8819,8820],{"class":4113},"shadowColor:",[3914,8822,8823],{"class":4134}," '#000'",[3914,8825,3877],{"class":4109},[3914,8827,8828],{"class":4113},"shadowOpacity:",[3914,8830,8831],{"class":4153}," 0.06",[3914,8833,3877],{"class":4109},[3914,8835,8836],{"class":4113},"shadowRadius:",[3914,8838,6228],{"class":4153},[3914,8840,3877],{"class":4109},[3914,8842,8843],{"class":4113},"elevation:",[3914,8845,8846],{"class":4153}," 3",[3914,8848,5307],{"class":4109},[3914,8850,8851,8854,8856,8858,8860,8862,8864,8866],{"class":3916,"line":7412},[3914,8852,8853],{"class":4113},"  lines:",[3914,8855,4414],{"class":4109},[3914,8857,6080],{"class":4113},[3914,8859,6083],{"class":4153},[3914,8861,3877],{"class":4109},[3914,8863,6104],{"class":4113},[3914,8865,6228],{"class":4153},[3914,8867,5307],{"class":4109},[3914,8869,8870,8873,8875,8877,8880,8882,8884,8886],{"class":3916,"line":7432},[3914,8871,8872],{"class":4113},"  skeleton:",[3914,8874,4414],{"class":4109},[3914,8876,6217],{"class":4113},[3914,8878,8879],{"class":4134}," '#E2E8F0'",[3914,8881,3877],{"class":4109},[3914,8883,6225],{"class":4113},[3914,8885,6228],{"class":4153},[3914,8887,5307],{"class":4109},[3914,8889,8890],{"class":3916,"line":7459},[3914,8891,5146],{"class":4109},[3828,8893],{},[3738,8895,8897],{"id":8896},"usederivedvalue-обчислені-анімовані-значення","useDerivedValue: обчислені анімовані значення",[3743,8899,8900,8903,8904,3902],{},[3804,8901,8902],{},"useDerivedValue"," — це computed shared value. Він автоматично перераховується при зміні залежних shared values, ",[3747,8905,4801],{},[3843,8907,8909],{"className":4092,"code":8908,"language":4094,"meta":3851,"style":3851},"import { useSharedValue, useDerivedValue, withSpring } from 'react-native-reanimated';\n\nconst progress = useSharedValue(0); \u002F\u002F 0..1\n\n\u002F\u002F Автоматично перераховується при зміні progress:\nconst opacity = useDerivedValue(() => progress.value);\nconst scale = useDerivedValue(() => 0.8 + progress.value * 0.2); \u002F\u002F 0.8..1.0\nconst rotation = useDerivedValue(() => `${progress.value * 360}deg`);\n",[3804,8910,8911,8935,8939,8959,8963,8968,8990,9027],{"__ignoreMap":3851},[3914,8912,8913,8915,8917,8919,8921,8923,8925,8927,8929,8931,8933],{"class":3916,"line":3917},[3914,8914,4411],{"class":4143},[3914,8916,4414],{"class":4109},[3914,8918,4396],{"class":4113},[3914,8920,3877],{"class":4109},[3914,8922,8902],{"class":4113},[3914,8924,3877],{"class":4109},[3914,8926,5032],{"class":4113},[3914,8928,4419],{"class":4109},[3914,8930,4422],{"class":4143},[3914,8932,4425],{"class":4134},[3914,8934,4138],{"class":4109},[3914,8936,8937],{"class":3916,"line":3923},[3914,8938,3939],{"emptyLinePlaceholder":3938},[3914,8940,8941,8943,8946,8948,8950,8952,8954,8956],{"class":3916,"line":3929},[3914,8942,4436],{"class":4101},[3914,8944,8945],{"class":4439}," progress",[3914,8947,4264],{"class":4109},[3914,8949,4396],{"class":4105},[3914,8951,4110],{"class":4109},[3914,8953,4488],{"class":4153},[3914,8955,4583],{"class":4109},[3914,8957,8958],{"class":4160},"\u002F\u002F 0..1\n",[3914,8960,8961],{"class":3916,"line":3935},[3914,8962,3939],{"emptyLinePlaceholder":3938},[3914,8964,8965],{"class":3916,"line":3942},[3914,8966,8967],{"class":4160},"\u002F\u002F Автоматично перераховується при зміні progress:\n",[3914,8969,8970,8972,8974,8976,8978,8980,8982,8984,8986,8988],{"class":3916,"line":3948},[3914,8971,4436],{"class":4101},[3914,8973,4440],{"class":4439},[3914,8975,4264],{"class":4109},[3914,8977,8902],{"class":4105},[3914,8979,4692],{"class":4109},[3914,8981,4695],{"class":4101},[3914,8983,8945],{"class":4113},[3914,8985,3750],{"class":4109},[3914,8987,4114],{"class":4113},[3914,8989,4293],{"class":4109},[3914,8991,8992,8994,8996,8998,9000,9002,9004,9007,9010,9013,9015,9017,9019,9022,9024],{"class":3916,"line":3954},[3914,8993,4436],{"class":4101},[3914,8995,4462],{"class":4439},[3914,8997,4264],{"class":4109},[3914,8999,8902],{"class":4105},[3914,9001,4692],{"class":4109},[3914,9003,4695],{"class":4101},[3914,9005,9006],{"class":4153}," 0.8",[3914,9008,9009],{"class":4109}," + ",[3914,9011,9012],{"class":4113},"progress",[3914,9014,3750],{"class":4109},[3914,9016,4114],{"class":4113},[3914,9018,4150],{"class":4109},[3914,9020,9021],{"class":4153},"0.2",[3914,9023,4583],{"class":4109},[3914,9025,9026],{"class":4160},"\u002F\u002F 0.8..1.0\n",[3914,9028,9029,9031,9034,9036,9038,9040,9042,9045,9048,9050,9052,9054,9057,9060,9062,9065],{"class":3916,"line":3960},[3914,9030,4436],{"class":4101},[3914,9032,9033],{"class":4439}," rotation",[3914,9035,4264],{"class":4109},[3914,9037,8902],{"class":4105},[3914,9039,4692],{"class":4109},[3914,9041,4695],{"class":4101},[3914,9043,9044],{"class":4134}," `",[3914,9046,9047],{"class":4101},"${",[3914,9049,9012],{"class":4113},[3914,9051,3750],{"class":4885},[3914,9053,4114],{"class":4113},[3914,9055,9056],{"class":4109}," *",[3914,9058,9059],{"class":4153}," 360",[3914,9061,4905],{"class":4101},[3914,9063,9064],{"class":4134},"deg`",[3914,9066,4293],{"class":4109},[3743,9068,9069],{},"Типові сценарії:",[3755,9071,9072,9075,9078],{},[3758,9073,9074],{},"Перетворення одного значення (прогрес 0..1) на кілька похідних (opacity, scale, translateY).",[3758,9076,9077],{},"Інтерполяція між двома кольорами.",[3758,9079,9080],{},"Обчислення позиції з урахуванням кількох джерел.",[3835,9082,9084],{"id":9083},"interpolate-гнучке-відображення-значень","interpolate: гнучке відображення значень",[3743,9086,9087,9090,9091,9094,9095,9097],{},[3804,9088,9089],{},"interpolate"," — аналог ",[3804,9092,9093],{},"Animated.Value.interpolate",", але для Reanimated shared values. Використовується всередині worklets (наприклад, ",[3804,9096,4171],{},"):",[3843,9099,9101],{"className":4092,"code":9100,"language":4094,"meta":3851,"style":3851},"import { interpolate, Extrapolation } from 'react-native-reanimated';\n\nconst animatedStyle = useAnimatedStyle(() => {\n  \u002F\u002F Коли scrollY від 0 до 200 → opacity від 1 до 0\n  const opacity = interpolate(\n    scrollY.value,\n    [0, 200],          \u002F\u002F inputRange\n    [1, 0],            \u002F\u002F outputRange\n    Extrapolation.CLAMP \u002F\u002F що робити за межами?\n  );\n\n  \u002F\u002F Коли scrollY від 0 до 100 → translateY від 0 до -50\n  const translateY = interpolate(\n    scrollY.value,\n    [0, 100],\n    [0, -50],\n    Extrapolation.CLAMP\n  );\n\n  return { opacity, transform: [{ translateY }] };\n});\n",[3804,9102,9103,9124,9128,9144,9149,9161,9172,9190,9206,9219,9223,9227,9232,9245,9255,9267,9281,9290,9294,9298,9318],{"__ignoreMap":3851},[3914,9104,9105,9107,9109,9111,9113,9116,9118,9120,9122],{"class":3916,"line":3917},[3914,9106,4411],{"class":4143},[3914,9108,4414],{"class":4109},[3914,9110,9089],{"class":4113},[3914,9112,3877],{"class":4109},[3914,9114,9115],{"class":4113},"Extrapolation",[3914,9117,4419],{"class":4109},[3914,9119,4422],{"class":4143},[3914,9121,4425],{"class":4134},[3914,9123,4138],{"class":4109},[3914,9125,9126],{"class":3916,"line":3923},[3914,9127,3939],{"emptyLinePlaceholder":3938},[3914,9129,9130,9132,9134,9136,9138,9140,9142],{"class":3916,"line":3929},[3914,9131,4436],{"class":4101},[3914,9133,4685],{"class":4439},[3914,9135,4264],{"class":4109},[3914,9137,4171],{"class":4105},[3914,9139,4692],{"class":4109},[3914,9141,4695],{"class":4101},[3914,9143,4129],{"class":4109},[3914,9145,9146],{"class":3916,"line":3935},[3914,9147,9148],{"class":4160},"  \u002F\u002F Коли scrollY від 0 до 200 → opacity від 1 до 0\n",[3914,9150,9151,9153,9155,9157,9159],{"class":3916,"line":3942},[3914,9152,4662],{"class":4101},[3914,9154,4440],{"class":4439},[3914,9156,4264],{"class":4109},[3914,9158,9089],{"class":4105},[3914,9160,7633],{"class":4109},[3914,9162,9163,9166,9168,9170],{"class":3916,"line":3948},[3914,9164,9165],{"class":4113},"    scrollY",[3914,9167,3750],{"class":4109},[3914,9169,4114],{"class":4113},[3914,9171,4712],{"class":4109},[3914,9173,9174,9177,9179,9181,9184,9187],{"class":3916,"line":3954},[3914,9175,9176],{"class":4109},"    [",[3914,9178,4488],{"class":4153},[3914,9180,3877],{"class":4109},[3914,9182,9183],{"class":4153},"200",[3914,9185,9186],{"class":4109},"],          ",[3914,9188,9189],{"class":4160},"\u002F\u002F inputRange\n",[3914,9191,9192,9194,9196,9198,9200,9203],{"class":3916,"line":3960},[3914,9193,9176],{"class":4109},[3914,9195,4449],{"class":4153},[3914,9197,3877],{"class":4109},[3914,9199,4488],{"class":4153},[3914,9201,9202],{"class":4109},"],            ",[3914,9204,9205],{"class":4160},"\u002F\u002F outputRange\n",[3914,9207,9208,9211,9213,9216],{"class":3916,"line":3966},[3914,9209,9210],{"class":4113},"    Extrapolation",[3914,9212,3750],{"class":4109},[3914,9214,9215],{"class":4439},"CLAMP",[3914,9217,9218],{"class":4160}," \u002F\u002F що робити за межами?\n",[3914,9220,9221],{"class":3916,"line":3971},[3914,9222,4784],{"class":4109},[3914,9224,9225],{"class":3916,"line":3977},[3914,9226,3939],{"emptyLinePlaceholder":3938},[3914,9228,9229],{"class":3916,"line":3983},[3914,9230,9231],{"class":4160},"  \u002F\u002F Коли scrollY від 0 до 100 → translateY від 0 до -50\n",[3914,9233,9234,9236,9239,9241,9243],{"class":3916,"line":3989},[3914,9235,4662],{"class":4101},[3914,9237,9238],{"class":4439}," translateY",[3914,9240,4264],{"class":4109},[3914,9242,9089],{"class":4105},[3914,9244,7633],{"class":4109},[3914,9246,9247,9249,9251,9253],{"class":3916,"line":3995},[3914,9248,9165],{"class":4113},[3914,9250,3750],{"class":4109},[3914,9252,4114],{"class":4113},[3914,9254,4712],{"class":4109},[3914,9256,9257,9259,9261,9263,9265],{"class":3916,"line":4000},[3914,9258,9176],{"class":4109},[3914,9260,4488],{"class":4153},[3914,9262,3877],{"class":4109},[3914,9264,7839],{"class":4153},[3914,9266,4313],{"class":4109},[3914,9268,9269,9271,9273,9276,9279],{"class":3916,"line":4005},[3914,9270,9176],{"class":4109},[3914,9272,4488],{"class":4153},[3914,9274,9275],{"class":4109},", -",[3914,9277,9278],{"class":4153},"50",[3914,9280,4313],{"class":4109},[3914,9282,9283,9285,9287],{"class":3916,"line":4011},[3914,9284,9210],{"class":4113},[3914,9286,3750],{"class":4109},[3914,9288,9289],{"class":4439},"CLAMP\n",[3914,9291,9292],{"class":3916,"line":4017},[3914,9293,4784],{"class":4109},[3914,9295,9296],{"class":3916,"line":4022},[3914,9297,3939],{"emptyLinePlaceholder":3938},[3914,9299,9300,9302,9304,9306,9308,9310,9312,9315],{"class":3916,"line":4027},[3914,9301,4144],{"class":4143},[3914,9303,4414],{"class":4109},[3914,9305,3872],{"class":4113},[3914,9307,3877],{"class":4109},[3914,9309,5806],{"class":4113},[3914,9311,4720],{"class":4109},[3914,9313,9314],{"class":4113},"translateY",[3914,9316,9317],{"class":4109}," }] };\n",[3914,9319,9320],{"class":3916,"line":4033},[3914,9321,5146],{"class":4109},[5148,9323,9325],{"id":9324},"extrapolation-режими","Extrapolation режими",[5153,9327,9328,9333,9345],{},[5156,9329,9332],{"name":9330,"type":9331},"Extrapolation.CLAMP","enum","Значення «затискається» в межах outputRange. Найбезпечніший варіант — за межами inputRange значення не змінюється.",[5156,9334,9336,9337,9340,9341,9344],{"name":9335,"type":9331},"Extrapolation.EXTEND","Лінійне продовження за межі. Якщо inputRange ",[3914,9338,9339],{},"0, 100"," → outputRange ",[3914,9342,9343],{},"0, 50",", то при input=200 output=100.",[5156,9346,9348],{"name":9347,"type":9331},"Extrapolation.IDENTITY","Повертає input без змін за межами діапазону.",[3835,9350,9352],{"id":9351},"живий-приклад-parallax-scroll-header","Живий приклад: parallax scroll header",[3806,9354,9356],{"device":5199,"height":5200,"title":9355},"Parallax Header",[3843,9357,9359],{"className":4839,"code":9358,"language":4841,"meta":3851,"style":3851},"import { useRef } from 'react';\nimport { Animated, ScrollView, View, Text, StyleSheet, ImageBackground } from 'react-native';\n\nconst HEADER_HEIGHT = 200;\nconst HEADER_SCROLL_DISTANCE = 120;\n\nexport default function App() {\n  const scrollY = useRef(new Animated.Value(0)).current;\n\n  const headerTranslate = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL_DISTANCE],\n    outputRange: [0, -HEADER_SCROLL_DISTANCE \u002F 2],\n    extrapolate: 'clamp',\n  });\n\n  const headerOpacity = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL_DISTANCE \u002F 2, HEADER_SCROLL_DISTANCE],\n    outputRange: [1, 1, 0],\n    extrapolate: 'clamp',\n  });\n\n  const titleScale = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL_DISTANCE],\n    outputRange: [1, 0.7],\n    extrapolate: 'clamp',\n  });\n\n  return (\n    \u003CView style={styles.container}>\n      {\u002F* Фіксований header *\u002F}\n      \u003CAnimated.View style={[styles.header, { transform: [{ translateY: headerTranslate }] }]}>\n        \u003CView style={styles.headerBg} \u002F>\n        \u003CAnimated.View style={[styles.headerContent, { opacity: headerOpacity }]}>\n          \u003CAnimated.Text style={[styles.title, { transform: [{ scale: titleScale }] }]}>\n            🏔 Карпати 2024\n          \u003C\u002FAnimated.Text>\n          \u003CText style={styles.subtitle}>5 днів · 120 км\u003C\u002FText>\n        \u003C\u002FAnimated.View>\n      \u003C\u002FAnimated.View>\n\n      {\u002F* Контент *\u002F}\n      \u003CAnimated.ScrollView\n        contentContainerStyle={{ paddingTop: HEADER_HEIGHT, paddingHorizontal: 16, paddingBottom: 40 }}\n        scrollEventThrottle={16}\n        onScroll={Animated.event(\n          [{ nativeEvent: { contentOffset: { y: scrollY } } }],\n          { useNativeDriver: true }\n        )}\n      >\n        {Array.from({ length: 8 }, (_, i) => (\n          \u003CView key={i} style={styles.card}>\n            \u003CText style={styles.cardTitle}>День {i + 1}\u003C\u002FText>\n            \u003CText style={styles.cardText}>Маршрут і нотатки дня {i + 1}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FAnimated.ScrollView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: '#F8FAFC' },\n  header: { position: 'absolute', top: 0, left: 0, right: 0, height: HEADER_HEIGHT, zIndex: 10 },\n  headerBg: { ...StyleSheet.absoluteFillObject, backgroundColor: '#1E3A5F' },\n  headerContent: { flex: 1, alignItems: 'center', justifyContent: 'flex-end', paddingBottom: 20 },\n  title: { fontSize: 26, fontWeight: '800', color: 'white', marginBottom: 4 },\n  subtitle: { color: 'rgba(255,255,255,0.7)', fontSize: 14 },\n  card: { backgroundColor: 'white', borderRadius: 16, padding: 16, marginBottom: 12, shadowColor: '#000', shadowOpacity: 0.06, shadowRadius: 8, elevation: 3 },\n  cardTitle: { fontWeight: '700', fontSize: 16, color: '#1E293B', marginBottom: 4 },\n  cardText: { color: '#64748B', fontSize: 14 },\n});\n",[3804,9360,9361,9377,9415,9419,9432,9446,9450,9462,9493,9497,9515,9531,9551,9561,9566,9570,9587,9609,9627,9635,9639,9643,9660,9674,9689,9697,9701,9705,9711,9733,9742,9779,9802,9836,9872,9877,9885,9917,9925,9933,9937,9946,9953,9988,10001,10019,10042,10055,10062,10067,10102,10134,10177,10219,10227,10234,10242,10250,10254,10258,10262,10278,10297,10346,10371,10404,10437,10458,10513,10545,10565],{"__ignoreMap":3851},[3914,9362,9363,9365,9367,9369,9371,9373,9375],{"class":3916,"line":3917},[3914,9364,4411],{"class":4143},[3914,9366,4414],{"class":4109},[3914,9368,4594],{"class":4113},[3914,9370,4419],{"class":4109},[3914,9372,4422],{"class":4143},[3914,9374,5226],{"class":4134},[3914,9376,4138],{"class":4109},[3914,9378,9379,9381,9383,9385,9387,9390,9392,9394,9396,9398,9400,9402,9404,9407,9409,9411,9413],{"class":3916,"line":3923},[3914,9380,4411],{"class":4143},[3914,9382,4414],{"class":4109},[3914,9384,3818],{"class":4113},[3914,9386,3877],{"class":4109},[3914,9388,9389],{"class":4113},"ScrollView",[3914,9391,3877],{"class":4109},[3914,9393,4760],{"class":4113},[3914,9395,3877],{"class":4109},[3914,9397,5249],{"class":4113},[3914,9399,3877],{"class":4109},[3914,9401,5259],{"class":4113},[3914,9403,3877],{"class":4109},[3914,9405,9406],{"class":4113},"ImageBackground",[3914,9408,4419],{"class":4109},[3914,9410,4422],{"class":4143},[3914,9412,4944],{"class":4134},[3914,9414,4138],{"class":4109},[3914,9416,9417],{"class":3916,"line":3929},[3914,9418,3939],{"emptyLinePlaceholder":3938},[3914,9420,9421,9423,9426,9428,9430],{"class":3916,"line":3935},[3914,9422,4436],{"class":4101},[3914,9424,9425],{"class":4439}," HEADER_HEIGHT",[3914,9427,4264],{"class":4109},[3914,9429,9183],{"class":4153},[3914,9431,4138],{"class":4109},[3914,9433,9434,9436,9439,9441,9444],{"class":3916,"line":3942},[3914,9435,4436],{"class":4101},[3914,9437,9438],{"class":4439}," HEADER_SCROLL_DISTANCE",[3914,9440,4264],{"class":4109},[3914,9442,9443],{"class":4153},"120",[3914,9445,4138],{"class":4109},[3914,9447,9448],{"class":3916,"line":3948},[3914,9449,3939],{"emptyLinePlaceholder":3938},[3914,9451,9452,9454,9456,9458,9460],{"class":3916,"line":3954},[3914,9453,5861],{"class":4143},[3914,9455,5864],{"class":4143},[3914,9457,5867],{"class":4101},[3914,9459,5870],{"class":4105},[3914,9461,4657],{"class":4109},[3914,9463,9464,9466,9469,9471,9473,9475,9477,9479,9481,9483,9485,9487,9489,9491],{"class":3916,"line":3960},[3914,9465,4662],{"class":4101},[3914,9467,9468],{"class":4439}," scrollY",[3914,9470,4264],{"class":4109},[3914,9472,4594],{"class":4105},[3914,9474,4110],{"class":4109},[3914,9476,5476],{"class":4101},[3914,9478,4623],{"class":4113},[3914,9480,3750],{"class":4109},[3914,9482,5483],{"class":4105},[3914,9484,4110],{"class":4109},[3914,9486,4488],{"class":4153},[3914,9488,5490],{"class":4109},[3914,9490,5493],{"class":4113},[3914,9492,4138],{"class":4109},[3914,9494,9495],{"class":3916,"line":3966},[3914,9496,3939],{"emptyLinePlaceholder":3938},[3914,9498,9499,9501,9504,9506,9509,9511,9513],{"class":3916,"line":3971},[3914,9500,4662],{"class":4101},[3914,9502,9503],{"class":4439}," headerTranslate",[3914,9505,4264],{"class":4109},[3914,9507,9508],{"class":4113},"scrollY",[3914,9510,3750],{"class":4109},[3914,9512,9089],{"class":4105},[3914,9514,6069],{"class":4109},[3914,9516,9517,9520,9522,9524,9526,9529],{"class":3916,"line":3977},[3914,9518,9519],{"class":4113},"    inputRange:",[3914,9521,4307],{"class":4109},[3914,9523,4488],{"class":4153},[3914,9525,3877],{"class":4109},[3914,9527,9528],{"class":4439},"HEADER_SCROLL_DISTANCE",[3914,9530,4313],{"class":4109},[3914,9532,9533,9536,9538,9540,9542,9544,9547,9549],{"class":3916,"line":3983},[3914,9534,9535],{"class":4113},"    outputRange:",[3914,9537,4307],{"class":4109},[3914,9539,4488],{"class":4153},[3914,9541,9275],{"class":4109},[3914,9543,9528],{"class":4439},[3914,9545,9546],{"class":4109}," \u002F ",[3914,9548,4154],{"class":4153},[3914,9550,4313],{"class":4109},[3914,9552,9553,9556,9559],{"class":3916,"line":3989},[3914,9554,9555],{"class":4113},"    extrapolate:",[3914,9557,9558],{"class":4134}," 'clamp'",[3914,9560,4712],{"class":4109},[3914,9562,9563],{"class":3916,"line":3995},[3914,9564,9565],{"class":4109},"  });\n",[3914,9567,9568],{"class":3916,"line":4000},[3914,9569,3939],{"emptyLinePlaceholder":3938},[3914,9571,9572,9574,9577,9579,9581,9583,9585],{"class":3916,"line":4005},[3914,9573,4662],{"class":4101},[3914,9575,9576],{"class":4439}," headerOpacity",[3914,9578,4264],{"class":4109},[3914,9580,9508],{"class":4113},[3914,9582,3750],{"class":4109},[3914,9584,9089],{"class":4105},[3914,9586,6069],{"class":4109},[3914,9588,9589,9591,9593,9595,9597,9599,9601,9603,9605,9607],{"class":3916,"line":4011},[3914,9590,9519],{"class":4113},[3914,9592,4307],{"class":4109},[3914,9594,4488],{"class":4153},[3914,9596,3877],{"class":4109},[3914,9598,9528],{"class":4439},[3914,9600,9546],{"class":4109},[3914,9602,4154],{"class":4153},[3914,9604,3877],{"class":4109},[3914,9606,9528],{"class":4439},[3914,9608,4313],{"class":4109},[3914,9610,9611,9613,9615,9617,9619,9621,9623,9625],{"class":3916,"line":4017},[3914,9612,9535],{"class":4113},[3914,9614,4307],{"class":4109},[3914,9616,4449],{"class":4153},[3914,9618,3877],{"class":4109},[3914,9620,4449],{"class":4153},[3914,9622,3877],{"class":4109},[3914,9624,4488],{"class":4153},[3914,9626,4313],{"class":4109},[3914,9628,9629,9631,9633],{"class":3916,"line":4022},[3914,9630,9555],{"class":4113},[3914,9632,9558],{"class":4134},[3914,9634,4712],{"class":4109},[3914,9636,9637],{"class":3916,"line":4027},[3914,9638,9565],{"class":4109},[3914,9640,9641],{"class":3916,"line":4033},[3914,9642,3939],{"emptyLinePlaceholder":3938},[3914,9644,9645,9647,9650,9652,9654,9656,9658],{"class":3916,"line":4039},[3914,9646,4662],{"class":4101},[3914,9648,9649],{"class":4439}," titleScale",[3914,9651,4264],{"class":4109},[3914,9653,9508],{"class":4113},[3914,9655,3750],{"class":4109},[3914,9657,9089],{"class":4105},[3914,9659,6069],{"class":4109},[3914,9661,9662,9664,9666,9668,9670,9672],{"class":3916,"line":4045},[3914,9663,9519],{"class":4113},[3914,9665,4307],{"class":4109},[3914,9667,4488],{"class":4153},[3914,9669,3877],{"class":4109},[3914,9671,9528],{"class":4439},[3914,9673,4313],{"class":4109},[3914,9675,9676,9678,9680,9682,9684,9687],{"class":3916,"line":4051},[3914,9677,9535],{"class":4113},[3914,9679,4307],{"class":4109},[3914,9681,4449],{"class":4153},[3914,9683,3877],{"class":4109},[3914,9685,9686],{"class":4153},"0.7",[3914,9688,4313],{"class":4109},[3914,9690,9691,9693,9695],{"class":3916,"line":4057},[3914,9692,9555],{"class":4113},[3914,9694,9558],{"class":4134},[3914,9696,4712],{"class":4109},[3914,9698,9699],{"class":3916,"line":4063},[3914,9700,9565],{"class":4109},[3914,9702,9703],{"class":3916,"line":5669},[3914,9704,3939],{"emptyLinePlaceholder":3938},[3914,9706,9707,9709],{"class":3916,"line":5674},[3914,9708,4144],{"class":4143},[3914,9710,4748],{"class":4109},[3914,9712,9713,9715,9717,9719,9721,9723,9725,9727,9729,9731],{"class":3916,"line":5681},[3914,9714,4753],{"class":4870},[3914,9716,4760],{"class":4120},[3914,9718,4763],{"class":4876},[3914,9720,4879],{"class":4109},[3914,9722,4882],{"class":4101},[3914,9724,4889],{"class":4113},[3914,9726,3750],{"class":4885},[3914,9728,5899],{"class":4113},[3914,9730,4905],{"class":4101},[3914,9732,5715],{"class":4870},[3914,9734,9735,9737,9740],{"class":3916,"line":5718},[3914,9736,5942],{"class":4101},[3914,9738,9739],{"class":4160},"\u002F* Фіксований header *\u002F",[3914,9741,3963],{"class":4101},[3914,9743,9744,9746,9748,9750,9752,9754,9756,9758,9760,9763,9765,9767,9769,9771,9773,9775,9777],{"class":3916,"line":5757},[3914,9745,5721],{"class":4870},[3914,9747,4826],{"class":4120},[3914,9749,4763],{"class":4876},[3914,9751,4879],{"class":4109},[3914,9753,4882],{"class":4101},[3914,9755,4886],{"class":4885},[3914,9757,4889],{"class":4113},[3914,9759,3750],{"class":4885},[3914,9761,9762],{"class":4113},"header",[3914,9764,4541],{"class":4885},[3914,9766,5806],{"class":4113},[3914,9768,4720],{"class":4885},[3914,9770,7091],{"class":4113},[3914,9772,9503],{"class":4113},[3914,9774,5816],{"class":4885},[3914,9776,4905],{"class":4101},[3914,9778,5715],{"class":4870},[3914,9780,9781,9783,9785,9787,9789,9791,9793,9795,9798,9800],{"class":3916,"line":5781},[3914,9782,5784],{"class":4870},[3914,9784,4760],{"class":4120},[3914,9786,4763],{"class":4876},[3914,9788,4879],{"class":4109},[3914,9790,4882],{"class":4101},[3914,9792,4889],{"class":4113},[3914,9794,3750],{"class":4885},[3914,9796,9797],{"class":4113},"headerBg",[3914,9799,4905],{"class":4101},[3914,9801,4908],{"class":4870},[3914,9803,9804,9806,9808,9810,9812,9814,9816,9818,9820,9823,9825,9828,9830,9832,9834],{"class":3916,"line":5823},[3914,9805,5784],{"class":4870},[3914,9807,4826],{"class":4120},[3914,9809,4763],{"class":4876},[3914,9811,4879],{"class":4109},[3914,9813,4882],{"class":4101},[3914,9815,4886],{"class":4885},[3914,9817,4889],{"class":4113},[3914,9819,3750],{"class":4885},[3914,9821,9822],{"class":4113},"headerContent",[3914,9824,4541],{"class":4885},[3914,9826,9827],{"class":4113},"opacity:",[3914,9829,9576],{"class":4113},[3914,9831,8383],{"class":4885},[3914,9833,4905],{"class":4101},[3914,9835,5715],{"class":4870},[3914,9837,9838,9840,9842,9844,9846,9848,9850,9852,9854,9856,9858,9860,9862,9864,9866,9868,9870],{"class":3916,"line":5833},[3914,9839,7003],{"class":4870},[3914,9841,4829],{"class":4120},[3914,9843,4763],{"class":4876},[3914,9845,4879],{"class":4109},[3914,9847,4882],{"class":4101},[3914,9849,4886],{"class":4885},[3914,9851,4889],{"class":4113},[3914,9853,3750],{"class":4885},[3914,9855,5923],{"class":4113},[3914,9857,4541],{"class":4885},[3914,9859,5806],{"class":4113},[3914,9861,4720],{"class":4885},[3914,9863,4723],{"class":4113},[3914,9865,9649],{"class":4113},[3914,9867,5816],{"class":4885},[3914,9869,4905],{"class":4101},[3914,9871,5715],{"class":4870},[3914,9873,9874],{"class":3916,"line":5843},[3914,9875,9876],{"class":4109},"            🏔 Карпати 2024\n",[3914,9878,9879,9881,9883],{"class":3916,"line":5848},[3914,9880,7104],{"class":4870},[3914,9882,4829],{"class":4120},[3914,9884,5715],{"class":4870},[3914,9886,9887,9889,9891,9893,9895,9897,9899,9901,9904,9906,9908,9911,9913,9915],{"class":3916,"line":5853},[3914,9888,7003],{"class":4870},[3914,9890,5249],{"class":4120},[3914,9892,4763],{"class":4876},[3914,9894,4879],{"class":4109},[3914,9896,4882],{"class":4101},[3914,9898,4889],{"class":4113},[3914,9900,3750],{"class":4885},[3914,9902,9903],{"class":4113},"subtitle",[3914,9905,4905],{"class":4101},[3914,9907,5741],{"class":4870},[3914,9909,9910],{"class":4109},"5 днів · 120 км",[3914,9912,5750],{"class":4870},[3914,9914,5249],{"class":4120},[3914,9916,5715],{"class":4870},[3914,9918,9919,9921,9923],{"class":3916,"line":5858},[3914,9920,7113],{"class":4870},[3914,9922,4826],{"class":4120},[3914,9924,5715],{"class":4870},[3914,9926,9927,9929,9931],{"class":3916,"line":5875},[3914,9928,5826],{"class":4870},[3914,9930,4826],{"class":4120},[3914,9932,5715],{"class":4870},[3914,9934,9935],{"class":3916,"line":5882},[3914,9936,3939],{"emptyLinePlaceholder":3938},[3914,9938,9939,9941,9944],{"class":3916,"line":5906},[3914,9940,5942],{"class":4101},[3914,9942,9943],{"class":4160},"\u002F* Контент *\u002F",[3914,9945,3963],{"class":4101},[3914,9947,9948,9950],{"class":3916,"line":5939},[3914,9949,5721],{"class":4870},[3914,9951,9952],{"class":4120},"Animated.ScrollView\n",[3914,9954,9955,9958,9960,9962,9965,9967,9969,9971,9973,9975,9977,9980,9983,9986],{"class":3916,"line":5965},[3914,9956,9957],{"class":4876},"        contentContainerStyle",[3914,9959,4879],{"class":4109},[3914,9961,4882],{"class":4101},[3914,9963,9964],{"class":4885},"{ ",[3914,9966,7497],{"class":4113},[3914,9968,9425],{"class":4439},[3914,9970,3877],{"class":4885},[3914,9972,7344],{"class":4113},[3914,9974,6091],{"class":4153},[3914,9976,3877],{"class":4885},[3914,9978,9979],{"class":4113},"paddingBottom:",[3914,9981,9982],{"class":4153}," 40",[3914,9984,9985],{"class":4885}," }",[3914,9987,3963],{"class":4101},[3914,9989,9990,9993,9995,9997,9999],{"class":3916,"line":6020},[3914,9991,9992],{"class":4876},"        scrollEventThrottle",[3914,9994,4879],{"class":4109},[3914,9996,4882],{"class":4101},[3914,9998,8095],{"class":4153},[3914,10000,3963],{"class":4101},[3914,10002,10003,10006,10008,10010,10012,10014,10017],{"class":3916,"line":6028},[3914,10004,10005],{"class":4876},"        onScroll",[3914,10007,4879],{"class":4109},[3914,10009,4882],{"class":4101},[3914,10011,3818],{"class":4113},[3914,10013,3750],{"class":4885},[3914,10015,10016],{"class":4105},"event",[3914,10018,7633],{"class":4885},[3914,10020,10021,10024,10027,10029,10032,10034,10037,10039],{"class":3916,"line":6037},[3914,10022,10023],{"class":4885},"          [{ ",[3914,10025,10026],{"class":4113},"nativeEvent:",[3914,10028,4414],{"class":4885},[3914,10030,10031],{"class":4113},"contentOffset:",[3914,10033,4414],{"class":4885},[3914,10035,10036],{"class":4113},"y:",[3914,10038,9468],{"class":4113},[3914,10040,10041],{"class":4885}," } } }],\n",[3914,10043,10044,10047,10050,10052],{"class":3916,"line":6042},[3914,10045,10046],{"class":4885},"          { ",[3914,10048,10049],{"class":4113},"useNativeDriver:",[3914,10051,5638],{"class":4101},[3914,10053,10054],{"class":4885}," }\n",[3914,10056,10057,10060],{"class":3916,"line":6047},[3914,10058,10059],{"class":4885},"        )",[3914,10061,3963],{"class":4101},[3914,10063,10064],{"class":3916,"line":6052},[3914,10065,10066],{"class":4870},"      >\n",[3914,10068,10069,10072,10075,10077,10079,10081,10084,10086,10089,10092,10094,10096,10098,10100],{"class":3916,"line":6072},[3914,10070,10071],{"class":4101},"        {",[3914,10073,10074],{"class":4113},"Array",[3914,10076,3750],{"class":4885},[3914,10078,4422],{"class":4105},[3914,10080,5430],{"class":4885},[3914,10082,10083],{"class":4113},"length:",[3914,10085,6228],{"class":4153},[3914,10087,10088],{"class":4885}," }, (",[3914,10090,10091],{"class":4113},"_",[3914,10093,3877],{"class":4885},[3914,10095,8676],{"class":4113},[3914,10097,5551],{"class":4885},[3914,10099,4695],{"class":4101},[3914,10101,4748],{"class":4885},[3914,10103,10104,10106,10108,10110,10112,10114,10116,10118,10120,10122,10124,10126,10128,10130,10132],{"class":3916,"line":6112},[3914,10105,7003],{"class":4870},[3914,10107,4760],{"class":4120},[3914,10109,5973],{"class":4876},[3914,10111,4879],{"class":4109},[3914,10113,4882],{"class":4101},[3914,10115,8676],{"class":4113},[3914,10117,4905],{"class":4101},[3914,10119,4763],{"class":4876},[3914,10121,4879],{"class":4109},[3914,10123,4882],{"class":4101},[3914,10125,4889],{"class":4113},[3914,10127,3750],{"class":4885},[3914,10129,8433],{"class":4113},[3914,10131,4905],{"class":4101},[3914,10133,5715],{"class":4870},[3914,10135,10136,10138,10140,10142,10144,10146,10148,10150,10153,10155,10157,10160,10162,10164,10167,10169,10171,10173,10175],{"class":3916,"line":6159},[3914,10137,7057],{"class":4870},[3914,10139,5249],{"class":4120},[3914,10141,4763],{"class":4876},[3914,10143,4879],{"class":4109},[3914,10145,4882],{"class":4101},[3914,10147,4889],{"class":4113},[3914,10149,3750],{"class":4885},[3914,10151,10152],{"class":4113},"cardTitle",[3914,10154,4905],{"class":4101},[3914,10156,5741],{"class":4870},[3914,10158,10159],{"class":4885},"День ",[3914,10161,4882],{"class":4101},[3914,10163,8676],{"class":4113},[3914,10165,10166],{"class":4109}," +",[3914,10168,6083],{"class":4153},[3914,10170,4905],{"class":4101},[3914,10172,5750],{"class":4870},[3914,10174,5249],{"class":4120},[3914,10176,5715],{"class":4870},[3914,10178,10179,10181,10183,10185,10187,10189,10191,10193,10196,10198,10200,10203,10205,10207,10209,10211,10213,10215,10217],{"class":3916,"line":6173},[3914,10180,7057],{"class":4870},[3914,10182,5249],{"class":4120},[3914,10184,4763],{"class":4876},[3914,10186,4879],{"class":4109},[3914,10188,4882],{"class":4101},[3914,10190,4889],{"class":4113},[3914,10192,3750],{"class":4885},[3914,10194,10195],{"class":4113},"cardText",[3914,10197,4905],{"class":4101},[3914,10199,5741],{"class":4870},[3914,10201,10202],{"class":4885},"Маршрут і нотатки дня ",[3914,10204,4882],{"class":4101},[3914,10206,8676],{"class":4113},[3914,10208,10166],{"class":4109},[3914,10210,6083],{"class":4153},[3914,10212,4905],{"class":4101},[3914,10214,5750],{"class":4870},[3914,10216,5249],{"class":4120},[3914,10218,5715],{"class":4870},[3914,10220,10221,10223,10225],{"class":3916,"line":6201},[3914,10222,7104],{"class":4870},[3914,10224,4760],{"class":4120},[3914,10226,5715],{"class":4870},[3914,10228,10229,10232],{"class":3916,"line":6246},[3914,10230,10231],{"class":4885},"        ))",[3914,10233,3963],{"class":4101},[3914,10235,10236,10238,10240],{"class":3916,"line":6281},[3914,10237,5826],{"class":4870},[3914,10239,4835],{"class":4120},[3914,10241,5715],{"class":4870},[3914,10243,10244,10246,10248],{"class":3916,"line":7412},[3914,10245,5836],{"class":4870},[3914,10247,4760],{"class":4120},[3914,10249,5715],{"class":4870},[3914,10251,10252],{"class":3916,"line":7432},[3914,10253,4784],{"class":4109},[3914,10255,10256],{"class":3916,"line":7459},[3914,10257,3963],{"class":4109},[3914,10259,10260],{"class":3916,"line":7504},[3914,10261,3939],{"emptyLinePlaceholder":3938},[3914,10263,10264,10266,10268,10270,10272,10274,10276],{"class":3916,"line":7530},[3914,10265,4436],{"class":4101},[3914,10267,6057],{"class":4439},[3914,10269,4264],{"class":4109},[3914,10271,5259],{"class":4113},[3914,10273,3750],{"class":4109},[3914,10275,6066],{"class":4105},[3914,10277,6069],{"class":4109},[3914,10279,10280,10282,10284,10286,10288,10290,10292,10295],{"class":3916,"line":7544},[3914,10281,6075],{"class":4113},[3914,10283,4414],{"class":4109},[3914,10285,6080],{"class":4113},[3914,10287,6083],{"class":4153},[3914,10289,3877],{"class":4109},[3914,10291,6217],{"class":4113},[3914,10293,10294],{"class":4134}," '#F8FAFC'",[3914,10296,5307],{"class":4109},[3914,10298,10299,10302,10304,10307,10310,10312,10315,10317,10319,10322,10324,10326,10329,10331,10333,10335,10337,10339,10342,10344],{"class":3916,"line":7559},[3914,10300,10301],{"class":4113},"  header:",[3914,10303,4414],{"class":4109},[3914,10305,10306],{"class":4113},"position:",[3914,10308,10309],{"class":4134}," 'absolute'",[3914,10311,3877],{"class":4109},[3914,10313,10314],{"class":4113},"top:",[3914,10316,6388],{"class":4153},[3914,10318,3877],{"class":4109},[3914,10320,10321],{"class":4113},"left:",[3914,10323,6388],{"class":4153},[3914,10325,3877],{"class":4109},[3914,10327,10328],{"class":4113},"right:",[3914,10330,6388],{"class":4153},[3914,10332,3877],{"class":4109},[3914,10334,6209],{"class":4113},[3914,10336,9425],{"class":4439},[3914,10338,3877],{"class":4109},[3914,10340,10341],{"class":4113},"zIndex:",[3914,10343,6347],{"class":4153},[3914,10345,5307],{"class":4109},[3914,10347,10349,10352,10355,10357,10359,10362,10364,10366,10369],{"class":3916,"line":10348},64,[3914,10350,10351],{"class":4113},"  headerBg:",[3914,10353,10354],{"class":4109}," { ...",[3914,10356,5259],{"class":4113},[3914,10358,3750],{"class":4109},[3914,10360,10361],{"class":4113},"absoluteFillObject",[3914,10363,3877],{"class":4109},[3914,10365,6217],{"class":4113},[3914,10367,10368],{"class":4134}," '#1E3A5F'",[3914,10370,5307],{"class":4109},[3914,10372,10374,10377,10379,10381,10383,10385,10387,10389,10391,10393,10396,10398,10400,10402],{"class":3916,"line":10373},65,[3914,10375,10376],{"class":4113},"  headerContent:",[3914,10378,4414],{"class":4109},[3914,10380,6080],{"class":4113},[3914,10382,6083],{"class":4153},[3914,10384,3877],{"class":4109},[3914,10386,7312],{"class":4113},[3914,10388,6099],{"class":4134},[3914,10390,3877],{"class":4109},[3914,10392,6096],{"class":4113},[3914,10394,10395],{"class":4134}," 'flex-end'",[3914,10397,3877],{"class":4109},[3914,10399,9979],{"class":4113},[3914,10401,8760],{"class":4153},[3914,10403,5307],{"class":4109},[3914,10405,10407,10409,10411,10413,10416,10418,10420,10423,10425,10427,10429,10431,10433,10435],{"class":3916,"line":10406},66,[3914,10408,6115],{"class":4113},[3914,10410,4414],{"class":4109},[3914,10412,6135],{"class":4113},[3914,10414,10415],{"class":4153}," 26",[3914,10417,3877],{"class":4109},[3914,10419,6127],{"class":4113},[3914,10421,10422],{"class":4134}," '800'",[3914,10424,3877],{"class":4109},[3914,10426,6151],{"class":4113},[3914,10428,7375],{"class":4134},[3914,10430,3877],{"class":4109},[3914,10432,6143],{"class":4113},[3914,10434,6146],{"class":4153},[3914,10436,5307],{"class":4109},[3914,10438,10440,10443,10445,10447,10450,10452,10454,10456],{"class":3916,"line":10439},67,[3914,10441,10442],{"class":4113},"  subtitle:",[3914,10444,4414],{"class":4109},[3914,10446,6151],{"class":4113},[3914,10448,10449],{"class":4134}," 'rgba(255,255,255,0.7)'",[3914,10451,3877],{"class":4109},[3914,10453,6135],{"class":4113},[3914,10455,7355],{"class":4153},[3914,10457,5307],{"class":4109},[3914,10459,10461,10463,10465,10467,10469,10471,10473,10475,10477,10479,10481,10483,10485,10487,10489,10491,10493,10495,10497,10499,10501,10503,10505,10507,10509,10511],{"class":3916,"line":10460},68,[3914,10462,8779],{"class":4113},[3914,10464,4414],{"class":4109},[3914,10466,6217],{"class":4113},[3914,10468,7375],{"class":4134},[3914,10470,3877],{"class":4109},[3914,10472,6225],{"class":4113},[3914,10474,6091],{"class":4153},[3914,10476,3877],{"class":4109},[3914,10478,6088],{"class":4113},[3914,10480,6091],{"class":4153},[3914,10482,3877],{"class":4109},[3914,10484,6143],{"class":4113},[3914,10486,6107],{"class":4153},[3914,10488,3877],{"class":4109},[3914,10490,8820],{"class":4113},[3914,10492,8823],{"class":4134},[3914,10494,3877],{"class":4109},[3914,10496,8828],{"class":4113},[3914,10498,8831],{"class":4153},[3914,10500,3877],{"class":4109},[3914,10502,8836],{"class":4113},[3914,10504,6228],{"class":4153},[3914,10506,3877],{"class":4109},[3914,10508,8843],{"class":4113},[3914,10510,8846],{"class":4153},[3914,10512,5307],{"class":4109},[3914,10514,10516,10519,10521,10523,10525,10527,10529,10531,10533,10535,10537,10539,10541,10543],{"class":3916,"line":10515},69,[3914,10517,10518],{"class":4113},"  cardTitle:",[3914,10520,4414],{"class":4109},[3914,10522,6127],{"class":4113},[3914,10524,6130],{"class":4134},[3914,10526,3877],{"class":4109},[3914,10528,6135],{"class":4113},[3914,10530,6091],{"class":4153},[3914,10532,3877],{"class":4109},[3914,10534,6151],{"class":4113},[3914,10536,6154],{"class":4134},[3914,10538,3877],{"class":4109},[3914,10540,6143],{"class":4113},[3914,10542,6146],{"class":4153},[3914,10544,5307],{"class":4109},[3914,10546,10548,10551,10553,10555,10557,10559,10561,10563],{"class":3916,"line":10547},70,[3914,10549,10550],{"class":4113},"  cardText:",[3914,10552,4414],{"class":4109},[3914,10554,6151],{"class":4113},[3914,10556,6189],{"class":4134},[3914,10558,3877],{"class":4109},[3914,10560,6135],{"class":4113},[3914,10562,7355],{"class":4153},[3914,10564,5307],{"class":4109},[3914,10566,10568],{"class":3916,"line":10567},71,[3914,10569,5146],{"class":4109},[3828,10571],{},[3738,10573,10575],{"id":10574},"layout-animations-анімації-монтування-і-розмонтування","Layout Animations: анімації монтування і розмонтування",[3835,10577,10579],{"id":10578},"що-таке-layout-animations","Що таке Layout Animations",[3743,10581,10582],{},"Layout Animations — одна з найпотужніших особливостей Reanimated 3. Вони дозволяють анімувати:",[3755,10584,10585,10595,10604],{},[3758,10586,10587,10590,10591,10594],{},[3747,10588,10589],{},"Появу"," компонента при монтуванні (",[3804,10592,10593],{},"entering",")",[3758,10596,10597,10600,10601,10594],{},[3747,10598,10599],{},"Зникнення"," при розмонтуванні (",[3804,10602,10603],{},"exiting",[3758,10605,10606,10609,10610,10594],{},[3747,10607,10608],{},"Зміну положення\u002Fрозміру"," компонента при зміні layout (",[3804,10611,10612],{},"layout",[3743,10614,10615,10616,10618,10619,10621],{},"І все це — одним рядком коду на будь-якому ",[3804,10617,4826],{},". Жодного ",[3804,10620,8030],{},", жодних ручних анімацій.",[3904,10623,10624],{},[3843,10625,10627],{"className":3908,"code":10626,"language":3910,"meta":3851,"style":3851},"@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\nrectangle \"Reanimated Layout Animation Engine\" {\n  component [Entering\\n(монтування)] as ENTER\n  component [Exiting\\n(розмонтування)] as EXIT\n  component [Layout Transition\\n(зміна layout)] as LAYOUT\n}\n\nrectangle \"Базові класи\" {\n  component [FadeIn \u002F FadeOut] as FADE\n  component [SlideInLeft \u002F SlideOutRight] as SLIDE\n  component [ZoomIn \u002F ZoomOut] as ZOOM\n  component [BounceIn \u002F BounceOut] as BOUNCE\n  component [FlipIn \u002F FlipOut] as FLIP\n  component [LightSpeedIn \u002F LightSpeedOut] as LIGHT\n  component [PinwheelIn \u002F PinwheelOut] as PIN\n}\n\nENTER --> FADE\nENTER --> SLIDE\nENTER --> ZOOM\nENTER --> BOUNCE\nEXIT --> FADE\nEXIT --> SLIDE\nEXIT --> ZOOM\nLAYOUT --> [LinearTransition]\nLAYOUT --> [CurvedTransition]\nLAYOUT --> [SequencedTransition]\n@enduml\n",[3804,10628,10629,10633,10637,10641,10645,10650,10655,10660,10665,10669,10673,10678,10683,10688,10693,10698,10703,10708,10713,10717,10721,10726,10731,10736,10741,10746,10751,10756,10761,10766,10771],{"__ignoreMap":3851},[3914,10630,10631],{"class":3916,"line":3917},[3914,10632,3920],{},[3914,10634,10635],{"class":3916,"line":3923},[3914,10636,3926],{},[3914,10638,10639],{"class":3916,"line":3929},[3914,10640,3932],{},[3914,10642,10643],{"class":3916,"line":3935},[3914,10644,3939],{"emptyLinePlaceholder":3938},[3914,10646,10647],{"class":3916,"line":3942},[3914,10648,10649],{},"rectangle \"Reanimated Layout Animation Engine\" {\n",[3914,10651,10652],{"class":3916,"line":3948},[3914,10653,10654],{},"  component [Entering\\n(монтування)] as ENTER\n",[3914,10656,10657],{"class":3916,"line":3954},[3914,10658,10659],{},"  component [Exiting\\n(розмонтування)] as EXIT\n",[3914,10661,10662],{"class":3916,"line":3960},[3914,10663,10664],{},"  component [Layout Transition\\n(зміна layout)] as LAYOUT\n",[3914,10666,10667],{"class":3916,"line":3966},[3914,10668,3963],{},[3914,10670,10671],{"class":3916,"line":3971},[3914,10672,3939],{"emptyLinePlaceholder":3938},[3914,10674,10675],{"class":3916,"line":3977},[3914,10676,10677],{},"rectangle \"Базові класи\" {\n",[3914,10679,10680],{"class":3916,"line":3983},[3914,10681,10682],{},"  component [FadeIn \u002F FadeOut] as FADE\n",[3914,10684,10685],{"class":3916,"line":3989},[3914,10686,10687],{},"  component [SlideInLeft \u002F SlideOutRight] as SLIDE\n",[3914,10689,10690],{"class":3916,"line":3995},[3914,10691,10692],{},"  component [ZoomIn \u002F ZoomOut] as ZOOM\n",[3914,10694,10695],{"class":3916,"line":4000},[3914,10696,10697],{},"  component [BounceIn \u002F BounceOut] as BOUNCE\n",[3914,10699,10700],{"class":3916,"line":4005},[3914,10701,10702],{},"  component [FlipIn \u002F FlipOut] as FLIP\n",[3914,10704,10705],{"class":3916,"line":4011},[3914,10706,10707],{},"  component [LightSpeedIn \u002F LightSpeedOut] as LIGHT\n",[3914,10709,10710],{"class":3916,"line":4017},[3914,10711,10712],{},"  component [PinwheelIn \u002F PinwheelOut] as PIN\n",[3914,10714,10715],{"class":3916,"line":4022},[3914,10716,3963],{},[3914,10718,10719],{"class":3916,"line":4027},[3914,10720,3939],{"emptyLinePlaceholder":3938},[3914,10722,10723],{"class":3916,"line":4033},[3914,10724,10725],{},"ENTER --> FADE\n",[3914,10727,10728],{"class":3916,"line":4039},[3914,10729,10730],{},"ENTER --> SLIDE\n",[3914,10732,10733],{"class":3916,"line":4045},[3914,10734,10735],{},"ENTER --> ZOOM\n",[3914,10737,10738],{"class":3916,"line":4051},[3914,10739,10740],{},"ENTER --> BOUNCE\n",[3914,10742,10743],{"class":3916,"line":4057},[3914,10744,10745],{},"EXIT --> FADE\n",[3914,10747,10748],{"class":3916,"line":4063},[3914,10749,10750],{},"EXIT --> SLIDE\n",[3914,10752,10753],{"class":3916,"line":5669},[3914,10754,10755],{},"EXIT --> ZOOM\n",[3914,10757,10758],{"class":3916,"line":5674},[3914,10759,10760],{},"LAYOUT --> [LinearTransition]\n",[3914,10762,10763],{"class":3916,"line":5681},[3914,10764,10765],{},"LAYOUT --> [CurvedTransition]\n",[3914,10767,10768],{"class":3916,"line":5718},[3914,10769,10770],{},"LAYOUT --> [SequencedTransition]\n",[3914,10772,10773],{"class":3916,"line":5757},[3914,10774,4066],{},[3835,10776,10778],{"id":10777},"entering-та-exiting-перший-рядок-коду","entering та exiting: перший рядок коду",[3843,10780,10782],{"className":4839,"code":10781,"language":4841,"meta":3851,"style":3851},"import Animated, { FadeIn, FadeOut, SlideInLeft } from 'react-native-reanimated';\n\n\u002F\u002F Компонент з'являється через FadeIn і зникає через FadeOut:\n\u003CAnimated.View entering={FadeIn} exiting={FadeOut}>\n  \u003CText>Я з'являюсь плавно!\u003C\u002FText>\n\u003C\u002FAnimated.View>\n\n\u002F\u002F Картка вилітає зліва при додаванні:\n\u003CAnimated.View entering={SlideInLeft.duration(300)}>\n  \u003CCard \u002F>\n\u003C\u002FAnimated.View>\n",[3804,10783,10784,10813,10817,10822,10852,10870,10878,10882,10887,10917,10926],{"__ignoreMap":3851},[3914,10785,10786,10788,10790,10792,10795,10797,10800,10802,10805,10807,10809,10811],{"class":3916,"line":3917},[3914,10787,4411],{"class":4143},[3914,10789,4623],{"class":4113},[3914,10791,4541],{"class":4109},[3914,10793,10794],{"class":4113},"FadeIn",[3914,10796,3877],{"class":4109},[3914,10798,10799],{"class":4113},"FadeOut",[3914,10801,3877],{"class":4109},[3914,10803,10804],{"class":4113},"SlideInLeft",[3914,10806,4419],{"class":4109},[3914,10808,4422],{"class":4143},[3914,10810,4425],{"class":4134},[3914,10812,4138],{"class":4109},[3914,10814,10815],{"class":3916,"line":3923},[3914,10816,3939],{"emptyLinePlaceholder":3938},[3914,10818,10819],{"class":3916,"line":3929},[3914,10820,10821],{"class":4160},"\u002F\u002F Компонент з'являється через FadeIn і зникає через FadeOut:\n",[3914,10823,10824,10826,10828,10831,10833,10835,10837,10839,10842,10844,10846,10848,10850],{"class":3916,"line":3935},[3914,10825,4871],{"class":4870},[3914,10827,4826],{"class":4120},[3914,10829,10830],{"class":4876}," entering",[3914,10832,4879],{"class":4109},[3914,10834,4882],{"class":4101},[3914,10836,10794],{"class":4113},[3914,10838,4905],{"class":4101},[3914,10840,10841],{"class":4876}," exiting",[3914,10843,4879],{"class":4109},[3914,10845,4882],{"class":4101},[3914,10847,10799],{"class":4113},[3914,10849,4905],{"class":4101},[3914,10851,5715],{"class":4870},[3914,10853,10854,10857,10859,10861,10864,10866,10868],{"class":3916,"line":3942},[3914,10855,10856],{"class":4870},"  \u003C",[3914,10858,5249],{"class":4120},[3914,10860,5741],{"class":4870},[3914,10862,10863],{"class":4109},"Я з'являюсь плавно!",[3914,10865,5750],{"class":4870},[3914,10867,5249],{"class":4120},[3914,10869,5715],{"class":4870},[3914,10871,10872,10874,10876],{"class":3916,"line":3948},[3914,10873,5750],{"class":4870},[3914,10875,4826],{"class":4120},[3914,10877,5715],{"class":4870},[3914,10879,10880],{"class":3916,"line":3954},[3914,10881,3939],{"emptyLinePlaceholder":3938},[3914,10883,10884],{"class":3916,"line":3960},[3914,10885,10886],{"class":4160},"\u002F\u002F Картка вилітає зліва при додаванні:\n",[3914,10888,10889,10891,10893,10895,10897,10899,10901,10903,10906,10908,10911,10913,10915],{"class":3916,"line":3966},[3914,10890,4871],{"class":4870},[3914,10892,4826],{"class":4120},[3914,10894,10830],{"class":4876},[3914,10896,4879],{"class":4109},[3914,10898,4882],{"class":4101},[3914,10900,10804],{"class":4113},[3914,10902,3750],{"class":4885},[3914,10904,10905],{"class":4105},"duration",[3914,10907,4110],{"class":4885},[3914,10909,10910],{"class":4153},"300",[3914,10912,10594],{"class":4885},[3914,10914,4905],{"class":4101},[3914,10916,5715],{"class":4870},[3914,10918,10919,10921,10924],{"class":3916,"line":3971},[3914,10920,10856],{"class":4870},[3914,10922,10923],{"class":4120},"Card",[3914,10925,4908],{"class":4870},[3914,10927,10928,10930,10932],{"class":3916,"line":3977},[3914,10929,5750],{"class":4870},[3914,10931,4826],{"class":4120},[3914,10933,5715],{"class":4870},[3835,10935,10937],{"id":10936},"таблиця-всіх-enteringexiting-анімацій","Таблиця всіх entering\u002Fexiting анімацій",[10939,10940,10941,10954],"table",{},[10942,10943,10944],"thead",{},[10945,10946,10947,10951],"tr",{},[10948,10949,10950],"th",{},"Клас",[10948,10952,10953],{},"Ефект",[10955,10956,10957,10969,10981,10994,11007,11020,11033,11046,11059,11072,11085,11098,11111,11121,11134],"tbody",{},[10945,10958,10959,10966],{},[10960,10961,10962,9546,10964],"td",{},[3804,10963,10794],{},[3804,10965,10799],{},[10960,10967,10968],{},"Плавна поява\u002Fзникнення через opacity",[10945,10970,10971,10978],{},[10960,10972,10973,9546,10975],{},[3804,10974,10804],{},[3804,10976,10977],{},"SlideOutLeft",[10960,10979,10980],{},"Вліт\u002Fвиліт зліва",[10945,10982,10983,10991],{},[10960,10984,10985,9546,10988],{},[3804,10986,10987],{},"SlideInRight",[3804,10989,10990],{},"SlideOutRight",[10960,10992,10993],{},"Вліт\u002Fвиліт справа",[10945,10995,10996,11004],{},[10960,10997,10998,9546,11001],{},[3804,10999,11000],{},"SlideInUp",[3804,11002,11003],{},"SlideOutUp",[10960,11005,11006],{},"Вліт\u002Fвиліт зверху",[10945,11008,11009,11017],{},[10960,11010,11011,9546,11014],{},[3804,11012,11013],{},"SlideInDown",[3804,11015,11016],{},"SlideOutDown",[10960,11018,11019],{},"Вліт\u002Fвиліт знизу",[10945,11021,11022,11030],{},[10960,11023,11024,9546,11027],{},[3804,11025,11026],{},"ZoomIn",[3804,11028,11029],{},"ZoomOut",[10960,11031,11032],{},"Масштабування від центра",[10945,11034,11035,11043],{},[10960,11036,11037,9546,11040],{},[3804,11038,11039],{},"ZoomInUp",[3804,11041,11042],{},"ZoomOutUp",[10960,11044,11045],{},"Масштабування з верхнього краю",[10945,11047,11048,11056],{},[10960,11049,11050,9546,11053],{},[3804,11051,11052],{},"BounceIn",[3804,11054,11055],{},"BounceOut",[10960,11057,11058],{},"Відбивання при появі",[10945,11060,11061,11069],{},[10960,11062,11063,9546,11066],{},[3804,11064,11065],{},"BounceInLeft",[3804,11067,11068],{},"BounceOutRight",[10960,11070,11071],{},"Відбивання зі сторони",[10945,11073,11074,11082],{},[10960,11075,11076,9546,11079],{},[3804,11077,11078],{},"FlipInX",[3804,11080,11081],{},"FlipOutX",[10960,11083,11084],{},"Перегортання по горизонтальній осі",[10945,11086,11087,11095],{},[10960,11088,11089,9546,11092],{},[3804,11090,11091],{},"FlipInY",[3804,11093,11094],{},"FlipOutY",[10960,11096,11097],{},"Перегортання по вертикальній осі",[10945,11099,11100,11108],{},[10960,11101,11102,9546,11105],{},[3804,11103,11104],{},"StretchInX",[3804,11106,11107],{},"StretchOutX",[10960,11109,11110],{},"Розтягування по горизонталі",[10945,11112,11113,11118],{},[10960,11114,11115],{},[3804,11116,11117],{},"LightSpeedInLeft",[10960,11119,11120],{},"Стрімкий вліт із скосом",[10945,11122,11123,11131],{},[10960,11124,11125,9546,11128],{},[3804,11126,11127],{},"PinwheelIn",[3804,11129,11130],{},"PinwheelOut",[10960,11132,11133],{},"Вертушка (обертальна поява)",[10945,11135,11136,11144],{},[10960,11137,11138,9546,11141],{},[3804,11139,11140],{},"RollInLeft",[3804,11142,11143],{},"RollOutRight",[10960,11145,11146],{},"Кочення зі сторони",[3835,11148,11150],{"id":11149},"кастомізація-duration-delay-easing","Кастомізація: duration, delay, easing",[3743,11152,11153],{},"Кожен клас — це builder, що дозволяє налаштувати параметри через ланцюжок методів:",[3843,11155,11157],{"className":4092,"code":11156,"language":4094,"meta":3851,"style":3851},"\u002F\u002F Затриманий FadeIn тривалістю 500 мс\nFadeIn.duration(500).delay(200)\n\n\u002F\u002F SlideInUp зі spring-фізикою\nSlideInUp.springify().damping(15).stiffness(120)\n\n\u002F\u002F ZoomIn з кастомним easing\nZoomIn.duration(400).easing(Easing.out(Easing.cubic))\n\n\u002F\u002F BounceIn без ефекту відбивання (useNativeDriver safety)\nBounceIn.duration(600).reduceMotion(ReduceMotion.System)\n",[3804,11158,11159,11164,11188,11192,11197,11226,11230,11235,11271,11275,11280],{"__ignoreMap":3851},[3914,11160,11161],{"class":3916,"line":3917},[3914,11162,11163],{"class":4160},"\u002F\u002F Затриманий FadeIn тривалістю 500 мс\n",[3914,11165,11166,11168,11170,11172,11174,11176,11179,11181,11183,11185],{"class":3916,"line":3923},[3914,11167,10794],{"class":4113},[3914,11169,3750],{"class":4109},[3914,11171,10905],{"class":4105},[3914,11173,4110],{"class":4109},[3914,11175,7745],{"class":4153},[3914,11177,11178],{"class":4109},").",[3914,11180,8100],{"class":4105},[3914,11182,4110],{"class":4109},[3914,11184,9183],{"class":4153},[3914,11186,11187],{"class":4109},")\n",[3914,11189,11190],{"class":3916,"line":3929},[3914,11191,3939],{"emptyLinePlaceholder":3938},[3914,11193,11194],{"class":3916,"line":3935},[3914,11195,11196],{"class":4160},"\u002F\u002F SlideInUp зі spring-фізикою\n",[3914,11198,11199,11201,11203,11206,11209,11211,11213,11216,11218,11220,11222,11224],{"class":3916,"line":3942},[3914,11200,11000],{"class":4113},[3914,11202,3750],{"class":4109},[3914,11204,11205],{"class":4105},"springify",[3914,11207,11208],{"class":4109},"().",[3914,11210,6434],{"class":4105},[3914,11212,4110],{"class":4109},[3914,11214,11215],{"class":4153},"15",[3914,11217,11178],{"class":4109},[3914,11219,6450],{"class":4105},[3914,11221,4110],{"class":4109},[3914,11223,9443],{"class":4153},[3914,11225,11187],{"class":4109},[3914,11227,11228],{"class":3916,"line":3948},[3914,11229,3939],{"emptyLinePlaceholder":3938},[3914,11231,11232],{"class":3916,"line":3954},[3914,11233,11234],{"class":4160},"\u002F\u002F ZoomIn з кастомним easing\n",[3914,11236,11237,11239,11241,11243,11245,11248,11250,11252,11254,11256,11258,11260,11262,11264,11266,11268],{"class":3916,"line":3960},[3914,11238,11026],{"class":4113},[3914,11240,3750],{"class":4109},[3914,11242,10905],{"class":4105},[3914,11244,4110],{"class":4109},[3914,11246,11247],{"class":4153},"400",[3914,11249,11178],{"class":4109},[3914,11251,5159],{"class":4105},[3914,11253,4110],{"class":4109},[3914,11255,5069],{"class":4113},[3914,11257,3750],{"class":4109},[3914,11259,5126],{"class":4105},[3914,11261,4110],{"class":4109},[3914,11263,5069],{"class":4113},[3914,11265,3750],{"class":4109},[3914,11267,5135],{"class":4113},[3914,11269,11270],{"class":4109},"))\n",[3914,11272,11273],{"class":3916,"line":3966},[3914,11274,3939],{"emptyLinePlaceholder":3938},[3914,11276,11277],{"class":3916,"line":3971},[3914,11278,11279],{"class":4160},"\u002F\u002F BounceIn без ефекту відбивання (useNativeDriver safety)\n",[3914,11281,11282,11284,11286,11288,11290,11293,11295,11298,11300,11303,11305,11308],{"class":3916,"line":3977},[3914,11283,11052],{"class":4113},[3914,11285,3750],{"class":4109},[3914,11287,10905],{"class":4105},[3914,11289,4110],{"class":4109},[3914,11291,11292],{"class":4153},"600",[3914,11294,11178],{"class":4109},[3914,11296,11297],{"class":4105},"reduceMotion",[3914,11299,4110],{"class":4109},[3914,11301,11302],{"class":4113},"ReduceMotion",[3914,11304,3750],{"class":4109},[3914,11306,11307],{"class":4113},"System",[3914,11309,11187],{"class":4109},[3835,11311,11313],{"id":11312},"живий-приклад-staggered-list-появи","Живий приклад: staggered list появи",[3743,11315,11316],{},"Кожен елемент списку з'являється зі зміщенням у часі (stagger effect):",[3806,11318,11321],{"device":5199,"height":11319,"title":11320},480,"Staggered List появи",[3843,11322,11324],{"className":4839,"code":11323,"language":4841,"meta":3851,"style":3851},"import { useState, useEffect, useRef } from 'react';\nimport { Animated, View, Text, Pressable, StyleSheet } from 'react-native';\n\nconst ITEMS = ['🏔 Карпати', '🏖 Одеса', '🏰 Львів', '🌊 Херсон', '🌲 Буковель'];\n\nfunction AnimatedItem({ label, delay }: { label: string; delay: number }) {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const translateX = useRef(new Animated.Value(-30)).current;\n\n  useEffect(() => {\n    Animated.sequence([\n      Animated.delay(delay),\n      Animated.parallel([\n        Animated.timing(opacity, { toValue: 1, duration: 300, useNativeDriver: true }),\n        Animated.spring(translateX, { toValue: 0, damping: 15, useNativeDriver: true }),\n      ]),\n    ]).start();\n  }, []);\n\n  return (\n    \u003CAnimated.View style={[styles.item, { opacity, transform: [{ translateX }] }]}>\n      \u003CText style={styles.itemText}>{label}\u003C\u002FText>\n    \u003C\u002FAnimated.View>\n  );\n}\n\nexport default function App() {\n  const [visible, setVisible] = useState(false);\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CPressable style={styles.btn} onPress={() => setVisible((v) => !v)}>\n        \u003CText style={styles.btnText}>{visible ? 'Сховати' : 'Показати список'}\u003C\u002FText>\n      \u003C\u002FPressable>\n      {visible && (\n        \u003CView style={styles.list}>\n          {ITEMS.map((item, i) => (\n            \u003CAnimatedItem key={item} label={item} delay={i * 80} \u002F>\n          ))}\n        \u003C\u002FView>\n      )}\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: 20, padding: 16 },\n  btn: { backgroundColor: '#3B82F6', paddingHorizontal: 28, paddingVertical: 14, borderRadius: 14 },\n  btnText: { color: 'white', fontWeight: '700', fontSize: 16 },\n  list: { width: '100%', gap: 8 },\n  item: { backgroundColor: 'white', borderRadius: 14, padding: 16, shadowColor: '#000', shadowOpacity: 0.06, shadowRadius: 8, elevation: 3 },\n  itemText: { fontSize: 16, fontWeight: '600', color: '#1E293B' },\n});\n",[3804,11325,11326,11350,11382,11386,11421,11425,11458,11488,11521,11525,11535,11545,11559,11570,11603,11637,11642,11651,11655,11659,11665,11703,11738,11746,11750,11754,11758,11770,11794,11798,11804,11826,11879,11925,11933,11944,11967,11993,12037,12044,12052,12059,12067,12071,12075,12079,12095,12131,12161,12185,12205,12254,12279],{"__ignoreMap":3851},[3914,11327,11328,11330,11332,11334,11336,11338,11340,11342,11344,11346,11348],{"class":3916,"line":3917},[3914,11329,4411],{"class":4143},[3914,11331,4414],{"class":4109},[3914,11333,5219],{"class":4113},[3914,11335,3877],{"class":4109},[3914,11337,8030],{"class":4113},[3914,11339,3877],{"class":4109},[3914,11341,4594],{"class":4113},[3914,11343,4419],{"class":4109},[3914,11345,4422],{"class":4143},[3914,11347,5226],{"class":4134},[3914,11349,4138],{"class":4109},[3914,11351,11352,11354,11356,11358,11360,11362,11364,11366,11368,11370,11372,11374,11376,11378,11380],{"class":3916,"line":3923},[3914,11353,4411],{"class":4143},[3914,11355,4414],{"class":4109},[3914,11357,3818],{"class":4113},[3914,11359,3877],{"class":4109},[3914,11361,4760],{"class":4113},[3914,11363,3877],{"class":4109},[3914,11365,5249],{"class":4113},[3914,11367,3877],{"class":4109},[3914,11369,5254],{"class":4113},[3914,11371,3877],{"class":4109},[3914,11373,5259],{"class":4113},[3914,11375,4419],{"class":4109},[3914,11377,4422],{"class":4143},[3914,11379,4944],{"class":4134},[3914,11381,4138],{"class":4109},[3914,11383,11384],{"class":3916,"line":3929},[3914,11385,3939],{"emptyLinePlaceholder":3938},[3914,11387,11388,11390,11393,11396,11399,11401,11404,11406,11409,11411,11414,11416,11419],{"class":3916,"line":3935},[3914,11389,4436],{"class":4101},[3914,11391,11392],{"class":4439}," ITEMS",[3914,11394,11395],{"class":4109}," = [",[3914,11397,11398],{"class":4134},"'🏔 Карпати'",[3914,11400,3877],{"class":4109},[3914,11402,11403],{"class":4134},"'🏖 Одеса'",[3914,11405,3877],{"class":4109},[3914,11407,11408],{"class":4134},"'🏰 Львів'",[3914,11410,3877],{"class":4109},[3914,11412,11413],{"class":4134},"'🌊 Херсон'",[3914,11415,3877],{"class":4109},[3914,11417,11418],{"class":4134},"'🌲 Буковель'",[3914,11420,5416],{"class":4109},[3914,11422,11423],{"class":3916,"line":3942},[3914,11424,3939],{"emptyLinePlaceholder":3938},[3914,11426,11427,11429,11432,11434,11436,11438,11440,11442,11444,11446,11448,11450,11452,11454,11456],{"class":3916,"line":3948},[3914,11428,4102],{"class":4101},[3914,11430,11431],{"class":4105}," AnimatedItem",[3914,11433,5430],{"class":4109},[3914,11435,5433],{"class":4113},[3914,11437,3877],{"class":4109},[3914,11439,8100],{"class":4113},[3914,11441,5441],{"class":4109},[3914,11443,5433],{"class":4113},[3914,11445,4117],{"class":4109},[3914,11447,5448],{"class":4120},[3914,11449,4157],{"class":4109},[3914,11451,8100],{"class":4113},[3914,11453,4117],{"class":4109},[3914,11455,4121],{"class":4120},[3914,11457,5460],{"class":4109},[3914,11459,11460,11462,11464,11466,11468,11470,11472,11474,11476,11478,11480,11482,11484,11486],{"class":3916,"line":3954},[3914,11461,4662],{"class":4101},[3914,11463,4440],{"class":4439},[3914,11465,4264],{"class":4109},[3914,11467,4594],{"class":4105},[3914,11469,4110],{"class":4109},[3914,11471,5476],{"class":4101},[3914,11473,4623],{"class":4113},[3914,11475,3750],{"class":4109},[3914,11477,5483],{"class":4105},[3914,11479,4110],{"class":4109},[3914,11481,4488],{"class":4153},[3914,11483,5490],{"class":4109},[3914,11485,5493],{"class":4113},[3914,11487,4138],{"class":4109},[3914,11489,11490,11492,11495,11497,11499,11501,11503,11505,11507,11509,11512,11515,11517,11519],{"class":3916,"line":3960},[3914,11491,4662],{"class":4101},[3914,11493,11494],{"class":4439}," translateX",[3914,11496,4264],{"class":4109},[3914,11498,4594],{"class":4105},[3914,11500,4110],{"class":4109},[3914,11502,5476],{"class":4101},[3914,11504,4623],{"class":4113},[3914,11506,3750],{"class":4109},[3914,11508,5483],{"class":4105},[3914,11510,11511],{"class":4109},"(-",[3914,11513,11514],{"class":4153},"30",[3914,11516,5490],{"class":4109},[3914,11518,5493],{"class":4113},[3914,11520,4138],{"class":4109},[3914,11522,11523],{"class":3916,"line":3966},[3914,11524,3939],{"emptyLinePlaceholder":3938},[3914,11526,11527,11529,11531,11533],{"class":3916,"line":3971},[3914,11528,8150],{"class":4105},[3914,11530,4692],{"class":4109},[3914,11532,4695],{"class":4101},[3914,11534,4129],{"class":4109},[3914,11536,11537,11539,11541,11543],{"class":3916,"line":3977},[3914,11538,5588],{"class":4113},[3914,11540,3750],{"class":4109},[3914,11542,8184],{"class":4105},[3914,11544,8187],{"class":4109},[3914,11546,11547,11549,11551,11553,11555,11557],{"class":3916,"line":3983},[3914,11548,8179],{"class":4113},[3914,11550,3750],{"class":4109},[3914,11552,8100],{"class":4105},[3914,11554,4110],{"class":4109},[3914,11556,8100],{"class":4113},[3914,11558,6824],{"class":4109},[3914,11560,11561,11563,11565,11568],{"class":3916,"line":3989},[3914,11562,8179],{"class":4113},[3914,11564,3750],{"class":4109},[3914,11566,11567],{"class":4105},"parallel",[3914,11569,8187],{"class":4109},[3914,11571,11572,11574,11576,11578,11580,11582,11584,11587,11589,11591,11593,11595,11597,11599,11601],{"class":3916,"line":3995},[3914,11573,8192],{"class":4113},[3914,11575,3750],{"class":4109},[3914,11577,5593],{"class":4105},[3914,11579,4110],{"class":4109},[3914,11581,3872],{"class":4113},[3914,11583,4541],{"class":4109},[3914,11585,11586],{"class":4113},"toValue:",[3914,11588,6083],{"class":4153},[3914,11590,3877],{"class":4109},[3914,11592,4544],{"class":4113},[3914,11594,4547],{"class":4153},[3914,11596,3877],{"class":4109},[3914,11598,10049],{"class":4113},[3914,11600,5638],{"class":4101},[3914,11602,7938],{"class":4109},[3914,11604,11605,11607,11609,11611,11613,11616,11618,11620,11622,11624,11627,11629,11631,11633,11635],{"class":3916,"line":4000},[3914,11606,8192],{"class":4113},[3914,11608,3750],{"class":4109},[3914,11610,6719],{"class":4105},[3914,11612,4110],{"class":4109},[3914,11614,11615],{"class":4113},"translateX",[3914,11617,4541],{"class":4109},[3914,11619,11586],{"class":4113},[3914,11621,6388],{"class":4153},[3914,11623,3877],{"class":4109},[3914,11625,11626],{"class":4113},"damping:",[3914,11628,6138],{"class":4153},[3914,11630,3877],{"class":4109},[3914,11632,10049],{"class":4113},[3914,11634,5638],{"class":4101},[3914,11636,7938],{"class":4109},[3914,11638,11639],{"class":3916,"line":4005},[3914,11640,11641],{"class":4109},"      ]),\n",[3914,11643,11644,11647,11649],{"class":3916,"line":4011},[3914,11645,11646],{"class":4109},"    ]).",[3914,11648,5648],{"class":4105},[3914,11650,6769],{"class":4109},[3914,11652,11653],{"class":3916,"line":4017},[3914,11654,8337],{"class":4109},[3914,11656,11657],{"class":3916,"line":4022},[3914,11658,3939],{"emptyLinePlaceholder":3938},[3914,11660,11661,11663],{"class":3916,"line":4027},[3914,11662,4144],{"class":4143},[3914,11664,4748],{"class":4109},[3914,11666,11667,11669,11671,11673,11675,11677,11679,11681,11683,11685,11687,11689,11691,11693,11695,11697,11699,11701],{"class":3916,"line":4033},[3914,11668,4753],{"class":4870},[3914,11670,4826],{"class":4120},[3914,11672,4763],{"class":4876},[3914,11674,4879],{"class":4109},[3914,11676,4882],{"class":4101},[3914,11678,4886],{"class":4885},[3914,11680,4889],{"class":4113},[3914,11682,3750],{"class":4885},[3914,11684,7799],{"class":4113},[3914,11686,4541],{"class":4885},[3914,11688,3872],{"class":4113},[3914,11690,3877],{"class":4885},[3914,11692,5806],{"class":4113},[3914,11694,4720],{"class":4885},[3914,11696,11615],{"class":4113},[3914,11698,5816],{"class":4885},[3914,11700,4905],{"class":4101},[3914,11702,5715],{"class":4870},[3914,11704,11705,11707,11709,11711,11713,11715,11717,11719,11722,11724,11726,11728,11730,11732,11734,11736],{"class":3916,"line":4039},[3914,11706,5721],{"class":4870},[3914,11708,5249],{"class":4120},[3914,11710,4763],{"class":4876},[3914,11712,4879],{"class":4109},[3914,11714,4882],{"class":4101},[3914,11716,4889],{"class":4113},[3914,11718,3750],{"class":4885},[3914,11720,11721],{"class":4113},"itemText",[3914,11723,4905],{"class":4101},[3914,11725,5741],{"class":4870},[3914,11727,4882],{"class":4101},[3914,11729,5433],{"class":4113},[3914,11731,4905],{"class":4101},[3914,11733,5750],{"class":4870},[3914,11735,5249],{"class":4120},[3914,11737,5715],{"class":4870},[3914,11739,11740,11742,11744],{"class":3916,"line":4045},[3914,11741,5836],{"class":4870},[3914,11743,4826],{"class":4120},[3914,11745,5715],{"class":4870},[3914,11747,11748],{"class":3916,"line":4051},[3914,11749,4784],{"class":4109},[3914,11751,11752],{"class":3916,"line":4057},[3914,11753,3963],{"class":4109},[3914,11755,11756],{"class":3916,"line":4063},[3914,11757,3939],{"emptyLinePlaceholder":3938},[3914,11759,11760,11762,11764,11766,11768],{"class":3916,"line":5669},[3914,11761,5861],{"class":4143},[3914,11763,5864],{"class":4143},[3914,11765,5867],{"class":4101},[3914,11767,5870],{"class":4105},[3914,11769,4657],{"class":4109},[3914,11771,11772,11774,11776,11779,11781,11784,11786,11788,11790,11792],{"class":3916,"line":5674},[3914,11773,4662],{"class":4101},[3914,11775,4307],{"class":4109},[3914,11777,11778],{"class":4439},"visible",[3914,11780,3877],{"class":4109},[3914,11782,11783],{"class":4439},"setVisible",[3914,11785,5512],{"class":4109},[3914,11787,5219],{"class":4105},[3914,11789,4110],{"class":4109},[3914,11791,5519],{"class":4101},[3914,11793,4293],{"class":4109},[3914,11795,11796],{"class":3916,"line":5681},[3914,11797,3939],{"emptyLinePlaceholder":3938},[3914,11799,11800,11802],{"class":3916,"line":5718},[3914,11801,4144],{"class":4143},[3914,11803,4748],{"class":4109},[3914,11805,11806,11808,11810,11812,11814,11816,11818,11820,11822,11824],{"class":3916,"line":5757},[3914,11807,4753],{"class":4870},[3914,11809,4760],{"class":4120},[3914,11811,4763],{"class":4876},[3914,11813,4879],{"class":4109},[3914,11815,4882],{"class":4101},[3914,11817,4889],{"class":4113},[3914,11819,3750],{"class":4885},[3914,11821,5899],{"class":4113},[3914,11823,4905],{"class":4101},[3914,11825,5715],{"class":4870},[3914,11827,11828,11830,11832,11834,11836,11838,11840,11842,11844,11846,11848,11850,11852,11855,11857,11860,11862,11865,11867,11869,11871,11873,11875,11877],{"class":3916,"line":5781},[3914,11829,5721],{"class":4870},[3914,11831,5254],{"class":4120},[3914,11833,4763],{"class":4876},[3914,11835,4879],{"class":4109},[3914,11837,4882],{"class":4101},[3914,11839,4889],{"class":4113},[3914,11841,3750],{"class":4885},[3914,11843,6895],{"class":4113},[3914,11845,4905],{"class":4101},[3914,11847,5688],{"class":4876},[3914,11849,4879],{"class":4109},[3914,11851,4882],{"class":4101},[3914,11853,11854],{"class":4885},"() ",[3914,11856,4695],{"class":4101},[3914,11858,11859],{"class":4105}," setVisible",[3914,11861,5953],{"class":4885},[3914,11863,11864],{"class":4113},"v",[3914,11866,5551],{"class":4885},[3914,11868,4695],{"class":4101},[3914,11870,6702],{"class":4109},[3914,11872,11864],{"class":4113},[3914,11874,10594],{"class":4885},[3914,11876,4905],{"class":4101},[3914,11878,5715],{"class":4870},[3914,11880,11881,11883,11885,11887,11889,11891,11893,11895,11897,11899,11901,11903,11905,11908,11911,11914,11917,11919,11921,11923],{"class":3916,"line":5823},[3914,11882,5784],{"class":4870},[3914,11884,5249],{"class":4120},[3914,11886,4763],{"class":4876},[3914,11888,4879],{"class":4109},[3914,11890,4882],{"class":4101},[3914,11892,4889],{"class":4113},[3914,11894,3750],{"class":4885},[3914,11896,6928],{"class":4113},[3914,11898,4905],{"class":4101},[3914,11900,5741],{"class":4870},[3914,11902,4882],{"class":4101},[3914,11904,11778],{"class":4113},[3914,11906,11907],{"class":4109}," ?",[3914,11909,11910],{"class":4134}," 'Сховати'",[3914,11912,11913],{"class":4109}," :",[3914,11915,11916],{"class":4134}," 'Показати список'",[3914,11918,4905],{"class":4101},[3914,11920,5750],{"class":4870},[3914,11922,5249],{"class":4120},[3914,11924,5715],{"class":4870},[3914,11926,11927,11929,11931],{"class":3916,"line":5833},[3914,11928,5826],{"class":4870},[3914,11930,5254],{"class":4120},[3914,11932,5715],{"class":4870},[3914,11934,11935,11937,11939,11942],{"class":3916,"line":5843},[3914,11936,5942],{"class":4101},[3914,11938,11778],{"class":4113},[3914,11940,11941],{"class":4109}," &&",[3914,11943,4748],{"class":4885},[3914,11945,11946,11948,11950,11952,11954,11956,11958,11960,11963,11965],{"class":3916,"line":5848},[3914,11947,5784],{"class":4870},[3914,11949,4760],{"class":4120},[3914,11951,4763],{"class":4876},[3914,11953,4879],{"class":4109},[3914,11955,4882],{"class":4101},[3914,11957,4889],{"class":4113},[3914,11959,3750],{"class":4885},[3914,11961,11962],{"class":4113},"list",[3914,11964,4905],{"class":4101},[3914,11966,5715],{"class":4870},[3914,11968,11969,11972,11975,11977,11979,11981,11983,11985,11987,11989,11991],{"class":3916,"line":5853},[3914,11970,11971],{"class":4101},"          {",[3914,11973,11974],{"class":4439},"ITEMS",[3914,11976,3750],{"class":4885},[3914,11978,5950],{"class":4105},[3914,11980,5953],{"class":4885},[3914,11982,7799],{"class":4113},[3914,11984,3877],{"class":4885},[3914,11986,8676],{"class":4113},[3914,11988,5551],{"class":4885},[3914,11990,4695],{"class":4101},[3914,11992,4748],{"class":4885},[3914,11994,11995,11997,12000,12002,12004,12006,12008,12010,12012,12014,12016,12018,12020,12022,12024,12026,12028,12030,12033,12035],{"class":3916,"line":5858},[3914,11996,7057],{"class":4870},[3914,11998,11999],{"class":4120},"AnimatedItem",[3914,12001,5973],{"class":4876},[3914,12003,4879],{"class":4109},[3914,12005,4882],{"class":4101},[3914,12007,7799],{"class":4113},[3914,12009,4905],{"class":4101},[3914,12011,5988],{"class":4876},[3914,12013,4879],{"class":4109},[3914,12015,4882],{"class":4101},[3914,12017,7799],{"class":4113},[3914,12019,4905],{"class":4101},[3914,12021,8470],{"class":4876},[3914,12023,4879],{"class":4109},[3914,12025,4882],{"class":4101},[3914,12027,8676],{"class":4113},[3914,12029,9056],{"class":4109},[3914,12031,12032],{"class":4153}," 80",[3914,12034,4905],{"class":4101},[3914,12036,4908],{"class":4870},[3914,12038,12039,12042],{"class":3916,"line":5875},[3914,12040,12041],{"class":4885},"          ))",[3914,12043,3963],{"class":4101},[3914,12045,12046,12048,12050],{"class":3916,"line":5882},[3914,12047,7113],{"class":4870},[3914,12049,4760],{"class":4120},[3914,12051,5715],{"class":4870},[3914,12053,12054,12057],{"class":3916,"line":5906},[3914,12055,12056],{"class":4885},"      )",[3914,12058,3963],{"class":4101},[3914,12060,12061,12063,12065],{"class":3916,"line":5939},[3914,12062,5836],{"class":4870},[3914,12064,4760],{"class":4120},[3914,12066,5715],{"class":4870},[3914,12068,12069],{"class":3916,"line":5965},[3914,12070,4784],{"class":4109},[3914,12072,12073],{"class":3916,"line":6020},[3914,12074,3963],{"class":4109},[3914,12076,12077],{"class":3916,"line":6028},[3914,12078,3939],{"emptyLinePlaceholder":3938},[3914,12080,12081,12083,12085,12087,12089,12091,12093],{"class":3916,"line":6037},[3914,12082,4436],{"class":4101},[3914,12084,6057],{"class":4439},[3914,12086,4264],{"class":4109},[3914,12088,5259],{"class":4113},[3914,12090,3750],{"class":4109},[3914,12092,6066],{"class":4105},[3914,12094,6069],{"class":4109},[3914,12096,12097,12099,12101,12103,12105,12107,12109,12111,12113,12115,12117,12119,12121,12123,12125,12127,12129],{"class":3916,"line":6042},[3914,12098,6075],{"class":4113},[3914,12100,4414],{"class":4109},[3914,12102,6080],{"class":4113},[3914,12104,6083],{"class":4153},[3914,12106,3877],{"class":4109},[3914,12108,7312],{"class":4113},[3914,12110,6099],{"class":4134},[3914,12112,3877],{"class":4109},[3914,12114,6096],{"class":4113},[3914,12116,6099],{"class":4134},[3914,12118,3877],{"class":4109},[3914,12120,6104],{"class":4113},[3914,12122,8760],{"class":4153},[3914,12124,3877],{"class":4109},[3914,12126,6088],{"class":4113},[3914,12128,6091],{"class":4153},[3914,12130,5307],{"class":4109},[3914,12132,12133,12135,12137,12139,12141,12143,12145,12147,12149,12151,12153,12155,12157,12159],{"class":3916,"line":6047},[3914,12134,7333],{"class":4113},[3914,12136,4414],{"class":4109},[3914,12138,6217],{"class":4113},[3914,12140,6276],{"class":4134},[3914,12142,3877],{"class":4109},[3914,12144,7344],{"class":4113},[3914,12146,7347],{"class":4153},[3914,12148,3877],{"class":4109},[3914,12150,7352],{"class":4113},[3914,12152,7355],{"class":4153},[3914,12154,3877],{"class":4109},[3914,12156,6225],{"class":4113},[3914,12158,7355],{"class":4153},[3914,12160,5307],{"class":4109},[3914,12162,12163,12165,12167,12169,12171,12173,12175,12177,12179,12181,12183],{"class":3916,"line":6052},[3914,12164,7368],{"class":4113},[3914,12166,4414],{"class":4109},[3914,12168,6151],{"class":4113},[3914,12170,7375],{"class":4134},[3914,12172,3877],{"class":4109},[3914,12174,6127],{"class":4113},[3914,12176,6130],{"class":4134},[3914,12178,3877],{"class":4109},[3914,12180,6135],{"class":4113},[3914,12182,6091],{"class":4153},[3914,12184,5307],{"class":4109},[3914,12186,12187,12190,12192,12194,12197,12199,12201,12203],{"class":3916,"line":6072},[3914,12188,12189],{"class":4113},"  list:",[3914,12191,4414],{"class":4109},[3914,12193,6254],{"class":4113},[3914,12195,12196],{"class":4134}," '100%'",[3914,12198,3877],{"class":4109},[3914,12200,6104],{"class":4113},[3914,12202,6228],{"class":4153},[3914,12204,5307],{"class":4109},[3914,12206,12207,12210,12212,12214,12216,12218,12220,12222,12224,12226,12228,12230,12232,12234,12236,12238,12240,12242,12244,12246,12248,12250,12252],{"class":3916,"line":6112},[3914,12208,12209],{"class":4113},"  item:",[3914,12211,4414],{"class":4109},[3914,12213,6217],{"class":4113},[3914,12215,7375],{"class":4134},[3914,12217,3877],{"class":4109},[3914,12219,6225],{"class":4113},[3914,12221,7355],{"class":4153},[3914,12223,3877],{"class":4109},[3914,12225,6088],{"class":4113},[3914,12227,6091],{"class":4153},[3914,12229,3877],{"class":4109},[3914,12231,8820],{"class":4113},[3914,12233,8823],{"class":4134},[3914,12235,3877],{"class":4109},[3914,12237,8828],{"class":4113},[3914,12239,8831],{"class":4153},[3914,12241,3877],{"class":4109},[3914,12243,8836],{"class":4113},[3914,12245,6228],{"class":4153},[3914,12247,3877],{"class":4109},[3914,12249,8843],{"class":4113},[3914,12251,8846],{"class":4153},[3914,12253,5307],{"class":4109},[3914,12255,12256,12259,12261,12263,12265,12267,12269,12271,12273,12275,12277],{"class":3916,"line":6159},[3914,12257,12258],{"class":4113},"  itemText:",[3914,12260,4414],{"class":4109},[3914,12262,6135],{"class":4113},[3914,12264,6091],{"class":4153},[3914,12266,3877],{"class":4109},[3914,12268,6127],{"class":4113},[3914,12270,6196],{"class":4134},[3914,12272,3877],{"class":4109},[3914,12274,6151],{"class":4113},[3914,12276,6154],{"class":4134},[3914,12278,5307],{"class":4109},[3914,12280,12281],{"class":3916,"line":6173},[3914,12282,5146],{"class":4109},[3835,12284,12286],{"id":12285},"layout-анімація-переміщення-при-зміні-позиції","layout: анімація переміщення при зміні позиції",[3743,12288,12289,12291,12292,12295,12296,12298],{},[3804,12290,10612],{}," prop — найменш очевидна, але найпотужніша анімація. Коли компонент ",[3747,12293,12294],{},"змінює свій розмір або позицію"," (наприклад, інший елемент вище додається\u002Fвидаляється), з ",[3804,12297,10612],{}," він плавно «переповзає» на нове місце:",[3843,12300,12302],{"className":4839,"code":12301,"language":4841,"meta":3851,"style":3851},"import Animated, { LinearTransition } from 'react-native-reanimated';\n\n\u002F\u002F Кожен елемент списку при видаленні сусіда — плавно займе нову позицію\n{items.map((item) => (\n  \u003CAnimated.View\n    key={item.id}\n    entering={FadeIn}\n    exiting={FadeOut}\n    layout={LinearTransition}  \u002F\u002F ← магія тут\n  >\n    \u003CItemRow item={item} \u002F>\n  \u003C\u002FAnimated.View>\n))}\n",[3804,12303,12304,12323,12327,12332,12352,12359,12377,12390,12403,12419,12424,12444,12453],{"__ignoreMap":3851},[3914,12305,12306,12308,12310,12312,12315,12317,12319,12321],{"class":3916,"line":3917},[3914,12307,4411],{"class":4143},[3914,12309,4623],{"class":4113},[3914,12311,4541],{"class":4109},[3914,12313,12314],{"class":4113},"LinearTransition",[3914,12316,4419],{"class":4109},[3914,12318,4422],{"class":4143},[3914,12320,4425],{"class":4134},[3914,12322,4138],{"class":4109},[3914,12324,12325],{"class":3916,"line":3923},[3914,12326,3939],{"emptyLinePlaceholder":3938},[3914,12328,12329],{"class":3916,"line":3929},[3914,12330,12331],{"class":4160},"\u002F\u002F Кожен елемент списку при видаленні сусіда — плавно займе нову позицію\n",[3914,12333,12334,12336,12338,12340,12342,12344,12346,12348,12350],{"class":3916,"line":3935},[3914,12335,4882],{"class":4109},[3914,12337,7789],{"class":4113},[3914,12339,3750],{"class":4109},[3914,12341,5950],{"class":4105},[3914,12343,5953],{"class":4109},[3914,12345,7799],{"class":4113},[3914,12347,5551],{"class":4109},[3914,12349,4695],{"class":4101},[3914,12351,4748],{"class":4109},[3914,12353,12354,12356],{"class":3916,"line":3942},[3914,12355,10856],{"class":4870},[3914,12357,12358],{"class":4120},"Animated.View\n",[3914,12360,12361,12364,12366,12368,12370,12372,12375],{"class":3916,"line":3948},[3914,12362,12363],{"class":4876},"    key",[3914,12365,4879],{"class":4109},[3914,12367,4882],{"class":4101},[3914,12369,7799],{"class":4113},[3914,12371,3750],{"class":4885},[3914,12373,12374],{"class":4113},"id",[3914,12376,3963],{"class":4101},[3914,12378,12379,12382,12384,12386,12388],{"class":3916,"line":3954},[3914,12380,12381],{"class":4876},"    entering",[3914,12383,4879],{"class":4109},[3914,12385,4882],{"class":4101},[3914,12387,10794],{"class":4113},[3914,12389,3963],{"class":4101},[3914,12391,12392,12395,12397,12399,12401],{"class":3916,"line":3960},[3914,12393,12394],{"class":4876},"    exiting",[3914,12396,4879],{"class":4109},[3914,12398,4882],{"class":4101},[3914,12400,10799],{"class":4113},[3914,12402,3963],{"class":4101},[3914,12404,12405,12408,12410,12412,12414,12416],{"class":3916,"line":3966},[3914,12406,12407],{"class":4876},"    layout",[3914,12409,4879],{"class":4109},[3914,12411,4882],{"class":4101},[3914,12413,12314],{"class":4113},[3914,12415,4905],{"class":4101},[3914,12417,12418],{"class":4160},"  \u002F\u002F ← магія тут\n",[3914,12420,12421],{"class":3916,"line":3971},[3914,12422,12423],{"class":4870},"  >\n",[3914,12425,12426,12428,12431,12434,12436,12438,12440,12442],{"class":3916,"line":3977},[3914,12427,4753],{"class":4870},[3914,12429,12430],{"class":4120},"ItemRow",[3914,12432,12433],{"class":4876}," item",[3914,12435,4879],{"class":4109},[3914,12437,4882],{"class":4101},[3914,12439,7799],{"class":4113},[3914,12441,4905],{"class":4101},[3914,12443,4908],{"class":4870},[3914,12445,12446,12449,12451],{"class":3916,"line":3983},[3914,12447,12448],{"class":4870},"  \u003C\u002F",[3914,12450,4826],{"class":4120},[3914,12452,5715],{"class":4870},[3914,12454,12455],{"class":3916,"line":3989},[3914,12456,12457],{"class":4109},"))}\n",[5148,12459,12461],{"id":12460},"типи-layout-transition","Типи Layout Transition",[5153,12463,12464,12468,12472,12476,12480],{},[5156,12465,12467],{"name":12314,"type":12466},"LayoutAnimationFunction","Лінійне переміщення між поточною і цільовою позицією. Найпростіший і найуживаніший.",[5156,12469,12471],{"name":12470,"type":12466},"CurvedTransition","Рух по кривій траєкторії. Виглядає більш природно для діагональних переміщень.",[5156,12473,12475],{"name":12474,"type":12466},"FadingTransition","Елемент fade-out на старій позиції і fade-in на новій.",[5156,12477,12479],{"name":12478,"type":12466},"SequencedTransition","Спочатку анімує зміну розміру, потім позиції (або навпаки). Для складних layout-змін.",[5156,12481,12483],{"name":12482,"type":12466},"JumpingTransition","Елемент «підстрибує» при переміщенні. Ігровий ефект.",[3835,12485,12487],{"id":12486},"живий-приклад-фільтрований-список","Живий приклад: фільтрований список",[3806,12489,12492],{"device":5199,"height":12490,"title":12491},500,"Фільтр з layout-анімацією",[3843,12493,12495],{"className":4839,"code":12494,"language":4841,"meta":3851,"style":3851},"import { useState, useRef, useEffect } from 'react';\nimport { Animated, View, Text, Pressable, ScrollView, StyleSheet } from 'react-native';\n\nconst ALL_ITEMS = [\n  { id: '1', label: '🏔 Карпати', tag: 'nature' },\n  { id: '2', label: '🏖 Одеса', tag: 'beach' },\n  { id: '3', label: '🏰 Львів', tag: 'city' },\n  { id: '4', label: '🌲 Буковель', tag: 'nature' },\n  { id: '5', label: '🌊 Херсон', tag: 'beach' },\n  { id: '6', label: '🎭 Київ', tag: 'city' },\n  { id: '7', label: '🌿 Хотин', tag: 'nature' },\n];\nconst TAGS = ['all', 'nature', 'beach', 'city'];\n\nfunction FadeItem({ label }: { label: string }) {\n  const opacity = useRef(new Animated.Value(0)).current;\n  useEffect(() => {\n    Animated.timing(opacity, { toValue: 1, duration: 250, useNativeDriver: true }).start();\n  }, []);\n  return (\n    \u003CAnimated.View style={[styles.item, { opacity }]}>\n      \u003CText style={styles.itemText}>{label}\u003C\u002FText>\n    \u003C\u002FAnimated.View>\n  );\n}\n\nexport default function App() {\n  const [tag, setTag] = useState('all');\n  const filtered = tag === 'all' ? ALL_ITEMS : ALL_ITEMS.filter((i) => i.tag === tag);\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CView style={styles.filters}>\n        {TAGS.map((t) => (\n          \u003CPressable key={t} onPress={() => setTag(t)} style={[styles.chip, tag === t && styles.chipActive]}>\n            \u003CText style={[styles.chipText, tag === t && styles.chipTextActive]}>{t}\u003C\u002FText>\n          \u003C\u002FPressable>\n        ))}\n      \u003C\u002FView>\n      \u003CScrollView contentContainerStyle={styles.list}>\n        {filtered.map((item) => (\n          \u003CFadeItem key={item.id} label={item.label} \u002F>\n        ))}\n      \u003C\u002FScrollView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 16 },\n  filters: { flexDirection: 'row', gap: 8, marginBottom: 16, flexWrap: 'wrap' },\n  chip: { paddingHorizontal: 14, paddingVertical: 7, borderRadius: 20, backgroundColor: '#F1F5F9' },\n  chipActive: { backgroundColor: '#3B82F6' },\n  chipText: { fontSize: 13, color: '#475569', fontWeight: '600' },\n  chipTextActive: { color: 'white' },\n  list: { gap: 10 },\n  item: { backgroundColor: 'white', borderRadius: 14, padding: 16, shadowColor: '#000', shadowOpacity: 0.05, shadowRadius: 6, elevation: 2 },\n  itemText: { fontSize: 16, fontWeight: '600', color: '#1E293B' },\n});\n",[3804,12496,12497,12521,12557,12561,12570,12597,12622,12647,12671,12695,12719,12743,12747,12776,12780,12801,12831,12841,12879,12883,12889,12919,12953,12961,12965,12969,12973,12985,13009,13060,13064,13070,13092,13115,13136,13213,13269,13277,13283,13291,13314,13335,13372,13378,13386,13394,13398,13402,13406,13422,13440,13473,13505,13518,13544,13557,13569,13620,13644],{"__ignoreMap":3851},[3914,12498,12499,12501,12503,12505,12507,12509,12511,12513,12515,12517,12519],{"class":3916,"line":3917},[3914,12500,4411],{"class":4143},[3914,12502,4414],{"class":4109},[3914,12504,5219],{"class":4113},[3914,12506,3877],{"class":4109},[3914,12508,4594],{"class":4113},[3914,12510,3877],{"class":4109},[3914,12512,8030],{"class":4113},[3914,12514,4419],{"class":4109},[3914,12516,4422],{"class":4143},[3914,12518,5226],{"class":4134},[3914,12520,4138],{"class":4109},[3914,12522,12523,12525,12527,12529,12531,12533,12535,12537,12539,12541,12543,12545,12547,12549,12551,12553,12555],{"class":3916,"line":3923},[3914,12524,4411],{"class":4143},[3914,12526,4414],{"class":4109},[3914,12528,3818],{"class":4113},[3914,12530,3877],{"class":4109},[3914,12532,4760],{"class":4113},[3914,12534,3877],{"class":4109},[3914,12536,5249],{"class":4113},[3914,12538,3877],{"class":4109},[3914,12540,5254],{"class":4113},[3914,12542,3877],{"class":4109},[3914,12544,9389],{"class":4113},[3914,12546,3877],{"class":4109},[3914,12548,5259],{"class":4113},[3914,12550,4419],{"class":4109},[3914,12552,4422],{"class":4143},[3914,12554,4944],{"class":4134},[3914,12556,4138],{"class":4109},[3914,12558,12559],{"class":3916,"line":3929},[3914,12560,3939],{"emptyLinePlaceholder":3938},[3914,12562,12563,12565,12568],{"class":3916,"line":3935},[3914,12564,4436],{"class":4101},[3914,12566,12567],{"class":4439}," ALL_ITEMS",[3914,12569,5281],{"class":4109},[3914,12571,12572,12574,12577,12580,12582,12584,12587,12589,12592,12595],{"class":3916,"line":3942},[3914,12573,5286],{"class":4109},[3914,12575,12576],{"class":4113},"id:",[3914,12578,12579],{"class":4134}," '1'",[3914,12581,3877],{"class":4109},[3914,12583,5289],{"class":4113},[3914,12585,12586],{"class":4134}," '🏔 Карпати'",[3914,12588,3877],{"class":4109},[3914,12590,12591],{"class":4113},"tag:",[3914,12593,12594],{"class":4134}," 'nature'",[3914,12596,5307],{"class":4109},[3914,12598,12599,12601,12603,12606,12608,12610,12613,12615,12617,12620],{"class":3916,"line":3948},[3914,12600,5286],{"class":4109},[3914,12602,12576],{"class":4113},[3914,12604,12605],{"class":4134}," '2'",[3914,12607,3877],{"class":4109},[3914,12609,5289],{"class":4113},[3914,12611,12612],{"class":4134}," '🏖 Одеса'",[3914,12614,3877],{"class":4109},[3914,12616,12591],{"class":4113},[3914,12618,12619],{"class":4134}," 'beach'",[3914,12621,5307],{"class":4109},[3914,12623,12624,12626,12628,12631,12633,12635,12638,12640,12642,12645],{"class":3916,"line":3954},[3914,12625,5286],{"class":4109},[3914,12627,12576],{"class":4113},[3914,12629,12630],{"class":4134}," '3'",[3914,12632,3877],{"class":4109},[3914,12634,5289],{"class":4113},[3914,12636,12637],{"class":4134}," '🏰 Львів'",[3914,12639,3877],{"class":4109},[3914,12641,12591],{"class":4113},[3914,12643,12644],{"class":4134}," 'city'",[3914,12646,5307],{"class":4109},[3914,12648,12649,12651,12653,12656,12658,12660,12663,12665,12667,12669],{"class":3916,"line":3960},[3914,12650,5286],{"class":4109},[3914,12652,12576],{"class":4113},[3914,12654,12655],{"class":4134}," '4'",[3914,12657,3877],{"class":4109},[3914,12659,5289],{"class":4113},[3914,12661,12662],{"class":4134}," '🌲 Буковель'",[3914,12664,3877],{"class":4109},[3914,12666,12591],{"class":4113},[3914,12668,12594],{"class":4134},[3914,12670,5307],{"class":4109},[3914,12672,12673,12675,12677,12680,12682,12684,12687,12689,12691,12693],{"class":3916,"line":3966},[3914,12674,5286],{"class":4109},[3914,12676,12576],{"class":4113},[3914,12678,12679],{"class":4134}," '5'",[3914,12681,3877],{"class":4109},[3914,12683,5289],{"class":4113},[3914,12685,12686],{"class":4134}," '🌊 Херсон'",[3914,12688,3877],{"class":4109},[3914,12690,12591],{"class":4113},[3914,12692,12619],{"class":4134},[3914,12694,5307],{"class":4109},[3914,12696,12697,12699,12701,12704,12706,12708,12711,12713,12715,12717],{"class":3916,"line":3971},[3914,12698,5286],{"class":4109},[3914,12700,12576],{"class":4113},[3914,12702,12703],{"class":4134}," '6'",[3914,12705,3877],{"class":4109},[3914,12707,5289],{"class":4113},[3914,12709,12710],{"class":4134}," '🎭 Київ'",[3914,12712,3877],{"class":4109},[3914,12714,12591],{"class":4113},[3914,12716,12644],{"class":4134},[3914,12718,5307],{"class":4109},[3914,12720,12721,12723,12725,12728,12730,12732,12735,12737,12739,12741],{"class":3916,"line":3977},[3914,12722,5286],{"class":4109},[3914,12724,12576],{"class":4113},[3914,12726,12727],{"class":4134}," '7'",[3914,12729,3877],{"class":4109},[3914,12731,5289],{"class":4113},[3914,12733,12734],{"class":4134}," '🌿 Хотин'",[3914,12736,3877],{"class":4109},[3914,12738,12591],{"class":4113},[3914,12740,12594],{"class":4134},[3914,12742,5307],{"class":4109},[3914,12744,12745],{"class":3916,"line":3983},[3914,12746,5416],{"class":4109},[3914,12748,12749,12751,12754,12756,12759,12761,12764,12766,12769,12771,12774],{"class":3916,"line":3989},[3914,12750,4436],{"class":4101},[3914,12752,12753],{"class":4439}," TAGS",[3914,12755,11395],{"class":4109},[3914,12757,12758],{"class":4134},"'all'",[3914,12760,3877],{"class":4109},[3914,12762,12763],{"class":4134},"'nature'",[3914,12765,3877],{"class":4109},[3914,12767,12768],{"class":4134},"'beach'",[3914,12770,3877],{"class":4109},[3914,12772,12773],{"class":4134},"'city'",[3914,12775,5416],{"class":4109},[3914,12777,12778],{"class":3916,"line":3995},[3914,12779,3939],{"emptyLinePlaceholder":3938},[3914,12781,12782,12784,12787,12789,12791,12793,12795,12797,12799],{"class":3916,"line":4000},[3914,12783,4102],{"class":4101},[3914,12785,12786],{"class":4105}," FadeItem",[3914,12788,5430],{"class":4109},[3914,12790,5433],{"class":4113},[3914,12792,5441],{"class":4109},[3914,12794,5433],{"class":4113},[3914,12796,4117],{"class":4109},[3914,12798,5448],{"class":4120},[3914,12800,5460],{"class":4109},[3914,12802,12803,12805,12807,12809,12811,12813,12815,12817,12819,12821,12823,12825,12827,12829],{"class":3916,"line":4005},[3914,12804,4662],{"class":4101},[3914,12806,4440],{"class":4439},[3914,12808,4264],{"class":4109},[3914,12810,4594],{"class":4105},[3914,12812,4110],{"class":4109},[3914,12814,5476],{"class":4101},[3914,12816,4623],{"class":4113},[3914,12818,3750],{"class":4109},[3914,12820,5483],{"class":4105},[3914,12822,4110],{"class":4109},[3914,12824,4488],{"class":4153},[3914,12826,5490],{"class":4109},[3914,12828,5493],{"class":4113},[3914,12830,4138],{"class":4109},[3914,12832,12833,12835,12837,12839],{"class":3916,"line":4011},[3914,12834,8150],{"class":4105},[3914,12836,4692],{"class":4109},[3914,12838,4695],{"class":4101},[3914,12840,4129],{"class":4109},[3914,12842,12843,12845,12847,12849,12851,12853,12855,12857,12859,12861,12863,12866,12868,12870,12872,12875,12877],{"class":3916,"line":4017},[3914,12844,5588],{"class":4113},[3914,12846,3750],{"class":4109},[3914,12848,5593],{"class":4105},[3914,12850,4110],{"class":4109},[3914,12852,3872],{"class":4113},[3914,12854,4541],{"class":4109},[3914,12856,11586],{"class":4113},[3914,12858,6083],{"class":4153},[3914,12860,3877],{"class":4109},[3914,12862,4544],{"class":4113},[3914,12864,12865],{"class":4153}," 250",[3914,12867,3877],{"class":4109},[3914,12869,10049],{"class":4113},[3914,12871,5638],{"class":4101},[3914,12873,12874],{"class":4109}," }).",[3914,12876,5648],{"class":4105},[3914,12878,6769],{"class":4109},[3914,12880,12881],{"class":3916,"line":4022},[3914,12882,8337],{"class":4109},[3914,12884,12885,12887],{"class":3916,"line":4027},[3914,12886,4144],{"class":4143},[3914,12888,4748],{"class":4109},[3914,12890,12891,12893,12895,12897,12899,12901,12903,12905,12907,12909,12911,12913,12915,12917],{"class":3916,"line":4033},[3914,12892,4753],{"class":4870},[3914,12894,4826],{"class":4120},[3914,12896,4763],{"class":4876},[3914,12898,4879],{"class":4109},[3914,12900,4882],{"class":4101},[3914,12902,4886],{"class":4885},[3914,12904,4889],{"class":4113},[3914,12906,3750],{"class":4885},[3914,12908,7799],{"class":4113},[3914,12910,4541],{"class":4885},[3914,12912,3872],{"class":4113},[3914,12914,8383],{"class":4885},[3914,12916,4905],{"class":4101},[3914,12918,5715],{"class":4870},[3914,12920,12921,12923,12925,12927,12929,12931,12933,12935,12937,12939,12941,12943,12945,12947,12949,12951],{"class":3916,"line":4039},[3914,12922,5721],{"class":4870},[3914,12924,5249],{"class":4120},[3914,12926,4763],{"class":4876},[3914,12928,4879],{"class":4109},[3914,12930,4882],{"class":4101},[3914,12932,4889],{"class":4113},[3914,12934,3750],{"class":4885},[3914,12936,11721],{"class":4113},[3914,12938,4905],{"class":4101},[3914,12940,5741],{"class":4870},[3914,12942,4882],{"class":4101},[3914,12944,5433],{"class":4113},[3914,12946,4905],{"class":4101},[3914,12948,5750],{"class":4870},[3914,12950,5249],{"class":4120},[3914,12952,5715],{"class":4870},[3914,12954,12955,12957,12959],{"class":3916,"line":4045},[3914,12956,5836],{"class":4870},[3914,12958,4826],{"class":4120},[3914,12960,5715],{"class":4870},[3914,12962,12963],{"class":3916,"line":4051},[3914,12964,4784],{"class":4109},[3914,12966,12967],{"class":3916,"line":4057},[3914,12968,3963],{"class":4109},[3914,12970,12971],{"class":3916,"line":4063},[3914,12972,3939],{"emptyLinePlaceholder":3938},[3914,12974,12975,12977,12979,12981,12983],{"class":3916,"line":5669},[3914,12976,5861],{"class":4143},[3914,12978,5864],{"class":4143},[3914,12980,5867],{"class":4101},[3914,12982,5870],{"class":4105},[3914,12984,4657],{"class":4109},[3914,12986,12987,12989,12991,12994,12996,12999,13001,13003,13005,13007],{"class":3916,"line":5674},[3914,12988,4662],{"class":4101},[3914,12990,4307],{"class":4109},[3914,12992,12993],{"class":4439},"tag",[3914,12995,3877],{"class":4109},[3914,12997,12998],{"class":4439},"setTag",[3914,13000,5512],{"class":4109},[3914,13002,5219],{"class":4105},[3914,13004,4110],{"class":4109},[3914,13006,12758],{"class":4134},[3914,13008,4293],{"class":4109},[3914,13010,13011,13013,13016,13018,13020,13023,13025,13027,13030,13032,13034,13036,13039,13041,13043,13045,13047,13050,13052,13054,13056,13058],{"class":3916,"line":5681},[3914,13012,4662],{"class":4101},[3914,13014,13015],{"class":4439}," filtered",[3914,13017,4264],{"class":4109},[3914,13019,12993],{"class":4113},[3914,13021,13022],{"class":4109}," === ",[3914,13024,12758],{"class":4134},[3914,13026,6675],{"class":4109},[3914,13028,13029],{"class":4439},"ALL_ITEMS",[3914,13031,6680],{"class":4109},[3914,13033,13029],{"class":4439},[3914,13035,3750],{"class":4109},[3914,13037,13038],{"class":4105},"filter",[3914,13040,5953],{"class":4109},[3914,13042,8676],{"class":4113},[3914,13044,5551],{"class":4109},[3914,13046,4695],{"class":4101},[3914,13048,13049],{"class":4113}," i",[3914,13051,3750],{"class":4109},[3914,13053,12993],{"class":4113},[3914,13055,13022],{"class":4109},[3914,13057,12993],{"class":4113},[3914,13059,4293],{"class":4109},[3914,13061,13062],{"class":3916,"line":5718},[3914,13063,3939],{"emptyLinePlaceholder":3938},[3914,13065,13066,13068],{"class":3916,"line":5757},[3914,13067,4144],{"class":4143},[3914,13069,4748],{"class":4109},[3914,13071,13072,13074,13076,13078,13080,13082,13084,13086,13088,13090],{"class":3916,"line":5781},[3914,13073,4753],{"class":4870},[3914,13075,4760],{"class":4120},[3914,13077,4763],{"class":4876},[3914,13079,4879],{"class":4109},[3914,13081,4882],{"class":4101},[3914,13083,4889],{"class":4113},[3914,13085,3750],{"class":4885},[3914,13087,5899],{"class":4113},[3914,13089,4905],{"class":4101},[3914,13091,5715],{"class":4870},[3914,13093,13094,13096,13098,13100,13102,13104,13106,13108,13111,13113],{"class":3916,"line":5823},[3914,13095,5721],{"class":4870},[3914,13097,4760],{"class":4120},[3914,13099,4763],{"class":4876},[3914,13101,4879],{"class":4109},[3914,13103,4882],{"class":4101},[3914,13105,4889],{"class":4113},[3914,13107,3750],{"class":4885},[3914,13109,13110],{"class":4113},"filters",[3914,13112,4905],{"class":4101},[3914,13114,5715],{"class":4870},[3914,13116,13117,13119,13122,13124,13126,13128,13130,13132,13134],{"class":3916,"line":5833},[3914,13118,10071],{"class":4101},[3914,13120,13121],{"class":4439},"TAGS",[3914,13123,3750],{"class":4885},[3914,13125,5950],{"class":4105},[3914,13127,5953],{"class":4885},[3914,13129,6695],{"class":4113},[3914,13131,5551],{"class":4885},[3914,13133,4695],{"class":4101},[3914,13135,4748],{"class":4885},[3914,13137,13138,13140,13142,13144,13146,13148,13150,13152,13154,13156,13158,13160,13162,13165,13167,13169,13171,13173,13175,13177,13179,13181,13183,13185,13188,13190,13192,13195,13198,13200,13202,13204,13207,13209,13211],{"class":3916,"line":5843},[3914,13139,7003],{"class":4870},[3914,13141,5254],{"class":4120},[3914,13143,5973],{"class":4876},[3914,13145,4879],{"class":4109},[3914,13147,4882],{"class":4101},[3914,13149,6695],{"class":4113},[3914,13151,4905],{"class":4101},[3914,13153,5688],{"class":4876},[3914,13155,4879],{"class":4109},[3914,13157,4882],{"class":4101},[3914,13159,11854],{"class":4885},[3914,13161,4695],{"class":4101},[3914,13163,13164],{"class":4105}," setTag",[3914,13166,4110],{"class":4885},[3914,13168,6695],{"class":4113},[3914,13170,10594],{"class":4885},[3914,13172,4905],{"class":4101},[3914,13174,4763],{"class":4876},[3914,13176,4879],{"class":4109},[3914,13178,4882],{"class":4101},[3914,13180,4886],{"class":4885},[3914,13182,4889],{"class":4113},[3914,13184,3750],{"class":4885},[3914,13186,13187],{"class":4113},"chip",[3914,13189,3877],{"class":4885},[3914,13191,12993],{"class":4113},[3914,13193,13194],{"class":4109}," ===",[3914,13196,13197],{"class":4113}," t",[3914,13199,11941],{"class":4109},[3914,13201,6057],{"class":4113},[3914,13203,3750],{"class":4885},[3914,13205,13206],{"class":4113},"chipActive",[3914,13208,4902],{"class":4885},[3914,13210,4905],{"class":4101},[3914,13212,5715],{"class":4870},[3914,13214,13215,13217,13219,13221,13223,13225,13227,13229,13231,13234,13236,13238,13240,13242,13244,13246,13248,13251,13253,13255,13257,13259,13261,13263,13265,13267],{"class":3916,"line":5848},[3914,13216,7057],{"class":4870},[3914,13218,5249],{"class":4120},[3914,13220,4763],{"class":4876},[3914,13222,4879],{"class":4109},[3914,13224,4882],{"class":4101},[3914,13226,4886],{"class":4885},[3914,13228,4889],{"class":4113},[3914,13230,3750],{"class":4885},[3914,13232,13233],{"class":4113},"chipText",[3914,13235,3877],{"class":4885},[3914,13237,12993],{"class":4113},[3914,13239,13194],{"class":4109},[3914,13241,13197],{"class":4113},[3914,13243,11941],{"class":4109},[3914,13245,6057],{"class":4113},[3914,13247,3750],{"class":4885},[3914,13249,13250],{"class":4113},"chipTextActive",[3914,13252,4902],{"class":4885},[3914,13254,4905],{"class":4101},[3914,13256,5741],{"class":4870},[3914,13258,4882],{"class":4101},[3914,13260,6695],{"class":4113},[3914,13262,4905],{"class":4101},[3914,13264,5750],{"class":4870},[3914,13266,5249],{"class":4120},[3914,13268,5715],{"class":4870},[3914,13270,13271,13273,13275],{"class":3916,"line":5853},[3914,13272,7104],{"class":4870},[3914,13274,5254],{"class":4120},[3914,13276,5715],{"class":4870},[3914,13278,13279,13281],{"class":3916,"line":5858},[3914,13280,10231],{"class":4885},[3914,13282,3963],{"class":4101},[3914,13284,13285,13287,13289],{"class":3916,"line":5875},[3914,13286,5826],{"class":4870},[3914,13288,4760],{"class":4120},[3914,13290,5715],{"class":4870},[3914,13292,13293,13295,13297,13300,13302,13304,13306,13308,13310,13312],{"class":3916,"line":5882},[3914,13294,5721],{"class":4870},[3914,13296,9389],{"class":4120},[3914,13298,13299],{"class":4876}," contentContainerStyle",[3914,13301,4879],{"class":4109},[3914,13303,4882],{"class":4101},[3914,13305,4889],{"class":4113},[3914,13307,3750],{"class":4885},[3914,13309,11962],{"class":4113},[3914,13311,4905],{"class":4101},[3914,13313,5715],{"class":4870},[3914,13315,13316,13318,13321,13323,13325,13327,13329,13331,13333],{"class":3916,"line":5906},[3914,13317,10071],{"class":4101},[3914,13319,13320],{"class":4113},"filtered",[3914,13322,3750],{"class":4885},[3914,13324,5950],{"class":4105},[3914,13326,5953],{"class":4885},[3914,13328,7799],{"class":4113},[3914,13330,5551],{"class":4885},[3914,13332,4695],{"class":4101},[3914,13334,4748],{"class":4885},[3914,13336,13337,13339,13342,13344,13346,13348,13350,13352,13354,13356,13358,13360,13362,13364,13366,13368,13370],{"class":3916,"line":5939},[3914,13338,7003],{"class":4870},[3914,13340,13341],{"class":4120},"FadeItem",[3914,13343,5973],{"class":4876},[3914,13345,4879],{"class":4109},[3914,13347,4882],{"class":4101},[3914,13349,7799],{"class":4113},[3914,13351,3750],{"class":4885},[3914,13353,12374],{"class":4113},[3914,13355,4905],{"class":4101},[3914,13357,5988],{"class":4876},[3914,13359,4879],{"class":4109},[3914,13361,4882],{"class":4101},[3914,13363,7799],{"class":4113},[3914,13365,3750],{"class":4885},[3914,13367,5433],{"class":4113},[3914,13369,4905],{"class":4101},[3914,13371,4908],{"class":4870},[3914,13373,13374,13376],{"class":3916,"line":5965},[3914,13375,10231],{"class":4885},[3914,13377,3963],{"class":4101},[3914,13379,13380,13382,13384],{"class":3916,"line":6020},[3914,13381,5826],{"class":4870},[3914,13383,9389],{"class":4120},[3914,13385,5715],{"class":4870},[3914,13387,13388,13390,13392],{"class":3916,"line":6028},[3914,13389,5836],{"class":4870},[3914,13391,4760],{"class":4120},[3914,13393,5715],{"class":4870},[3914,13395,13396],{"class":3916,"line":6037},[3914,13397,4784],{"class":4109},[3914,13399,13400],{"class":3916,"line":6042},[3914,13401,3963],{"class":4109},[3914,13403,13404],{"class":3916,"line":6047},[3914,13405,3939],{"emptyLinePlaceholder":3938},[3914,13407,13408,13410,13412,13414,13416,13418,13420],{"class":3916,"line":6052},[3914,13409,4436],{"class":4101},[3914,13411,6057],{"class":4439},[3914,13413,4264],{"class":4109},[3914,13415,5259],{"class":4113},[3914,13417,3750],{"class":4109},[3914,13419,6066],{"class":4105},[3914,13421,6069],{"class":4109},[3914,13423,13424,13426,13428,13430,13432,13434,13436,13438],{"class":3916,"line":6072},[3914,13425,6075],{"class":4113},[3914,13427,4414],{"class":4109},[3914,13429,6080],{"class":4113},[3914,13431,6083],{"class":4153},[3914,13433,3877],{"class":4109},[3914,13435,6088],{"class":4113},[3914,13437,6091],{"class":4153},[3914,13439,5307],{"class":4109},[3914,13441,13442,13445,13447,13449,13451,13453,13455,13457,13459,13461,13463,13465,13468,13471],{"class":3916,"line":6112},[3914,13443,13444],{"class":4113},"  filters:",[3914,13446,4414],{"class":4109},[3914,13448,7398],{"class":4113},[3914,13450,7401],{"class":4134},[3914,13452,3877],{"class":4109},[3914,13454,6104],{"class":4113},[3914,13456,6228],{"class":4153},[3914,13458,3877],{"class":4109},[3914,13460,6143],{"class":4113},[3914,13462,6091],{"class":4153},[3914,13464,3877],{"class":4109},[3914,13466,13467],{"class":4113},"flexWrap:",[3914,13469,13470],{"class":4134}," 'wrap'",[3914,13472,5307],{"class":4109},[3914,13474,13475,13478,13480,13482,13484,13486,13488,13491,13493,13495,13497,13499,13501,13503],{"class":3916,"line":6159},[3914,13476,13477],{"class":4113},"  chip:",[3914,13479,4414],{"class":4109},[3914,13481,7344],{"class":4113},[3914,13483,7355],{"class":4153},[3914,13485,3877],{"class":4109},[3914,13487,7352],{"class":4113},[3914,13489,13490],{"class":4153}," 7",[3914,13492,3877],{"class":4109},[3914,13494,6225],{"class":4113},[3914,13496,8760],{"class":4153},[3914,13498,3877],{"class":4109},[3914,13500,6217],{"class":4113},[3914,13502,6220],{"class":4134},[3914,13504,5307],{"class":4109},[3914,13506,13507,13510,13512,13514,13516],{"class":3916,"line":6173},[3914,13508,13509],{"class":4113},"  chipActive:",[3914,13511,4414],{"class":4109},[3914,13513,6217],{"class":4113},[3914,13515,6276],{"class":4134},[3914,13517,5307],{"class":4109},[3914,13519,13520,13523,13525,13527,13530,13532,13534,13536,13538,13540,13542],{"class":3916,"line":6201},[3914,13521,13522],{"class":4113},"  chipText:",[3914,13524,4414],{"class":4109},[3914,13526,6135],{"class":4113},[3914,13528,13529],{"class":4153}," 13",[3914,13531,3877],{"class":4109},[3914,13533,6151],{"class":4113},[3914,13535,7454],{"class":4134},[3914,13537,3877],{"class":4109},[3914,13539,6127],{"class":4113},[3914,13541,6196],{"class":4134},[3914,13543,5307],{"class":4109},[3914,13545,13546,13549,13551,13553,13555],{"class":3916,"line":6246},[3914,13547,13548],{"class":4113},"  chipTextActive:",[3914,13550,4414],{"class":4109},[3914,13552,6151],{"class":4113},[3914,13554,7375],{"class":4134},[3914,13556,5307],{"class":4109},[3914,13558,13559,13561,13563,13565,13567],{"class":3916,"line":6281},[3914,13560,12189],{"class":4113},[3914,13562,4414],{"class":4109},[3914,13564,6104],{"class":4113},[3914,13566,6347],{"class":4153},[3914,13568,5307],{"class":4109},[3914,13570,13571,13573,13575,13577,13579,13581,13583,13585,13587,13589,13591,13593,13595,13597,13599,13601,13604,13606,13608,13611,13613,13615,13618],{"class":3916,"line":7412},[3914,13572,12209],{"class":4113},[3914,13574,4414],{"class":4109},[3914,13576,6217],{"class":4113},[3914,13578,7375],{"class":4134},[3914,13580,3877],{"class":4109},[3914,13582,6225],{"class":4113},[3914,13584,7355],{"class":4153},[3914,13586,3877],{"class":4109},[3914,13588,6088],{"class":4113},[3914,13590,6091],{"class":4153},[3914,13592,3877],{"class":4109},[3914,13594,8820],{"class":4113},[3914,13596,8823],{"class":4134},[3914,13598,3877],{"class":4109},[3914,13600,8828],{"class":4113},[3914,13602,13603],{"class":4153}," 0.05",[3914,13605,3877],{"class":4109},[3914,13607,8836],{"class":4113},[3914,13609,13610],{"class":4153}," 6",[3914,13612,3877],{"class":4109},[3914,13614,8843],{"class":4113},[3914,13616,13617],{"class":4153}," 2",[3914,13619,5307],{"class":4109},[3914,13621,13622,13624,13626,13628,13630,13632,13634,13636,13638,13640,13642],{"class":3916,"line":7432},[3914,13623,12258],{"class":4113},[3914,13625,4414],{"class":4109},[3914,13627,6135],{"class":4113},[3914,13629,6091],{"class":4153},[3914,13631,3877],{"class":4109},[3914,13633,6127],{"class":4113},[3914,13635,6196],{"class":4134},[3914,13637,3877],{"class":4109},[3914,13639,6151],{"class":4113},[3914,13641,6154],{"class":4134},[3914,13643,5307],{"class":4109},[3914,13645,13646],{"class":3916,"line":7459},[3914,13647,5146],{"class":4109},[3828,13649],{},[3738,13651,13653],{"id":13652},"useanimatedscrollhandler-реакція-на-скрол","useAnimatedScrollHandler: реакція на скрол",[3835,13655,13657],{"id":13656},"проблема-звичайного-onscroll","Проблема звичайного onScroll",[3743,13659,13660,13661,13664,13665,13668],{},"Стандартний ",[3804,13662,13663],{},"onScroll"," у React Native — це подія, що передається через JavaScript міст. При ",[3804,13666,13667],{},"scrollEventThrottle={16}"," (60 fps) — 60 повідомлень на секунду через асинхронний канал. Кожне з них провокує обробку у JS потоці. При складних анімаціях заголовка або parallax — це помітне навантаження.",[3743,13670,13671,13673,13674,13676],{},[3804,13672,4174],{}," вирішує це: колбек виконується ",[3747,13675,4801],{},", прямо де скролиться контент.",[3835,13678,13680],{"id":13679},"базове-використання","Базове використання",[3843,13682,13684],{"className":4092,"code":13683,"language":4094,"meta":3851,"style":3851},"import Animated, { useSharedValue, useAnimatedScrollHandler } from 'react-native-reanimated';\n\nfunction ParallaxScreen() {\n  const scrollY = useSharedValue(0);\n\n  const scrollHandler = useAnimatedScrollHandler((event) => {\n    \u002F\u002F Це worklet — виконується на UI Thread:\n    scrollY.value = event.contentOffset.y;\n  });\n\n  const headerStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -scrollY.value * 0.5 }],\n    opacity: interpolate(scrollY.value, [0, 150], [1, 0], Extrapolation.CLAMP),\n  }));\n\n  return (\n    \u003CView>\n      \u003CAnimated.View style={[styles.header, headerStyle]} \u002F>\n      \u003CAnimated.ScrollView onScroll={scrollHandler} scrollEventThrottle={16}>\n        {\u002F* контент *\u002F}\n      \u003C\u002FAnimated.ScrollView>\n    \u003C\u002FView>\n  );\n}\n",[3804,13685,13686,13708,13712,13721,13737,13741,13762,13767,13791,13795,13799,13816,13840,13884,13888,13892,13898,13906,13923,13928,13937,13942,13947,13951],{"__ignoreMap":3851},[3914,13687,13688,13690,13692,13694,13696,13698,13700,13702,13704,13706],{"class":3916,"line":3917},[3914,13689,4411],{"class":4143},[3914,13691,4623],{"class":4113},[3914,13693,4541],{"class":4109},[3914,13695,4396],{"class":4113},[3914,13697,3877],{"class":4109},[3914,13699,4174],{"class":4113},[3914,13701,4419],{"class":4109},[3914,13703,4422],{"class":4143},[3914,13705,4425],{"class":4134},[3914,13707,4138],{"class":4109},[3914,13709,13710],{"class":3916,"line":3923},[3914,13711,3939],{"emptyLinePlaceholder":3938},[3914,13713,13714,13716,13719],{"class":3916,"line":3929},[3914,13715,4102],{"class":4101},[3914,13717,13718],{"class":4105}," ParallaxScreen",[3914,13720,4657],{"class":4109},[3914,13722,13723,13725,13727,13729,13731,13733,13735],{"class":3916,"line":3935},[3914,13724,4662],{"class":4101},[3914,13726,9468],{"class":4439},[3914,13728,4264],{"class":4109},[3914,13730,4396],{"class":4105},[3914,13732,4110],{"class":4109},[3914,13734,4488],{"class":4153},[3914,13736,4293],{"class":4109},[3914,13738,13739],{"class":3916,"line":3942},[3914,13740,3939],{"emptyLinePlaceholder":3938},[3914,13742,13743,13745,13748,13750,13752,13754,13756,13758,13760],{"class":3916,"line":3948},[3914,13744,4662],{"class":4101},[3914,13746,13747],{"class":4439}," scrollHandler",[3914,13749,4264],{"class":4109},[3914,13751,4174],{"class":4105},[3914,13753,5953],{"class":4109},[3914,13755,10016],{"class":4113},[3914,13757,5551],{"class":4109},[3914,13759,4695],{"class":4101},[3914,13761,4129],{"class":4109},[3914,13763,13764],{"class":3916,"line":3954},[3914,13765,13766],{"class":4160},"    \u002F\u002F Це worklet — виконується на UI Thread:\n",[3914,13768,13769,13771,13773,13775,13777,13779,13781,13784,13786,13789],{"class":3916,"line":3960},[3914,13770,9165],{"class":4113},[3914,13772,3750],{"class":4109},[3914,13774,4114],{"class":4113},[3914,13776,4264],{"class":4109},[3914,13778,10016],{"class":4113},[3914,13780,3750],{"class":4109},[3914,13782,13783],{"class":4113},"contentOffset",[3914,13785,3750],{"class":4109},[3914,13787,13788],{"class":4113},"y",[3914,13790,4138],{"class":4109},[3914,13792,13793],{"class":3916,"line":3966},[3914,13794,9565],{"class":4109},[3914,13796,13797],{"class":3916,"line":3971},[3914,13798,3939],{"emptyLinePlaceholder":3938},[3914,13800,13801,13803,13806,13808,13810,13812,13814],{"class":3916,"line":3977},[3914,13802,4662],{"class":4101},[3914,13804,13805],{"class":4439}," headerStyle",[3914,13807,4264],{"class":4109},[3914,13809,4171],{"class":4105},[3914,13811,4692],{"class":4109},[3914,13813,4695],{"class":4101},[3914,13815,4698],{"class":4109},[3914,13817,13818,13820,13822,13824,13827,13829,13831,13833,13835,13838],{"class":3916,"line":3983},[3914,13819,4717],{"class":4113},[3914,13821,4720],{"class":4109},[3914,13823,7091],{"class":4113},[3914,13825,13826],{"class":4109}," -",[3914,13828,9508],{"class":4113},[3914,13830,3750],{"class":4109},[3914,13832,4114],{"class":4113},[3914,13834,4150],{"class":4109},[3914,13836,13837],{"class":4153},"0.5",[3914,13839,4732],{"class":4109},[3914,13841,13842,13844,13847,13849,13851,13853,13855,13858,13860,13862,13865,13868,13870,13872,13874,13876,13878,13880,13882],{"class":3916,"line":3989},[3914,13843,4703],{"class":4113},[3914,13845,13846],{"class":4105}," interpolate",[3914,13848,4110],{"class":4109},[3914,13850,9508],{"class":4113},[3914,13852,3750],{"class":4109},[3914,13854,4114],{"class":4113},[3914,13856,13857],{"class":4109},", [",[3914,13859,4488],{"class":4153},[3914,13861,3877],{"class":4109},[3914,13863,13864],{"class":4153},"150",[3914,13866,13867],{"class":4109},"], [",[3914,13869,4449],{"class":4153},[3914,13871,3877],{"class":4109},[3914,13873,4488],{"class":4153},[3914,13875,4326],{"class":4109},[3914,13877,9115],{"class":4113},[3914,13879,3750],{"class":4109},[3914,13881,9215],{"class":4439},[3914,13883,6824],{"class":4109},[3914,13885,13886],{"class":3916,"line":3995},[3914,13887,4737],{"class":4109},[3914,13889,13890],{"class":3916,"line":4000},[3914,13891,3939],{"emptyLinePlaceholder":3938},[3914,13893,13894,13896],{"class":3916,"line":4005},[3914,13895,4144],{"class":4143},[3914,13897,4748],{"class":4109},[3914,13899,13900,13902,13904],{"class":3916,"line":4011},[3914,13901,4753],{"class":4109},[3914,13903,4760],{"class":4120},[3914,13905,5715],{"class":4109},[3914,13907,13908,13910,13912,13914,13916,13918,13920],{"class":3916,"line":4017},[3914,13909,5721],{"class":4109},[3914,13911,3818],{"class":4113},[3914,13913,3750],{"class":4109},[3914,13915,4760],{"class":4113},[3914,13917,4763],{"class":4113},[3914,13919,4766],{"class":4109},[3914,13921,13922],{"class":4113},"[styles.header, headerStyle]} \u002F>\n",[3914,13924,13925],{"class":3916,"line":4022},[3914,13926,13927],{"class":4113},"      \u003CAnimated.ScrollView onScroll={scrollHandler} scrollEventThrottle={16}>\n",[3914,13929,13930,13932,13935],{"class":3916,"line":4027},[3914,13931,10071],{"class":4113},[3914,13933,13934],{"class":4160},"\u002F* контент *\u002F",[3914,13936,3963],{"class":4113},[3914,13938,13939],{"class":3916,"line":4033},[3914,13940,13941],{"class":4113},"      \u003C\u002FAnimated.ScrollView>\n",[3914,13943,13944],{"class":3916,"line":4039},[3914,13945,13946],{"class":4113},"    \u003C\u002FView>\n",[3914,13948,13949],{"class":3916,"line":4045},[3914,13950,4784],{"class":4113},[3914,13952,13953],{"class":3916,"line":4051},[3914,13954,3963],{"class":4113},[3835,13956,13958],{"id":13957},"повний-обєкт-події-scrollhandler","Повний об'єкт події scrollHandler",[3743,13960,13961,13963],{},[3804,13962,4174],{}," приймає об'єкт з кількома колбеками:",[3843,13965,13967],{"className":4092,"code":13966,"language":4094,"meta":3851,"style":3851},"const scrollHandler = useAnimatedScrollHandler({\n  onScroll: (event) => {\n    scrollY.value = event.contentOffset.y;\n    scrollX.value = event.contentOffset.x;\n  },\n  onBeginDrag: (event) => {\n    \u002F\u002F користувач почав свайп\n    isDragging.value = true;\n  },\n  onEndDrag: (event) => {\n    isDragging.value = false;\n    \u002F\u002F event.velocity.y — швидкість при відпусканні\n  },\n  onMomentumBegin: (event) => {\n    \u002F\u002F scroll inertia почалась\n  },\n  onMomentumEnd: (event) => {\n    \u002F\u002F scroll зупинився\n  },\n});\n",[3804,13968,13969,13981,13998,14020,14043,14048,14065,14070,14085,14089,14106,14120,14125,14129,14146,14151,14155,14172,14177,14181],{"__ignoreMap":3851},[3914,13970,13971,13973,13975,13977,13979],{"class":3916,"line":3917},[3914,13972,4436],{"class":4101},[3914,13974,13747],{"class":4439},[3914,13976,4264],{"class":4109},[3914,13978,4174],{"class":4105},[3914,13980,6069],{"class":4109},[3914,13982,13983,13986,13988,13990,13992,13994,13996],{"class":3916,"line":3923},[3914,13984,13985],{"class":4105},"  onScroll",[3914,13987,3902],{"class":4113},[3914,13989,4269],{"class":4109},[3914,13991,10016],{"class":4113},[3914,13993,5551],{"class":4109},[3914,13995,4695],{"class":4101},[3914,13997,4129],{"class":4109},[3914,13999,14000,14002,14004,14006,14008,14010,14012,14014,14016,14018],{"class":3916,"line":3929},[3914,14001,9165],{"class":4113},[3914,14003,3750],{"class":4109},[3914,14005,4114],{"class":4113},[3914,14007,4264],{"class":4109},[3914,14009,10016],{"class":4113},[3914,14011,3750],{"class":4109},[3914,14013,13783],{"class":4113},[3914,14015,3750],{"class":4109},[3914,14017,13788],{"class":4113},[3914,14019,4138],{"class":4109},[3914,14021,14022,14025,14027,14029,14031,14033,14035,14037,14039,14041],{"class":3916,"line":3935},[3914,14023,14024],{"class":4113},"    scrollX",[3914,14026,3750],{"class":4109},[3914,14028,4114],{"class":4113},[3914,14030,4264],{"class":4109},[3914,14032,10016],{"class":4113},[3914,14034,3750],{"class":4109},[3914,14036,13783],{"class":4113},[3914,14038,3750],{"class":4109},[3914,14040,5598],{"class":4113},[3914,14042,4138],{"class":4109},[3914,14044,14045],{"class":3916,"line":3942},[3914,14046,14047],{"class":4109},"  },\n",[3914,14049,14050,14053,14055,14057,14059,14061,14063],{"class":3916,"line":3948},[3914,14051,14052],{"class":4105},"  onBeginDrag",[3914,14054,3902],{"class":4113},[3914,14056,4269],{"class":4109},[3914,14058,10016],{"class":4113},[3914,14060,5551],{"class":4109},[3914,14062,4695],{"class":4101},[3914,14064,4129],{"class":4109},[3914,14066,14067],{"class":3916,"line":3954},[3914,14068,14069],{"class":4160},"    \u002F\u002F користувач почав свайп\n",[3914,14071,14072,14075,14077,14079,14081,14083],{"class":3916,"line":3960},[3914,14073,14074],{"class":4113},"    isDragging",[3914,14076,3750],{"class":4109},[3914,14078,4114],{"class":4113},[3914,14080,4264],{"class":4109},[3914,14082,4290],{"class":4101},[3914,14084,4138],{"class":4109},[3914,14086,14087],{"class":3916,"line":3966},[3914,14088,14047],{"class":4109},[3914,14090,14091,14094,14096,14098,14100,14102,14104],{"class":3916,"line":3971},[3914,14092,14093],{"class":4105},"  onEndDrag",[3914,14095,3902],{"class":4113},[3914,14097,4269],{"class":4109},[3914,14099,10016],{"class":4113},[3914,14101,5551],{"class":4109},[3914,14103,4695],{"class":4101},[3914,14105,4129],{"class":4109},[3914,14107,14108,14110,14112,14114,14116,14118],{"class":3916,"line":3977},[3914,14109,14074],{"class":4113},[3914,14111,3750],{"class":4109},[3914,14113,4114],{"class":4113},[3914,14115,4264],{"class":4109},[3914,14117,5519],{"class":4101},[3914,14119,4138],{"class":4109},[3914,14121,14122],{"class":3916,"line":3983},[3914,14123,14124],{"class":4160},"    \u002F\u002F event.velocity.y — швидкість при відпусканні\n",[3914,14126,14127],{"class":3916,"line":3989},[3914,14128,14047],{"class":4109},[3914,14130,14131,14134,14136,14138,14140,14142,14144],{"class":3916,"line":3995},[3914,14132,14133],{"class":4105},"  onMomentumBegin",[3914,14135,3902],{"class":4113},[3914,14137,4269],{"class":4109},[3914,14139,10016],{"class":4113},[3914,14141,5551],{"class":4109},[3914,14143,4695],{"class":4101},[3914,14145,4129],{"class":4109},[3914,14147,14148],{"class":3916,"line":4000},[3914,14149,14150],{"class":4160},"    \u002F\u002F scroll inertia почалась\n",[3914,14152,14153],{"class":3916,"line":4005},[3914,14154,14047],{"class":4109},[3914,14156,14157,14160,14162,14164,14166,14168,14170],{"class":3916,"line":4011},[3914,14158,14159],{"class":4105},"  onMomentumEnd",[3914,14161,3902],{"class":4113},[3914,14163,4269],{"class":4109},[3914,14165,10016],{"class":4113},[3914,14167,5551],{"class":4109},[3914,14169,4695],{"class":4101},[3914,14171,4129],{"class":4109},[3914,14173,14174],{"class":3916,"line":4017},[3914,14175,14176],{"class":4160},"    \u002F\u002F scroll зупинився\n",[3914,14178,14179],{"class":3916,"line":4022},[3914,14180,14047],{"class":4109},[3914,14182,14183],{"class":3916,"line":4027},[3914,14184,5146],{"class":4109},[3835,14186,14188],{"id":14187},"живий-приклад-sticky-header-з-анімацією","Живий приклад: sticky header з анімацією",[3806,14190,14192],{"device":5199,"height":5200,"title":14191},"Sticky Header Animation",[3843,14193,14195],{"className":4839,"code":14194,"language":4841,"meta":3851,"style":3851},"import { useRef } from 'react';\nimport { Animated, ScrollView, View, Text, StyleSheet, Platform } from 'react-native';\n\nconst HEADER_MAX = 180;\nconst HEADER_MIN = 60;\nconst HEADER_SCROLL = HEADER_MAX - HEADER_MIN;\n\nexport default function App() {\n  const scrollY = useRef(new Animated.Value(0)).current;\n\n  const headerHeight = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL],\n    outputRange: [HEADER_MAX, HEADER_MIN],\n    extrapolate: 'clamp',\n  });\n\n  const headerBg = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL],\n    outputRange: ['rgba(59,130,246,1)', 'rgba(30,41,59,1)'],\n    extrapolate: 'clamp',\n  });\n\n  const titleScale = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL],\n    outputRange: [1.0, 0.75],\n    extrapolate: 'clamp',\n  });\n\n  const titleTranslateY = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL],\n    outputRange: [0, -28],\n    extrapolate: 'clamp',\n  });\n\n  const subtitleOpacity = scrollY.interpolate({\n    inputRange: [0, HEADER_SCROLL \u002F 2],\n    outputRange: [1, 0],\n    extrapolate: 'clamp',\n  });\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CAnimated.View style={[styles.header, { height: headerHeight, backgroundColor: headerBg }]}>\n        \u003CAnimated.Text style={[styles.title, {\n          transform: [{ scale: titleScale }, { translateY: titleTranslateY }]\n        }]}>\n          🗺 Мої подорожі\n        \u003C\u002FAnimated.Text>\n        \u003CAnimated.Text style={[styles.subtitle, { opacity: subtitleOpacity }]}>\n          14 поїздок · 6 країн\n        \u003C\u002FAnimated.Text>\n      \u003C\u002FAnimated.View>\n\n      \u003CAnimated.ScrollView\n        contentContainerStyle={{ paddingTop: HEADER_MAX + 8, padding: 16, gap: 12 }}\n        scrollEventThrottle={16}\n        onScroll={Animated.event(\n          [{ nativeEvent: { contentOffset: { y: scrollY } } }],\n          { useNativeDriver: false }\n        )}\n      >\n        {Array.from({ length: 10 }, (_, i) => (\n          \u003CView key={i} style={styles.card}>\n            \u003CText style={styles.cardTitle}>Поїздка #{i + 1}\u003C\u002FText>\n            \u003CText style={styles.cardSub}>2024 · 5 днів\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FAnimated.ScrollView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: '#F1F5F9' },\n  header: { position: 'absolute', top: 0, left: 0, right: 0, zIndex: 10, alignItems: 'center', justifyContent: 'flex-end', paddingBottom: 12 },\n  title: { fontSize: 26, fontWeight: '800', color: 'white' },\n  subtitle: { fontSize: 13, color: 'rgba(255,255,255,0.75)', marginTop: 2 },\n  card: { backgroundColor: 'white', borderRadius: 16, padding: 16, shadowColor: '#000', shadowOpacity: 0.05, shadowRadius: 8, elevation: 2 },\n  cardTitle: { fontWeight: '700', fontSize: 16, color: '#1E293B' },\n  cardSub: { color: '#94A3B8', fontSize: 13, marginTop: 2 },\n});\n",[3804,14196,14197,14213,14250,14254,14268,14282,14302,14306,14318,14348,14352,14369,14384,14398,14406,14410,14414,14431,14445,14461,14469,14473,14477,14493,14507,14522,14530,14534,14538,14555,14569,14584,14592,14596,14600,14617,14635,14649,14657,14661,14665,14671,14693,14731,14753,14774,14783,14788,14796,14828,14833,14841,14849,14853,14859,14893,14905,14921,14939,14949,14955,14959,14989,15021,15062,15094,15102,15108,15116,15124,15128,15132,15137,15154,15173,15228,15253,15280,15329,15354,15381],{"__ignoreMap":3851},[3914,14198,14199,14201,14203,14205,14207,14209,14211],{"class":3916,"line":3917},[3914,14200,4411],{"class":4143},[3914,14202,4414],{"class":4109},[3914,14204,4594],{"class":4113},[3914,14206,4419],{"class":4109},[3914,14208,4422],{"class":4143},[3914,14210,5226],{"class":4134},[3914,14212,4138],{"class":4109},[3914,14214,14215,14217,14219,14221,14223,14225,14227,14229,14231,14233,14235,14237,14239,14242,14244,14246,14248],{"class":3916,"line":3923},[3914,14216,4411],{"class":4143},[3914,14218,4414],{"class":4109},[3914,14220,3818],{"class":4113},[3914,14222,3877],{"class":4109},[3914,14224,9389],{"class":4113},[3914,14226,3877],{"class":4109},[3914,14228,4760],{"class":4113},[3914,14230,3877],{"class":4109},[3914,14232,5249],{"class":4113},[3914,14234,3877],{"class":4109},[3914,14236,5259],{"class":4113},[3914,14238,3877],{"class":4109},[3914,14240,14241],{"class":4113},"Platform",[3914,14243,4419],{"class":4109},[3914,14245,4422],{"class":4143},[3914,14247,4944],{"class":4134},[3914,14249,4138],{"class":4109},[3914,14251,14252],{"class":3916,"line":3929},[3914,14253,3939],{"emptyLinePlaceholder":3938},[3914,14255,14256,14258,14261,14263,14266],{"class":3916,"line":3935},[3914,14257,4436],{"class":4101},[3914,14259,14260],{"class":4439}," HEADER_MAX",[3914,14262,4264],{"class":4109},[3914,14264,14265],{"class":4153},"180",[3914,14267,4138],{"class":4109},[3914,14269,14270,14272,14275,14277,14280],{"class":3916,"line":3942},[3914,14271,4436],{"class":4101},[3914,14273,14274],{"class":4439}," HEADER_MIN",[3914,14276,4264],{"class":4109},[3914,14278,14279],{"class":4153},"60",[3914,14281,4138],{"class":4109},[3914,14283,14284,14286,14289,14291,14294,14297,14300],{"class":3916,"line":3948},[3914,14285,4436],{"class":4101},[3914,14287,14288],{"class":4439}," HEADER_SCROLL",[3914,14290,4264],{"class":4109},[3914,14292,14293],{"class":4439},"HEADER_MAX",[3914,14295,14296],{"class":4109}," - ",[3914,14298,14299],{"class":4439},"HEADER_MIN",[3914,14301,4138],{"class":4109},[3914,14303,14304],{"class":3916,"line":3954},[3914,14305,3939],{"emptyLinePlaceholder":3938},[3914,14307,14308,14310,14312,14314,14316],{"class":3916,"line":3960},[3914,14309,5861],{"class":4143},[3914,14311,5864],{"class":4143},[3914,14313,5867],{"class":4101},[3914,14315,5870],{"class":4105},[3914,14317,4657],{"class":4109},[3914,14319,14320,14322,14324,14326,14328,14330,14332,14334,14336,14338,14340,14342,14344,14346],{"class":3916,"line":3966},[3914,14321,4662],{"class":4101},[3914,14323,9468],{"class":4439},[3914,14325,4264],{"class":4109},[3914,14327,4594],{"class":4105},[3914,14329,4110],{"class":4109},[3914,14331,5476],{"class":4101},[3914,14333,4623],{"class":4113},[3914,14335,3750],{"class":4109},[3914,14337,5483],{"class":4105},[3914,14339,4110],{"class":4109},[3914,14341,4488],{"class":4153},[3914,14343,5490],{"class":4109},[3914,14345,5493],{"class":4113},[3914,14347,4138],{"class":4109},[3914,14349,14350],{"class":3916,"line":3971},[3914,14351,3939],{"emptyLinePlaceholder":3938},[3914,14353,14354,14356,14359,14361,14363,14365,14367],{"class":3916,"line":3977},[3914,14355,4662],{"class":4101},[3914,14357,14358],{"class":4439}," headerHeight",[3914,14360,4264],{"class":4109},[3914,14362,9508],{"class":4113},[3914,14364,3750],{"class":4109},[3914,14366,9089],{"class":4105},[3914,14368,6069],{"class":4109},[3914,14370,14371,14373,14375,14377,14379,14382],{"class":3916,"line":3983},[3914,14372,9519],{"class":4113},[3914,14374,4307],{"class":4109},[3914,14376,4488],{"class":4153},[3914,14378,3877],{"class":4109},[3914,14380,14381],{"class":4439},"HEADER_SCROLL",[3914,14383,4313],{"class":4109},[3914,14385,14386,14388,14390,14392,14394,14396],{"class":3916,"line":3989},[3914,14387,9535],{"class":4113},[3914,14389,4307],{"class":4109},[3914,14391,14293],{"class":4439},[3914,14393,3877],{"class":4109},[3914,14395,14299],{"class":4439},[3914,14397,4313],{"class":4109},[3914,14399,14400,14402,14404],{"class":3916,"line":3995},[3914,14401,9555],{"class":4113},[3914,14403,9558],{"class":4134},[3914,14405,4712],{"class":4109},[3914,14407,14408],{"class":3916,"line":4000},[3914,14409,9565],{"class":4109},[3914,14411,14412],{"class":3916,"line":4005},[3914,14413,3939],{"emptyLinePlaceholder":3938},[3914,14415,14416,14418,14421,14423,14425,14427,14429],{"class":3916,"line":4011},[3914,14417,4662],{"class":4101},[3914,14419,14420],{"class":4439}," headerBg",[3914,14422,4264],{"class":4109},[3914,14424,9508],{"class":4113},[3914,14426,3750],{"class":4109},[3914,14428,9089],{"class":4105},[3914,14430,6069],{"class":4109},[3914,14432,14433,14435,14437,14439,14441,14443],{"class":3916,"line":4017},[3914,14434,9519],{"class":4113},[3914,14436,4307],{"class":4109},[3914,14438,4488],{"class":4153},[3914,14440,3877],{"class":4109},[3914,14442,14381],{"class":4439},[3914,14444,4313],{"class":4109},[3914,14446,14447,14449,14451,14454,14456,14459],{"class":3916,"line":4022},[3914,14448,9535],{"class":4113},[3914,14450,4307],{"class":4109},[3914,14452,14453],{"class":4134},"'rgba(59,130,246,1)'",[3914,14455,3877],{"class":4109},[3914,14457,14458],{"class":4134},"'rgba(30,41,59,1)'",[3914,14460,4313],{"class":4109},[3914,14462,14463,14465,14467],{"class":3916,"line":4027},[3914,14464,9555],{"class":4113},[3914,14466,9558],{"class":4134},[3914,14468,4712],{"class":4109},[3914,14470,14471],{"class":3916,"line":4033},[3914,14472,9565],{"class":4109},[3914,14474,14475],{"class":3916,"line":4039},[3914,14476,3939],{"emptyLinePlaceholder":3938},[3914,14478,14479,14481,14483,14485,14487,14489,14491],{"class":3916,"line":4045},[3914,14480,4662],{"class":4101},[3914,14482,9649],{"class":4439},[3914,14484,4264],{"class":4109},[3914,14486,9508],{"class":4113},[3914,14488,3750],{"class":4109},[3914,14490,9089],{"class":4105},[3914,14492,6069],{"class":4109},[3914,14494,14495,14497,14499,14501,14503,14505],{"class":3916,"line":4051},[3914,14496,9519],{"class":4113},[3914,14498,4307],{"class":4109},[3914,14500,4488],{"class":4153},[3914,14502,3877],{"class":4109},[3914,14504,14381],{"class":4439},[3914,14506,4313],{"class":4109},[3914,14508,14509,14511,14513,14515,14517,14520],{"class":3916,"line":4057},[3914,14510,9535],{"class":4113},[3914,14512,4307],{"class":4109},[3914,14514,7680],{"class":4153},[3914,14516,3877],{"class":4109},[3914,14518,14519],{"class":4153},"0.75",[3914,14521,4313],{"class":4109},[3914,14523,14524,14526,14528],{"class":3916,"line":4063},[3914,14525,9555],{"class":4113},[3914,14527,9558],{"class":4134},[3914,14529,4712],{"class":4109},[3914,14531,14532],{"class":3916,"line":5669},[3914,14533,9565],{"class":4109},[3914,14535,14536],{"class":3916,"line":5674},[3914,14537,3939],{"emptyLinePlaceholder":3938},[3914,14539,14540,14542,14545,14547,14549,14551,14553],{"class":3916,"line":5681},[3914,14541,4662],{"class":4101},[3914,14543,14544],{"class":4439}," titleTranslateY",[3914,14546,4264],{"class":4109},[3914,14548,9508],{"class":4113},[3914,14550,3750],{"class":4109},[3914,14552,9089],{"class":4105},[3914,14554,6069],{"class":4109},[3914,14556,14557,14559,14561,14563,14565,14567],{"class":3916,"line":5718},[3914,14558,9519],{"class":4113},[3914,14560,4307],{"class":4109},[3914,14562,4488],{"class":4153},[3914,14564,3877],{"class":4109},[3914,14566,14381],{"class":4439},[3914,14568,4313],{"class":4109},[3914,14570,14571,14573,14575,14577,14579,14582],{"class":3916,"line":5757},[3914,14572,9535],{"class":4113},[3914,14574,4307],{"class":4109},[3914,14576,4488],{"class":4153},[3914,14578,9275],{"class":4109},[3914,14580,14581],{"class":4153},"28",[3914,14583,4313],{"class":4109},[3914,14585,14586,14588,14590],{"class":3916,"line":5781},[3914,14587,9555],{"class":4113},[3914,14589,9558],{"class":4134},[3914,14591,4712],{"class":4109},[3914,14593,14594],{"class":3916,"line":5823},[3914,14595,9565],{"class":4109},[3914,14597,14598],{"class":3916,"line":5833},[3914,14599,3939],{"emptyLinePlaceholder":3938},[3914,14601,14602,14604,14607,14609,14611,14613,14615],{"class":3916,"line":5843},[3914,14603,4662],{"class":4101},[3914,14605,14606],{"class":4439}," subtitleOpacity",[3914,14608,4264],{"class":4109},[3914,14610,9508],{"class":4113},[3914,14612,3750],{"class":4109},[3914,14614,9089],{"class":4105},[3914,14616,6069],{"class":4109},[3914,14618,14619,14621,14623,14625,14627,14629,14631,14633],{"class":3916,"line":5848},[3914,14620,9519],{"class":4113},[3914,14622,4307],{"class":4109},[3914,14624,4488],{"class":4153},[3914,14626,3877],{"class":4109},[3914,14628,14381],{"class":4439},[3914,14630,9546],{"class":4109},[3914,14632,4154],{"class":4153},[3914,14634,4313],{"class":4109},[3914,14636,14637,14639,14641,14643,14645,14647],{"class":3916,"line":5853},[3914,14638,9535],{"class":4113},[3914,14640,4307],{"class":4109},[3914,14642,4449],{"class":4153},[3914,14644,3877],{"class":4109},[3914,14646,4488],{"class":4153},[3914,14648,4313],{"class":4109},[3914,14650,14651,14653,14655],{"class":3916,"line":5858},[3914,14652,9555],{"class":4113},[3914,14654,9558],{"class":4134},[3914,14656,4712],{"class":4109},[3914,14658,14659],{"class":3916,"line":5875},[3914,14660,9565],{"class":4109},[3914,14662,14663],{"class":3916,"line":5882},[3914,14664,3939],{"emptyLinePlaceholder":3938},[3914,14666,14667,14669],{"class":3916,"line":5906},[3914,14668,4144],{"class":4143},[3914,14670,4748],{"class":4109},[3914,14672,14673,14675,14677,14679,14681,14683,14685,14687,14689,14691],{"class":3916,"line":5939},[3914,14674,4753],{"class":4870},[3914,14676,4760],{"class":4120},[3914,14678,4763],{"class":4876},[3914,14680,4879],{"class":4109},[3914,14682,4882],{"class":4101},[3914,14684,4889],{"class":4113},[3914,14686,3750],{"class":4885},[3914,14688,5899],{"class":4113},[3914,14690,4905],{"class":4101},[3914,14692,5715],{"class":4870},[3914,14694,14695,14697,14699,14701,14703,14705,14707,14709,14711,14713,14715,14717,14719,14721,14723,14725,14727,14729],{"class":3916,"line":5965},[3914,14696,5721],{"class":4870},[3914,14698,4826],{"class":4120},[3914,14700,4763],{"class":4876},[3914,14702,4879],{"class":4109},[3914,14704,4882],{"class":4101},[3914,14706,4886],{"class":4885},[3914,14708,4889],{"class":4113},[3914,14710,3750],{"class":4885},[3914,14712,9762],{"class":4113},[3914,14714,4541],{"class":4885},[3914,14716,6209],{"class":4113},[3914,14718,14358],{"class":4113},[3914,14720,3877],{"class":4885},[3914,14722,6217],{"class":4113},[3914,14724,14420],{"class":4113},[3914,14726,8383],{"class":4885},[3914,14728,4905],{"class":4101},[3914,14730,5715],{"class":4870},[3914,14732,14733,14735,14737,14739,14741,14743,14745,14747,14749,14751],{"class":3916,"line":6020},[3914,14734,5784],{"class":4870},[3914,14736,4829],{"class":4120},[3914,14738,4763],{"class":4876},[3914,14740,4879],{"class":4109},[3914,14742,4882],{"class":4101},[3914,14744,4886],{"class":4885},[3914,14746,4889],{"class":4113},[3914,14748,3750],{"class":4885},[3914,14750,5923],{"class":4113},[3914,14752,5100],{"class":4885},[3914,14754,14755,14758,14760,14762,14764,14767,14769,14771],{"class":3916,"line":6028},[3914,14756,14757],{"class":4113},"          transform:",[3914,14759,4720],{"class":4885},[3914,14761,4723],{"class":4113},[3914,14763,9649],{"class":4113},[3914,14765,14766],{"class":4885}," }, { ",[3914,14768,7091],{"class":4113},[3914,14770,14544],{"class":4113},[3914,14772,14773],{"class":4885}," }]\n",[3914,14775,14776,14779,14781],{"class":3916,"line":6037},[3914,14777,14778],{"class":4885},"        }]",[3914,14780,4905],{"class":4101},[3914,14782,5715],{"class":4870},[3914,14784,14785],{"class":3916,"line":6042},[3914,14786,14787],{"class":4109},"          🗺 Мої подорожі\n",[3914,14789,14790,14792,14794],{"class":3916,"line":6047},[3914,14791,7113],{"class":4870},[3914,14793,4829],{"class":4120},[3914,14795,5715],{"class":4870},[3914,14797,14798,14800,14802,14804,14806,14808,14810,14812,14814,14816,14818,14820,14822,14824,14826],{"class":3916,"line":6052},[3914,14799,5784],{"class":4870},[3914,14801,4829],{"class":4120},[3914,14803,4763],{"class":4876},[3914,14805,4879],{"class":4109},[3914,14807,4882],{"class":4101},[3914,14809,4886],{"class":4885},[3914,14811,4889],{"class":4113},[3914,14813,3750],{"class":4885},[3914,14815,9903],{"class":4113},[3914,14817,4541],{"class":4885},[3914,14819,9827],{"class":4113},[3914,14821,14606],{"class":4113},[3914,14823,8383],{"class":4885},[3914,14825,4905],{"class":4101},[3914,14827,5715],{"class":4870},[3914,14829,14830],{"class":3916,"line":6072},[3914,14831,14832],{"class":4109},"          14 поїздок · 6 країн\n",[3914,14834,14835,14837,14839],{"class":3916,"line":6112},[3914,14836,7113],{"class":4870},[3914,14838,4829],{"class":4120},[3914,14840,5715],{"class":4870},[3914,14842,14843,14845,14847],{"class":3916,"line":6159},[3914,14844,5826],{"class":4870},[3914,14846,4826],{"class":4120},[3914,14848,5715],{"class":4870},[3914,14850,14851],{"class":3916,"line":6173},[3914,14852,3939],{"emptyLinePlaceholder":3938},[3914,14854,14855,14857],{"class":3916,"line":6201},[3914,14856,5721],{"class":4870},[3914,14858,9952],{"class":4120},[3914,14860,14861,14863,14865,14867,14869,14871,14873,14875,14877,14879,14881,14883,14885,14887,14889,14891],{"class":3916,"line":6246},[3914,14862,9957],{"class":4876},[3914,14864,4879],{"class":4109},[3914,14866,4882],{"class":4101},[3914,14868,9964],{"class":4885},[3914,14870,7497],{"class":4113},[3914,14872,14260],{"class":4439},[3914,14874,10166],{"class":4109},[3914,14876,6228],{"class":4153},[3914,14878,3877],{"class":4885},[3914,14880,6088],{"class":4113},[3914,14882,6091],{"class":4153},[3914,14884,3877],{"class":4885},[3914,14886,6104],{"class":4113},[3914,14888,6107],{"class":4153},[3914,14890,9985],{"class":4885},[3914,14892,3963],{"class":4101},[3914,14894,14895,14897,14899,14901,14903],{"class":3916,"line":6281},[3914,14896,9992],{"class":4876},[3914,14898,4879],{"class":4109},[3914,14900,4882],{"class":4101},[3914,14902,8095],{"class":4153},[3914,14904,3963],{"class":4101},[3914,14906,14907,14909,14911,14913,14915,14917,14919],{"class":3916,"line":7412},[3914,14908,10005],{"class":4876},[3914,14910,4879],{"class":4109},[3914,14912,4882],{"class":4101},[3914,14914,3818],{"class":4113},[3914,14916,3750],{"class":4885},[3914,14918,10016],{"class":4105},[3914,14920,7633],{"class":4885},[3914,14922,14923,14925,14927,14929,14931,14933,14935,14937],{"class":3916,"line":7432},[3914,14924,10023],{"class":4885},[3914,14926,10026],{"class":4113},[3914,14928,4414],{"class":4885},[3914,14930,10031],{"class":4113},[3914,14932,4414],{"class":4885},[3914,14934,10036],{"class":4113},[3914,14936,9468],{"class":4113},[3914,14938,10041],{"class":4885},[3914,14940,14941,14943,14945,14947],{"class":3916,"line":7459},[3914,14942,10046],{"class":4885},[3914,14944,10049],{"class":4113},[3914,14946,6401],{"class":4101},[3914,14948,10054],{"class":4885},[3914,14950,14951,14953],{"class":3916,"line":7504},[3914,14952,10059],{"class":4885},[3914,14954,3963],{"class":4101},[3914,14956,14957],{"class":3916,"line":7530},[3914,14958,10066],{"class":4870},[3914,14960,14961,14963,14965,14967,14969,14971,14973,14975,14977,14979,14981,14983,14985,14987],{"class":3916,"line":7544},[3914,14962,10071],{"class":4101},[3914,14964,10074],{"class":4113},[3914,14966,3750],{"class":4885},[3914,14968,4422],{"class":4105},[3914,14970,5430],{"class":4885},[3914,14972,10083],{"class":4113},[3914,14974,6347],{"class":4153},[3914,14976,10088],{"class":4885},[3914,14978,10091],{"class":4113},[3914,14980,3877],{"class":4885},[3914,14982,8676],{"class":4113},[3914,14984,5551],{"class":4885},[3914,14986,4695],{"class":4101},[3914,14988,4748],{"class":4885},[3914,14990,14991,14993,14995,14997,14999,15001,15003,15005,15007,15009,15011,15013,15015,15017,15019],{"class":3916,"line":7559},[3914,14992,7003],{"class":4870},[3914,14994,4760],{"class":4120},[3914,14996,5973],{"class":4876},[3914,14998,4879],{"class":4109},[3914,15000,4882],{"class":4101},[3914,15002,8676],{"class":4113},[3914,15004,4905],{"class":4101},[3914,15006,4763],{"class":4876},[3914,15008,4879],{"class":4109},[3914,15010,4882],{"class":4101},[3914,15012,4889],{"class":4113},[3914,15014,3750],{"class":4885},[3914,15016,8433],{"class":4113},[3914,15018,4905],{"class":4101},[3914,15020,5715],{"class":4870},[3914,15022,15023,15025,15027,15029,15031,15033,15035,15037,15039,15041,15043,15046,15048,15050,15052,15054,15056,15058,15060],{"class":3916,"line":10348},[3914,15024,7057],{"class":4870},[3914,15026,5249],{"class":4120},[3914,15028,4763],{"class":4876},[3914,15030,4879],{"class":4109},[3914,15032,4882],{"class":4101},[3914,15034,4889],{"class":4113},[3914,15036,3750],{"class":4885},[3914,15038,10152],{"class":4113},[3914,15040,4905],{"class":4101},[3914,15042,5741],{"class":4870},[3914,15044,15045],{"class":4885},"Поїздка #",[3914,15047,4882],{"class":4101},[3914,15049,8676],{"class":4113},[3914,15051,10166],{"class":4109},[3914,15053,6083],{"class":4153},[3914,15055,4905],{"class":4101},[3914,15057,5750],{"class":4870},[3914,15059,5249],{"class":4120},[3914,15061,5715],{"class":4870},[3914,15063,15064,15066,15068,15070,15072,15074,15076,15078,15081,15083,15085,15088,15090,15092],{"class":3916,"line":10373},[3914,15065,7057],{"class":4870},[3914,15067,5249],{"class":4120},[3914,15069,4763],{"class":4876},[3914,15071,4879],{"class":4109},[3914,15073,4882],{"class":4101},[3914,15075,4889],{"class":4113},[3914,15077,3750],{"class":4885},[3914,15079,15080],{"class":4113},"cardSub",[3914,15082,4905],{"class":4101},[3914,15084,5741],{"class":4870},[3914,15086,15087],{"class":4885},"2024 · 5 днів",[3914,15089,5750],{"class":4870},[3914,15091,5249],{"class":4120},[3914,15093,5715],{"class":4870},[3914,15095,15096,15098,15100],{"class":3916,"line":10406},[3914,15097,7104],{"class":4870},[3914,15099,4760],{"class":4120},[3914,15101,5715],{"class":4870},[3914,15103,15104,15106],{"class":3916,"line":10439},[3914,15105,10231],{"class":4885},[3914,15107,3963],{"class":4101},[3914,15109,15110,15112,15114],{"class":3916,"line":10460},[3914,15111,5826],{"class":4870},[3914,15113,4835],{"class":4120},[3914,15115,5715],{"class":4870},[3914,15117,15118,15120,15122],{"class":3916,"line":10515},[3914,15119,5836],{"class":4870},[3914,15121,4760],{"class":4120},[3914,15123,5715],{"class":4870},[3914,15125,15126],{"class":3916,"line":10547},[3914,15127,4784],{"class":4109},[3914,15129,15130],{"class":3916,"line":10567},[3914,15131,3963],{"class":4109},[3914,15133,15135],{"class":3916,"line":15134},72,[3914,15136,3939],{"emptyLinePlaceholder":3938},[3914,15138,15140,15142,15144,15146,15148,15150,15152],{"class":3916,"line":15139},73,[3914,15141,4436],{"class":4101},[3914,15143,6057],{"class":4439},[3914,15145,4264],{"class":4109},[3914,15147,5259],{"class":4113},[3914,15149,3750],{"class":4109},[3914,15151,6066],{"class":4105},[3914,15153,6069],{"class":4109},[3914,15155,15157,15159,15161,15163,15165,15167,15169,15171],{"class":3916,"line":15156},74,[3914,15158,6075],{"class":4113},[3914,15160,4414],{"class":4109},[3914,15162,6080],{"class":4113},[3914,15164,6083],{"class":4153},[3914,15166,3877],{"class":4109},[3914,15168,6217],{"class":4113},[3914,15170,6220],{"class":4134},[3914,15172,5307],{"class":4109},[3914,15174,15176,15178,15180,15182,15184,15186,15188,15190,15192,15194,15196,15198,15200,15202,15204,15206,15208,15210,15212,15214,15216,15218,15220,15222,15224,15226],{"class":3916,"line":15175},75,[3914,15177,10301],{"class":4113},[3914,15179,4414],{"class":4109},[3914,15181,10306],{"class":4113},[3914,15183,10309],{"class":4134},[3914,15185,3877],{"class":4109},[3914,15187,10314],{"class":4113},[3914,15189,6388],{"class":4153},[3914,15191,3877],{"class":4109},[3914,15193,10321],{"class":4113},[3914,15195,6388],{"class":4153},[3914,15197,3877],{"class":4109},[3914,15199,10328],{"class":4113},[3914,15201,6388],{"class":4153},[3914,15203,3877],{"class":4109},[3914,15205,10341],{"class":4113},[3914,15207,6347],{"class":4153},[3914,15209,3877],{"class":4109},[3914,15211,7312],{"class":4113},[3914,15213,6099],{"class":4134},[3914,15215,3877],{"class":4109},[3914,15217,6096],{"class":4113},[3914,15219,10395],{"class":4134},[3914,15221,3877],{"class":4109},[3914,15223,9979],{"class":4113},[3914,15225,6107],{"class":4153},[3914,15227,5307],{"class":4109},[3914,15229,15231,15233,15235,15237,15239,15241,15243,15245,15247,15249,15251],{"class":3916,"line":15230},76,[3914,15232,6115],{"class":4113},[3914,15234,4414],{"class":4109},[3914,15236,6135],{"class":4113},[3914,15238,10415],{"class":4153},[3914,15240,3877],{"class":4109},[3914,15242,6127],{"class":4113},[3914,15244,10422],{"class":4134},[3914,15246,3877],{"class":4109},[3914,15248,6151],{"class":4113},[3914,15250,7375],{"class":4134},[3914,15252,5307],{"class":4109},[3914,15254,15256,15258,15260,15262,15264,15266,15268,15271,15273,15276,15278],{"class":3916,"line":15255},77,[3914,15257,10442],{"class":4113},[3914,15259,4414],{"class":4109},[3914,15261,6135],{"class":4113},[3914,15263,13529],{"class":4153},[3914,15265,3877],{"class":4109},[3914,15267,6151],{"class":4113},[3914,15269,15270],{"class":4134}," 'rgba(255,255,255,0.75)'",[3914,15272,3877],{"class":4109},[3914,15274,15275],{"class":4113},"marginTop:",[3914,15277,13617],{"class":4153},[3914,15279,5307],{"class":4109},[3914,15281,15283,15285,15287,15289,15291,15293,15295,15297,15299,15301,15303,15305,15307,15309,15311,15313,15315,15317,15319,15321,15323,15325,15327],{"class":3916,"line":15282},78,[3914,15284,8779],{"class":4113},[3914,15286,4414],{"class":4109},[3914,15288,6217],{"class":4113},[3914,15290,7375],{"class":4134},[3914,15292,3877],{"class":4109},[3914,15294,6225],{"class":4113},[3914,15296,6091],{"class":4153},[3914,15298,3877],{"class":4109},[3914,15300,6088],{"class":4113},[3914,15302,6091],{"class":4153},[3914,15304,3877],{"class":4109},[3914,15306,8820],{"class":4113},[3914,15308,8823],{"class":4134},[3914,15310,3877],{"class":4109},[3914,15312,8828],{"class":4113},[3914,15314,13603],{"class":4153},[3914,15316,3877],{"class":4109},[3914,15318,8836],{"class":4113},[3914,15320,6228],{"class":4153},[3914,15322,3877],{"class":4109},[3914,15324,8843],{"class":4113},[3914,15326,13617],{"class":4153},[3914,15328,5307],{"class":4109},[3914,15330,15332,15334,15336,15338,15340,15342,15344,15346,15348,15350,15352],{"class":3916,"line":15331},79,[3914,15333,10518],{"class":4113},[3914,15335,4414],{"class":4109},[3914,15337,6127],{"class":4113},[3914,15339,6130],{"class":4134},[3914,15341,3877],{"class":4109},[3914,15343,6135],{"class":4113},[3914,15345,6091],{"class":4153},[3914,15347,3877],{"class":4109},[3914,15349,6151],{"class":4113},[3914,15351,6154],{"class":4134},[3914,15353,5307],{"class":4109},[3914,15355,15357,15360,15362,15364,15367,15369,15371,15373,15375,15377,15379],{"class":3916,"line":15356},80,[3914,15358,15359],{"class":4113},"  cardSub:",[3914,15361,4414],{"class":4109},[3914,15363,6151],{"class":4113},[3914,15365,15366],{"class":4134}," '#94A3B8'",[3914,15368,3877],{"class":4109},[3914,15370,6135],{"class":4113},[3914,15372,13529],{"class":4153},[3914,15374,3877],{"class":4109},[3914,15376,15275],{"class":4113},[3914,15378,13617],{"class":4153},[3914,15380,5307],{"class":4109},[3914,15382,15384],{"class":3916,"line":15383},81,[3914,15385,5146],{"class":4109},[3828,15387],{},[3738,15389,15391],{"id":15390},"cancelanimation-та-runonjs","cancelAnimation та runOnJS",[3835,15393,15395],{"id":15394},"cancelanimation-зупинити-анімацію-в-будь-який-момент","cancelAnimation: зупинити анімацію в будь-який момент",[3843,15397,15399],{"className":4092,"code":15398,"language":4094,"meta":3851,"style":3851},"import { cancelAnimation } from 'react-native-reanimated';\n\n\u002F\u002F Зупиняємо поточну анімацію shared value:\ncancelAnimation(opacity);\n\n\u002F\u002F Після cancelAnimation значення залишається в поточному стані —\n\u002F\u002F анімація не завершується і не скидається до початкового значення.\n",[3804,15400,15401,15418,15422,15427,15437,15441,15446],{"__ignoreMap":3851},[3914,15402,15403,15405,15407,15410,15412,15414,15416],{"class":3916,"line":3917},[3914,15404,4411],{"class":4143},[3914,15406,4414],{"class":4109},[3914,15408,15409],{"class":4113},"cancelAnimation",[3914,15411,4419],{"class":4109},[3914,15413,4422],{"class":4143},[3914,15415,4425],{"class":4134},[3914,15417,4138],{"class":4109},[3914,15419,15420],{"class":3916,"line":3923},[3914,15421,3939],{"emptyLinePlaceholder":3938},[3914,15423,15424],{"class":3916,"line":3929},[3914,15425,15426],{"class":4160},"\u002F\u002F Зупиняємо поточну анімацію shared value:\n",[3914,15428,15429,15431,15433,15435],{"class":3916,"line":3935},[3914,15430,15409],{"class":4105},[3914,15432,4110],{"class":4109},[3914,15434,3872],{"class":4113},[3914,15436,4293],{"class":4109},[3914,15438,15439],{"class":3916,"line":3942},[3914,15440,3939],{"emptyLinePlaceholder":3938},[3914,15442,15443],{"class":3916,"line":3948},[3914,15444,15445],{"class":4160},"\u002F\u002F Після cancelAnimation значення залишається в поточному стані —\n",[3914,15447,15448],{"class":3916,"line":3954},[3914,15449,15450],{"class":4160},"\u002F\u002F анімація не завершується і не скидається до початкового значення.\n",[3743,15452,15453],{},"Типовий сценарій — зупинити нескінченну анімацію завантаження при отриманні даних:",[3843,15455,15457],{"className":4092,"code":15456,"language":4094,"meta":3851,"style":3851},"const loadingOpacity = useSharedValue(1);\n\n\u002F\u002F Запускаємо пульсацію:\nloadingOpacity.value = withRepeat(withTiming(0.3, { duration: 700 }), -1, true);\n\n\u002F\u002F Дані прийшли — зупиняємо і показуємо контент:\nconst handleDataLoaded = () => {\n  cancelAnimation(loadingOpacity);\n  loadingOpacity.value = withTiming(0, { duration: 200 });\n};\n",[3804,15458,15459,15476,15480,15485,15524,15528,15533,15546,15557,15583],{"__ignoreMap":3851},[3914,15460,15461,15463,15466,15468,15470,15472,15474],{"class":3916,"line":3917},[3914,15462,4436],{"class":4101},[3914,15464,15465],{"class":4439}," loadingOpacity",[3914,15467,4264],{"class":4109},[3914,15469,4396],{"class":4105},[3914,15471,4110],{"class":4109},[3914,15473,4449],{"class":4153},[3914,15475,4293],{"class":4109},[3914,15477,15478],{"class":3916,"line":3923},[3914,15479,3939],{"emptyLinePlaceholder":3938},[3914,15481,15482],{"class":3916,"line":3929},[3914,15483,15484],{"class":4160},"\u002F\u002F Запускаємо пульсацію:\n",[3914,15486,15487,15490,15492,15494,15496,15498,15500,15502,15504,15506,15508,15510,15513,15516,15518,15520,15522],{"class":3916,"line":3935},[3914,15488,15489],{"class":4113},"loadingOpacity",[3914,15491,3750],{"class":4109},[3914,15493,4114],{"class":4113},[3914,15495,4264],{"class":4109},[3914,15497,7885],{"class":4105},[3914,15499,4110],{"class":4109},[3914,15501,4534],{"class":4105},[3914,15503,4110],{"class":4109},[3914,15505,7929],{"class":4153},[3914,15507,4541],{"class":4109},[3914,15509,4544],{"class":4113},[3914,15511,15512],{"class":4153}," 700",[3914,15514,15515],{"class":4109}," }), -",[3914,15517,4449],{"class":4153},[3914,15519,3877],{"class":4109},[3914,15521,4290],{"class":4101},[3914,15523,4293],{"class":4109},[3914,15525,15526],{"class":3916,"line":3942},[3914,15527,3939],{"emptyLinePlaceholder":3938},[3914,15529,15530],{"class":3916,"line":3948},[3914,15531,15532],{"class":4160},"\u002F\u002F Дані прийшли — зупиняємо і показуємо контент:\n",[3914,15534,15535,15537,15540,15542,15544],{"class":3916,"line":3954},[3914,15536,4436],{"class":4101},[3914,15538,15539],{"class":4105}," handleDataLoaded",[3914,15541,5535],{"class":4109},[3914,15543,4695],{"class":4101},[3914,15545,4129],{"class":4109},[3914,15547,15548,15551,15553,15555],{"class":3916,"line":3960},[3914,15549,15550],{"class":4105},"  cancelAnimation",[3914,15552,4110],{"class":4109},[3914,15554,15489],{"class":4113},[3914,15556,4293],{"class":4109},[3914,15558,15559,15562,15564,15566,15568,15570,15572,15574,15576,15578,15580],{"class":3916,"line":3966},[3914,15560,15561],{"class":4113},"  loadingOpacity",[3914,15563,3750],{"class":4109},[3914,15565,4114],{"class":4113},[3914,15567,4264],{"class":4109},[3914,15569,4534],{"class":4105},[3914,15571,4110],{"class":4109},[3914,15573,4488],{"class":4153},[3914,15575,4541],{"class":4109},[3914,15577,4544],{"class":4113},[3914,15579,5608],{"class":4153},[3914,15581,15582],{"class":4109}," });\n",[3914,15584,15585],{"class":3916,"line":3971},[3914,15586,4339],{"class":4109},[3835,15588,15590],{"id":15589},"runonjs-вийти-в-javascript-thread-з-worklet","runOnJS: вийти в JavaScript Thread з worklet",[3743,15592,15593],{},"Coли треба викликати звичайну JS функцію (setState, навігація, console.log) зсередини worklet:",[3843,15595,15597],{"className":4092,"code":15596,"language":4094,"meta":3851,"style":3851},"import { runOnJS } from 'react-native-reanimated';\n\nconst setStateOnJS = runOnJS(setCount); \u002F\u002F обгортаємо JS функцію\n\nconst gesture = Gesture.Tap().onEnd(() => {\n  'worklet';\n  \u002F\u002F тут ми на UI Thread — setState напряму НЕ можна\n  setStateOnJS(prev => prev + 1); \u002F\u002F через runOnJS — можна\n});\n",[3804,15598,15599,15616,15620,15641,15645,15673,15679,15684,15709],{"__ignoreMap":3851},[3914,15600,15601,15603,15605,15608,15610,15612,15614],{"class":3916,"line":3917},[3914,15602,4411],{"class":4143},[3914,15604,4414],{"class":4109},[3914,15606,15607],{"class":4113},"runOnJS",[3914,15609,4419],{"class":4109},[3914,15611,4422],{"class":4143},[3914,15613,4425],{"class":4134},[3914,15615,4138],{"class":4109},[3914,15617,15618],{"class":3916,"line":3923},[3914,15619,3939],{"emptyLinePlaceholder":3938},[3914,15621,15622,15624,15627,15629,15631,15633,15636,15638],{"class":3916,"line":3929},[3914,15623,4436],{"class":4101},[3914,15625,15626],{"class":4439}," setStateOnJS",[3914,15628,4264],{"class":4109},[3914,15630,15607],{"class":4105},[3914,15632,4110],{"class":4109},[3914,15634,15635],{"class":4113},"setCount",[3914,15637,4583],{"class":4109},[3914,15639,15640],{"class":4160},"\u002F\u002F обгортаємо JS функцію\n",[3914,15642,15643],{"class":3916,"line":3935},[3914,15644,3939],{"emptyLinePlaceholder":3938},[3914,15646,15647,15649,15652,15654,15657,15659,15662,15664,15667,15669,15671],{"class":3916,"line":3942},[3914,15648,4436],{"class":4101},[3914,15650,15651],{"class":4439}," gesture",[3914,15653,4264],{"class":4109},[3914,15655,15656],{"class":4113},"Gesture",[3914,15658,3750],{"class":4109},[3914,15660,15661],{"class":4105},"Tap",[3914,15663,11208],{"class":4109},[3914,15665,15666],{"class":4105},"onEnd",[3914,15668,4692],{"class":4109},[3914,15670,4695],{"class":4101},[3914,15672,4129],{"class":4109},[3914,15674,15675,15677],{"class":3916,"line":3948},[3914,15676,4135],{"class":4134},[3914,15678,4138],{"class":4109},[3914,15680,15681],{"class":3916,"line":3954},[3914,15682,15683],{"class":4160},"  \u002F\u002F тут ми на UI Thread — setState напряму НЕ можна\n",[3914,15685,15686,15689,15691,15694,15697,15700,15702,15704,15706],{"class":3916,"line":3960},[3914,15687,15688],{"class":4105},"  setStateOnJS",[3914,15690,4110],{"class":4109},[3914,15692,15693],{"class":4113},"prev",[3914,15695,15696],{"class":4101}," =>",[3914,15698,15699],{"class":4113}," prev",[3914,15701,9009],{"class":4109},[3914,15703,4449],{"class":4153},[3914,15705,4583],{"class":4109},[3914,15707,15708],{"class":4160},"\u002F\u002F через runOnJS — можна\n",[3914,15710,15711],{"class":3916,"line":3966},[3914,15712,5146],{"class":4109},[15714,15715,15716,15718,15719,15721,15722,3750],"tip",{},[3804,15717,15607],{}," додає мінімальну затримку (асинхронний перехід між потоками). Використовуйте його лише там де потрібно: ",[3804,15720,4199],{},", навігація, логування. Важлива анімаційна логіка — виключно в worklet, без ",[3804,15723,15607],{},[3828,15725],{},[3738,15727,15729],{"id":15728},"мікроінтеракції-анімації-кнопок-і-елементів-ui","Мікроінтеракції: анімації кнопок і елементів UI",[3743,15731,15732],{},"Мікроінтеракції — дрібні анімації на конкретні дії користувача. Вони роблять інтерфейс живим і «відчутним».",[3835,15734,15736],{"id":15735},"анімована-кнопка-зі-spring-натисканням","Анімована кнопка зі spring-натисканням",[3843,15738,15740],{"className":4839,"code":15739,"language":4841,"meta":3851,"style":3851},"import Animated, {\n  useSharedValue, useAnimatedStyle,\n  withSpring, withTiming\n} from 'react-native-reanimated';\nimport { Pressable } from 'react-native';\n\nfunction SpringButton({ onPress, children }) {\n  const scale = useSharedValue(1);\n  const shadowOpacity = useSharedValue(0.25);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ scale: scale.value }],\n    shadowOpacity: shadowOpacity.value,\n  }));\n\n  return (\n    \u003CPressable\n      onPressIn={() => {\n        scale.value = withSpring(0.94, { damping: 15, stiffness: 300 });\n        shadowOpacity.value = withTiming(0.1, { duration: 100 });\n      }}\n      onPressOut={() => {\n        scale.value = withSpring(1, { damping: 10, stiffness: 200 });\n        shadowOpacity.value = withTiming(0.25, { duration: 200 });\n      }}\n      onPress={onPress}\n    >\n      \u003CAnimated.View style={[styles.button, animatedStyle]}>\n        {children}\n      \u003C\u002FAnimated.View>\n    \u003C\u002FPressable>\n  );\n}\n",[3804,15741,15742,15750,15761,15770,15781,15797,15801,15820,15836,15854,15858,15874,15890,15903,15907,15911,15917,15924,15939,15974,16001,16008,16023,16053,16077,16083,16096,16101,16132,16140,16148,16156,16160],{"__ignoreMap":3851},[3914,15743,15744,15746,15748],{"class":3916,"line":3917},[3914,15745,4411],{"class":4143},[3914,15747,4623],{"class":4113},[3914,15749,5100],{"class":4109},[3914,15751,15752,15755,15757,15759],{"class":3916,"line":3923},[3914,15753,15754],{"class":4113},"  useSharedValue",[3914,15756,3877],{"class":4109},[3914,15758,4171],{"class":4113},[3914,15760,4712],{"class":4109},[3914,15762,15763,15765,15767],{"class":3916,"line":3929},[3914,15764,7660],{"class":4113},[3914,15766,3877],{"class":4109},[3914,15768,15769],{"class":4113},"withTiming\n",[3914,15771,15772,15775,15777,15779],{"class":3916,"line":3935},[3914,15773,15774],{"class":4109},"} ",[3914,15776,4422],{"class":4143},[3914,15778,4425],{"class":4134},[3914,15780,4138],{"class":4109},[3914,15782,15783,15785,15787,15789,15791,15793,15795],{"class":3916,"line":3942},[3914,15784,4411],{"class":4143},[3914,15786,4414],{"class":4109},[3914,15788,5254],{"class":4113},[3914,15790,4419],{"class":4109},[3914,15792,4422],{"class":4143},[3914,15794,4944],{"class":4134},[3914,15796,4138],{"class":4109},[3914,15798,15799],{"class":3916,"line":3948},[3914,15800,3939],{"emptyLinePlaceholder":3938},[3914,15802,15803,15805,15808,15810,15813,15815,15818],{"class":3916,"line":3954},[3914,15804,4102],{"class":4101},[3914,15806,15807],{"class":4105}," SpringButton",[3914,15809,5430],{"class":4109},[3914,15811,15812],{"class":4113},"onPress",[3914,15814,3877],{"class":4109},[3914,15816,15817],{"class":4113},"children",[3914,15819,5460],{"class":4109},[3914,15821,15822,15824,15826,15828,15830,15832,15834],{"class":3916,"line":3960},[3914,15823,4662],{"class":4101},[3914,15825,4462],{"class":4439},[3914,15827,4264],{"class":4109},[3914,15829,4396],{"class":4105},[3914,15831,4110],{"class":4109},[3914,15833,4449],{"class":4153},[3914,15835,4293],{"class":4109},[3914,15837,15838,15840,15843,15845,15847,15849,15852],{"class":3916,"line":3966},[3914,15839,4662],{"class":4101},[3914,15841,15842],{"class":4439}," shadowOpacity",[3914,15844,4264],{"class":4109},[3914,15846,4396],{"class":4105},[3914,15848,4110],{"class":4109},[3914,15850,15851],{"class":4153},"0.25",[3914,15853,4293],{"class":4109},[3914,15855,15856],{"class":3916,"line":3971},[3914,15857,3939],{"emptyLinePlaceholder":3938},[3914,15859,15860,15862,15864,15866,15868,15870,15872],{"class":3916,"line":3977},[3914,15861,4662],{"class":4101},[3914,15863,4685],{"class":4439},[3914,15865,4264],{"class":4109},[3914,15867,4171],{"class":4105},[3914,15869,4692],{"class":4109},[3914,15871,4695],{"class":4101},[3914,15873,4698],{"class":4109},[3914,15875,15876,15878,15880,15882,15884,15886,15888],{"class":3916,"line":3983},[3914,15877,4717],{"class":4113},[3914,15879,4720],{"class":4109},[3914,15881,4723],{"class":4113},[3914,15883,4462],{"class":4113},[3914,15885,3750],{"class":4109},[3914,15887,4114],{"class":4113},[3914,15889,4732],{"class":4109},[3914,15891,15892,15895,15897,15899,15901],{"class":3916,"line":3989},[3914,15893,15894],{"class":4113},"    shadowOpacity:",[3914,15896,15842],{"class":4113},[3914,15898,3750],{"class":4109},[3914,15900,4114],{"class":4113},[3914,15902,4712],{"class":4109},[3914,15904,15905],{"class":3916,"line":3995},[3914,15906,4737],{"class":4109},[3914,15908,15909],{"class":3916,"line":4000},[3914,15910,3939],{"emptyLinePlaceholder":3938},[3914,15912,15913,15915],{"class":3916,"line":4005},[3914,15914,4144],{"class":4143},[3914,15916,4748],{"class":4109},[3914,15918,15919,15921],{"class":3916,"line":4011},[3914,15920,4753],{"class":4870},[3914,15922,15923],{"class":4120},"Pressable\n",[3914,15925,15926,15929,15931,15933,15935,15937],{"class":3916,"line":4017},[3914,15927,15928],{"class":4876},"      onPressIn",[3914,15930,4879],{"class":4109},[3914,15932,4882],{"class":4101},[3914,15934,11854],{"class":4885},[3914,15936,4695],{"class":4101},[3914,15938,4129],{"class":4885},[3914,15940,15941,15944,15946,15948,15951,15954,15956,15959,15961,15963,15965,15967,15970,15972],{"class":3916,"line":4022},[3914,15942,15943],{"class":4113},"        scale",[3914,15945,3750],{"class":4885},[3914,15947,4114],{"class":4113},[3914,15949,15950],{"class":4109}," =",[3914,15952,15953],{"class":4105}," withSpring",[3914,15955,4110],{"class":4885},[3914,15957,15958],{"class":4153},"0.94",[3914,15960,4541],{"class":4885},[3914,15962,11626],{"class":4113},[3914,15964,6138],{"class":4153},[3914,15966,3877],{"class":4885},[3914,15968,15969],{"class":4113},"stiffness:",[3914,15971,4547],{"class":4153},[3914,15973,15582],{"class":4885},[3914,15975,15976,15979,15981,15983,15985,15988,15990,15993,15995,15997,15999],{"class":3916,"line":4027},[3914,15977,15978],{"class":4113},"        shadowOpacity",[3914,15980,3750],{"class":4885},[3914,15982,4114],{"class":4113},[3914,15984,15950],{"class":4109},[3914,15986,15987],{"class":4105}," withTiming",[3914,15989,4110],{"class":4885},[3914,15991,15992],{"class":4153},"0.1",[3914,15994,4541],{"class":4885},[3914,15996,4544],{"class":4113},[3914,15998,6361],{"class":4153},[3914,16000,15582],{"class":4885},[3914,16002,16003,16006],{"class":3916,"line":4033},[3914,16004,16005],{"class":4885},"      }",[3914,16007,3963],{"class":4101},[3914,16009,16010,16013,16015,16017,16019,16021],{"class":3916,"line":4039},[3914,16011,16012],{"class":4876},"      onPressOut",[3914,16014,4879],{"class":4109},[3914,16016,4882],{"class":4101},[3914,16018,11854],{"class":4885},[3914,16020,4695],{"class":4101},[3914,16022,4129],{"class":4885},[3914,16024,16025,16027,16029,16031,16033,16035,16037,16039,16041,16043,16045,16047,16049,16051],{"class":3916,"line":4045},[3914,16026,15943],{"class":4113},[3914,16028,3750],{"class":4885},[3914,16030,4114],{"class":4113},[3914,16032,15950],{"class":4109},[3914,16034,15953],{"class":4105},[3914,16036,4110],{"class":4885},[3914,16038,4449],{"class":4153},[3914,16040,4541],{"class":4885},[3914,16042,11626],{"class":4113},[3914,16044,6347],{"class":4153},[3914,16046,3877],{"class":4885},[3914,16048,15969],{"class":4113},[3914,16050,5608],{"class":4153},[3914,16052,15582],{"class":4885},[3914,16054,16055,16057,16059,16061,16063,16065,16067,16069,16071,16073,16075],{"class":3916,"line":4051},[3914,16056,15978],{"class":4113},[3914,16058,3750],{"class":4885},[3914,16060,4114],{"class":4113},[3914,16062,15950],{"class":4109},[3914,16064,15987],{"class":4105},[3914,16066,4110],{"class":4885},[3914,16068,15851],{"class":4153},[3914,16070,4541],{"class":4885},[3914,16072,4544],{"class":4113},[3914,16074,5608],{"class":4153},[3914,16076,15582],{"class":4885},[3914,16078,16079,16081],{"class":3916,"line":4057},[3914,16080,16005],{"class":4885},[3914,16082,3963],{"class":4101},[3914,16084,16085,16088,16090,16092,16094],{"class":3916,"line":4063},[3914,16086,16087],{"class":4876},"      onPress",[3914,16089,4879],{"class":4109},[3914,16091,4882],{"class":4101},[3914,16093,15812],{"class":4113},[3914,16095,3963],{"class":4101},[3914,16097,16098],{"class":3916,"line":5669},[3914,16099,16100],{"class":4870},"    >\n",[3914,16102,16103,16105,16107,16109,16111,16113,16115,16117,16119,16122,16124,16126,16128,16130],{"class":3916,"line":5674},[3914,16104,5721],{"class":4870},[3914,16106,4826],{"class":4120},[3914,16108,4763],{"class":4876},[3914,16110,4879],{"class":4109},[3914,16112,4882],{"class":4101},[3914,16114,4886],{"class":4885},[3914,16116,4889],{"class":4113},[3914,16118,3750],{"class":4885},[3914,16120,16121],{"class":4113},"button",[3914,16123,3877],{"class":4885},[3914,16125,4899],{"class":4113},[3914,16127,4902],{"class":4885},[3914,16129,4905],{"class":4101},[3914,16131,5715],{"class":4870},[3914,16133,16134,16136,16138],{"class":3916,"line":5681},[3914,16135,10071],{"class":4101},[3914,16137,15817],{"class":4113},[3914,16139,3963],{"class":4101},[3914,16141,16142,16144,16146],{"class":3916,"line":5718},[3914,16143,5826],{"class":4870},[3914,16145,4826],{"class":4120},[3914,16147,5715],{"class":4870},[3914,16149,16150,16152,16154],{"class":3916,"line":5757},[3914,16151,5836],{"class":4870},[3914,16153,5254],{"class":4120},[3914,16155,5715],{"class":4870},[3914,16157,16158],{"class":3916,"line":5781},[3914,16159,4784],{"class":4109},[3914,16161,16162],{"class":3916,"line":5823},[3914,16163,3963],{"class":4109},[3835,16165,16167],{"id":16166},"живий-приклад-різні-мікроінтеракції","Живий приклад: різні мікроінтеракції",[3806,16169,16171],{"device":5199,"height":11319,"title":16170},"Мікроінтеракції",[3843,16172,16174],{"className":4839,"code":16173,"language":4841,"meta":3851,"style":3851},"import { useRef, useState } from 'react';\nimport { Animated, View, Text, Pressable, StyleSheet } from 'react-native';\n\nfunction ScaleButton({ label, color, onPress }: any) {\n  const scale = useRef(new Animated.Value(1)).current;\n\n  return (\n    \u003CPressable\n      onPressIn={() => Animated.spring(scale, { toValue: 0.93, damping: 15, stiffness: 300, useNativeDriver: true }).start()}\n      onPressOut={() => Animated.spring(scale, { toValue: 1, damping: 10, stiffness: 200, useNativeDriver: true }).start()}\n      onPress={onPress}\n    >\n      \u003CAnimated.View style={[styles.btn, { backgroundColor: color, transform: [{ scale }] }]}>\n        \u003CText style={styles.btnText}>{label}\u003C\u002FText>\n      \u003C\u002FAnimated.View>\n    \u003C\u002FPressable>\n  );\n}\n\nfunction LikeButton() {\n  const [liked, setLiked] = useState(false);\n  const scale = useRef(new Animated.Value(1)).current;\n\n  const handlePress = () => {\n    setLiked((l) => !l);\n    Animated.sequence([\n      Animated.spring(scale, { toValue: 1.4, damping: 6, useNativeDriver: true }),\n      Animated.spring(scale, { toValue: 1, damping: 10, useNativeDriver: true }),\n    ]).start();\n  };\n\n  return (\n    \u003CPressable onPress={handlePress} style={styles.likeRow}>\n      \u003CAnimated.Text style={[styles.heart, { transform: [{ scale }] }]}>\n        {liked ? '❤️' : '🤍'}\n      \u003C\u002FAnimated.Text>\n      \u003CText style={styles.likeText}>{liked ? 'Вподобано!' : 'Вподобати'}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nfunction ShakeInput({ label }: { label: string }) {\n  const shakeX = useRef(new Animated.Value(0)).current;\n\n  const shake = () => {\n    Animated.sequence([\n      Animated.timing(shakeX, { toValue: 8, duration: 60, useNativeDriver: true }),\n      Animated.timing(shakeX, { toValue: -8, duration: 60, useNativeDriver: true }),\n      Animated.timing(shakeX, { toValue: 6, duration: 60, useNativeDriver: true }),\n      Animated.timing(shakeX, { toValue: -6, duration: 60, useNativeDriver: true }),\n      Animated.timing(shakeX, { toValue: 0, duration: 60, useNativeDriver: true }),\n    ]).start();\n  };\n\n  return (\n    \u003CPressable onPress={shake}>\n      \u003CAnimated.View style={[styles.inputRow, { transform: [{ translateX: shakeX }] }]}>\n        \u003CText style={styles.inputLabel}>{label}\u003C\u002FText>\n        \u003CText style={styles.inputHint}>Натисни — потрясе (помилка)\u003C\u002FText>\n      \u003C\u002FAnimated.View>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.section}>Кнопки зі spring\u003C\u002FText>\n      \u003CView style={styles.row}>\n        \u003CScaleButton label=\"Зберегти\" color=\"#3B82F6\" onPress={() => {}} \u002F>\n        \u003CScaleButton label=\"Видалити\" color=\"#EF4444\" onPress={() => {}} \u002F>\n        \u003CScaleButton label=\"OK\" color=\"#10B981\" onPress={() => {}} \u002F>\n      \u003C\u002FView>\n\n      \u003CText style={styles.section}>Like з bounce\u003C\u002FText>\n      \u003CLikeButton \u002F>\n\n      \u003CText style={styles.section}>Shake при помилці\u003C\u002FText>\n      \u003CShakeInput label=\"Невірний пароль\" \u002F>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 20, justifyContent: 'center', gap: 20 },\n  section: { fontWeight: '700', color: '#475569', fontSize: 13, textTransform: 'uppercase' },\n  row: { flexDirection: 'row', gap: 10 },\n  btn: { paddingHorizontal: 18, paddingVertical: 14, borderRadius: 14, alignItems: 'center' },\n  btnText: { color: 'white', fontWeight: '700', fontSize: 15 },\n  likeRow: { flexDirection: 'row', alignItems: 'center', gap: 10, padding: 14, backgroundColor: '#F8FAFC', borderRadius: 14 },\n  heart: { fontSize: 32 },\n  likeText: { fontSize: 16, fontWeight: '600', color: '#1E293B' },\n  inputRow: { padding: 14, backgroundColor: '#FEF2F2', borderRadius: 12, borderWidth: 1, borderColor: '#FECACA' },\n  inputLabel: { fontWeight: '700', color: '#EF4444', fontSize: 14 },\n  inputHint: { color: '#94A3B8', fontSize: 12, marginTop: 2 },\n});\n",[3804,16175,16176,16196,16228,16232,16258,16288,16292,16298,16304,16360,16414,16426,16430,16471,16505,16513,16521,16525,16529,16533,16542,16566,16596,16600,16613,16633,16643,16676,16708,16716,16720,16724,16730,16764,16799,16817,16825,16870,16878,16882,16886,16890,16911,16942,16946,16959,16969,17003,17038,17070,17105,17137,17145,17149,17153,17159,17178,17215,17250,17282,17290,17298,17302,17306,17310,17322,17328,17350,17382,17404,17442,17478,17514,17522,17526,17557,17566,17570,17601,17617,17625,17629,17634,17639,17656,17687,17721,17740,17772,17797,17841,17855,17881,17923,17950,17976],{"__ignoreMap":3851},[3914,16177,16178,16180,16182,16184,16186,16188,16190,16192,16194],{"class":3916,"line":3917},[3914,16179,4411],{"class":4143},[3914,16181,4414],{"class":4109},[3914,16183,4594],{"class":4113},[3914,16185,3877],{"class":4109},[3914,16187,5219],{"class":4113},[3914,16189,4419],{"class":4109},[3914,16191,4422],{"class":4143},[3914,16193,5226],{"class":4134},[3914,16195,4138],{"class":4109},[3914,16197,16198,16200,16202,16204,16206,16208,16210,16212,16214,16216,16218,16220,16222,16224,16226],{"class":3916,"line":3923},[3914,16199,4411],{"class":4143},[3914,16201,4414],{"class":4109},[3914,16203,3818],{"class":4113},[3914,16205,3877],{"class":4109},[3914,16207,4760],{"class":4113},[3914,16209,3877],{"class":4109},[3914,16211,5249],{"class":4113},[3914,16213,3877],{"class":4109},[3914,16215,5254],{"class":4113},[3914,16217,3877],{"class":4109},[3914,16219,5259],{"class":4113},[3914,16221,4419],{"class":4109},[3914,16223,4422],{"class":4143},[3914,16225,4944],{"class":4134},[3914,16227,4138],{"class":4109},[3914,16229,16230],{"class":3916,"line":3929},[3914,16231,3939],{"emptyLinePlaceholder":3938},[3914,16233,16234,16236,16239,16241,16243,16245,16248,16250,16252,16254,16256],{"class":3916,"line":3935},[3914,16235,4102],{"class":4101},[3914,16237,16238],{"class":4105}," ScaleButton",[3914,16240,5430],{"class":4109},[3914,16242,5433],{"class":4113},[3914,16244,3877],{"class":4109},[3914,16246,16247],{"class":4113},"color",[3914,16249,3877],{"class":4109},[3914,16251,15812],{"class":4113},[3914,16253,8107],{"class":4109},[3914,16255,5457],{"class":4120},[3914,16257,4275],{"class":4109},[3914,16259,16260,16262,16264,16266,16268,16270,16272,16274,16276,16278,16280,16282,16284,16286],{"class":3916,"line":3942},[3914,16261,4662],{"class":4101},[3914,16263,4462],{"class":4439},[3914,16265,4264],{"class":4109},[3914,16267,4594],{"class":4105},[3914,16269,4110],{"class":4109},[3914,16271,5476],{"class":4101},[3914,16273,4623],{"class":4113},[3914,16275,3750],{"class":4109},[3914,16277,5483],{"class":4105},[3914,16279,4110],{"class":4109},[3914,16281,4449],{"class":4153},[3914,16283,5490],{"class":4109},[3914,16285,5493],{"class":4113},[3914,16287,4138],{"class":4109},[3914,16289,16290],{"class":3916,"line":3948},[3914,16291,3939],{"emptyLinePlaceholder":3938},[3914,16293,16294,16296],{"class":3916,"line":3954},[3914,16295,4144],{"class":4143},[3914,16297,4748],{"class":4109},[3914,16299,16300,16302],{"class":3916,"line":3960},[3914,16301,4753],{"class":4870},[3914,16303,15923],{"class":4120},[3914,16305,16306,16308,16310,16312,16314,16316,16318,16320,16322,16324,16326,16328,16330,16333,16335,16337,16339,16341,16343,16345,16347,16349,16351,16353,16355,16358],{"class":3916,"line":3966},[3914,16307,15928],{"class":4876},[3914,16309,4879],{"class":4109},[3914,16311,4882],{"class":4101},[3914,16313,11854],{"class":4885},[3914,16315,4695],{"class":4101},[3914,16317,4623],{"class":4113},[3914,16319,3750],{"class":4885},[3914,16321,6719],{"class":4105},[3914,16323,4110],{"class":4885},[3914,16325,5023],{"class":4113},[3914,16327,4541],{"class":4885},[3914,16329,11586],{"class":4113},[3914,16331,16332],{"class":4153}," 0.93",[3914,16334,3877],{"class":4885},[3914,16336,11626],{"class":4113},[3914,16338,6138],{"class":4153},[3914,16340,3877],{"class":4885},[3914,16342,15969],{"class":4113},[3914,16344,4547],{"class":4153},[3914,16346,3877],{"class":4885},[3914,16348,10049],{"class":4113},[3914,16350,5638],{"class":4101},[3914,16352,12874],{"class":4885},[3914,16354,5648],{"class":4105},[3914,16356,16357],{"class":4885},"()",[3914,16359,3963],{"class":4101},[3914,16361,16362,16364,16366,16368,16370,16372,16374,16376,16378,16380,16382,16384,16386,16388,16390,16392,16394,16396,16398,16400,16402,16404,16406,16408,16410,16412],{"class":3916,"line":3971},[3914,16363,16012],{"class":4876},[3914,16365,4879],{"class":4109},[3914,16367,4882],{"class":4101},[3914,16369,11854],{"class":4885},[3914,16371,4695],{"class":4101},[3914,16373,4623],{"class":4113},[3914,16375,3750],{"class":4885},[3914,16377,6719],{"class":4105},[3914,16379,4110],{"class":4885},[3914,16381,5023],{"class":4113},[3914,16383,4541],{"class":4885},[3914,16385,11586],{"class":4113},[3914,16387,6083],{"class":4153},[3914,16389,3877],{"class":4885},[3914,16391,11626],{"class":4113},[3914,16393,6347],{"class":4153},[3914,16395,3877],{"class":4885},[3914,16397,15969],{"class":4113},[3914,16399,5608],{"class":4153},[3914,16401,3877],{"class":4885},[3914,16403,10049],{"class":4113},[3914,16405,5638],{"class":4101},[3914,16407,12874],{"class":4885},[3914,16409,5648],{"class":4105},[3914,16411,16357],{"class":4885},[3914,16413,3963],{"class":4101},[3914,16415,16416,16418,16420,16422,16424],{"class":3916,"line":3977},[3914,16417,16087],{"class":4876},[3914,16419,4879],{"class":4109},[3914,16421,4882],{"class":4101},[3914,16423,15812],{"class":4113},[3914,16425,3963],{"class":4101},[3914,16427,16428],{"class":3916,"line":3983},[3914,16429,16100],{"class":4870},[3914,16431,16432,16434,16436,16438,16440,16442,16444,16446,16448,16450,16452,16454,16457,16459,16461,16463,16465,16467,16469],{"class":3916,"line":3989},[3914,16433,5721],{"class":4870},[3914,16435,4826],{"class":4120},[3914,16437,4763],{"class":4876},[3914,16439,4879],{"class":4109},[3914,16441,4882],{"class":4101},[3914,16443,4886],{"class":4885},[3914,16445,4889],{"class":4113},[3914,16447,3750],{"class":4885},[3914,16449,6895],{"class":4113},[3914,16451,4541],{"class":4885},[3914,16453,6217],{"class":4113},[3914,16455,16456],{"class":4113}," color",[3914,16458,3877],{"class":4885},[3914,16460,5806],{"class":4113},[3914,16462,4720],{"class":4885},[3914,16464,5023],{"class":4113},[3914,16466,5816],{"class":4885},[3914,16468,4905],{"class":4101},[3914,16470,5715],{"class":4870},[3914,16472,16473,16475,16477,16479,16481,16483,16485,16487,16489,16491,16493,16495,16497,16499,16501,16503],{"class":3916,"line":3995},[3914,16474,5784],{"class":4870},[3914,16476,5249],{"class":4120},[3914,16478,4763],{"class":4876},[3914,16480,4879],{"class":4109},[3914,16482,4882],{"class":4101},[3914,16484,4889],{"class":4113},[3914,16486,3750],{"class":4885},[3914,16488,6928],{"class":4113},[3914,16490,4905],{"class":4101},[3914,16492,5741],{"class":4870},[3914,16494,4882],{"class":4101},[3914,16496,5433],{"class":4113},[3914,16498,4905],{"class":4101},[3914,16500,5750],{"class":4870},[3914,16502,5249],{"class":4120},[3914,16504,5715],{"class":4870},[3914,16506,16507,16509,16511],{"class":3916,"line":4000},[3914,16508,5826],{"class":4870},[3914,16510,4826],{"class":4120},[3914,16512,5715],{"class":4870},[3914,16514,16515,16517,16519],{"class":3916,"line":4005},[3914,16516,5836],{"class":4870},[3914,16518,5254],{"class":4120},[3914,16520,5715],{"class":4870},[3914,16522,16523],{"class":3916,"line":4011},[3914,16524,4784],{"class":4109},[3914,16526,16527],{"class":3916,"line":4017},[3914,16528,3963],{"class":4109},[3914,16530,16531],{"class":3916,"line":4022},[3914,16532,3939],{"emptyLinePlaceholder":3938},[3914,16534,16535,16537,16540],{"class":3916,"line":4027},[3914,16536,4102],{"class":4101},[3914,16538,16539],{"class":4105}," LikeButton",[3914,16541,4657],{"class":4109},[3914,16543,16544,16546,16548,16551,16553,16556,16558,16560,16562,16564],{"class":3916,"line":4033},[3914,16545,4662],{"class":4101},[3914,16547,4307],{"class":4109},[3914,16549,16550],{"class":4439},"liked",[3914,16552,3877],{"class":4109},[3914,16554,16555],{"class":4439},"setLiked",[3914,16557,5512],{"class":4109},[3914,16559,5219],{"class":4105},[3914,16561,4110],{"class":4109},[3914,16563,5519],{"class":4101},[3914,16565,4293],{"class":4109},[3914,16567,16568,16570,16572,16574,16576,16578,16580,16582,16584,16586,16588,16590,16592,16594],{"class":3916,"line":4039},[3914,16569,4662],{"class":4101},[3914,16571,4462],{"class":4439},[3914,16573,4264],{"class":4109},[3914,16575,4594],{"class":4105},[3914,16577,4110],{"class":4109},[3914,16579,5476],{"class":4101},[3914,16581,4623],{"class":4113},[3914,16583,3750],{"class":4109},[3914,16585,5483],{"class":4105},[3914,16587,4110],{"class":4109},[3914,16589,4449],{"class":4153},[3914,16591,5490],{"class":4109},[3914,16593,5493],{"class":4113},[3914,16595,4138],{"class":4109},[3914,16597,16598],{"class":3916,"line":4045},[3914,16599,3939],{"emptyLinePlaceholder":3938},[3914,16601,16602,16604,16607,16609,16611],{"class":3916,"line":4051},[3914,16603,4662],{"class":4101},[3914,16605,16606],{"class":4105}," handlePress",[3914,16608,5535],{"class":4109},[3914,16610,4695],{"class":4101},[3914,16612,4129],{"class":4109},[3914,16614,16615,16618,16620,16623,16625,16627,16629,16631],{"class":3916,"line":4057},[3914,16616,16617],{"class":4105},"    setLiked",[3914,16619,5953],{"class":4109},[3914,16621,16622],{"class":4113},"l",[3914,16624,5551],{"class":4109},[3914,16626,4695],{"class":4101},[3914,16628,6702],{"class":4109},[3914,16630,16622],{"class":4113},[3914,16632,4293],{"class":4109},[3914,16634,16635,16637,16639,16641],{"class":3916,"line":4063},[3914,16636,5588],{"class":4113},[3914,16638,3750],{"class":4109},[3914,16640,8184],{"class":4105},[3914,16642,8187],{"class":4109},[3914,16644,16645,16647,16649,16651,16653,16655,16657,16659,16662,16664,16666,16668,16670,16672,16674],{"class":3916,"line":5669},[3914,16646,8179],{"class":4113},[3914,16648,3750],{"class":4109},[3914,16650,6719],{"class":4105},[3914,16652,4110],{"class":4109},[3914,16654,5023],{"class":4113},[3914,16656,4541],{"class":4109},[3914,16658,11586],{"class":4113},[3914,16660,16661],{"class":4153}," 1.4",[3914,16663,3877],{"class":4109},[3914,16665,11626],{"class":4113},[3914,16667,13610],{"class":4153},[3914,16669,3877],{"class":4109},[3914,16671,10049],{"class":4113},[3914,16673,5638],{"class":4101},[3914,16675,7938],{"class":4109},[3914,16677,16678,16680,16682,16684,16686,16688,16690,16692,16694,16696,16698,16700,16702,16704,16706],{"class":3916,"line":5674},[3914,16679,8179],{"class":4113},[3914,16681,3750],{"class":4109},[3914,16683,6719],{"class":4105},[3914,16685,4110],{"class":4109},[3914,16687,5023],{"class":4113},[3914,16689,4541],{"class":4109},[3914,16691,11586],{"class":4113},[3914,16693,6083],{"class":4153},[3914,16695,3877],{"class":4109},[3914,16697,11626],{"class":4113},[3914,16699,6347],{"class":4153},[3914,16701,3877],{"class":4109},[3914,16703,10049],{"class":4113},[3914,16705,5638],{"class":4101},[3914,16707,7938],{"class":4109},[3914,16709,16710,16712,16714],{"class":3916,"line":5681},[3914,16711,11646],{"class":4109},[3914,16713,5648],{"class":4105},[3914,16715,6769],{"class":4109},[3914,16717,16718],{"class":3916,"line":5718},[3914,16719,4334],{"class":4109},[3914,16721,16722],{"class":3916,"line":5757},[3914,16723,3939],{"emptyLinePlaceholder":3938},[3914,16725,16726,16728],{"class":3916,"line":5781},[3914,16727,4144],{"class":4143},[3914,16729,4748],{"class":4109},[3914,16731,16732,16734,16736,16738,16740,16742,16745,16747,16749,16751,16753,16755,16757,16760,16762],{"class":3916,"line":5823},[3914,16733,4753],{"class":4870},[3914,16735,5254],{"class":4120},[3914,16737,5688],{"class":4876},[3914,16739,4879],{"class":4109},[3914,16741,4882],{"class":4101},[3914,16743,16744],{"class":4113},"handlePress",[3914,16746,4905],{"class":4101},[3914,16748,4763],{"class":4876},[3914,16750,4879],{"class":4109},[3914,16752,4882],{"class":4101},[3914,16754,4889],{"class":4113},[3914,16756,3750],{"class":4885},[3914,16758,16759],{"class":4113},"likeRow",[3914,16761,4905],{"class":4101},[3914,16763,5715],{"class":4870},[3914,16765,16766,16768,16770,16772,16774,16776,16778,16780,16782,16785,16787,16789,16791,16793,16795,16797],{"class":3916,"line":5833},[3914,16767,5721],{"class":4870},[3914,16769,4829],{"class":4120},[3914,16771,4763],{"class":4876},[3914,16773,4879],{"class":4109},[3914,16775,4882],{"class":4101},[3914,16777,4886],{"class":4885},[3914,16779,4889],{"class":4113},[3914,16781,3750],{"class":4885},[3914,16783,16784],{"class":4113},"heart",[3914,16786,4541],{"class":4885},[3914,16788,5806],{"class":4113},[3914,16790,4720],{"class":4885},[3914,16792,5023],{"class":4113},[3914,16794,5816],{"class":4885},[3914,16796,4905],{"class":4101},[3914,16798,5715],{"class":4870},[3914,16800,16801,16803,16805,16807,16810,16812,16815],{"class":3916,"line":5843},[3914,16802,10071],{"class":4101},[3914,16804,16550],{"class":4113},[3914,16806,11907],{"class":4109},[3914,16808,16809],{"class":4134}," '❤️'",[3914,16811,11913],{"class":4109},[3914,16813,16814],{"class":4134}," '🤍'",[3914,16816,3963],{"class":4101},[3914,16818,16819,16821,16823],{"class":3916,"line":5848},[3914,16820,5826],{"class":4870},[3914,16822,4829],{"class":4120},[3914,16824,5715],{"class":4870},[3914,16826,16827,16829,16831,16833,16835,16837,16839,16841,16844,16846,16848,16850,16852,16854,16857,16859,16862,16864,16866,16868],{"class":3916,"line":5853},[3914,16828,5721],{"class":4870},[3914,16830,5249],{"class":4120},[3914,16832,4763],{"class":4876},[3914,16834,4879],{"class":4109},[3914,16836,4882],{"class":4101},[3914,16838,4889],{"class":4113},[3914,16840,3750],{"class":4885},[3914,16842,16843],{"class":4113},"likeText",[3914,16845,4905],{"class":4101},[3914,16847,5741],{"class":4870},[3914,16849,4882],{"class":4101},[3914,16851,16550],{"class":4113},[3914,16853,11907],{"class":4109},[3914,16855,16856],{"class":4134}," 'Вподобано!'",[3914,16858,11913],{"class":4109},[3914,16860,16861],{"class":4134}," 'Вподобати'",[3914,16863,4905],{"class":4101},[3914,16865,5750],{"class":4870},[3914,16867,5249],{"class":4120},[3914,16869,5715],{"class":4870},[3914,16871,16872,16874,16876],{"class":3916,"line":5858},[3914,16873,5836],{"class":4870},[3914,16875,5254],{"class":4120},[3914,16877,5715],{"class":4870},[3914,16879,16880],{"class":3916,"line":5875},[3914,16881,4784],{"class":4109},[3914,16883,16884],{"class":3916,"line":5882},[3914,16885,3963],{"class":4109},[3914,16887,16888],{"class":3916,"line":5906},[3914,16889,3939],{"emptyLinePlaceholder":3938},[3914,16891,16892,16894,16897,16899,16901,16903,16905,16907,16909],{"class":3916,"line":5939},[3914,16893,4102],{"class":4101},[3914,16895,16896],{"class":4105}," ShakeInput",[3914,16898,5430],{"class":4109},[3914,16900,5433],{"class":4113},[3914,16902,5441],{"class":4109},[3914,16904,5433],{"class":4113},[3914,16906,4117],{"class":4109},[3914,16908,5448],{"class":4120},[3914,16910,5460],{"class":4109},[3914,16912,16913,16915,16918,16920,16922,16924,16926,16928,16930,16932,16934,16936,16938,16940],{"class":3916,"line":5965},[3914,16914,4662],{"class":4101},[3914,16916,16917],{"class":4439}," shakeX",[3914,16919,4264],{"class":4109},[3914,16921,4594],{"class":4105},[3914,16923,4110],{"class":4109},[3914,16925,5476],{"class":4101},[3914,16927,4623],{"class":4113},[3914,16929,3750],{"class":4109},[3914,16931,5483],{"class":4105},[3914,16933,4110],{"class":4109},[3914,16935,4488],{"class":4153},[3914,16937,5490],{"class":4109},[3914,16939,5493],{"class":4113},[3914,16941,4138],{"class":4109},[3914,16943,16944],{"class":3916,"line":6020},[3914,16945,3939],{"emptyLinePlaceholder":3938},[3914,16947,16948,16950,16953,16955,16957],{"class":3916,"line":6028},[3914,16949,4662],{"class":4101},[3914,16951,16952],{"class":4105}," shake",[3914,16954,5535],{"class":4109},[3914,16956,4695],{"class":4101},[3914,16958,4129],{"class":4109},[3914,16960,16961,16963,16965,16967],{"class":3916,"line":6037},[3914,16962,5588],{"class":4113},[3914,16964,3750],{"class":4109},[3914,16966,8184],{"class":4105},[3914,16968,8187],{"class":4109},[3914,16970,16971,16973,16975,16977,16979,16982,16984,16986,16988,16990,16992,16995,16997,16999,17001],{"class":3916,"line":6042},[3914,16972,8179],{"class":4113},[3914,16974,3750],{"class":4109},[3914,16976,5593],{"class":4105},[3914,16978,4110],{"class":4109},[3914,16980,16981],{"class":4113},"shakeX",[3914,16983,4541],{"class":4109},[3914,16985,11586],{"class":4113},[3914,16987,6228],{"class":4153},[3914,16989,3877],{"class":4109},[3914,16991,4544],{"class":4113},[3914,16993,16994],{"class":4153}," 60",[3914,16996,3877],{"class":4109},[3914,16998,10049],{"class":4113},[3914,17000,5638],{"class":4101},[3914,17002,7938],{"class":4109},[3914,17004,17005,17007,17009,17011,17013,17015,17017,17019,17021,17024,17026,17028,17030,17032,17034,17036],{"class":3916,"line":6047},[3914,17006,8179],{"class":4113},[3914,17008,3750],{"class":4109},[3914,17010,5593],{"class":4105},[3914,17012,4110],{"class":4109},[3914,17014,16981],{"class":4113},[3914,17016,4541],{"class":4109},[3914,17018,11586],{"class":4113},[3914,17020,13826],{"class":4109},[3914,17022,17023],{"class":4153},"8",[3914,17025,3877],{"class":4109},[3914,17027,4544],{"class":4113},[3914,17029,16994],{"class":4153},[3914,17031,3877],{"class":4109},[3914,17033,10049],{"class":4113},[3914,17035,5638],{"class":4101},[3914,17037,7938],{"class":4109},[3914,17039,17040,17042,17044,17046,17048,17050,17052,17054,17056,17058,17060,17062,17064,17066,17068],{"class":3916,"line":6052},[3914,17041,8179],{"class":4113},[3914,17043,3750],{"class":4109},[3914,17045,5593],{"class":4105},[3914,17047,4110],{"class":4109},[3914,17049,16981],{"class":4113},[3914,17051,4541],{"class":4109},[3914,17053,11586],{"class":4113},[3914,17055,13610],{"class":4153},[3914,17057,3877],{"class":4109},[3914,17059,4544],{"class":4113},[3914,17061,16994],{"class":4153},[3914,17063,3877],{"class":4109},[3914,17065,10049],{"class":4113},[3914,17067,5638],{"class":4101},[3914,17069,7938],{"class":4109},[3914,17071,17072,17074,17076,17078,17080,17082,17084,17086,17088,17091,17093,17095,17097,17099,17101,17103],{"class":3916,"line":6072},[3914,17073,8179],{"class":4113},[3914,17075,3750],{"class":4109},[3914,17077,5593],{"class":4105},[3914,17079,4110],{"class":4109},[3914,17081,16981],{"class":4113},[3914,17083,4541],{"class":4109},[3914,17085,11586],{"class":4113},[3914,17087,13826],{"class":4109},[3914,17089,17090],{"class":4153},"6",[3914,17092,3877],{"class":4109},[3914,17094,4544],{"class":4113},[3914,17096,16994],{"class":4153},[3914,17098,3877],{"class":4109},[3914,17100,10049],{"class":4113},[3914,17102,5638],{"class":4101},[3914,17104,7938],{"class":4109},[3914,17106,17107,17109,17111,17113,17115,17117,17119,17121,17123,17125,17127,17129,17131,17133,17135],{"class":3916,"line":6112},[3914,17108,8179],{"class":4113},[3914,17110,3750],{"class":4109},[3914,17112,5593],{"class":4105},[3914,17114,4110],{"class":4109},[3914,17116,16981],{"class":4113},[3914,17118,4541],{"class":4109},[3914,17120,11586],{"class":4113},[3914,17122,6388],{"class":4153},[3914,17124,3877],{"class":4109},[3914,17126,4544],{"class":4113},[3914,17128,16994],{"class":4153},[3914,17130,3877],{"class":4109},[3914,17132,10049],{"class":4113},[3914,17134,5638],{"class":4101},[3914,17136,7938],{"class":4109},[3914,17138,17139,17141,17143],{"class":3916,"line":6159},[3914,17140,11646],{"class":4109},[3914,17142,5648],{"class":4105},[3914,17144,6769],{"class":4109},[3914,17146,17147],{"class":3916,"line":6173},[3914,17148,4334],{"class":4109},[3914,17150,17151],{"class":3916,"line":6201},[3914,17152,3939],{"emptyLinePlaceholder":3938},[3914,17154,17155,17157],{"class":3916,"line":6246},[3914,17156,4144],{"class":4143},[3914,17158,4748],{"class":4109},[3914,17160,17161,17163,17165,17167,17169,17171,17174,17176],{"class":3916,"line":6281},[3914,17162,4753],{"class":4870},[3914,17164,5254],{"class":4120},[3914,17166,5688],{"class":4876},[3914,17168,4879],{"class":4109},[3914,17170,4882],{"class":4101},[3914,17172,17173],{"class":4113},"shake",[3914,17175,4905],{"class":4101},[3914,17177,5715],{"class":4870},[3914,17179,17180,17182,17184,17186,17188,17190,17192,17194,17196,17199,17201,17203,17205,17207,17209,17211,17213],{"class":3916,"line":7412},[3914,17181,5721],{"class":4870},[3914,17183,4826],{"class":4120},[3914,17185,4763],{"class":4876},[3914,17187,4879],{"class":4109},[3914,17189,4882],{"class":4101},[3914,17191,4886],{"class":4885},[3914,17193,4889],{"class":4113},[3914,17195,3750],{"class":4885},[3914,17197,17198],{"class":4113},"inputRow",[3914,17200,4541],{"class":4885},[3914,17202,5806],{"class":4113},[3914,17204,4720],{"class":4885},[3914,17206,5811],{"class":4113},[3914,17208,16917],{"class":4113},[3914,17210,5816],{"class":4885},[3914,17212,4905],{"class":4101},[3914,17214,5715],{"class":4870},[3914,17216,17217,17219,17221,17223,17225,17227,17229,17231,17234,17236,17238,17240,17242,17244,17246,17248],{"class":3916,"line":7432},[3914,17218,5784],{"class":4870},[3914,17220,5249],{"class":4120},[3914,17222,4763],{"class":4876},[3914,17224,4879],{"class":4109},[3914,17226,4882],{"class":4101},[3914,17228,4889],{"class":4113},[3914,17230,3750],{"class":4885},[3914,17232,17233],{"class":4113},"inputLabel",[3914,17235,4905],{"class":4101},[3914,17237,5741],{"class":4870},[3914,17239,4882],{"class":4101},[3914,17241,5433],{"class":4113},[3914,17243,4905],{"class":4101},[3914,17245,5750],{"class":4870},[3914,17247,5249],{"class":4120},[3914,17249,5715],{"class":4870},[3914,17251,17252,17254,17256,17258,17260,17262,17264,17266,17269,17271,17273,17276,17278,17280],{"class":3916,"line":7459},[3914,17253,5784],{"class":4870},[3914,17255,5249],{"class":4120},[3914,17257,4763],{"class":4876},[3914,17259,4879],{"class":4109},[3914,17261,4882],{"class":4101},[3914,17263,4889],{"class":4113},[3914,17265,3750],{"class":4885},[3914,17267,17268],{"class":4113},"inputHint",[3914,17270,4905],{"class":4101},[3914,17272,5741],{"class":4870},[3914,17274,17275],{"class":4109},"Натисни — потрясе (помилка)",[3914,17277,5750],{"class":4870},[3914,17279,5249],{"class":4120},[3914,17281,5715],{"class":4870},[3914,17283,17284,17286,17288],{"class":3916,"line":7504},[3914,17285,5826],{"class":4870},[3914,17287,4826],{"class":4120},[3914,17289,5715],{"class":4870},[3914,17291,17292,17294,17296],{"class":3916,"line":7530},[3914,17293,5836],{"class":4870},[3914,17295,5254],{"class":4120},[3914,17297,5715],{"class":4870},[3914,17299,17300],{"class":3916,"line":7544},[3914,17301,4784],{"class":4109},[3914,17303,17304],{"class":3916,"line":7559},[3914,17305,3963],{"class":4109},[3914,17307,17308],{"class":3916,"line":10348},[3914,17309,3939],{"emptyLinePlaceholder":3938},[3914,17311,17312,17314,17316,17318,17320],{"class":3916,"line":10373},[3914,17313,5861],{"class":4143},[3914,17315,5864],{"class":4143},[3914,17317,5867],{"class":4101},[3914,17319,5870],{"class":4105},[3914,17321,4657],{"class":4109},[3914,17323,17324,17326],{"class":3916,"line":10406},[3914,17325,4144],{"class":4143},[3914,17327,4748],{"class":4109},[3914,17329,17330,17332,17334,17336,17338,17340,17342,17344,17346,17348],{"class":3916,"line":10439},[3914,17331,4753],{"class":4870},[3914,17333,4760],{"class":4120},[3914,17335,4763],{"class":4876},[3914,17337,4879],{"class":4109},[3914,17339,4882],{"class":4101},[3914,17341,4889],{"class":4113},[3914,17343,3750],{"class":4885},[3914,17345,5899],{"class":4113},[3914,17347,4905],{"class":4101},[3914,17349,5715],{"class":4870},[3914,17351,17352,17354,17356,17358,17360,17362,17364,17366,17369,17371,17373,17376,17378,17380],{"class":3916,"line":10460},[3914,17353,5721],{"class":4870},[3914,17355,5249],{"class":4120},[3914,17357,4763],{"class":4876},[3914,17359,4879],{"class":4109},[3914,17361,4882],{"class":4101},[3914,17363,4889],{"class":4113},[3914,17365,3750],{"class":4885},[3914,17367,17368],{"class":4113},"section",[3914,17370,4905],{"class":4101},[3914,17372,5741],{"class":4870},[3914,17374,17375],{"class":4109},"Кнопки зі spring",[3914,17377,5750],{"class":4870},[3914,17379,5249],{"class":4120},[3914,17381,5715],{"class":4870},[3914,17383,17384,17386,17388,17390,17392,17394,17396,17398,17400,17402],{"class":3916,"line":10515},[3914,17385,5721],{"class":4870},[3914,17387,4760],{"class":4120},[3914,17389,4763],{"class":4876},[3914,17391,4879],{"class":4109},[3914,17393,4882],{"class":4101},[3914,17395,4889],{"class":4113},[3914,17397,3750],{"class":4885},[3914,17399,5710],{"class":4113},[3914,17401,4905],{"class":4101},[3914,17403,5715],{"class":4870},[3914,17405,17406,17408,17411,17413,17415,17418,17420,17422,17425,17427,17429,17431,17433,17435,17438,17440],{"class":3916,"line":10547},[3914,17407,5784],{"class":4870},[3914,17409,17410],{"class":4120},"ScaleButton",[3914,17412,5988],{"class":4876},[3914,17414,4879],{"class":4109},[3914,17416,17417],{"class":4134},"\"Зберегти\"",[3914,17419,16456],{"class":4876},[3914,17421,4879],{"class":4109},[3914,17423,17424],{"class":4134},"\"#3B82F6\"",[3914,17426,5688],{"class":4876},[3914,17428,4879],{"class":4109},[3914,17430,4882],{"class":4101},[3914,17432,11854],{"class":4885},[3914,17434,4695],{"class":4101},[3914,17436,17437],{"class":4885}," {}",[3914,17439,4905],{"class":4101},[3914,17441,4908],{"class":4870},[3914,17443,17444,17446,17448,17450,17452,17455,17457,17459,17462,17464,17466,17468,17470,17472,17474,17476],{"class":3916,"line":10567},[3914,17445,5784],{"class":4870},[3914,17447,17410],{"class":4120},[3914,17449,5988],{"class":4876},[3914,17451,4879],{"class":4109},[3914,17453,17454],{"class":4134},"\"Видалити\"",[3914,17456,16456],{"class":4876},[3914,17458,4879],{"class":4109},[3914,17460,17461],{"class":4134},"\"#EF4444\"",[3914,17463,5688],{"class":4876},[3914,17465,4879],{"class":4109},[3914,17467,4882],{"class":4101},[3914,17469,11854],{"class":4885},[3914,17471,4695],{"class":4101},[3914,17473,17437],{"class":4885},[3914,17475,4905],{"class":4101},[3914,17477,4908],{"class":4870},[3914,17479,17480,17482,17484,17486,17488,17491,17493,17495,17498,17500,17502,17504,17506,17508,17510,17512],{"class":3916,"line":15134},[3914,17481,5784],{"class":4870},[3914,17483,17410],{"class":4120},[3914,17485,5988],{"class":4876},[3914,17487,4879],{"class":4109},[3914,17489,17490],{"class":4134},"\"OK\"",[3914,17492,16456],{"class":4876},[3914,17494,4879],{"class":4109},[3914,17496,17497],{"class":4134},"\"#10B981\"",[3914,17499,5688],{"class":4876},[3914,17501,4879],{"class":4109},[3914,17503,4882],{"class":4101},[3914,17505,11854],{"class":4885},[3914,17507,4695],{"class":4101},[3914,17509,17437],{"class":4885},[3914,17511,4905],{"class":4101},[3914,17513,4908],{"class":4870},[3914,17515,17516,17518,17520],{"class":3916,"line":15139},[3914,17517,5826],{"class":4870},[3914,17519,4760],{"class":4120},[3914,17521,5715],{"class":4870},[3914,17523,17524],{"class":3916,"line":15156},[3914,17525,3939],{"emptyLinePlaceholder":3938},[3914,17527,17528,17530,17532,17534,17536,17538,17540,17542,17544,17546,17548,17551,17553,17555],{"class":3916,"line":15175},[3914,17529,5721],{"class":4870},[3914,17531,5249],{"class":4120},[3914,17533,4763],{"class":4876},[3914,17535,4879],{"class":4109},[3914,17537,4882],{"class":4101},[3914,17539,4889],{"class":4113},[3914,17541,3750],{"class":4885},[3914,17543,17368],{"class":4113},[3914,17545,4905],{"class":4101},[3914,17547,5741],{"class":4870},[3914,17549,17550],{"class":4109},"Like з bounce",[3914,17552,5750],{"class":4870},[3914,17554,5249],{"class":4120},[3914,17556,5715],{"class":4870},[3914,17558,17559,17561,17564],{"class":3916,"line":15230},[3914,17560,5721],{"class":4870},[3914,17562,17563],{"class":4120},"LikeButton",[3914,17565,4908],{"class":4870},[3914,17567,17568],{"class":3916,"line":15255},[3914,17569,3939],{"emptyLinePlaceholder":3938},[3914,17571,17572,17574,17576,17578,17580,17582,17584,17586,17588,17590,17592,17595,17597,17599],{"class":3916,"line":15282},[3914,17573,5721],{"class":4870},[3914,17575,5249],{"class":4120},[3914,17577,4763],{"class":4876},[3914,17579,4879],{"class":4109},[3914,17581,4882],{"class":4101},[3914,17583,4889],{"class":4113},[3914,17585,3750],{"class":4885},[3914,17587,17368],{"class":4113},[3914,17589,4905],{"class":4101},[3914,17591,5741],{"class":4870},[3914,17593,17594],{"class":4109},"Shake при помилці",[3914,17596,5750],{"class":4870},[3914,17598,5249],{"class":4120},[3914,17600,5715],{"class":4870},[3914,17602,17603,17605,17608,17610,17612,17615],{"class":3916,"line":15331},[3914,17604,5721],{"class":4870},[3914,17606,17607],{"class":4120},"ShakeInput",[3914,17609,5988],{"class":4876},[3914,17611,4879],{"class":4109},[3914,17613,17614],{"class":4134},"\"Невірний пароль\"",[3914,17616,4908],{"class":4870},[3914,17618,17619,17621,17623],{"class":3916,"line":15356},[3914,17620,5836],{"class":4870},[3914,17622,4760],{"class":4120},[3914,17624,5715],{"class":4870},[3914,17626,17627],{"class":3916,"line":15383},[3914,17628,4784],{"class":4109},[3914,17630,17632],{"class":3916,"line":17631},82,[3914,17633,3963],{"class":4109},[3914,17635,17637],{"class":3916,"line":17636},83,[3914,17638,3939],{"emptyLinePlaceholder":3938},[3914,17640,17642,17644,17646,17648,17650,17652,17654],{"class":3916,"line":17641},84,[3914,17643,4436],{"class":4101},[3914,17645,6057],{"class":4439},[3914,17647,4264],{"class":4109},[3914,17649,5259],{"class":4113},[3914,17651,3750],{"class":4109},[3914,17653,6066],{"class":4105},[3914,17655,6069],{"class":4109},[3914,17657,17659,17661,17663,17665,17667,17669,17671,17673,17675,17677,17679,17681,17683,17685],{"class":3916,"line":17658},85,[3914,17660,6075],{"class":4113},[3914,17662,4414],{"class":4109},[3914,17664,6080],{"class":4113},[3914,17666,6083],{"class":4153},[3914,17668,3877],{"class":4109},[3914,17670,6088],{"class":4113},[3914,17672,8760],{"class":4153},[3914,17674,3877],{"class":4109},[3914,17676,6096],{"class":4113},[3914,17678,6099],{"class":4134},[3914,17680,3877],{"class":4109},[3914,17682,6104],{"class":4113},[3914,17684,8760],{"class":4153},[3914,17686,5307],{"class":4109},[3914,17688,17690,17693,17695,17697,17699,17701,17703,17705,17707,17709,17711,17713,17716,17719],{"class":3916,"line":17689},86,[3914,17691,17692],{"class":4113},"  section:",[3914,17694,4414],{"class":4109},[3914,17696,6127],{"class":4113},[3914,17698,6130],{"class":4134},[3914,17700,3877],{"class":4109},[3914,17702,6151],{"class":4113},[3914,17704,7454],{"class":4134},[3914,17706,3877],{"class":4109},[3914,17708,6135],{"class":4113},[3914,17710,13529],{"class":4153},[3914,17712,3877],{"class":4109},[3914,17714,17715],{"class":4113},"textTransform:",[3914,17717,17718],{"class":4134}," 'uppercase'",[3914,17720,5307],{"class":4109},[3914,17722,17724,17726,17728,17730,17732,17734,17736,17738],{"class":3916,"line":17723},87,[3914,17725,6162],{"class":4113},[3914,17727,4414],{"class":4109},[3914,17729,7398],{"class":4113},[3914,17731,7401],{"class":4134},[3914,17733,3877],{"class":4109},[3914,17735,6104],{"class":4113},[3914,17737,6347],{"class":4153},[3914,17739,5307],{"class":4109},[3914,17741,17743,17745,17747,17749,17752,17754,17756,17758,17760,17762,17764,17766,17768,17770],{"class":3916,"line":17742},88,[3914,17744,7333],{"class":4113},[3914,17746,4414],{"class":4109},[3914,17748,7344],{"class":4113},[3914,17750,17751],{"class":4153}," 18",[3914,17753,3877],{"class":4109},[3914,17755,7352],{"class":4113},[3914,17757,7355],{"class":4153},[3914,17759,3877],{"class":4109},[3914,17761,6225],{"class":4113},[3914,17763,7355],{"class":4153},[3914,17765,3877],{"class":4109},[3914,17767,7312],{"class":4113},[3914,17769,6099],{"class":4134},[3914,17771,5307],{"class":4109},[3914,17773,17775,17777,17779,17781,17783,17785,17787,17789,17791,17793,17795],{"class":3916,"line":17774},89,[3914,17776,7368],{"class":4113},[3914,17778,4414],{"class":4109},[3914,17780,6151],{"class":4113},[3914,17782,7375],{"class":4134},[3914,17784,3877],{"class":4109},[3914,17786,6127],{"class":4113},[3914,17788,6130],{"class":4134},[3914,17790,3877],{"class":4109},[3914,17792,6135],{"class":4113},[3914,17794,6138],{"class":4153},[3914,17796,5307],{"class":4109},[3914,17798,17800,17803,17805,17807,17809,17811,17813,17815,17817,17819,17821,17823,17825,17827,17829,17831,17833,17835,17837,17839],{"class":3916,"line":17799},90,[3914,17801,17802],{"class":4113},"  likeRow:",[3914,17804,4414],{"class":4109},[3914,17806,7398],{"class":4113},[3914,17808,7401],{"class":4134},[3914,17810,3877],{"class":4109},[3914,17812,7312],{"class":4113},[3914,17814,6099],{"class":4134},[3914,17816,3877],{"class":4109},[3914,17818,6104],{"class":4113},[3914,17820,6347],{"class":4153},[3914,17822,3877],{"class":4109},[3914,17824,6088],{"class":4113},[3914,17826,7355],{"class":4153},[3914,17828,3877],{"class":4109},[3914,17830,6217],{"class":4113},[3914,17832,10294],{"class":4134},[3914,17834,3877],{"class":4109},[3914,17836,6225],{"class":4113},[3914,17838,7355],{"class":4153},[3914,17840,5307],{"class":4109},[3914,17842,17844,17847,17849,17851,17853],{"class":3916,"line":17843},91,[3914,17845,17846],{"class":4113},"  heart:",[3914,17848,4414],{"class":4109},[3914,17850,6135],{"class":4113},[3914,17852,6212],{"class":4153},[3914,17854,5307],{"class":4109},[3914,17856,17858,17861,17863,17865,17867,17869,17871,17873,17875,17877,17879],{"class":3916,"line":17857},92,[3914,17859,17860],{"class":4113},"  likeText:",[3914,17862,4414],{"class":4109},[3914,17864,6135],{"class":4113},[3914,17866,6091],{"class":4153},[3914,17868,3877],{"class":4109},[3914,17870,6127],{"class":4113},[3914,17872,6196],{"class":4134},[3914,17874,3877],{"class":4109},[3914,17876,6151],{"class":4113},[3914,17878,6154],{"class":4134},[3914,17880,5307],{"class":4109},[3914,17882,17884,17887,17889,17891,17893,17895,17897,17900,17902,17904,17906,17908,17911,17913,17915,17918,17921],{"class":3916,"line":17883},93,[3914,17885,17886],{"class":4113},"  inputRow:",[3914,17888,4414],{"class":4109},[3914,17890,6088],{"class":4113},[3914,17892,7355],{"class":4153},[3914,17894,3877],{"class":4109},[3914,17896,6217],{"class":4113},[3914,17898,17899],{"class":4134}," '#FEF2F2'",[3914,17901,3877],{"class":4109},[3914,17903,6225],{"class":4113},[3914,17905,6107],{"class":4153},[3914,17907,3877],{"class":4109},[3914,17909,17910],{"class":4113},"borderWidth:",[3914,17912,6083],{"class":4153},[3914,17914,3877],{"class":4109},[3914,17916,17917],{"class":4113},"borderColor:",[3914,17919,17920],{"class":4134}," '#FECACA'",[3914,17922,5307],{"class":4109},[3914,17924,17926,17929,17931,17933,17935,17937,17939,17942,17944,17946,17948],{"class":3916,"line":17925},94,[3914,17927,17928],{"class":4113},"  inputLabel:",[3914,17930,4414],{"class":4109},[3914,17932,6127],{"class":4113},[3914,17934,6130],{"class":4134},[3914,17936,3877],{"class":4109},[3914,17938,6151],{"class":4113},[3914,17940,17941],{"class":4134}," '#EF4444'",[3914,17943,3877],{"class":4109},[3914,17945,6135],{"class":4113},[3914,17947,7355],{"class":4153},[3914,17949,5307],{"class":4109},[3914,17951,17953,17956,17958,17960,17962,17964,17966,17968,17970,17972,17974],{"class":3916,"line":17952},95,[3914,17954,17955],{"class":4113},"  inputHint:",[3914,17957,4414],{"class":4109},[3914,17959,6151],{"class":4113},[3914,17961,15366],{"class":4134},[3914,17963,3877],{"class":4109},[3914,17965,6135],{"class":4113},[3914,17967,6107],{"class":4153},[3914,17969,3877],{"class":4109},[3914,17971,15275],{"class":4113},[3914,17973,13617],{"class":4153},[3914,17975,5307],{"class":4109},[3914,17977,17979],{"class":3916,"line":17978},96,[3914,17980,5146],{"class":4109},[3828,17982],{},[3738,17984,17986],{"id":17985},"reduced-motion-анімації-та-доступність","Reduced Motion: анімації та доступність",[3835,17988,17990],{"id":17989},"що-таке-reduce-motion","Що таке Reduce Motion",[3743,17992,17993],{},"На iOS і Android є системне налаштування «Зменшити рух» (Reduce Motion \u002F Remove Animations). Воно призначене для людей з вестибулярними розладами, для яких інтенсивні анімації викликають дискомфорт або нудоту.",[3743,17995,17996,17997,18000],{},"Якщо ваш застосунок ігнорує це налаштування — він порушує ",[3747,17998,17999],{},"WCAG 2.1 (Success Criterion 2.3.3)"," і є недоступним для значної частини аудиторії.",[3743,18002,18003,18004,18007],{},"Статистика: за даними Apple, ",[3747,18005,18006],{},"близько 17%"," користувачів iPhone вмикають Reduce Motion. Це мільйони людей.",[3835,18009,18011],{"id":18010},"usereducedmotion-у-reanimated","useReducedMotion у Reanimated",[3743,18013,18014,18015,18018,18019,18021],{},"Reanimated 3 надає хук ",[3804,18016,18017],{},"useReducedMotion",", що повертає ",[3804,18020,4290],{}," якщо користувач увімкнув Reduce Motion:",[3843,18023,18025],{"className":4092,"code":18024,"language":4094,"meta":3851,"style":3851},"import { useReducedMotion } from 'react-native-reanimated';\n\nfunction MyComponent() {\n  const reduceMotion = useReducedMotion();\n\n  const handlePress = () => {\n    if (reduceMotion) {\n      \u002F\u002F Миттєва зміна без анімації\n      opacity.value = 0;\n    } else {\n      \u002F\u002F Плавна анімація\n      opacity.value = withTiming(0, { duration: 300 });\n    }\n  };\n}\n",[3804,18026,18027,18043,18047,18056,18069,18073,18085,18095,18100,18115,18125,18130,18154,18159,18163],{"__ignoreMap":3851},[3914,18028,18029,18031,18033,18035,18037,18039,18041],{"class":3916,"line":3917},[3914,18030,4411],{"class":4143},[3914,18032,4414],{"class":4109},[3914,18034,18017],{"class":4113},[3914,18036,4419],{"class":4109},[3914,18038,4422],{"class":4143},[3914,18040,4425],{"class":4134},[3914,18042,4138],{"class":4109},[3914,18044,18045],{"class":3916,"line":3923},[3914,18046,3939],{"emptyLinePlaceholder":3938},[3914,18048,18049,18051,18054],{"class":3916,"line":3929},[3914,18050,4102],{"class":4101},[3914,18052,18053],{"class":4105}," MyComponent",[3914,18055,4657],{"class":4109},[3914,18057,18058,18060,18063,18065,18067],{"class":3916,"line":3935},[3914,18059,4662],{"class":4101},[3914,18061,18062],{"class":4439}," reduceMotion",[3914,18064,4264],{"class":4109},[3914,18066,18017],{"class":4105},[3914,18068,6769],{"class":4109},[3914,18070,18071],{"class":3916,"line":3942},[3914,18072,3939],{"emptyLinePlaceholder":3938},[3914,18074,18075,18077,18079,18081,18083],{"class":3916,"line":3948},[3914,18076,4662],{"class":4101},[3914,18078,16606],{"class":4105},[3914,18080,5535],{"class":4109},[3914,18082,4695],{"class":4101},[3914,18084,4129],{"class":4109},[3914,18086,18087,18089,18091,18093],{"class":3916,"line":3954},[3914,18088,5544],{"class":4143},[3914,18090,4269],{"class":4109},[3914,18092,11297],{"class":4113},[3914,18094,4275],{"class":4109},[3914,18096,18097],{"class":3916,"line":3960},[3914,18098,18099],{"class":4160},"      \u002F\u002F Миттєва зміна без анімації\n",[3914,18101,18102,18105,18107,18109,18111,18113],{"class":3916,"line":3966},[3914,18103,18104],{"class":4113},"      opacity",[3914,18106,3750],{"class":4109},[3914,18108,4114],{"class":4113},[3914,18110,4264],{"class":4109},[3914,18112,4488],{"class":4153},[3914,18114,4138],{"class":4109},[3914,18116,18117,18120,18123],{"class":3916,"line":3971},[3914,18118,18119],{"class":4109},"    } ",[3914,18121,18122],{"class":4143},"else",[3914,18124,4129],{"class":4109},[3914,18126,18127],{"class":3916,"line":3977},[3914,18128,18129],{"class":4160},"      \u002F\u002F Плавна анімація\n",[3914,18131,18132,18134,18136,18138,18140,18142,18144,18146,18148,18150,18152],{"class":3916,"line":3983},[3914,18133,18104],{"class":4113},[3914,18135,3750],{"class":4109},[3914,18137,4114],{"class":4113},[3914,18139,4264],{"class":4109},[3914,18141,4534],{"class":4105},[3914,18143,4110],{"class":4109},[3914,18145,4488],{"class":4153},[3914,18147,4541],{"class":4109},[3914,18149,4544],{"class":4113},[3914,18151,4547],{"class":4153},[3914,18153,15582],{"class":4109},[3914,18155,18156],{"class":3916,"line":3989},[3914,18157,18158],{"class":4109},"    }\n",[3914,18160,18161],{"class":3916,"line":3995},[3914,18162,4334],{"class":4109},[3914,18164,18165],{"class":3916,"line":4000},[3914,18166,3963],{"class":4109},[3835,18168,18170],{"id":18169},"reducemotion-enum-у-анімаційних-функціях","ReduceMotion enum у анімаційних функціях",[3743,18172,18173,18174,18177,18178,18180],{},"Reanimated 3 також дозволяє налаштувати поведінку ",[3747,18175,18176],{},"на рівні кожної анімаційної функції"," через ",[3804,18179,11297],{}," опцію:",[3843,18182,18184],{"className":4092,"code":18183,"language":4094,"meta":3851,"style":3851},"import { withTiming, withSpring, ReduceMotion } from 'react-native-reanimated';\n\n\u002F\u002F Варіанти:\nopacity.value = withTiming(0, {\n  duration: 300,\n  reduceMotion: ReduceMotion.System, \u002F\u002F дефолт: поважати системне налаштування\n});\n\nopacity.value = withTiming(0, {\n  duration: 300,\n  reduceMotion: ReduceMotion.Always, \u002F\u002F завжди вимикати анімацію\n});\n\nopacity.value = withTiming(0, {\n  duration: 300,\n  reduceMotion: ReduceMotion.Never, \u002F\u002F ніколи не вимикати\n});\n",[3804,18185,18186,18210,18214,18219,18237,18245,18262,18266,18270,18288,18296,18312,18316,18320,18338,18346,18362],{"__ignoreMap":3851},[3914,18187,18188,18190,18192,18194,18196,18198,18200,18202,18204,18206,18208],{"class":3916,"line":3917},[3914,18189,4411],{"class":4143},[3914,18191,4414],{"class":4109},[3914,18193,4534],{"class":4113},[3914,18195,3877],{"class":4109},[3914,18197,5032],{"class":4113},[3914,18199,3877],{"class":4109},[3914,18201,11302],{"class":4113},[3914,18203,4419],{"class":4109},[3914,18205,4422],{"class":4143},[3914,18207,4425],{"class":4134},[3914,18209,4138],{"class":4109},[3914,18211,18212],{"class":3916,"line":3923},[3914,18213,3939],{"emptyLinePlaceholder":3938},[3914,18215,18216],{"class":3916,"line":3929},[3914,18217,18218],{"class":4160},"\u002F\u002F Варіанти:\n",[3914,18220,18221,18223,18225,18227,18229,18231,18233,18235],{"class":3916,"line":3935},[3914,18222,3872],{"class":4113},[3914,18224,3750],{"class":4109},[3914,18226,4114],{"class":4113},[3914,18228,4264],{"class":4109},[3914,18230,4534],{"class":4105},[3914,18232,4110],{"class":4109},[3914,18234,4488],{"class":4153},[3914,18236,5100],{"class":4109},[3914,18238,18239,18241,18243],{"class":3916,"line":3942},[3914,18240,5105],{"class":4113},[3914,18242,4547],{"class":4153},[3914,18244,4712],{"class":4109},[3914,18246,18247,18250,18253,18255,18257,18259],{"class":3916,"line":3948},[3914,18248,18249],{"class":4113},"  reduceMotion:",[3914,18251,18252],{"class":4113}," ReduceMotion",[3914,18254,3750],{"class":4109},[3914,18256,11307],{"class":4113},[3914,18258,3877],{"class":4109},[3914,18260,18261],{"class":4160},"\u002F\u002F дефолт: поважати системне налаштування\n",[3914,18263,18264],{"class":3916,"line":3954},[3914,18265,5146],{"class":4109},[3914,18267,18268],{"class":3916,"line":3960},[3914,18269,3939],{"emptyLinePlaceholder":3938},[3914,18271,18272,18274,18276,18278,18280,18282,18284,18286],{"class":3916,"line":3966},[3914,18273,3872],{"class":4113},[3914,18275,3750],{"class":4109},[3914,18277,4114],{"class":4113},[3914,18279,4264],{"class":4109},[3914,18281,4534],{"class":4105},[3914,18283,4110],{"class":4109},[3914,18285,4488],{"class":4153},[3914,18287,5100],{"class":4109},[3914,18289,18290,18292,18294],{"class":3916,"line":3971},[3914,18291,5105],{"class":4113},[3914,18293,4547],{"class":4153},[3914,18295,4712],{"class":4109},[3914,18297,18298,18300,18302,18304,18307,18309],{"class":3916,"line":3977},[3914,18299,18249],{"class":4113},[3914,18301,18252],{"class":4113},[3914,18303,3750],{"class":4109},[3914,18305,18306],{"class":4113},"Always",[3914,18308,3877],{"class":4109},[3914,18310,18311],{"class":4160},"\u002F\u002F завжди вимикати анімацію\n",[3914,18313,18314],{"class":3916,"line":3983},[3914,18315,5146],{"class":4109},[3914,18317,18318],{"class":3916,"line":3989},[3914,18319,3939],{"emptyLinePlaceholder":3938},[3914,18321,18322,18324,18326,18328,18330,18332,18334,18336],{"class":3916,"line":3995},[3914,18323,3872],{"class":4113},[3914,18325,3750],{"class":4109},[3914,18327,4114],{"class":4113},[3914,18329,4264],{"class":4109},[3914,18331,4534],{"class":4105},[3914,18333,4110],{"class":4109},[3914,18335,4488],{"class":4153},[3914,18337,5100],{"class":4109},[3914,18339,18340,18342,18344],{"class":3916,"line":4000},[3914,18341,5105],{"class":4113},[3914,18343,4547],{"class":4153},[3914,18345,4712],{"class":4109},[3914,18347,18348,18350,18352,18354,18357,18359],{"class":3916,"line":4005},[3914,18349,18249],{"class":4113},[3914,18351,18252],{"class":4113},[3914,18353,3750],{"class":4109},[3914,18355,18356],{"class":4113},"Never",[3914,18358,3877],{"class":4109},[3914,18360,18361],{"class":4160},"\u002F\u002F ніколи не вимикати\n",[3914,18363,18364],{"class":3916,"line":4011},[3914,18365,5146],{"class":4109},[5153,18367,18368,18376,18380],{},[5156,18369,18372,18373],{"name":18370,"type":18371},"ReduceMotion.System","enum (дефолт)","Автоматично поважає системне налаштування «Зменшити рух». Анімація замінюється миттєвою зміною якщо Reduce Motion увімкнений. ",[3747,18374,18375],{},"Рекомендований варіант.",[5156,18377,18379],{"name":18378,"type":9331},"ReduceMotion.Always","Анімація завжди вимикається незалежно від системних налаштувань. Корисно для тестування або для анімацій, що не є необхідними.",[5156,18381,18383],{"name":18382,"type":9331},"ReduceMotion.Never","Анімація ніколи не вимикається. Використовувати тільки для анімацій, що несуть критичну інформацію (наприклад, progress bar завантаження).",[3835,18385,18387],{"id":18386},"layout-animations-і-reduce-motion","Layout Animations і Reduce Motion",[3743,18389,18390,18391,4076,18393,4076,18395,18397,18398,18400],{},"Для ",[3804,18392,10593],{},[3804,18394,10603],{},[3804,18396,10612],{}," анімацій ",[3804,18399,11302],{}," також підтримується:",[3843,18402,18404],{"className":4839,"code":18403,"language":4841,"meta":3851,"style":3851},"import Animated, { FadeIn, FadeOut, ReduceMotion } from 'react-native-reanimated';\n\n\u003CAnimated.View\n  entering={FadeIn.duration(300).reduceMotion(ReduceMotion.System)}\n  exiting={FadeOut.duration(200).reduceMotion(ReduceMotion.System)}\n>\n  \u003CContent \u002F>\n\u003C\u002FAnimated.View>\n",[3804,18405,18406,18432,18436,18442,18477,18512,18516,18525],{"__ignoreMap":3851},[3914,18407,18408,18410,18412,18414,18416,18418,18420,18422,18424,18426,18428,18430],{"class":3916,"line":3917},[3914,18409,4411],{"class":4143},[3914,18411,4623],{"class":4113},[3914,18413,4541],{"class":4109},[3914,18415,10794],{"class":4113},[3914,18417,3877],{"class":4109},[3914,18419,10799],{"class":4113},[3914,18421,3877],{"class":4109},[3914,18423,11302],{"class":4113},[3914,18425,4419],{"class":4109},[3914,18427,4422],{"class":4143},[3914,18429,4425],{"class":4134},[3914,18431,4138],{"class":4109},[3914,18433,18434],{"class":3916,"line":3923},[3914,18435,3939],{"emptyLinePlaceholder":3938},[3914,18437,18438,18440],{"class":3916,"line":3929},[3914,18439,4871],{"class":4870},[3914,18441,12358],{"class":4120},[3914,18443,18444,18447,18449,18451,18453,18455,18457,18459,18461,18463,18465,18467,18469,18471,18473,18475],{"class":3916,"line":3935},[3914,18445,18446],{"class":4876},"  entering",[3914,18448,4879],{"class":4109},[3914,18450,4882],{"class":4101},[3914,18452,10794],{"class":4113},[3914,18454,3750],{"class":4885},[3914,18456,10905],{"class":4105},[3914,18458,4110],{"class":4885},[3914,18460,10910],{"class":4153},[3914,18462,11178],{"class":4885},[3914,18464,11297],{"class":4105},[3914,18466,4110],{"class":4885},[3914,18468,11302],{"class":4113},[3914,18470,3750],{"class":4885},[3914,18472,11307],{"class":4113},[3914,18474,10594],{"class":4885},[3914,18476,3963],{"class":4101},[3914,18478,18479,18482,18484,18486,18488,18490,18492,18494,18496,18498,18500,18502,18504,18506,18508,18510],{"class":3916,"line":3942},[3914,18480,18481],{"class":4876},"  exiting",[3914,18483,4879],{"class":4109},[3914,18485,4882],{"class":4101},[3914,18487,10799],{"class":4113},[3914,18489,3750],{"class":4885},[3914,18491,10905],{"class":4105},[3914,18493,4110],{"class":4885},[3914,18495,9183],{"class":4153},[3914,18497,11178],{"class":4885},[3914,18499,11297],{"class":4105},[3914,18501,4110],{"class":4885},[3914,18503,11302],{"class":4113},[3914,18505,3750],{"class":4885},[3914,18507,11307],{"class":4113},[3914,18509,10594],{"class":4885},[3914,18511,3963],{"class":4101},[3914,18513,18514],{"class":3916,"line":3948},[3914,18515,5715],{"class":4870},[3914,18517,18518,18520,18523],{"class":3916,"line":3954},[3914,18519,10856],{"class":4870},[3914,18521,18522],{"class":4120},"Content",[3914,18524,4908],{"class":4870},[3914,18526,18527,18529,18531],{"class":3916,"line":3960},[3914,18528,5750],{"class":4870},[3914,18530,4826],{"class":4120},[3914,18532,5715],{"class":4870},[3835,18534,18536],{"id":18535},"правила-для-анімацій-та-доступності","Правила для анімацій та доступності",[18538,18539,18540,18558],"card-group",{},[8433,18541,18544],{"icon":18542,"title":18543},"i-lucide-x-circle","❌ Уникати",[3755,18545,18546,18549,18552,18555],{},[3758,18547,18548],{},"Паралакс і великі просторові переміщення",[3758,18550,18551],{},"Нескінченні пульсуючі анімації без можливості зупинки",[3758,18553,18554],{},"Анімації, що тривають > 3 секунд",[3758,18556,18557],{},"Миготіння > 3 разів на секунду",[8433,18559,18562],{"icon":18560,"title":18561},"i-lucide-check-circle","✅ Безпечно навіть при Reduce Motion",[3755,18563,18564,18567,18570,18573],{},[3758,18565,18566],{},"Opacity fade-in\u002Ffade-out (дрібна зміна прозорості)",[3758,18568,18569],{},"Кольорові переходи",[3758,18571,18572],{},"Дрібний scale (0.97–1.03)",[3758,18574,18575],{},"Progress bars і завантажувальні індикатори",[15714,18577,18578,18579,18581],{},"Найкраща практика: завжди встановлюйте ",[3804,18580,18370],{}," у всіх анімаціях за замовчуванням. Це нічого не коштує у реалізації, але значно покращує доступність застосунку.",[3828,18583],{},[3738,18585,18587],{"id":18586},"міні-проєкт-expandable-card","Міні-проєкт: «Expandable Card»",[3835,18589,18591],{"id":18590},"що-будуємо","Що будуємо",[3743,18593,18594],{},"Картка, яка при тапі:",[18596,18597,18598,18606,18612,18621,18627,18630],"ol",{},[3758,18599,18600,18177,18603,18605],{},[3747,18601,18602],{},"Розкривається",[3804,18604,5032],{}," по висоті (від закритого стану до повного).",[3758,18607,18608,18611],{},[3747,18609,18610],{},"Хевдер"," злегка піднімається і міняє колір.",[3758,18613,18614,18617,18618,18620],{},[3747,18615,18616],{},"Контент"," з'являється через ",[3804,18619,10794],{}," зі затримкою.",[3758,18622,18623,18626],{},[3747,18624,18625],{},"Іконка-стрілка"," плавно обертається на 180°.",[3758,18628,18629],{},"При повторному тапі — плавно закривається.",[3758,18631,18632],{},"Поважає Reduce Motion.",[3835,18634,18636],{"id":18635},"reanimated-реалізація-повний-код","Reanimated-реалізація (повний код)",[3843,18638,18640],{"className":4839,"code":18639,"language":4841,"meta":3851,"style":3851},"\u002F\u002F components\u002FExpandableCard.tsx\nimport { useState, useCallback } from 'react';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n  interpolate,\n  interpolateColor,\n  Extrapolation,\n  FadeIn,\n  FadeOut,\n  ReduceMotion,\n} from 'react-native-reanimated';\nimport { Pressable, Text, StyleSheet, View } from 'react-native';\n\ninterface Props {\n  title: string;\n  preview: string;\n  children: React.ReactNode;\n}\n\nconst COLLAPSED_HEIGHT = 64;\nconst EXPANDED_HEIGHT = 220;\n\nexport function ExpandableCard({ title, preview, children }: Props) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  \u002F\u002F 0 = закрито, 1 = відкрито\n  const progress = useSharedValue(0);\n\n  const handlePress = useCallback(() => {\n    const next = isOpen ? 0 : 1;\n    setIsOpen(!isOpen);\n    progress.value = withSpring(next, {\n      damping: 16,\n      stiffness: 120,\n      reduceMotion: ReduceMotion.System,\n    });\n  }, [isOpen, progress]);\n\n  \u002F\u002F Висота картки\n  const containerStyle = useAnimatedStyle(() => ({\n    height: interpolate(\n      progress.value,\n      [0, 1],\n      [COLLAPSED_HEIGHT, EXPANDED_HEIGHT],\n      Extrapolation.CLAMP\n    ),\n    overflow: 'hidden',\n  }));\n\n  \u002F\u002F Колір фону хедера\n  const headerStyle = useAnimatedStyle(() => ({\n    backgroundColor: interpolateColor(\n      progress.value,\n      [0, 1],\n      ['#FFFFFF', '#EFF6FF']\n    ),\n  }));\n\n  \u002F\u002F Обертання стрілки\n  const arrowStyle = useAnimatedStyle(() => ({\n    transform: [{\n      rotate: `${interpolate(progress.value, [0, 1], [0, 180])}deg`\n    }],\n  }));\n\n  \u002F\u002F Прозорість прев'ю тексту (зникає при розкритті)\n  const previewStyle = useAnimatedStyle(() => ({\n    opacity: interpolate(progress.value, [0, 0.3], [1, 0], Extrapolation.CLAMP),\n  }));\n\n  return (\n    \u003CAnimated.View style={[styles.card, containerStyle]}>\n      {\u002F* Хедер *\u002F}\n      \u003CPressable onPress={handlePress}>\n        \u003CAnimated.View style={[styles.header, headerStyle]}>\n          \u003CView style={styles.headerLeft}>\n            \u003CText style={styles.title}>{title}\u003C\u002FText>\n            \u003CAnimated.Text style={[styles.preview, previewStyle]} numberOfLines={1}>\n              {preview}\n            \u003C\u002FAnimated.Text>\n          \u003C\u002FView>\n          \u003CAnimated.Text style={[styles.arrow, arrowStyle]}>↓\u003C\u002FAnimated.Text>\n        \u003C\u002FAnimated.View>\n      \u003C\u002FPressable>\n\n      {\u002F* Контент, що з'являється *\u002F}\n      {isOpen && (\n        \u003CAnimated.View\n          entering={FadeIn.delay(150).duration(250).reduceMotion(ReduceMotion.System)}\n          exiting={FadeOut.duration(100).reduceMotion(ReduceMotion.System)}\n          style={styles.content}\n        >\n          {children}\n        \u003C\u002FAnimated.View>\n      )}\n    \u003C\u002FAnimated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    backgroundColor: 'white',\n    borderRadius: 16,\n    overflow: 'hidden',\n    shadowColor: '#000',\n    shadowOpacity: 0.08,\n    shadowRadius: 12,\n    shadowOffset: { width: 0, height: 4 },\n    elevation: 4,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 18,\n    paddingVertical: 14,\n    minHeight: 64,\n  },\n  headerLeft: { flex: 1 },\n  title: { fontSize: 16, fontWeight: '700', color: '#1E293B' },\n  preview: { fontSize: 13, color: '#94A3B8', marginTop: 2 },\n  arrow: { fontSize: 20, color: '#3B82F6', fontWeight: '700', marginLeft: 12 },\n  content: { paddingHorizontal: 18, paddingBottom: 16 },\n});\n",[3804,18641,18642,18647,18668,18676,18682,18689,18695,18701,18708,18715,18722,18729,18736,18743,18753,18781,18785,18795,18806,18817,18833,18837,18841,18855,18869,18873,18902,18926,18930,18935,18951,18955,18971,18992,19004,19024,19032,19040,19053,19058,19072,19076,19081,19098,19107,19118,19131,19145,19154,19159,19169,19173,19177,19182,19198,19208,19218,19230,19245,19249,19253,19257,19262,19279,19286,19329,19334,19338,19342,19347,19364,19404,19408,19412,19418,19449,19458,19476,19507,19530,19564,19606,19615,19624,19632,19673,19681,19689,19693,19702,19712,19718,19762,19797,19815,19820,19828,19837,19844,19853,19858,19863,19868,19885,19892,19901,19911,19920,19930,19940,19950,19970,19980,19985,19992,20002,20012,20022,20032,20043,20048,20062,20087,20113,20146,20166],{"__ignoreMap":3851},[3914,18643,18644],{"class":3916,"line":3917},[3914,18645,18646],{"class":4160},"\u002F\u002F components\u002FExpandableCard.tsx\n",[3914,18648,18649,18651,18653,18655,18657,18660,18662,18664,18666],{"class":3916,"line":3923},[3914,18650,4411],{"class":4143},[3914,18652,4414],{"class":4109},[3914,18654,5219],{"class":4113},[3914,18656,3877],{"class":4109},[3914,18658,18659],{"class":4113},"useCallback",[3914,18661,4419],{"class":4109},[3914,18663,4422],{"class":4143},[3914,18665,5226],{"class":4134},[3914,18667,4138],{"class":4109},[3914,18669,18670,18672,18674],{"class":3916,"line":3929},[3914,18671,4411],{"class":4143},[3914,18673,4623],{"class":4113},[3914,18675,5100],{"class":4109},[3914,18677,18678,18680],{"class":3916,"line":3935},[3914,18679,15754],{"class":4113},[3914,18681,4712],{"class":4109},[3914,18683,18684,18687],{"class":3916,"line":3942},[3914,18685,18686],{"class":4113},"  useAnimatedStyle",[3914,18688,4712],{"class":4109},[3914,18690,18691,18693],{"class":3916,"line":3948},[3914,18692,7660],{"class":4113},[3914,18694,4712],{"class":4109},[3914,18696,18697,18699],{"class":3916,"line":3954},[3914,18698,7638],{"class":4113},[3914,18700,4712],{"class":4109},[3914,18702,18703,18706],{"class":3916,"line":3960},[3914,18704,18705],{"class":4113},"  interpolate",[3914,18707,4712],{"class":4109},[3914,18709,18710,18713],{"class":3916,"line":3966},[3914,18711,18712],{"class":4113},"  interpolateColor",[3914,18714,4712],{"class":4109},[3914,18716,18717,18720],{"class":3916,"line":3971},[3914,18718,18719],{"class":4113},"  Extrapolation",[3914,18721,4712],{"class":4109},[3914,18723,18724,18727],{"class":3916,"line":3977},[3914,18725,18726],{"class":4113},"  FadeIn",[3914,18728,4712],{"class":4109},[3914,18730,18731,18734],{"class":3916,"line":3983},[3914,18732,18733],{"class":4113},"  FadeOut",[3914,18735,4712],{"class":4109},[3914,18737,18738,18741],{"class":3916,"line":3989},[3914,18739,18740],{"class":4113},"  ReduceMotion",[3914,18742,4712],{"class":4109},[3914,18744,18745,18747,18749,18751],{"class":3916,"line":3995},[3914,18746,15774],{"class":4109},[3914,18748,4422],{"class":4143},[3914,18750,4425],{"class":4134},[3914,18752,4138],{"class":4109},[3914,18754,18755,18757,18759,18761,18763,18765,18767,18769,18771,18773,18775,18777,18779],{"class":3916,"line":4000},[3914,18756,4411],{"class":4143},[3914,18758,4414],{"class":4109},[3914,18760,5254],{"class":4113},[3914,18762,3877],{"class":4109},[3914,18764,5249],{"class":4113},[3914,18766,3877],{"class":4109},[3914,18768,5259],{"class":4113},[3914,18770,3877],{"class":4109},[3914,18772,4760],{"class":4113},[3914,18774,4419],{"class":4109},[3914,18776,4422],{"class":4143},[3914,18778,4944],{"class":4134},[3914,18780,4138],{"class":4109},[3914,18782,18783],{"class":3916,"line":4005},[3914,18784,3939],{"emptyLinePlaceholder":3938},[3914,18786,18787,18790,18793],{"class":3916,"line":4011},[3914,18788,18789],{"class":4101},"interface",[3914,18791,18792],{"class":4120}," Props",[3914,18794,4129],{"class":4109},[3914,18796,18797,18800,18802,18804],{"class":3916,"line":4017},[3914,18798,18799],{"class":4113},"  title",[3914,18801,4117],{"class":4109},[3914,18803,5448],{"class":4120},[3914,18805,4138],{"class":4109},[3914,18807,18808,18811,18813,18815],{"class":3916,"line":4022},[3914,18809,18810],{"class":4113},"  preview",[3914,18812,4117],{"class":4109},[3914,18814,5448],{"class":4120},[3914,18816,4138],{"class":4109},[3914,18818,18819,18822,18824,18826,18828,18831],{"class":3916,"line":4027},[3914,18820,18821],{"class":4113},"  children",[3914,18823,4117],{"class":4109},[3914,18825,2021],{"class":4120},[3914,18827,3750],{"class":4109},[3914,18829,18830],{"class":4120},"ReactNode",[3914,18832,4138],{"class":4109},[3914,18834,18835],{"class":3916,"line":4033},[3914,18836,3963],{"class":4109},[3914,18838,18839],{"class":3916,"line":4039},[3914,18840,3939],{"emptyLinePlaceholder":3938},[3914,18842,18843,18845,18848,18850,18853],{"class":3916,"line":4045},[3914,18844,4436],{"class":4101},[3914,18846,18847],{"class":4439}," COLLAPSED_HEIGHT",[3914,18849,4264],{"class":4109},[3914,18851,18852],{"class":4153},"64",[3914,18854,4138],{"class":4109},[3914,18856,18857,18859,18862,18864,18867],{"class":3916,"line":4051},[3914,18858,4436],{"class":4101},[3914,18860,18861],{"class":4439}," EXPANDED_HEIGHT",[3914,18863,4264],{"class":4109},[3914,18865,18866],{"class":4153},"220",[3914,18868,4138],{"class":4109},[3914,18870,18871],{"class":3916,"line":4057},[3914,18872,3939],{"emptyLinePlaceholder":3938},[3914,18874,18875,18877,18879,18882,18884,18886,18888,18891,18893,18895,18897,18900],{"class":3916,"line":4063},[3914,18876,5861],{"class":4143},[3914,18878,5867],{"class":4101},[3914,18880,18881],{"class":4105}," ExpandableCard",[3914,18883,5430],{"class":4109},[3914,18885,5923],{"class":4113},[3914,18887,3877],{"class":4109},[3914,18889,18890],{"class":4113},"preview",[3914,18892,3877],{"class":4109},[3914,18894,15817],{"class":4113},[3914,18896,8107],{"class":4109},[3914,18898,18899],{"class":4120},"Props",[3914,18901,4275],{"class":4109},[3914,18903,18904,18906,18908,18911,18913,18916,18918,18920,18922,18924],{"class":3916,"line":5669},[3914,18905,4662],{"class":4101},[3914,18907,4307],{"class":4109},[3914,18909,18910],{"class":4439},"isOpen",[3914,18912,3877],{"class":4109},[3914,18914,18915],{"class":4439},"setIsOpen",[3914,18917,5512],{"class":4109},[3914,18919,5219],{"class":4105},[3914,18921,4110],{"class":4109},[3914,18923,5519],{"class":4101},[3914,18925,4293],{"class":4109},[3914,18927,18928],{"class":3916,"line":5674},[3914,18929,3939],{"emptyLinePlaceholder":3938},[3914,18931,18932],{"class":3916,"line":5681},[3914,18933,18934],{"class":4160},"  \u002F\u002F 0 = закрито, 1 = відкрито\n",[3914,18936,18937,18939,18941,18943,18945,18947,18949],{"class":3916,"line":5718},[3914,18938,4662],{"class":4101},[3914,18940,8945],{"class":4439},[3914,18942,4264],{"class":4109},[3914,18944,4396],{"class":4105},[3914,18946,4110],{"class":4109},[3914,18948,4488],{"class":4153},[3914,18950,4293],{"class":4109},[3914,18952,18953],{"class":3916,"line":5757},[3914,18954,3939],{"emptyLinePlaceholder":3938},[3914,18956,18957,18959,18961,18963,18965,18967,18969],{"class":3916,"line":5781},[3914,18958,4662],{"class":4101},[3914,18960,16606],{"class":4439},[3914,18962,4264],{"class":4109},[3914,18964,18659],{"class":4105},[3914,18966,4692],{"class":4109},[3914,18968,4695],{"class":4101},[3914,18970,4129],{"class":4109},[3914,18972,18973,18975,18978,18980,18982,18984,18986,18988,18990],{"class":3916,"line":5823},[3914,18974,6665],{"class":4101},[3914,18976,18977],{"class":4439}," next",[3914,18979,4264],{"class":4109},[3914,18981,18910],{"class":4113},[3914,18983,6675],{"class":4109},[3914,18985,4488],{"class":4153},[3914,18987,6680],{"class":4109},[3914,18989,4449],{"class":4153},[3914,18991,4138],{"class":4109},[3914,18993,18994,18997,19000,19002],{"class":3916,"line":5833},[3914,18995,18996],{"class":4105},"    setIsOpen",[3914,18998,18999],{"class":4109},"(!",[3914,19001,18910],{"class":4113},[3914,19003,4293],{"class":4109},[3914,19005,19006,19009,19011,19013,19015,19017,19019,19022],{"class":3916,"line":5843},[3914,19007,19008],{"class":4113},"    progress",[3914,19010,3750],{"class":4109},[3914,19012,4114],{"class":4113},[3914,19014,4264],{"class":4109},[3914,19016,5032],{"class":4105},[3914,19018,4110],{"class":4109},[3914,19020,19021],{"class":4113},"next",[3914,19023,5100],{"class":4109},[3914,19025,19026,19028,19030],{"class":3916,"line":5848},[3914,19027,6738],{"class":4113},[3914,19029,6091],{"class":4153},[3914,19031,4712],{"class":4109},[3914,19033,19034,19036,19038],{"class":3916,"line":5853},[3914,19035,6747],{"class":4113},[3914,19037,6750],{"class":4153},[3914,19039,4712],{"class":4109},[3914,19041,19042,19045,19047,19049,19051],{"class":3916,"line":5858},[3914,19043,19044],{"class":4113},"      reduceMotion:",[3914,19046,18252],{"class":4113},[3914,19048,3750],{"class":4109},[3914,19050,11307],{"class":4113},[3914,19052,4712],{"class":4109},[3914,19054,19055],{"class":3916,"line":5875},[3914,19056,19057],{"class":4109},"    });\n",[3914,19059,19060,19063,19065,19067,19069],{"class":3916,"line":5882},[3914,19061,19062],{"class":4109},"  }, [",[3914,19064,18910],{"class":4113},[3914,19066,3877],{"class":4109},[3914,19068,9012],{"class":4113},[3914,19070,19071],{"class":4109},"]);\n",[3914,19073,19074],{"class":3916,"line":5906},[3914,19075,3939],{"emptyLinePlaceholder":3938},[3914,19077,19078],{"class":3916,"line":5939},[3914,19079,19080],{"class":4160},"  \u002F\u002F Висота картки\n",[3914,19082,19083,19085,19088,19090,19092,19094,19096],{"class":3916,"line":5965},[3914,19084,4662],{"class":4101},[3914,19086,19087],{"class":4439}," containerStyle",[3914,19089,4264],{"class":4109},[3914,19091,4171],{"class":4105},[3914,19093,4692],{"class":4109},[3914,19095,4695],{"class":4101},[3914,19097,4698],{"class":4109},[3914,19099,19100,19103,19105],{"class":3916,"line":6020},[3914,19101,19102],{"class":4113},"    height:",[3914,19104,13846],{"class":4105},[3914,19106,7633],{"class":4109},[3914,19108,19109,19112,19114,19116],{"class":3916,"line":6028},[3914,19110,19111],{"class":4113},"      progress",[3914,19113,3750],{"class":4109},[3914,19115,4114],{"class":4113},[3914,19117,4712],{"class":4109},[3914,19119,19120,19123,19125,19127,19129],{"class":3916,"line":6037},[3914,19121,19122],{"class":4109},"      [",[3914,19124,4488],{"class":4153},[3914,19126,3877],{"class":4109},[3914,19128,4449],{"class":4153},[3914,19130,4313],{"class":4109},[3914,19132,19133,19135,19138,19140,19143],{"class":3916,"line":6042},[3914,19134,19122],{"class":4109},[3914,19136,19137],{"class":4439},"COLLAPSED_HEIGHT",[3914,19139,3877],{"class":4109},[3914,19141,19142],{"class":4439},"EXPANDED_HEIGHT",[3914,19144,4313],{"class":4109},[3914,19146,19147,19150,19152],{"class":3916,"line":6047},[3914,19148,19149],{"class":4113},"      Extrapolation",[3914,19151,3750],{"class":4109},[3914,19153,9289],{"class":4439},[3914,19155,19156],{"class":3916,"line":6052},[3914,19157,19158],{"class":4109},"    ),\n",[3914,19160,19161,19164,19167],{"class":3916,"line":6072},[3914,19162,19163],{"class":4113},"    overflow:",[3914,19165,19166],{"class":4134}," 'hidden'",[3914,19168,4712],{"class":4109},[3914,19170,19171],{"class":3916,"line":6112},[3914,19172,4737],{"class":4109},[3914,19174,19175],{"class":3916,"line":6159},[3914,19176,3939],{"emptyLinePlaceholder":3938},[3914,19178,19179],{"class":3916,"line":6173},[3914,19180,19181],{"class":4160},"  \u002F\u002F Колір фону хедера\n",[3914,19183,19184,19186,19188,19190,19192,19194,19196],{"class":3916,"line":6201},[3914,19185,4662],{"class":4101},[3914,19187,13805],{"class":4439},[3914,19189,4264],{"class":4109},[3914,19191,4171],{"class":4105},[3914,19193,4692],{"class":4109},[3914,19195,4695],{"class":4101},[3914,19197,4698],{"class":4109},[3914,19199,19200,19203,19206],{"class":3916,"line":6246},[3914,19201,19202],{"class":4113},"    backgroundColor:",[3914,19204,19205],{"class":4105}," interpolateColor",[3914,19207,7633],{"class":4109},[3914,19209,19210,19212,19214,19216],{"class":3916,"line":6281},[3914,19211,19111],{"class":4113},[3914,19213,3750],{"class":4109},[3914,19215,4114],{"class":4113},[3914,19217,4712],{"class":4109},[3914,19219,19220,19222,19224,19226,19228],{"class":3916,"line":7412},[3914,19221,19122],{"class":4109},[3914,19223,4488],{"class":4153},[3914,19225,3877],{"class":4109},[3914,19227,4449],{"class":4153},[3914,19229,4313],{"class":4109},[3914,19231,19232,19234,19237,19239,19242],{"class":3916,"line":7432},[3914,19233,19122],{"class":4109},[3914,19235,19236],{"class":4134},"'#FFFFFF'",[3914,19238,3877],{"class":4109},[3914,19240,19241],{"class":4134},"'#EFF6FF'",[3914,19243,19244],{"class":4109},"]\n",[3914,19246,19247],{"class":3916,"line":7459},[3914,19248,19158],{"class":4109},[3914,19250,19251],{"class":3916,"line":7504},[3914,19252,4737],{"class":4109},[3914,19254,19255],{"class":3916,"line":7530},[3914,19256,3939],{"emptyLinePlaceholder":3938},[3914,19258,19259],{"class":3916,"line":7544},[3914,19260,19261],{"class":4160},"  \u002F\u002F Обертання стрілки\n",[3914,19263,19264,19266,19269,19271,19273,19275,19277],{"class":3916,"line":7559},[3914,19265,4662],{"class":4101},[3914,19267,19268],{"class":4439}," arrowStyle",[3914,19270,4264],{"class":4109},[3914,19272,4171],{"class":4105},[3914,19274,4692],{"class":4109},[3914,19276,4695],{"class":4101},[3914,19278,4698],{"class":4109},[3914,19280,19281,19283],{"class":3916,"line":10348},[3914,19282,4717],{"class":4113},[3914,19284,19285],{"class":4109}," [{\n",[3914,19287,19288,19291,19293,19295,19297,19299,19301,19303,19305,19307,19309,19311,19313,19315,19317,19319,19321,19324,19326],{"class":3916,"line":10373},[3914,19289,19290],{"class":4113},"      rotate:",[3914,19292,9044],{"class":4134},[3914,19294,9047],{"class":4101},[3914,19296,9089],{"class":4105},[3914,19298,4110],{"class":4885},[3914,19300,9012],{"class":4113},[3914,19302,3750],{"class":4885},[3914,19304,4114],{"class":4113},[3914,19306,13857],{"class":4885},[3914,19308,4488],{"class":4153},[3914,19310,3877],{"class":4885},[3914,19312,4449],{"class":4153},[3914,19314,13867],{"class":4885},[3914,19316,4488],{"class":4153},[3914,19318,3877],{"class":4885},[3914,19320,14265],{"class":4153},[3914,19322,19323],{"class":4885},"])",[3914,19325,4905],{"class":4101},[3914,19327,19328],{"class":4134},"deg`\n",[3914,19330,19331],{"class":3916,"line":10406},[3914,19332,19333],{"class":4109},"    }],\n",[3914,19335,19336],{"class":3916,"line":10439},[3914,19337,4737],{"class":4109},[3914,19339,19340],{"class":3916,"line":10460},[3914,19341,3939],{"emptyLinePlaceholder":3938},[3914,19343,19344],{"class":3916,"line":10515},[3914,19345,19346],{"class":4160},"  \u002F\u002F Прозорість прев'ю тексту (зникає при розкритті)\n",[3914,19348,19349,19351,19354,19356,19358,19360,19362],{"class":3916,"line":10547},[3914,19350,4662],{"class":4101},[3914,19352,19353],{"class":4439}," previewStyle",[3914,19355,4264],{"class":4109},[3914,19357,4171],{"class":4105},[3914,19359,4692],{"class":4109},[3914,19361,4695],{"class":4101},[3914,19363,4698],{"class":4109},[3914,19365,19366,19368,19370,19372,19374,19376,19378,19380,19382,19384,19386,19388,19390,19392,19394,19396,19398,19400,19402],{"class":3916,"line":10567},[3914,19367,4703],{"class":4113},[3914,19369,13846],{"class":4105},[3914,19371,4110],{"class":4109},[3914,19373,9012],{"class":4113},[3914,19375,3750],{"class":4109},[3914,19377,4114],{"class":4113},[3914,19379,13857],{"class":4109},[3914,19381,4488],{"class":4153},[3914,19383,3877],{"class":4109},[3914,19385,7929],{"class":4153},[3914,19387,13867],{"class":4109},[3914,19389,4449],{"class":4153},[3914,19391,3877],{"class":4109},[3914,19393,4488],{"class":4153},[3914,19395,4326],{"class":4109},[3914,19397,9115],{"class":4113},[3914,19399,3750],{"class":4109},[3914,19401,9215],{"class":4439},[3914,19403,6824],{"class":4109},[3914,19405,19406],{"class":3916,"line":15134},[3914,19407,4737],{"class":4109},[3914,19409,19410],{"class":3916,"line":15139},[3914,19411,3939],{"emptyLinePlaceholder":3938},[3914,19413,19414,19416],{"class":3916,"line":15156},[3914,19415,4144],{"class":4143},[3914,19417,4748],{"class":4109},[3914,19419,19420,19422,19424,19426,19428,19430,19432,19434,19436,19438,19440,19443,19445,19447],{"class":3916,"line":15175},[3914,19421,4753],{"class":4870},[3914,19423,4826],{"class":4120},[3914,19425,4763],{"class":4876},[3914,19427,4879],{"class":4109},[3914,19429,4882],{"class":4101},[3914,19431,4886],{"class":4885},[3914,19433,4889],{"class":4113},[3914,19435,3750],{"class":4885},[3914,19437,8433],{"class":4113},[3914,19439,3877],{"class":4885},[3914,19441,19442],{"class":4113},"containerStyle",[3914,19444,4902],{"class":4885},[3914,19446,4905],{"class":4101},[3914,19448,5715],{"class":4870},[3914,19450,19451,19453,19456],{"class":3916,"line":15230},[3914,19452,5942],{"class":4101},[3914,19454,19455],{"class":4160},"\u002F* Хедер *\u002F",[3914,19457,3963],{"class":4101},[3914,19459,19460,19462,19464,19466,19468,19470,19472,19474],{"class":3916,"line":15255},[3914,19461,5721],{"class":4870},[3914,19463,5254],{"class":4120},[3914,19465,5688],{"class":4876},[3914,19467,4879],{"class":4109},[3914,19469,4882],{"class":4101},[3914,19471,16744],{"class":4113},[3914,19473,4905],{"class":4101},[3914,19475,5715],{"class":4870},[3914,19477,19478,19480,19482,19484,19486,19488,19490,19492,19494,19496,19498,19501,19503,19505],{"class":3916,"line":15282},[3914,19479,5784],{"class":4870},[3914,19481,4826],{"class":4120},[3914,19483,4763],{"class":4876},[3914,19485,4879],{"class":4109},[3914,19487,4882],{"class":4101},[3914,19489,4886],{"class":4885},[3914,19491,4889],{"class":4113},[3914,19493,3750],{"class":4885},[3914,19495,9762],{"class":4113},[3914,19497,3877],{"class":4885},[3914,19499,19500],{"class":4113},"headerStyle",[3914,19502,4902],{"class":4885},[3914,19504,4905],{"class":4101},[3914,19506,5715],{"class":4870},[3914,19508,19509,19511,19513,19515,19517,19519,19521,19523,19526,19528],{"class":3916,"line":15331},[3914,19510,7003],{"class":4870},[3914,19512,4760],{"class":4120},[3914,19514,4763],{"class":4876},[3914,19516,4879],{"class":4109},[3914,19518,4882],{"class":4101},[3914,19520,4889],{"class":4113},[3914,19522,3750],{"class":4885},[3914,19524,19525],{"class":4113},"headerLeft",[3914,19527,4905],{"class":4101},[3914,19529,5715],{"class":4870},[3914,19531,19532,19534,19536,19538,19540,19542,19544,19546,19548,19550,19552,19554,19556,19558,19560,19562],{"class":3916,"line":15356},[3914,19533,7057],{"class":4870},[3914,19535,5249],{"class":4120},[3914,19537,4763],{"class":4876},[3914,19539,4879],{"class":4109},[3914,19541,4882],{"class":4101},[3914,19543,4889],{"class":4113},[3914,19545,3750],{"class":4885},[3914,19547,5923],{"class":4113},[3914,19549,4905],{"class":4101},[3914,19551,5741],{"class":4870},[3914,19553,4882],{"class":4101},[3914,19555,5923],{"class":4113},[3914,19557,4905],{"class":4101},[3914,19559,5750],{"class":4870},[3914,19561,5249],{"class":4120},[3914,19563,5715],{"class":4870},[3914,19565,19566,19568,19570,19572,19574,19576,19578,19580,19582,19584,19586,19589,19591,19593,19596,19598,19600,19602,19604],{"class":3916,"line":15383},[3914,19567,7057],{"class":4870},[3914,19569,4829],{"class":4120},[3914,19571,4763],{"class":4876},[3914,19573,4879],{"class":4109},[3914,19575,4882],{"class":4101},[3914,19577,4886],{"class":4885},[3914,19579,4889],{"class":4113},[3914,19581,3750],{"class":4885},[3914,19583,18890],{"class":4113},[3914,19585,3877],{"class":4885},[3914,19587,19588],{"class":4113},"previewStyle",[3914,19590,4902],{"class":4885},[3914,19592,4905],{"class":4101},[3914,19594,19595],{"class":4876}," numberOfLines",[3914,19597,4879],{"class":4109},[3914,19599,4882],{"class":4101},[3914,19601,4449],{"class":4153},[3914,19603,4905],{"class":4101},[3914,19605,5715],{"class":4870},[3914,19607,19608,19611,19613],{"class":3916,"line":17631},[3914,19609,19610],{"class":4101},"              {",[3914,19612,18890],{"class":4113},[3914,19614,3963],{"class":4101},[3914,19616,19617,19620,19622],{"class":3916,"line":17636},[3914,19618,19619],{"class":4870},"            \u003C\u002F",[3914,19621,4829],{"class":4120},[3914,19623,5715],{"class":4870},[3914,19625,19626,19628,19630],{"class":3916,"line":17641},[3914,19627,7104],{"class":4870},[3914,19629,4760],{"class":4120},[3914,19631,5715],{"class":4870},[3914,19633,19634,19636,19638,19640,19642,19644,19646,19648,19650,19653,19655,19658,19660,19662,19664,19667,19669,19671],{"class":3916,"line":17658},[3914,19635,7003],{"class":4870},[3914,19637,4829],{"class":4120},[3914,19639,4763],{"class":4876},[3914,19641,4879],{"class":4109},[3914,19643,4882],{"class":4101},[3914,19645,4886],{"class":4885},[3914,19647,4889],{"class":4113},[3914,19649,3750],{"class":4885},[3914,19651,19652],{"class":4113},"arrow",[3914,19654,3877],{"class":4885},[3914,19656,19657],{"class":4113},"arrowStyle",[3914,19659,4902],{"class":4885},[3914,19661,4905],{"class":4101},[3914,19663,5741],{"class":4870},[3914,19665,19666],{"class":4109},"↓",[3914,19668,5750],{"class":4870},[3914,19670,4829],{"class":4120},[3914,19672,5715],{"class":4870},[3914,19674,19675,19677,19679],{"class":3916,"line":17689},[3914,19676,7113],{"class":4870},[3914,19678,4826],{"class":4120},[3914,19680,5715],{"class":4870},[3914,19682,19683,19685,19687],{"class":3916,"line":17723},[3914,19684,5826],{"class":4870},[3914,19686,5254],{"class":4120},[3914,19688,5715],{"class":4870},[3914,19690,19691],{"class":3916,"line":17742},[3914,19692,3939],{"emptyLinePlaceholder":3938},[3914,19694,19695,19697,19700],{"class":3916,"line":17774},[3914,19696,5942],{"class":4101},[3914,19698,19699],{"class":4160},"\u002F* Контент, що з'являється *\u002F",[3914,19701,3963],{"class":4101},[3914,19703,19704,19706,19708,19710],{"class":3916,"line":17799},[3914,19705,5942],{"class":4101},[3914,19707,18910],{"class":4113},[3914,19709,11941],{"class":4109},[3914,19711,4748],{"class":4885},[3914,19713,19714,19716],{"class":3916,"line":17843},[3914,19715,5784],{"class":4870},[3914,19717,12358],{"class":4120},[3914,19719,19720,19723,19725,19727,19729,19731,19733,19735,19737,19739,19741,19743,19746,19748,19750,19752,19754,19756,19758,19760],{"class":3916,"line":17857},[3914,19721,19722],{"class":4876},"          entering",[3914,19724,4879],{"class":4109},[3914,19726,4882],{"class":4101},[3914,19728,10794],{"class":4113},[3914,19730,3750],{"class":4885},[3914,19732,8100],{"class":4105},[3914,19734,4110],{"class":4885},[3914,19736,13864],{"class":4153},[3914,19738,11178],{"class":4885},[3914,19740,10905],{"class":4105},[3914,19742,4110],{"class":4885},[3914,19744,19745],{"class":4153},"250",[3914,19747,11178],{"class":4885},[3914,19749,11297],{"class":4105},[3914,19751,4110],{"class":4885},[3914,19753,11302],{"class":4113},[3914,19755,3750],{"class":4885},[3914,19757,11307],{"class":4113},[3914,19759,10594],{"class":4885},[3914,19761,3963],{"class":4101},[3914,19763,19764,19767,19769,19771,19773,19775,19777,19779,19781,19783,19785,19787,19789,19791,19793,19795],{"class":3916,"line":17883},[3914,19765,19766],{"class":4876},"          exiting",[3914,19768,4879],{"class":4109},[3914,19770,4882],{"class":4101},[3914,19772,10799],{"class":4113},[3914,19774,3750],{"class":4885},[3914,19776,10905],{"class":4105},[3914,19778,4110],{"class":4885},[3914,19780,7839],{"class":4153},[3914,19782,11178],{"class":4885},[3914,19784,11297],{"class":4105},[3914,19786,4110],{"class":4885},[3914,19788,11302],{"class":4113},[3914,19790,3750],{"class":4885},[3914,19792,11307],{"class":4113},[3914,19794,10594],{"class":4885},[3914,19796,3963],{"class":4101},[3914,19798,19799,19802,19804,19806,19808,19810,19813],{"class":3916,"line":17925},[3914,19800,19801],{"class":4876},"          style",[3914,19803,4879],{"class":4109},[3914,19805,4882],{"class":4101},[3914,19807,4889],{"class":4113},[3914,19809,3750],{"class":4885},[3914,19811,19812],{"class":4113},"content",[3914,19814,3963],{"class":4101},[3914,19816,19817],{"class":3916,"line":17952},[3914,19818,19819],{"class":4870},"        >\n",[3914,19821,19822,19824,19826],{"class":3916,"line":17978},[3914,19823,11971],{"class":4101},[3914,19825,15817],{"class":4113},[3914,19827,3963],{"class":4101},[3914,19829,19831,19833,19835],{"class":3916,"line":19830},97,[3914,19832,7113],{"class":4870},[3914,19834,4826],{"class":4120},[3914,19836,5715],{"class":4870},[3914,19838,19840,19842],{"class":3916,"line":19839},98,[3914,19841,12056],{"class":4885},[3914,19843,3963],{"class":4101},[3914,19845,19847,19849,19851],{"class":3916,"line":19846},99,[3914,19848,5836],{"class":4870},[3914,19850,4826],{"class":4120},[3914,19852,5715],{"class":4870},[3914,19854,19856],{"class":3916,"line":19855},100,[3914,19857,4784],{"class":4109},[3914,19859,19861],{"class":3916,"line":19860},101,[3914,19862,3963],{"class":4109},[3914,19864,19866],{"class":3916,"line":19865},102,[3914,19867,3939],{"emptyLinePlaceholder":3938},[3914,19869,19871,19873,19875,19877,19879,19881,19883],{"class":3916,"line":19870},103,[3914,19872,4436],{"class":4101},[3914,19874,6057],{"class":4439},[3914,19876,4264],{"class":4109},[3914,19878,5259],{"class":4113},[3914,19880,3750],{"class":4109},[3914,19882,6066],{"class":4105},[3914,19884,6069],{"class":4109},[3914,19886,19888,19890],{"class":3916,"line":19887},104,[3914,19889,8779],{"class":4113},[3914,19891,4129],{"class":4109},[3914,19893,19895,19897,19899],{"class":3916,"line":19894},105,[3914,19896,19202],{"class":4113},[3914,19898,7375],{"class":4134},[3914,19900,4712],{"class":4109},[3914,19902,19904,19907,19909],{"class":3916,"line":19903},106,[3914,19905,19906],{"class":4113},"    borderRadius:",[3914,19908,6091],{"class":4153},[3914,19910,4712],{"class":4109},[3914,19912,19914,19916,19918],{"class":3916,"line":19913},107,[3914,19915,19163],{"class":4113},[3914,19917,19166],{"class":4134},[3914,19919,4712],{"class":4109},[3914,19921,19923,19926,19928],{"class":3916,"line":19922},108,[3914,19924,19925],{"class":4113},"    shadowColor:",[3914,19927,8823],{"class":4134},[3914,19929,4712],{"class":4109},[3914,19931,19933,19935,19938],{"class":3916,"line":19932},109,[3914,19934,15894],{"class":4113},[3914,19936,19937],{"class":4153}," 0.08",[3914,19939,4712],{"class":4109},[3914,19941,19943,19946,19948],{"class":3916,"line":19942},110,[3914,19944,19945],{"class":4113},"    shadowRadius:",[3914,19947,6107],{"class":4153},[3914,19949,4712],{"class":4109},[3914,19951,19953,19956,19958,19960,19962,19964,19966,19968],{"class":3916,"line":19952},111,[3914,19954,19955],{"class":4113},"    shadowOffset:",[3914,19957,4414],{"class":4109},[3914,19959,6254],{"class":4113},[3914,19961,6388],{"class":4153},[3914,19963,3877],{"class":4109},[3914,19965,6209],{"class":4113},[3914,19967,6146],{"class":4153},[3914,19969,5307],{"class":4109},[3914,19971,19973,19976,19978],{"class":3916,"line":19972},112,[3914,19974,19975],{"class":4113},"    elevation:",[3914,19977,6146],{"class":4153},[3914,19979,4712],{"class":4109},[3914,19981,19983],{"class":3916,"line":19982},113,[3914,19984,14047],{"class":4109},[3914,19986,19988,19990],{"class":3916,"line":19987},114,[3914,19989,10301],{"class":4113},[3914,19991,4129],{"class":4109},[3914,19993,19995,19998,20000],{"class":3916,"line":19994},115,[3914,19996,19997],{"class":4113},"    flexDirection:",[3914,19999,7401],{"class":4134},[3914,20001,4712],{"class":4109},[3914,20003,20005,20008,20010],{"class":3916,"line":20004},116,[3914,20006,20007],{"class":4113},"    alignItems:",[3914,20009,6099],{"class":4134},[3914,20011,4712],{"class":4109},[3914,20013,20015,20018,20020],{"class":3916,"line":20014},117,[3914,20016,20017],{"class":4113},"    paddingHorizontal:",[3914,20019,17751],{"class":4153},[3914,20021,4712],{"class":4109},[3914,20023,20025,20028,20030],{"class":3916,"line":20024},118,[3914,20026,20027],{"class":4113},"    paddingVertical:",[3914,20029,7355],{"class":4153},[3914,20031,4712],{"class":4109},[3914,20033,20035,20038,20041],{"class":3916,"line":20034},119,[3914,20036,20037],{"class":4113},"    minHeight:",[3914,20039,20040],{"class":4153}," 64",[3914,20042,4712],{"class":4109},[3914,20044,20046],{"class":3916,"line":20045},120,[3914,20047,14047],{"class":4109},[3914,20049,20051,20054,20056,20058,20060],{"class":3916,"line":20050},121,[3914,20052,20053],{"class":4113},"  headerLeft:",[3914,20055,4414],{"class":4109},[3914,20057,6080],{"class":4113},[3914,20059,6083],{"class":4153},[3914,20061,5307],{"class":4109},[3914,20063,20065,20067,20069,20071,20073,20075,20077,20079,20081,20083,20085],{"class":3916,"line":20064},122,[3914,20066,6115],{"class":4113},[3914,20068,4414],{"class":4109},[3914,20070,6135],{"class":4113},[3914,20072,6091],{"class":4153},[3914,20074,3877],{"class":4109},[3914,20076,6127],{"class":4113},[3914,20078,6130],{"class":4134},[3914,20080,3877],{"class":4109},[3914,20082,6151],{"class":4113},[3914,20084,6154],{"class":4134},[3914,20086,5307],{"class":4109},[3914,20088,20090,20093,20095,20097,20099,20101,20103,20105,20107,20109,20111],{"class":3916,"line":20089},123,[3914,20091,20092],{"class":4113},"  preview:",[3914,20094,4414],{"class":4109},[3914,20096,6135],{"class":4113},[3914,20098,13529],{"class":4153},[3914,20100,3877],{"class":4109},[3914,20102,6151],{"class":4113},[3914,20104,15366],{"class":4134},[3914,20106,3877],{"class":4109},[3914,20108,15275],{"class":4113},[3914,20110,13617],{"class":4153},[3914,20112,5307],{"class":4109},[3914,20114,20116,20119,20121,20123,20125,20127,20129,20131,20133,20135,20137,20139,20142,20144],{"class":3916,"line":20115},124,[3914,20117,20118],{"class":4113},"  arrow:",[3914,20120,4414],{"class":4109},[3914,20122,6135],{"class":4113},[3914,20124,8760],{"class":4153},[3914,20126,3877],{"class":4109},[3914,20128,6151],{"class":4113},[3914,20130,6276],{"class":4134},[3914,20132,3877],{"class":4109},[3914,20134,6127],{"class":4113},[3914,20136,6130],{"class":4134},[3914,20138,3877],{"class":4109},[3914,20140,20141],{"class":4113},"marginLeft:",[3914,20143,6107],{"class":4153},[3914,20145,5307],{"class":4109},[3914,20147,20149,20152,20154,20156,20158,20160,20162,20164],{"class":3916,"line":20148},125,[3914,20150,20151],{"class":4113},"  content:",[3914,20153,4414],{"class":4109},[3914,20155,7344],{"class":4113},[3914,20157,17751],{"class":4153},[3914,20159,3877],{"class":4109},[3914,20161,9979],{"class":4113},[3914,20163,6091],{"class":4153},[3914,20165,5307],{"class":4109},[3914,20167,20169],{"class":3916,"line":20168},126,[3914,20170,5146],{"class":4109},[3835,20172,20174],{"id":20173},"живий-preview-expandable-card","Живий preview: expandable card",[3806,20176,20178],{"device":5199,"height":12490,"title":20177},"Expandable Card",[3843,20179,20181],{"className":4839,"code":20180,"language":4841,"meta":3851,"style":3851},"import { useState, useRef } from 'react';\nimport { Animated, View, Text, Pressable, StyleSheet } from 'react-native';\n\nconst COLLAPSED = 64;\nconst EXPANDED = 200;\n\nfunction Card({ title, body, color }: any) {\n  const [open, setOpen] = useState(false);\n  const progress = useRef(new Animated.Value(0)).current;\n\n  const toggle = () => {\n    const toValue = open ? 0 : 1;\n    setOpen((o) => !o);\n    Animated.spring(progress, {\n      toValue,\n      damping: 16,\n      stiffness: 120,\n      useNativeDriver: false,\n    }).start();\n  };\n\n  const height = progress.interpolate({\n    inputRange: [0, 1],\n    outputRange: [COLLAPSED, EXPANDED],\n  });\n\n  const arrowRotate = progress.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '180deg'],\n  });\n\n  const previewOpacity = progress.interpolate({\n    inputRange: [0, 0.3],\n    outputRange: [1, 0],\n    extrapolate: 'clamp',\n  });\n\n  const bgColor = progress.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['#FFFFFF', '#EFF6FF'],\n  });\n\n  return (\n    \u003CAnimated.View style={[styles.card, { height, overflow: 'hidden' }]}>\n      \u003CPressable onPress={toggle}>\n        \u003CAnimated.View style={[styles.header, { backgroundColor: bgColor }]}>\n          \u003CView style={{ flex: 1 }}>\n            \u003CText style={[styles.title, { color }]}>{title}\u003C\u002FText>\n            \u003CAnimated.Text style={[styles.preview, { opacity: previewOpacity }]} numberOfLines={1}>\n              Торкніться щоб розгорнути...\n            \u003C\u002FAnimated.Text>\n          \u003C\u002FView>\n          \u003CAnimated.Text style={[styles.arrow, { color, transform: [{ rotate: arrowRotate }] }]}>↓\u003C\u002FAnimated.Text>\n        \u003C\u002FAnimated.View>\n      \u003C\u002FPressable>\n      \u003CView style={styles.body}>\n        \u003CText style={styles.bodyText}>{body}\u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FAnimated.View>\n  );\n}\n\nexport default function App() {\n  return (\n    \u003CView style={styles.container}>\n      \u003CCard title=\"🏔 Карпати 2024\" body=\"5 днів трекінгу через Чорногірський хребет. Дощ на першому і третьому дні, але краєвиди варті.\" color=\"#3B82F6\" \u002F>\n      \u003CCard title=\"🏖 Одеса влітку\" body=\"3 дні на узбережжі. Найкращий пляж — Лузанівка. Рекомендую Аркадію уникати в сезон.\" color=\"#F59E0B\" \u002F>\n      \u003CCard title=\"🏰 Львів на вихідні\" body=\"Ратуша, Площа Ринок, кав'ярня «Криївка». Обов'язково замовляйте сир на ринку Краківський.\" color=\"#10B981\" \u002F>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 16, gap: 12, justifyContent: 'center', backgroundColor: '#F8FAFC' },\n  card: { backgroundColor: 'white', borderRadius: 16, shadowColor: '#000', shadowOpacity: 0.07, shadowRadius: 10, elevation: 3 },\n  header: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, paddingVertical: 12, minHeight: 64, borderRadius: 16 },\n  title: { fontSize: 15, fontWeight: '700', color: '#1E293B' },\n  preview: { fontSize: 12, color: '#94A3B8', marginTop: 2 },\n  arrow: { fontSize: 18, fontWeight: '700', marginLeft: 10 },\n  body: { paddingHorizontal: 16, paddingVertical: 8 },\n  bodyText: { fontSize: 13, color: '#475569', lineHeight: 20 },\n});\n",[3804,20182,20183,20203,20235,20239,20252,20265,20269,20295,20319,20349,20353,20366,20386,20406,20420,20426,20434,20442,20450,20458,20462,20466,20482,20496,20512,20516,20520,20537,20551,20567,20571,20575,20592,20606,20620,20628,20632,20636,20653,20667,20681,20685,20689,20695,20732,20751,20783,20807,20849,20891,20896,20904,20912,20961,20969,20977,20999,21034,21042,21050,21054,21058,21062,21074,21080,21102,21132,21161,21189,21197,21201,21205,21209,21225,21261,21304,21347,21371,21395,21419,21438,21464],{"__ignoreMap":3851},[3914,20184,20185,20187,20189,20191,20193,20195,20197,20199,20201],{"class":3916,"line":3917},[3914,20186,4411],{"class":4143},[3914,20188,4414],{"class":4109},[3914,20190,5219],{"class":4113},[3914,20192,3877],{"class":4109},[3914,20194,4594],{"class":4113},[3914,20196,4419],{"class":4109},[3914,20198,4422],{"class":4143},[3914,20200,5226],{"class":4134},[3914,20202,4138],{"class":4109},[3914,20204,20205,20207,20209,20211,20213,20215,20217,20219,20221,20223,20225,20227,20229,20231,20233],{"class":3916,"line":3923},[3914,20206,4411],{"class":4143},[3914,20208,4414],{"class":4109},[3914,20210,3818],{"class":4113},[3914,20212,3877],{"class":4109},[3914,20214,4760],{"class":4113},[3914,20216,3877],{"class":4109},[3914,20218,5249],{"class":4113},[3914,20220,3877],{"class":4109},[3914,20222,5254],{"class":4113},[3914,20224,3877],{"class":4109},[3914,20226,5259],{"class":4113},[3914,20228,4419],{"class":4109},[3914,20230,4422],{"class":4143},[3914,20232,4944],{"class":4134},[3914,20234,4138],{"class":4109},[3914,20236,20237],{"class":3916,"line":3929},[3914,20238,3939],{"emptyLinePlaceholder":3938},[3914,20240,20241,20243,20246,20248,20250],{"class":3916,"line":3935},[3914,20242,4436],{"class":4101},[3914,20244,20245],{"class":4439}," COLLAPSED",[3914,20247,4264],{"class":4109},[3914,20249,18852],{"class":4153},[3914,20251,4138],{"class":4109},[3914,20253,20254,20256,20259,20261,20263],{"class":3916,"line":3942},[3914,20255,4436],{"class":4101},[3914,20257,20258],{"class":4439}," EXPANDED",[3914,20260,4264],{"class":4109},[3914,20262,9183],{"class":4153},[3914,20264,4138],{"class":4109},[3914,20266,20267],{"class":3916,"line":3948},[3914,20268,3939],{"emptyLinePlaceholder":3938},[3914,20270,20271,20273,20276,20278,20280,20282,20285,20287,20289,20291,20293],{"class":3916,"line":3954},[3914,20272,4102],{"class":4101},[3914,20274,20275],{"class":4105}," Card",[3914,20277,5430],{"class":4109},[3914,20279,5923],{"class":4113},[3914,20281,3877],{"class":4109},[3914,20283,20284],{"class":4113},"body",[3914,20286,3877],{"class":4109},[3914,20288,16247],{"class":4113},[3914,20290,8107],{"class":4109},[3914,20292,5457],{"class":4120},[3914,20294,4275],{"class":4109},[3914,20296,20297,20299,20301,20304,20306,20309,20311,20313,20315,20317],{"class":3916,"line":3960},[3914,20298,4662],{"class":4101},[3914,20300,4307],{"class":4109},[3914,20302,20303],{"class":4439},"open",[3914,20305,3877],{"class":4109},[3914,20307,20308],{"class":4439},"setOpen",[3914,20310,5512],{"class":4109},[3914,20312,5219],{"class":4105},[3914,20314,4110],{"class":4109},[3914,20316,5519],{"class":4101},[3914,20318,4293],{"class":4109},[3914,20320,20321,20323,20325,20327,20329,20331,20333,20335,20337,20339,20341,20343,20345,20347],{"class":3916,"line":3966},[3914,20322,4662],{"class":4101},[3914,20324,8945],{"class":4439},[3914,20326,4264],{"class":4109},[3914,20328,4594],{"class":4105},[3914,20330,4110],{"class":4109},[3914,20332,5476],{"class":4101},[3914,20334,4623],{"class":4113},[3914,20336,3750],{"class":4109},[3914,20338,5483],{"class":4105},[3914,20340,4110],{"class":4109},[3914,20342,4488],{"class":4153},[3914,20344,5490],{"class":4109},[3914,20346,5493],{"class":4113},[3914,20348,4138],{"class":4109},[3914,20350,20351],{"class":3916,"line":3971},[3914,20352,3939],{"emptyLinePlaceholder":3938},[3914,20354,20355,20357,20360,20362,20364],{"class":3916,"line":3977},[3914,20356,4662],{"class":4101},[3914,20358,20359],{"class":4105}," toggle",[3914,20361,5535],{"class":4109},[3914,20363,4695],{"class":4101},[3914,20365,4129],{"class":4109},[3914,20367,20368,20370,20372,20374,20376,20378,20380,20382,20384],{"class":3916,"line":3983},[3914,20369,6665],{"class":4101},[3914,20371,6668],{"class":4439},[3914,20373,4264],{"class":4109},[3914,20375,20303],{"class":4113},[3914,20377,6675],{"class":4109},[3914,20379,4488],{"class":4153},[3914,20381,6680],{"class":4109},[3914,20383,4449],{"class":4153},[3914,20385,4138],{"class":4109},[3914,20387,20388,20391,20393,20396,20398,20400,20402,20404],{"class":3916,"line":3989},[3914,20389,20390],{"class":4105},"    setOpen",[3914,20392,5953],{"class":4109},[3914,20394,20395],{"class":4113},"o",[3914,20397,5551],{"class":4109},[3914,20399,4695],{"class":4101},[3914,20401,6702],{"class":4109},[3914,20403,20395],{"class":4113},[3914,20405,4293],{"class":4109},[3914,20407,20408,20410,20412,20414,20416,20418],{"class":3916,"line":3995},[3914,20409,5588],{"class":4113},[3914,20411,3750],{"class":4109},[3914,20413,6719],{"class":4105},[3914,20415,4110],{"class":4109},[3914,20417,9012],{"class":4113},[3914,20419,5100],{"class":4109},[3914,20421,20422,20424],{"class":3916,"line":4000},[3914,20423,6731],{"class":4113},[3914,20425,4712],{"class":4109},[3914,20427,20428,20430,20432],{"class":3916,"line":4005},[3914,20429,6738],{"class":4113},[3914,20431,6091],{"class":4153},[3914,20433,4712],{"class":4109},[3914,20435,20436,20438,20440],{"class":3916,"line":4011},[3914,20437,6747],{"class":4113},[3914,20439,6750],{"class":4153},[3914,20441,4712],{"class":4109},[3914,20443,20444,20446,20448],{"class":3916,"line":4017},[3914,20445,5635],{"class":4113},[3914,20447,6401],{"class":4101},[3914,20449,4712],{"class":4109},[3914,20451,20452,20454,20456],{"class":3916,"line":4022},[3914,20453,5645],{"class":4109},[3914,20455,5648],{"class":4105},[3914,20457,6769],{"class":4109},[3914,20459,20460],{"class":3916,"line":4027},[3914,20461,4334],{"class":4109},[3914,20463,20464],{"class":3916,"line":4033},[3914,20465,3939],{"emptyLinePlaceholder":3938},[3914,20467,20468,20470,20472,20474,20476,20478,20480],{"class":3916,"line":4039},[3914,20469,4662],{"class":4101},[3914,20471,8459],{"class":4439},[3914,20473,4264],{"class":4109},[3914,20475,9012],{"class":4113},[3914,20477,3750],{"class":4109},[3914,20479,9089],{"class":4105},[3914,20481,6069],{"class":4109},[3914,20483,20484,20486,20488,20490,20492,20494],{"class":3916,"line":4045},[3914,20485,9519],{"class":4113},[3914,20487,4307],{"class":4109},[3914,20489,4488],{"class":4153},[3914,20491,3877],{"class":4109},[3914,20493,4449],{"class":4153},[3914,20495,4313],{"class":4109},[3914,20497,20498,20500,20502,20505,20507,20510],{"class":3916,"line":4051},[3914,20499,9535],{"class":4113},[3914,20501,4307],{"class":4109},[3914,20503,20504],{"class":4439},"COLLAPSED",[3914,20506,3877],{"class":4109},[3914,20508,20509],{"class":4439},"EXPANDED",[3914,20511,4313],{"class":4109},[3914,20513,20514],{"class":3916,"line":4057},[3914,20515,9565],{"class":4109},[3914,20517,20518],{"class":3916,"line":4063},[3914,20519,3939],{"emptyLinePlaceholder":3938},[3914,20521,20522,20524,20527,20529,20531,20533,20535],{"class":3916,"line":5669},[3914,20523,4662],{"class":4101},[3914,20525,20526],{"class":4439}," arrowRotate",[3914,20528,4264],{"class":4109},[3914,20530,9012],{"class":4113},[3914,20532,3750],{"class":4109},[3914,20534,9089],{"class":4105},[3914,20536,6069],{"class":4109},[3914,20538,20539,20541,20543,20545,20547,20549],{"class":3916,"line":5674},[3914,20540,9519],{"class":4113},[3914,20542,4307],{"class":4109},[3914,20544,4488],{"class":4153},[3914,20546,3877],{"class":4109},[3914,20548,4449],{"class":4153},[3914,20550,4313],{"class":4109},[3914,20552,20553,20555,20557,20560,20562,20565],{"class":3916,"line":5681},[3914,20554,9535],{"class":4113},[3914,20556,4307],{"class":4109},[3914,20558,20559],{"class":4134},"'0deg'",[3914,20561,3877],{"class":4109},[3914,20563,20564],{"class":4134},"'180deg'",[3914,20566,4313],{"class":4109},[3914,20568,20569],{"class":3916,"line":5718},[3914,20570,9565],{"class":4109},[3914,20572,20573],{"class":3916,"line":5757},[3914,20574,3939],{"emptyLinePlaceholder":3938},[3914,20576,20577,20579,20582,20584,20586,20588,20590],{"class":3916,"line":5781},[3914,20578,4662],{"class":4101},[3914,20580,20581],{"class":4439}," previewOpacity",[3914,20583,4264],{"class":4109},[3914,20585,9012],{"class":4113},[3914,20587,3750],{"class":4109},[3914,20589,9089],{"class":4105},[3914,20591,6069],{"class":4109},[3914,20593,20594,20596,20598,20600,20602,20604],{"class":3916,"line":5823},[3914,20595,9519],{"class":4113},[3914,20597,4307],{"class":4109},[3914,20599,4488],{"class":4153},[3914,20601,3877],{"class":4109},[3914,20603,7929],{"class":4153},[3914,20605,4313],{"class":4109},[3914,20607,20608,20610,20612,20614,20616,20618],{"class":3916,"line":5833},[3914,20609,9535],{"class":4113},[3914,20611,4307],{"class":4109},[3914,20613,4449],{"class":4153},[3914,20615,3877],{"class":4109},[3914,20617,4488],{"class":4153},[3914,20619,4313],{"class":4109},[3914,20621,20622,20624,20626],{"class":3916,"line":5843},[3914,20623,9555],{"class":4113},[3914,20625,9558],{"class":4134},[3914,20627,4712],{"class":4109},[3914,20629,20630],{"class":3916,"line":5848},[3914,20631,9565],{"class":4109},[3914,20633,20634],{"class":3916,"line":5853},[3914,20635,3939],{"emptyLinePlaceholder":3938},[3914,20637,20638,20640,20643,20645,20647,20649,20651],{"class":3916,"line":5858},[3914,20639,4662],{"class":4101},[3914,20641,20642],{"class":4439}," bgColor",[3914,20644,4264],{"class":4109},[3914,20646,9012],{"class":4113},[3914,20648,3750],{"class":4109},[3914,20650,9089],{"class":4105},[3914,20652,6069],{"class":4109},[3914,20654,20655,20657,20659,20661,20663,20665],{"class":3916,"line":5875},[3914,20656,9519],{"class":4113},[3914,20658,4307],{"class":4109},[3914,20660,4488],{"class":4153},[3914,20662,3877],{"class":4109},[3914,20664,4449],{"class":4153},[3914,20666,4313],{"class":4109},[3914,20668,20669,20671,20673,20675,20677,20679],{"class":3916,"line":5882},[3914,20670,9535],{"class":4113},[3914,20672,4307],{"class":4109},[3914,20674,19236],{"class":4134},[3914,20676,3877],{"class":4109},[3914,20678,19241],{"class":4134},[3914,20680,4313],{"class":4109},[3914,20682,20683],{"class":3916,"line":5906},[3914,20684,9565],{"class":4109},[3914,20686,20687],{"class":3916,"line":5939},[3914,20688,3939],{"emptyLinePlaceholder":3938},[3914,20690,20691,20693],{"class":3916,"line":5965},[3914,20692,4144],{"class":4143},[3914,20694,4748],{"class":4109},[3914,20696,20697,20699,20701,20703,20705,20707,20709,20711,20713,20715,20717,20719,20721,20724,20726,20728,20730],{"class":3916,"line":6020},[3914,20698,4753],{"class":4870},[3914,20700,4826],{"class":4120},[3914,20702,4763],{"class":4876},[3914,20704,4879],{"class":4109},[3914,20706,4882],{"class":4101},[3914,20708,4886],{"class":4885},[3914,20710,4889],{"class":4113},[3914,20712,3750],{"class":4885},[3914,20714,8433],{"class":4113},[3914,20716,4541],{"class":4885},[3914,20718,3880],{"class":4113},[3914,20720,3877],{"class":4885},[3914,20722,20723],{"class":4113},"overflow:",[3914,20725,19166],{"class":4134},[3914,20727,8383],{"class":4885},[3914,20729,4905],{"class":4101},[3914,20731,5715],{"class":4870},[3914,20733,20734,20736,20738,20740,20742,20744,20747,20749],{"class":3916,"line":6028},[3914,20735,5721],{"class":4870},[3914,20737,5254],{"class":4120},[3914,20739,5688],{"class":4876},[3914,20741,4879],{"class":4109},[3914,20743,4882],{"class":4101},[3914,20745,20746],{"class":4113},"toggle",[3914,20748,4905],{"class":4101},[3914,20750,5715],{"class":4870},[3914,20752,20753,20755,20757,20759,20761,20763,20765,20767,20769,20771,20773,20775,20777,20779,20781],{"class":3916,"line":6037},[3914,20754,5784],{"class":4870},[3914,20756,4826],{"class":4120},[3914,20758,4763],{"class":4876},[3914,20760,4879],{"class":4109},[3914,20762,4882],{"class":4101},[3914,20764,4886],{"class":4885},[3914,20766,4889],{"class":4113},[3914,20768,3750],{"class":4885},[3914,20770,9762],{"class":4113},[3914,20772,4541],{"class":4885},[3914,20774,6217],{"class":4113},[3914,20776,20642],{"class":4113},[3914,20778,8383],{"class":4885},[3914,20780,4905],{"class":4101},[3914,20782,5715],{"class":4870},[3914,20784,20785,20787,20789,20791,20793,20795,20797,20799,20801,20803,20805],{"class":3916,"line":6042},[3914,20786,7003],{"class":4870},[3914,20788,4760],{"class":4120},[3914,20790,4763],{"class":4876},[3914,20792,4879],{"class":4109},[3914,20794,4882],{"class":4101},[3914,20796,9964],{"class":4885},[3914,20798,6080],{"class":4113},[3914,20800,6083],{"class":4153},[3914,20802,9985],{"class":4885},[3914,20804,4905],{"class":4101},[3914,20806,5715],{"class":4870},[3914,20808,20809,20811,20813,20815,20817,20819,20821,20823,20825,20827,20829,20831,20833,20835,20837,20839,20841,20843,20845,20847],{"class":3916,"line":6047},[3914,20810,7057],{"class":4870},[3914,20812,5249],{"class":4120},[3914,20814,4763],{"class":4876},[3914,20816,4879],{"class":4109},[3914,20818,4882],{"class":4101},[3914,20820,4886],{"class":4885},[3914,20822,4889],{"class":4113},[3914,20824,3750],{"class":4885},[3914,20826,5923],{"class":4113},[3914,20828,4541],{"class":4885},[3914,20830,16247],{"class":4113},[3914,20832,8383],{"class":4885},[3914,20834,4905],{"class":4101},[3914,20836,5741],{"class":4870},[3914,20838,4882],{"class":4101},[3914,20840,5923],{"class":4113},[3914,20842,4905],{"class":4101},[3914,20844,5750],{"class":4870},[3914,20846,5249],{"class":4120},[3914,20848,5715],{"class":4870},[3914,20850,20851,20853,20855,20857,20859,20861,20863,20865,20867,20869,20871,20873,20875,20877,20879,20881,20883,20885,20887,20889],{"class":3916,"line":6052},[3914,20852,7057],{"class":4870},[3914,20854,4829],{"class":4120},[3914,20856,4763],{"class":4876},[3914,20858,4879],{"class":4109},[3914,20860,4882],{"class":4101},[3914,20862,4886],{"class":4885},[3914,20864,4889],{"class":4113},[3914,20866,3750],{"class":4885},[3914,20868,18890],{"class":4113},[3914,20870,4541],{"class":4885},[3914,20872,9827],{"class":4113},[3914,20874,20581],{"class":4113},[3914,20876,8383],{"class":4885},[3914,20878,4905],{"class":4101},[3914,20880,19595],{"class":4876},[3914,20882,4879],{"class":4109},[3914,20884,4882],{"class":4101},[3914,20886,4449],{"class":4153},[3914,20888,4905],{"class":4101},[3914,20890,5715],{"class":4870},[3914,20892,20893],{"class":3916,"line":6072},[3914,20894,20895],{"class":4109},"              Торкніться щоб розгорнути...\n",[3914,20897,20898,20900,20902],{"class":3916,"line":6112},[3914,20899,19619],{"class":4870},[3914,20901,4829],{"class":4120},[3914,20903,5715],{"class":4870},[3914,20905,20906,20908,20910],{"class":3916,"line":6159},[3914,20907,7104],{"class":4870},[3914,20909,4760],{"class":4120},[3914,20911,5715],{"class":4870},[3914,20913,20914,20916,20918,20920,20922,20924,20926,20928,20930,20932,20934,20936,20938,20940,20942,20945,20947,20949,20951,20953,20955,20957,20959],{"class":3916,"line":6173},[3914,20915,7003],{"class":4870},[3914,20917,4829],{"class":4120},[3914,20919,4763],{"class":4876},[3914,20921,4879],{"class":4109},[3914,20923,4882],{"class":4101},[3914,20925,4886],{"class":4885},[3914,20927,4889],{"class":4113},[3914,20929,3750],{"class":4885},[3914,20931,19652],{"class":4113},[3914,20933,4541],{"class":4885},[3914,20935,16247],{"class":4113},[3914,20937,3877],{"class":4885},[3914,20939,5806],{"class":4113},[3914,20941,4720],{"class":4885},[3914,20943,20944],{"class":4113},"rotate:",[3914,20946,20526],{"class":4113},[3914,20948,5816],{"class":4885},[3914,20950,4905],{"class":4101},[3914,20952,5741],{"class":4870},[3914,20954,19666],{"class":4109},[3914,20956,5750],{"class":4870},[3914,20958,4829],{"class":4120},[3914,20960,5715],{"class":4870},[3914,20962,20963,20965,20967],{"class":3916,"line":6201},[3914,20964,7113],{"class":4870},[3914,20966,4826],{"class":4120},[3914,20968,5715],{"class":4870},[3914,20970,20971,20973,20975],{"class":3916,"line":6246},[3914,20972,5826],{"class":4870},[3914,20974,5254],{"class":4120},[3914,20976,5715],{"class":4870},[3914,20978,20979,20981,20983,20985,20987,20989,20991,20993,20995,20997],{"class":3916,"line":6281},[3914,20980,5721],{"class":4870},[3914,20982,4760],{"class":4120},[3914,20984,4763],{"class":4876},[3914,20986,4879],{"class":4109},[3914,20988,4882],{"class":4101},[3914,20990,4889],{"class":4113},[3914,20992,3750],{"class":4885},[3914,20994,20284],{"class":4113},[3914,20996,4905],{"class":4101},[3914,20998,5715],{"class":4870},[3914,21000,21001,21003,21005,21007,21009,21011,21013,21015,21018,21020,21022,21024,21026,21028,21030,21032],{"class":3916,"line":7412},[3914,21002,5784],{"class":4870},[3914,21004,5249],{"class":4120},[3914,21006,4763],{"class":4876},[3914,21008,4879],{"class":4109},[3914,21010,4882],{"class":4101},[3914,21012,4889],{"class":4113},[3914,21014,3750],{"class":4885},[3914,21016,21017],{"class":4113},"bodyText",[3914,21019,4905],{"class":4101},[3914,21021,5741],{"class":4870},[3914,21023,4882],{"class":4101},[3914,21025,20284],{"class":4113},[3914,21027,4905],{"class":4101},[3914,21029,5750],{"class":4870},[3914,21031,5249],{"class":4120},[3914,21033,5715],{"class":4870},[3914,21035,21036,21038,21040],{"class":3916,"line":7432},[3914,21037,5826],{"class":4870},[3914,21039,4760],{"class":4120},[3914,21041,5715],{"class":4870},[3914,21043,21044,21046,21048],{"class":3916,"line":7459},[3914,21045,5836],{"class":4870},[3914,21047,4826],{"class":4120},[3914,21049,5715],{"class":4870},[3914,21051,21052],{"class":3916,"line":7504},[3914,21053,4784],{"class":4109},[3914,21055,21056],{"class":3916,"line":7530},[3914,21057,3963],{"class":4109},[3914,21059,21060],{"class":3916,"line":7544},[3914,21061,3939],{"emptyLinePlaceholder":3938},[3914,21063,21064,21066,21068,21070,21072],{"class":3916,"line":7559},[3914,21065,5861],{"class":4143},[3914,21067,5864],{"class":4143},[3914,21069,5867],{"class":4101},[3914,21071,5870],{"class":4105},[3914,21073,4657],{"class":4109},[3914,21075,21076,21078],{"class":3916,"line":10348},[3914,21077,4144],{"class":4143},[3914,21079,4748],{"class":4109},[3914,21081,21082,21084,21086,21088,21090,21092,21094,21096,21098,21100],{"class":3916,"line":10373},[3914,21083,4753],{"class":4870},[3914,21085,4760],{"class":4120},[3914,21087,4763],{"class":4876},[3914,21089,4879],{"class":4109},[3914,21091,4882],{"class":4101},[3914,21093,4889],{"class":4113},[3914,21095,3750],{"class":4885},[3914,21097,5899],{"class":4113},[3914,21099,4905],{"class":4101},[3914,21101,5715],{"class":4870},[3914,21103,21104,21106,21108,21111,21113,21116,21119,21121,21124,21126,21128,21130],{"class":3916,"line":10406},[3914,21105,5721],{"class":4870},[3914,21107,10923],{"class":4120},[3914,21109,21110],{"class":4876}," title",[3914,21112,4879],{"class":4109},[3914,21114,21115],{"class":4134},"\"🏔 Карпати 2024\"",[3914,21117,21118],{"class":4876}," body",[3914,21120,4879],{"class":4109},[3914,21122,21123],{"class":4134},"\"5 днів трекінгу через Чорногірський хребет. Дощ на першому і третьому дні, але краєвиди варті.\"",[3914,21125,16456],{"class":4876},[3914,21127,4879],{"class":4109},[3914,21129,17424],{"class":4134},[3914,21131,4908],{"class":4870},[3914,21133,21134,21136,21138,21140,21142,21145,21147,21149,21152,21154,21156,21159],{"class":3916,"line":10439},[3914,21135,5721],{"class":4870},[3914,21137,10923],{"class":4120},[3914,21139,21110],{"class":4876},[3914,21141,4879],{"class":4109},[3914,21143,21144],{"class":4134},"\"🏖 Одеса влітку\"",[3914,21146,21118],{"class":4876},[3914,21148,4879],{"class":4109},[3914,21150,21151],{"class":4134},"\"3 дні на узбережжі. Найкращий пляж — Лузанівка. Рекомендую Аркадію уникати в сезон.\"",[3914,21153,16456],{"class":4876},[3914,21155,4879],{"class":4109},[3914,21157,21158],{"class":4134},"\"#F59E0B\"",[3914,21160,4908],{"class":4870},[3914,21162,21163,21165,21167,21169,21171,21174,21176,21178,21181,21183,21185,21187],{"class":3916,"line":10460},[3914,21164,5721],{"class":4870},[3914,21166,10923],{"class":4120},[3914,21168,21110],{"class":4876},[3914,21170,4879],{"class":4109},[3914,21172,21173],{"class":4134},"\"🏰 Львів на вихідні\"",[3914,21175,21118],{"class":4876},[3914,21177,4879],{"class":4109},[3914,21179,21180],{"class":4134},"\"Ратуша, Площа Ринок, кав'ярня «Криївка». Обов'язково замовляйте сир на ринку Краківський.\"",[3914,21182,16456],{"class":4876},[3914,21184,4879],{"class":4109},[3914,21186,17497],{"class":4134},[3914,21188,4908],{"class":4870},[3914,21190,21191,21193,21195],{"class":3916,"line":10515},[3914,21192,5836],{"class":4870},[3914,21194,4760],{"class":4120},[3914,21196,5715],{"class":4870},[3914,21198,21199],{"class":3916,"line":10547},[3914,21200,4784],{"class":4109},[3914,21202,21203],{"class":3916,"line":10567},[3914,21204,3963],{"class":4109},[3914,21206,21207],{"class":3916,"line":15134},[3914,21208,3939],{"emptyLinePlaceholder":3938},[3914,21210,21211,21213,21215,21217,21219,21221,21223],{"class":3916,"line":15139},[3914,21212,4436],{"class":4101},[3914,21214,6057],{"class":4439},[3914,21216,4264],{"class":4109},[3914,21218,5259],{"class":4113},[3914,21220,3750],{"class":4109},[3914,21222,6066],{"class":4105},[3914,21224,6069],{"class":4109},[3914,21226,21227,21229,21231,21233,21235,21237,21239,21241,21243,21245,21247,21249,21251,21253,21255,21257,21259],{"class":3916,"line":15156},[3914,21228,6075],{"class":4113},[3914,21230,4414],{"class":4109},[3914,21232,6080],{"class":4113},[3914,21234,6083],{"class":4153},[3914,21236,3877],{"class":4109},[3914,21238,6088],{"class":4113},[3914,21240,6091],{"class":4153},[3914,21242,3877],{"class":4109},[3914,21244,6104],{"class":4113},[3914,21246,6107],{"class":4153},[3914,21248,3877],{"class":4109},[3914,21250,6096],{"class":4113},[3914,21252,6099],{"class":4134},[3914,21254,3877],{"class":4109},[3914,21256,6217],{"class":4113},[3914,21258,10294],{"class":4134},[3914,21260,5307],{"class":4109},[3914,21262,21263,21265,21267,21269,21271,21273,21275,21277,21279,21281,21283,21285,21287,21290,21292,21294,21296,21298,21300,21302],{"class":3916,"line":15175},[3914,21264,8779],{"class":4113},[3914,21266,4414],{"class":4109},[3914,21268,6217],{"class":4113},[3914,21270,7375],{"class":4134},[3914,21272,3877],{"class":4109},[3914,21274,6225],{"class":4113},[3914,21276,6091],{"class":4153},[3914,21278,3877],{"class":4109},[3914,21280,8820],{"class":4113},[3914,21282,8823],{"class":4134},[3914,21284,3877],{"class":4109},[3914,21286,8828],{"class":4113},[3914,21288,21289],{"class":4153}," 0.07",[3914,21291,3877],{"class":4109},[3914,21293,8836],{"class":4113},[3914,21295,6347],{"class":4153},[3914,21297,3877],{"class":4109},[3914,21299,8843],{"class":4113},[3914,21301,8846],{"class":4153},[3914,21303,5307],{"class":4109},[3914,21305,21306,21308,21310,21312,21314,21316,21318,21320,21322,21324,21326,21328,21330,21332,21334,21337,21339,21341,21343,21345],{"class":3916,"line":15230},[3914,21307,10301],{"class":4113},[3914,21309,4414],{"class":4109},[3914,21311,7398],{"class":4113},[3914,21313,7401],{"class":4134},[3914,21315,3877],{"class":4109},[3914,21317,7312],{"class":4113},[3914,21319,6099],{"class":4134},[3914,21321,3877],{"class":4109},[3914,21323,7344],{"class":4113},[3914,21325,6091],{"class":4153},[3914,21327,3877],{"class":4109},[3914,21329,7352],{"class":4113},[3914,21331,6107],{"class":4153},[3914,21333,3877],{"class":4109},[3914,21335,21336],{"class":4113},"minHeight:",[3914,21338,20040],{"class":4153},[3914,21340,3877],{"class":4109},[3914,21342,6225],{"class":4113},[3914,21344,6091],{"class":4153},[3914,21346,5307],{"class":4109},[3914,21348,21349,21351,21353,21355,21357,21359,21361,21363,21365,21367,21369],{"class":3916,"line":15255},[3914,21350,6115],{"class":4113},[3914,21352,4414],{"class":4109},[3914,21354,6135],{"class":4113},[3914,21356,6138],{"class":4153},[3914,21358,3877],{"class":4109},[3914,21360,6127],{"class":4113},[3914,21362,6130],{"class":4134},[3914,21364,3877],{"class":4109},[3914,21366,6151],{"class":4113},[3914,21368,6154],{"class":4134},[3914,21370,5307],{"class":4109},[3914,21372,21373,21375,21377,21379,21381,21383,21385,21387,21389,21391,21393],{"class":3916,"line":15282},[3914,21374,20092],{"class":4113},[3914,21376,4414],{"class":4109},[3914,21378,6135],{"class":4113},[3914,21380,6107],{"class":4153},[3914,21382,3877],{"class":4109},[3914,21384,6151],{"class":4113},[3914,21386,15366],{"class":4134},[3914,21388,3877],{"class":4109},[3914,21390,15275],{"class":4113},[3914,21392,13617],{"class":4153},[3914,21394,5307],{"class":4109},[3914,21396,21397,21399,21401,21403,21405,21407,21409,21411,21413,21415,21417],{"class":3916,"line":15331},[3914,21398,20118],{"class":4113},[3914,21400,4414],{"class":4109},[3914,21402,6135],{"class":4113},[3914,21404,17751],{"class":4153},[3914,21406,3877],{"class":4109},[3914,21408,6127],{"class":4113},[3914,21410,6130],{"class":4134},[3914,21412,3877],{"class":4109},[3914,21414,20141],{"class":4113},[3914,21416,6347],{"class":4153},[3914,21418,5307],{"class":4109},[3914,21420,21421,21424,21426,21428,21430,21432,21434,21436],{"class":3916,"line":15356},[3914,21422,21423],{"class":4113},"  body:",[3914,21425,4414],{"class":4109},[3914,21427,7344],{"class":4113},[3914,21429,6091],{"class":4153},[3914,21431,3877],{"class":4109},[3914,21433,7352],{"class":4113},[3914,21435,6228],{"class":4153},[3914,21437,5307],{"class":4109},[3914,21439,21440,21443,21445,21447,21449,21451,21453,21455,21457,21460,21462],{"class":3916,"line":15383},[3914,21441,21442],{"class":4113},"  bodyText:",[3914,21444,4414],{"class":4109},[3914,21446,6135],{"class":4113},[3914,21448,13529],{"class":4153},[3914,21450,3877],{"class":4109},[3914,21452,6151],{"class":4113},[3914,21454,7454],{"class":4134},[3914,21456,3877],{"class":4109},[3914,21458,21459],{"class":4113},"lineHeight:",[3914,21461,8760],{"class":4153},[3914,21463,5307],{"class":4109},[3914,21465,21466],{"class":3916,"line":17631},[3914,21467,5146],{"class":4109},[3828,21469],{},[3738,21471,21473],{"id":21472},"підключення-до-nomad-feat-micro-interactions-with-reanimated","Підключення до Nomad: feat: micro-interactions with reanimated",[3743,21475,21476],{},"У Nomad (застосунок для трекінгу подорожей) Reanimated природно з'являється у багатьох місцях:",[3904,21478,21479],{},[3843,21480,21482],{"className":3908,"code":21481,"language":3910,"meta":3851,"style":3851},"@startuml\nskinparam style plain\nskinparam defaultFontSize 12\n\npackage \"Екран списку поїздок\" {\n  component [FadeIn при появі карток] as LIST_FADE\n  component [Layout transition при видаленні] as LIST_LAYOUT\n  component [Spring при pull-to-refresh] as LIST_REFRESH\n}\n\npackage \"Картка поїздки\" {\n  component [ExpandableCard (withSpring height)] as CARD_EXP\n  component [Parallax фото-хедер] as CARD_PARALLAX\n}\n\npackage \"Кнопки та форми\" {\n  component [Spring scale при натисканні] as BTN_SCALE\n  component [Shake при помилці валідації] as FORM_SHAKE\n  component [Notification success\u002Ferror] as FORM_NOTIF\n}\n\npackage \"Навігація\" {\n  component [Shared Element Transition\\n(між списком і деталями)] as NAV_SHARED\n}\n\nLIST_FADE --> LIST_LAYOUT\nCARD_EXP --> CARD_PARALLAX\nBTN_SCALE --> FORM_SHAKE\n@enduml\n",[3804,21483,21484,21488,21492,21496,21500,21505,21510,21515,21520,21524,21528,21533,21538,21543,21547,21551,21556,21561,21566,21571,21575,21579,21584,21589,21593,21597,21602,21607,21612],{"__ignoreMap":3851},[3914,21485,21486],{"class":3916,"line":3917},[3914,21487,3920],{},[3914,21489,21490],{"class":3916,"line":3923},[3914,21491,3926],{},[3914,21493,21494],{"class":3916,"line":3929},[3914,21495,3932],{},[3914,21497,21498],{"class":3916,"line":3935},[3914,21499,3939],{"emptyLinePlaceholder":3938},[3914,21501,21502],{"class":3916,"line":3942},[3914,21503,21504],{},"package \"Екран списку поїздок\" {\n",[3914,21506,21507],{"class":3916,"line":3948},[3914,21508,21509],{},"  component [FadeIn при появі карток] as LIST_FADE\n",[3914,21511,21512],{"class":3916,"line":3954},[3914,21513,21514],{},"  component [Layout transition при видаленні] as LIST_LAYOUT\n",[3914,21516,21517],{"class":3916,"line":3960},[3914,21518,21519],{},"  component [Spring при pull-to-refresh] as LIST_REFRESH\n",[3914,21521,21522],{"class":3916,"line":3966},[3914,21523,3963],{},[3914,21525,21526],{"class":3916,"line":3971},[3914,21527,3939],{"emptyLinePlaceholder":3938},[3914,21529,21530],{"class":3916,"line":3977},[3914,21531,21532],{},"package \"Картка поїздки\" {\n",[3914,21534,21535],{"class":3916,"line":3983},[3914,21536,21537],{},"  component [ExpandableCard (withSpring height)] as CARD_EXP\n",[3914,21539,21540],{"class":3916,"line":3989},[3914,21541,21542],{},"  component [Parallax фото-хедер] as CARD_PARALLAX\n",[3914,21544,21545],{"class":3916,"line":3995},[3914,21546,3963],{},[3914,21548,21549],{"class":3916,"line":4000},[3914,21550,3939],{"emptyLinePlaceholder":3938},[3914,21552,21553],{"class":3916,"line":4005},[3914,21554,21555],{},"package \"Кнопки та форми\" {\n",[3914,21557,21558],{"class":3916,"line":4011},[3914,21559,21560],{},"  component [Spring scale при натисканні] as BTN_SCALE\n",[3914,21562,21563],{"class":3916,"line":4017},[3914,21564,21565],{},"  component [Shake при помилці валідації] as FORM_SHAKE\n",[3914,21567,21568],{"class":3916,"line":4022},[3914,21569,21570],{},"  component [Notification success\u002Ferror] as FORM_NOTIF\n",[3914,21572,21573],{"class":3916,"line":4027},[3914,21574,3963],{},[3914,21576,21577],{"class":3916,"line":4033},[3914,21578,3939],{"emptyLinePlaceholder":3938},[3914,21580,21581],{"class":3916,"line":4039},[3914,21582,21583],{},"package \"Навігація\" {\n",[3914,21585,21586],{"class":3916,"line":4045},[3914,21587,21588],{},"  component [Shared Element Transition\\n(між списком і деталями)] as NAV_SHARED\n",[3914,21590,21591],{"class":3916,"line":4051},[3914,21592,3963],{},[3914,21594,21595],{"class":3916,"line":4057},[3914,21596,3939],{"emptyLinePlaceholder":3938},[3914,21598,21599],{"class":3916,"line":4063},[3914,21600,21601],{},"LIST_FADE --> LIST_LAYOUT\n",[3914,21603,21604],{"class":3916,"line":5669},[3914,21605,21606],{},"CARD_EXP --> CARD_PARALLAX\n",[3914,21608,21609],{"class":3916,"line":5674},[3914,21610,21611],{},"BTN_SCALE --> FORM_SHAKE\n",[3914,21613,21614],{"class":3916,"line":5681},[3914,21615,4066],{},[3743,21617,21618],{},"Рекомендовані місця для Reanimated у Nomad:",[18538,21620,21621,21633,21644,21663],{},[8433,21622,21625,21628,21629,21632],{"icon":21623,"title":21624},"i-lucide-list","Список поїздок",[3804,21626,21627],{},"entering={FadeIn.delay(index * 80)}"," для stagger появи карток. ",[3804,21630,21631],{},"layout={LinearTransition}"," для плавного переміщення при видаленні поїздки.",[8433,21634,21637,21640,21641,21643],{"icon":21635,"title":21636},"i-lucide-map","Картка деталей",[3804,21638,21639],{},"ExpandableCard"," для секції нотаток. ",[3804,21642,4174],{}," для parallax фото вгорі екрана.",[8433,21645,21647,21648,21651,21652,7770,21655,21658,21659,21662],{"icon":1920,"title":21646},"Кнопки","Spring scale (",[3804,21649,21650],{},"0.96",") при ",[3804,21653,21654],{},"onPressIn",[3747,21656,21657],{},"всіх"," кнопок. ",[3804,21660,21661],{},"withSequence(scale → 1.05 → 1.0)"," після успішного збереження.",[8433,21664,21667,21669,21670,21672,21673,21675],{"icon":21665,"title":21666},"i-lucide-form-input","Валідація форм",[3804,21668,7576],{}," shake animation при помилці. ",[3804,21671,10794],{}," для error messages. ",[3804,21674,4534],{}," opacity для placeholder тексту.",[3743,21677,21678,21679,3750],{},"Комміт у Nomad: ",[3804,21680,21681],{},"feat: micro-interactions with reanimated",[3828,21683],{},[3738,21685,21687],{"id":21686},"поширені-помилки-та-підводні-камені","Поширені помилки та підводні камені",[21689,21690,21691,21719,21742,21763,21779,21796,21810],"accordion",{},[21692,21693,21696,21697,21700,21701,21703,21704,21706,21707,3869,21709,21712,21713,21715,21716,3750],"accordion-item",{"icon":21694,"label":21695},"i-lucide-circle-alert","Babel plugin не підключений → worklet помилки","Якщо отримуєте помилку «",[3804,21698,21699],{},"useSharedValue is not a function","» або проблеми з worklets — перевірте ",[3804,21702,4239],{},". Плагін ",[3804,21705,4373],{}," повинен бути в масиві ",[3804,21708,4380],{},[3747,21710,21711],{},"обов'язково останнім",". Після будь-якої зміни ",[3804,21714,4239],{}," перезапускайте Metro з ",[3804,21717,21718],{},"--clear",[21692,21720,21722,21724,21725,21727,21728,21730,21731,21734,21735,21738,21739,21741],{"icon":21694,"label":21721},"setState всередині useAnimatedStyle → помилка",[3804,21723,4171],{}," — це worklet, що виконується на UI Thread. ",[3804,21726,4199],{}," — це JS Thread операція. Викликати ",[3804,21729,4199],{}," всередині worklet напряму ",[3747,21732,21733],{},"неможливо",". Рішення: використовуйте ",[3804,21736,21737],{},"runOnJS(setState)(value)"," або виносьте логіку в ",[3804,21740,8030],{}," з реакцією на shared value.",[21692,21743,21745,21747,21748,21751,21752,3877,21754,21756,21757,21759,21760,3750],{"icon":21694,"label":21744},"Animated.View vs View при useAnimatedStyle",[3804,21746,4171],{}," повертає стиль, який можна застосувати ",[3747,21749,21750],{},"лише"," до ",[3804,21753,4826],{},[3804,21755,4829],{}," тощо з Reanimated. Якщо передати у звичайний ",[3804,21758,4760],{}," — стилі просто не застосуються без помилки. Переконайтесь що використовуєте ",[3804,21761,21762],{},"import Animated from 'react-native-reanimated'",[21692,21764,21766,21767,21769,21770,21772,21773,21776,21777,3750],{"icon":21694,"label":21765},"interpolate виходить за межі → непередбачуваний результат","За замовчуванням ",[3804,21768,9089],{}," з ",[3804,21771,9335],{}," продовжує лінійно за межі діапазону. Якщо scrollY може бути від'ємним (при перетягуванні вгору), а ви очікуєте ",[3914,21774,21775],{},"0, 200"," — значення вийде за outputRange. Майже завжди використовуйте ",[3804,21778,9330],{},[21692,21780,21782,21785,21786,21789,21790,21793,21794,3750],{"icon":21694,"label":21781},"cancelAnimation не скидає значення",[3804,21783,21784],{},"cancelAnimation(value)"," зупиняє анімацію в поточній точці — value ",[3747,21787,21788],{},"залишається"," на поточному значенні, не повертається до початкового. Якщо потрібно скинути — додайте ",[3804,21791,21792],{},"value.value = withTiming(initialValue, ...)"," після ",[3804,21795,15409],{},[21692,21797,21799,21800,4076,21802,4076,21804,21806,21807,11178],{"icon":21694,"label":21798},"Layout Animations і Expo Go","У деяких версіях Expo Go Layout Animations (",[3804,21801,10593],{},[3804,21803,10603],{},[3804,21805,10612],{},") можуть не працювати або працювати некоректно через версійні невідповідності. Для гарантованого тестування Layout Animations використовуйте Development Build (",[3804,21808,21809],{},"npx expo run:ios",[21692,21811,21813,21815,21816,21818,21819,3750],{"icon":21694,"label":21812},"useAnimatedStyle залежності",[3804,21814,4171],{}," автоматично відстежує shared values через реактивну систему Reanimated. Але звичайні JS змінні з closure НЕ відстежуються. Якщо потрібне значення з JS — оголосіть окремий ",[3804,21817,4396],{}," і синхронізуйте через ",[3804,21820,8030],{},[3828,21822],{},[3738,21824,21826],{"id":21825},"підсумок","Підсумок",[18538,21828,21829,21852,21878,21910],{},[8433,21830,21832],{"icon":255,"title":21831},"Потоки та worklets",[3755,21833,21834,21839,21842,21847],{},[3758,21835,21836,21837],{},"JS Thread vs UI Thread — ключова різниця від ",[3804,21838,3818],{},[3758,21840,21841],{},"Worklet виконується на нативному UI потоці",[3758,21843,21844,21846],{},[3804,21845,4192],{}," для виходу в JS при потребі",[3758,21848,21849,21851],{},[3804,21850,4088],{}," директива для кастомних функцій",[8433,21853,21855],{"icon":943,"title":21854},"Базові примітиви",[3755,21856,21857,21862,21867,21872],{},[3758,21858,21859,21861],{},[3804,21860,4396],{}," — змінна двох потоків",[3758,21863,21864,21866],{},[3804,21865,4171],{}," — worklet-зв'язок значень і стилів",[3758,21868,21869,21871],{},[3804,21870,8902],{}," — обчислені значення",[3758,21873,21874,9009,21876],{},[3804,21875,9089],{},[3804,21877,9330],{},[8433,21879,21881],{"icon":1348,"title":21880},"Анімаційні функції",[3755,21882,21883,21891,21896,21905],{},[3758,21884,21885,9009,21887,21890],{},[3804,21886,4534],{},[3804,21888,21889],{},"Easing.*"," — точний контроль",[3758,21892,21893,21895],{},[3804,21894,5032],{}," — фізика пружини (damping, stiffness)",[3758,21897,21898,3877,21900,3877,21902,21904],{},[3804,21899,7576],{},[3804,21901,7707],{},[3804,21903,7885],{}," — композиція",[3758,21906,21907,21909],{},[3804,21908,15409],{}," — зупинка",[8433,21911,21914],{"icon":21912,"title":21913},"i-lucide-move","Layout Animations",[3755,21915,21916,21925,21928,21939],{},[3758,21917,21918,3877,21920,3877,21922,21924],{},[3804,21919,10593],{},[3804,21921,10603],{},[3804,21923,10612],{}," — одним рядком",[3758,21926,21927],{},"FadeIn, SlideIn, ZoomIn, BounceIn і десятки інших",[3758,21929,21930,3877,21933,3877,21936],{},[3804,21931,21932],{},".duration()",[3804,21934,21935],{},".delay()",[3804,21937,21938],{},".springify()",[3758,21940,21941,21943],{},[3804,21942,18370],{}," — обов'язково!",[15714,21945,21946,21949,21950,21953],{},[3747,21947,21948],{},"Наступний крок:"," поєднання Reanimated з ",[3747,21951,21952],{},"RNGH"," (React Native Gesture Handler) дає максимальну потужність — жести і анімації разом на нативному потоці. Саме так побудовані bottom sheets, drag-to-dismiss, і всі складні інтеракції, які ви бачите у найкращих мобільних застосунках.",[21955,21956,21957],"style",{},"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 .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}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}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}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}",{"title":3851,"searchDepth":3923,"depth":3923,"links":21959},[21960,21961,21966,21967,21972,21979,21985,21989,21998,22004,22008,22012,22019,22024,22025,22026],{"id":3740,"depth":3923,"text":3741},{"id":3832,"depth":3923,"text":3833,"children":21962},[21963,21964,21965],{"id":3837,"depth":3929,"text":3838},{"id":3887,"depth":3929,"text":3888},{"id":4081,"depth":3929,"text":4082},{"id":4208,"depth":3923,"text":4209},{"id":4386,"depth":3923,"text":4387,"children":21968},[21969,21970,21971],{"id":4390,"depth":3929,"text":4391},{"id":4605,"depth":3929,"text":4606},{"id":4816,"depth":3929,"text":4817},{"id":4977,"depth":3923,"text":4978,"children":21973},[21974,21975,21976,21977,21978],{"id":4981,"depth":3929,"text":4982},{"id":5045,"depth":3929,"text":5046},{"id":5195,"depth":3929,"text":5196},{"id":6286,"depth":3929,"text":6287},{"id":6476,"depth":3929,"text":6477},{"id":7566,"depth":3923,"text":7567,"children":21980},[21981,21982,21983,21984],{"id":7570,"depth":3929,"text":7571},{"id":7692,"depth":3929,"text":7693},{"id":7870,"depth":3929,"text":7871},{"id":8006,"depth":3929,"text":8007},{"id":8896,"depth":3923,"text":8897,"children":21986},[21987,21988],{"id":9083,"depth":3929,"text":9084},{"id":9351,"depth":3929,"text":9352},{"id":10574,"depth":3923,"text":10575,"children":21990},[21991,21992,21993,21994,21995,21996,21997],{"id":10578,"depth":3929,"text":10579},{"id":10777,"depth":3929,"text":10778},{"id":10936,"depth":3929,"text":10937},{"id":11149,"depth":3929,"text":11150},{"id":11312,"depth":3929,"text":11313},{"id":12285,"depth":3929,"text":12286},{"id":12486,"depth":3929,"text":12487},{"id":13652,"depth":3923,"text":13653,"children":21999},[22000,22001,22002,22003],{"id":13656,"depth":3929,"text":13657},{"id":13679,"depth":3929,"text":13680},{"id":13957,"depth":3929,"text":13958},{"id":14187,"depth":3929,"text":14188},{"id":15390,"depth":3923,"text":15391,"children":22005},[22006,22007],{"id":15394,"depth":3929,"text":15395},{"id":15589,"depth":3929,"text":15590},{"id":15728,"depth":3923,"text":15729,"children":22009},[22010,22011],{"id":15735,"depth":3929,"text":15736},{"id":16166,"depth":3929,"text":16167},{"id":17985,"depth":3923,"text":17986,"children":22013},[22014,22015,22016,22017,22018],{"id":17989,"depth":3929,"text":17990},{"id":18010,"depth":3929,"text":18011},{"id":18169,"depth":3929,"text":18170},{"id":18386,"depth":3929,"text":18387},{"id":18535,"depth":3929,"text":18536},{"id":18586,"depth":3923,"text":18587,"children":22020},[22021,22022,22023],{"id":18590,"depth":3929,"text":18591},{"id":18635,"depth":3929,"text":18636},{"id":20173,"depth":3929,"text":20174},{"id":21472,"depth":3923,"text":21473},{"id":21686,"depth":3923,"text":21687},{"id":21825,"depth":3923,"text":21826},"Shared values, worklets, springs, layout animations та reduced motion у React Native Reanimated 3 — від теорії до плавного UI","md",null,{},{"title":3480,"description":22027},"h05qXMfYyj0dlV4O8Khd_h2_d1MDyg3nJiVGbT4mVtQ",[22034,22036],{"title":3476,"path":3477,"stem":3478,"description":22035,"children":-1},"React Native Gesture Handler, Pressable, haptics, swipe-to-delete та обробка складних мультитач-жестів у React Native \u002F Expo",{"title":3484,"path":3485,"stem":3486,"description":22037,"children":-1},"Локальні нагадування, Android канали, обробка тапу і навігація до потрібного екрана у React Native \u002F Expo Notifications",1788069968470]