[{"data":1,"prerenderedAt":17670},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version2-local-storage-mmkv-sqlite":3728,"-react-native-version2-local-storage-mmkv-sqlite-surround":17665},[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":3460,"body":3730,"description":17659,"extension":17660,"links":17661,"meta":17662,"navigation":4427,"path":3461,"seo":17663,"stem":3462,"__hash__":17664},"docs\u002F15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite.md",{"type":3731,"value":3732,"toc":17609},"minimark",[3733,3737,3742,3746,3754,3766,3780,3787,3812,3823,3838,3841,3845,3850,3860,3882,3885,3900,3917,3931,3935,3942,4062,4065,4070,4081,4112,4141,4156,4161,4171,4178,4181,4206,4211,4227,4247,4258,4278,4289,4294,4311,4631,4661,4688,4715,4720,4736,4754,4761,4775,4777,4781,4784,4850,4894,4897,4899,4903,4915,4929,4934,4959,4964,5204,5209,5232,5237,5260,5265,5288,5309,5311,5315,5324,5342,5347,5381,5391,5396,5455,5460,5833,5838,5848,5971,5974,6290,6295,6302,6420,6425,6435,6510,6522,6532,6537,6582,6586,6611,6616,6637,6639,6643,6651,6656,6659,6884,6887,6967,6972,7004,7009,7065,7071,7076,7094,7099,7409,7414,7417,7510,7515,7526,7611,7616,7622,7625,7897,7914,7919,7954,7958,7978,7983,7994,7996,8000,8011,8021,8047,8050,8237,8242,8268,8568,8659,8661,8665,8668,8738,8769,8802,8804,8808,8811,8999,9001,9005,9016,9026,9030,9035,9062,9067,9078,9080,9084,9091,9119,9122,9137,9140,9154,9157,9159,9163,9173,9441,9446,9481,9483,9487,9494,10877,10879,10883,10890,10895,10959,10964,11012,11020,11030,11123,11126,11130,11189,11193,11220,11225,11238,11243,11254,11423,11430,11434,11479,11483,11506,11526,11528,11532,11538,11613,11654,11656,11660,11667,11672,11682,11854,11859,12381,12391,12415,12417,12421,12424,12477,12479,12483,12490,12494,12501,12508,12512,12516,12570,12583,12587,12627,12629,12633,12640,15007,15009,15013,15017,15191,15216,15255,15259,15342,15349,15378,15410,15414,15496,15501,15522,15525,15532,15535,15539,15603,15609,15630,15635,15641,15666,15676,15688,15690,15694,15697,16029,16164,16166,16170,16173,16227,16233,16235,16239,16242,16246,16250,16257,16274,16278,16281,16301,16311,16316,16343,16345,16349,16353,16356,16361,16381,16395,16399,16411,16421,16426,16451,16457,16459,16463,16467,16476,16483,16505,16509,16743,16753,16757,16760,16785,16788,16802,16944,16954,16958,16961,16969,17082,17087,17104,17109,17111,17115,17118,17122,17171,17175,17214,17218,17252,17254,17258,17268,17298,17309,17311,17315,17319,17350,17354,17380,17384,17412,17414,17418,17541,17543,17547,17554,17557,17584,17594,17605],[3734,3735,3460],"h1",{"id":3736},"локальне-сховище-asyncstorage-mmkv-sqlite",[3738,3739,3741],"h2",{"id":3740},"відкриття-коли-застосунок-має-памятати","Відкриття: коли застосунок має пам'ятати",[3743,3744,3745],"p",{},"Уявіть: ви відкриваєте застосунок для нотаток у метро, пишете кілька абзаців про важливу думку, натискаєте «Зберегти» і виходите з програми. Наступного дня відкриваєте знову — і текст на місці. Здається природним, правда? Але якщо подумати глибше: ваш телефон міг перезавантажитися вночі через оновлення системи, застосунок міг бути вивантажений операційною системою для економії пам'яті, інтернет-з'єднання могло бути відсутнім під час збереження. І все одно — дані лишилися.",[3743,3747,3748,3749,3753],{},"У веброзробці ви, можливо, звикли до того, що стан застосунку живе «у повітрі»: Redux store існує, поки відкрита вкладка браузера; закрили сторінку — стан зник. Якщо потрібна персистентність, ви використовуєте ",[3750,3751,3752],"code",{},"localStorage"," (для невеликих рядків) або IndexedDB (для складніших структур), і це зазвичай «просто працює» без глибоких роздумів про продуктивність чи розмір даних.",[3743,3755,3756,3757,3761,3762,3765],{},"У мобільному світі ситуація інша. Операційна система iOS або Android може ",[3758,3759,3760],"strong",{},"будь-коли"," завершити процес вашого застосунку у фоні — не тому, що сталася помилка, а просто щоб вивільнити ресурси для активного додатку (наприклад, для камери або гри, яку користувач щойно відкрив). Коли людина повертається до вашого застосунку через годину, система ",[3758,3763,3764],{},"запускає його заново"," — як би з «чистого аркуша». Якщо ви не зберегли стан на диск, користувач побачить порожній екран або втратить незбережені зміни. Це не баг — це архітектурна реальність мобільних платформ.",[3743,3767,3768,3769,3772,3773,3775,3776,3779],{},"Тому ",[3758,3770,3771],{},"локальне сховище"," (local storage у широкому сенсі — не плутати з браузерним API ",[3750,3774,3752],{},") стає не опцією, а обов'язковою частиною будь-якого мобільного застосунку, який працює з даними користувача. Навіть якщо ваш бекенд тримає «джерело істини» на сервері, мобільний клієнт має ",[3758,3777,3778],{},"кешувати"," ці дані локально — щоб показати список поїздок миттєво при відкритті, не чекаючи мережевого запиту; щоб дозволити редагування офлайн; щоб зберегти чернетку форми, яку людина не встигла надіслати.",[3743,3781,3782,3783,3786],{},"У цій статті ми детально розглянемо ",[3758,3784,3785],{},"три основні підходи"," до збереження даних на пристрої у React Native-застосунку:",[3788,3789,3790,3800,3806],"ol",{},[3791,3792,3793,3796,3797,3799],"li",{},[3758,3794,3795],{},"AsyncStorage"," — найпростіше key-value сховище, яке React Native пропонує «з коробки» через community-пакет; аналог браузерного ",[3750,3798,3752],{},", але асинхронний і з обмеженнями продуктивності.",[3791,3801,3802,3805],{},[3758,3803,3804],{},"MMKV"," — швидка C++-бібліотека від WeChat (wrapped у react-native-mmkv), яка працює на порядки швидше за AsyncStorage для більшості сценаріїв і стала фактичним стандартом для key-value персистентності у сучасних React Native-проєктах.",[3791,3807,3808,3811],{},[3758,3809,3810],{},"SQLite"," — повноцінна реляційна база даних, вбудована в iOS та Android; потрібна, коли ви працюєте зі складними зв'язками між сутностями, виконуєте SQL-запити для фільтрації\u002Fсортування великих обсягів даних, або синхронізуєте structured data з бекендом.",[3743,3813,3814,3815,3818,3819,3822],{},"Ми ",[3758,3816,3817],{},"не будемо"," просто перераховувати API цих бібліотек — натомість пройдемо ",[3758,3820,3821],{},"від життєвої задачі до рішення",": спочатку з'ясуємо, що таке персистентність у мобільному контексті і чим вона відрізняється від вебу; потім розглянемо кожне рішення окремо з поясненням «коли це потрібно і чому саме так»; і нарешті застосуємо на практиці — як у міні-проєкті («Чернетки» з MMKV), так і в наскрізному Nomad (персистентність поїздок).",[3824,3825,3826,3829,3830,3833,3834,3837],"note",{},[3758,3827,3828],{},"Головна думка цієї статті:"," у мобільному застосунку персистентність — це не «бонусна фіча», а базова вимога архітектури. Вибір між AsyncStorage, MMKV і SQLite залежить не від «що модніше», а від ",[3758,3831,3832],{},"структури ваших даних"," і ",[3758,3835,3836],{},"частоти доступу",": для налаштувань і невеликих JSON-об'єктів — MMKV; для реляційних даних і складних запитів — SQLite; AsyncStorage — лише як fallback для дуже старих проєктів або максимально простих сценаріїв.",[3839,3840],"hr",{},[3738,3842,3844],{"id":3843},"частина-1-теорія-персистентність-у-мобільному-світі","Частина 1. Теорія — персистентність у мобільному світі",[3846,3847,3849],"h3",{"id":3848},"що-таке-персистентність-і-навіщо-вона-застосунку","Що таке персистентність і навіщо вона застосунку",[3743,3851,3852,3855,3856,3859],{},[3758,3853,3854],{},"Персистентність"," (persistence) означає, що дані ",[3758,3857,3858],{},"переживають"," перезапуск застосунку. У контексті React Native це означає: ви зберігаєте щось на диск пристрою (у файлову систему iOS\u002FAndroid), і ці дані лишаються доступними навіть після того, як операційна система завершила процес вашого застосунку або користувач перезавантажив телефон.",[3743,3861,3862,3863,3866,3867,3870,3871,3874,3875,3877,3878,3881],{},"Подумайте про це так: ваш Redux store (або Zustand store) існує ",[3758,3864,3865],{},"в оперативній пам'яті"," процесу застосунку. Поки застосунок працює — стан живе. Але щойно iOS або Android вирішують, що вашому застосунку пора звільнити місце (наприклад, користувач відкрив десять інших програм і ваша пішла у фон на годину), процес ",[3758,3868,3869],{},"завершується",". У наступний раз, коли людина відкриє застосунок, React Native створить ",[3758,3872,3873],{},"новий"," процес, ",[3758,3876,3873],{}," JS-runtime, і ваш Redux store проініціалізується з дефолтного ",[3750,3879,3880],{},"initialState"," — як би застосунок відкрився «вперше».",[3743,3883,3884],{},"Якщо ви не зберегли дані на диск, користувач втратить:",[3886,3887,3888,3891,3894,3897],"ul",{},[3791,3889,3890],{},"список поїздок, які вона переглядала раніше (якщо не підвантажувати їх заново з API);",[3791,3892,3893],{},"чернетку форми «нова поїздка», яку вона почала заповнювати, але не надіслала;",[3791,3895,3896],{},"налаштування теми (light\u002Fdark), які вона обрала в минулий раз;",[3791,3898,3899],{},"токен сесії (якщо не використовувати SecureStore), і доведеться логінитися знову.",[3743,3901,3768,3902,3905,3906,3909,3910,3833,3913,3916],{},[3758,3903,3904],{},"кожен"," мобільний застосунок, який працює з даними користувача (а це майже всі застосунки, крім найпростіших калькуляторів чи статичних довідників), має стратегію персистентності. Питання не «чи потрібно зберігати дані локально», а «",[3758,3907,3908],{},"що"," зберігати, ",[3758,3911,3912],{},"де",[3758,3914,3915],{},"як часто"," це оновлювати».",[3918,3919,3920,3923,3924,3926,3927,3930],"tip",{},[3758,3921,3922],{},"Аналогія з вебом:"," у браузері ви звикли, що вкладка «пам'ятає» стан, поки відкрита. Якщо закрити вкладку — стан зникає, але ви можете зберегти щось у ",[3750,3925,3752],{}," або IndexedDB, щоб наступного разу відновити. У мобільному застосунку ",[3758,3928,3929],{},"немає гарантії",", що процес лишиться живим навіть на хвилину після того, як користувач перейшов в іншу програму. Тому персистентність — це не опція «для офлайну», а базова практика «щоб застосунок не здавався зламаним».",[3846,3932,3934],{"id":3933},"web-localstorage-vs-мобільне-сховище-ключові-відмінності","Web localStorage vs мобільне сховище — ключові відмінності",[3743,3936,3937,3938,3941],{},"Якщо ви приходите з веброзробки, перше, що спадає на думку: «У браузері є ",[3750,3939,3940],{},"localStorage.setItem('key', 'value')"," — напевно, у React Native теж щось подібне?» І так, є — але з важливими нюансами.",[3943,3944,3945,3963],"table",{},[3946,3947,3948],"thead",{},[3949,3950,3951,3955,3960],"tr",{},[3952,3953,3954],"th",{},"Аспект",[3952,3956,3957,3958],{},"Web ",[3750,3959,3752],{},[3952,3961,3962],{},"React Native AsyncStorage \u002F MMKV",[3964,3965,3966,3994,4007,4028,4045],"tbody",{},[3949,3967,3968,3973,3980],{},[3969,3970,3971],"td",{},[3758,3972,731],{},[3969,3974,3975,3976,3979],{},"Синхронний (",[3750,3977,3978],{},"localStorage.setItem"," блокує JS-потік до завершення запису)",[3969,3981,3982,3985,3986,3989,3990,3993],{},[3758,3983,3984],{},"Асинхронний"," (",[3750,3987,3988],{},"await AsyncStorage.setItem"," \u002F ",[3750,3991,3992],{},"storage.set"," не блокують)",[3949,3995,3996,4001,4004],{},[3969,3997,3998],{},[3758,3999,4000],{},"Розмір",[3969,4002,4003],{},"Зазвичай ~5–10 MB на домен (браузер може відмовити при перевищенні)",[3969,4005,4006],{},"AsyncStorage — до ~6 MB на iOS (обмеження системи); MMKV \u002F SQLite — гігабайти (обмежені лише вільним місцем на пристрої)",[3949,4008,4009,4014,4017],{},[3969,4010,4011],{},[3758,4012,4013],{},"Продуктивність",[3969,4015,4016],{},"Досить швидкий для дрібних операцій; повільніший для великих JSON",[3969,4018,4019,4020,4023,4024,4027],{},"AsyncStorage — ",[3758,4021,4022],{},"повільний"," для частих читань\u002Fзаписів; MMKV — ",[3758,4025,4026],{},"дуже швидкий"," (C++ memory-mapped файл)",[3949,4029,4030,4035,4038],{},[3969,4031,4032],{},[3758,4033,4034],{},"Структура",[3969,4036,4037],{},"Лише рядки (key → string value)",[3969,4039,4040,4041,4044],{},"AsyncStorage \u002F MMKV — теж key-value з рядками (JSON.stringify для об'єктів); SQLite — ",[3758,4042,4043],{},"реляційні таблиці"," з типізованими колонками",[3949,4046,4047,4052,4055],{},[3969,4048,4049],{},[3758,4050,4051],{},"Шифрування",[3969,4053,4054],{},"Немає (доступне JS-коду сторінки)",[3969,4056,4057,4058,4061],{},"AsyncStorage \u002F MMKV — ",[3758,4059,4060],{},"не зашифровані"," за замовчуванням (потрібен Keychain\u002FSecureStore для секретів); SQLite — можна зашифрувати (SQLCipher)",[3743,4063,4064],{},"Розберемо кожен рядок таблиці детальніше:",[3743,4066,4067],{},[3758,4068,4069],{},"1. API — синхронний vs асинхронний",[3743,4071,4072,4073,4076,4077,4080],{},"У браузері ",[3750,4074,4075],{},"localStorage.setItem('theme', 'dark')"," виконується ",[3758,4078,4079],{},"синхронно",": JavaScript-потік зупиняється, чекає, поки браузер запише дані в файл на диску (або в кеш), і лише потім продовжує виконання наступного рядка коду. Для невеликих значень це непомітно (мілісекунди), але для великих JSON це може «заморозити» UI.",[3743,4082,4083,4084,4087,4088,4091,4092,4095,4096,4099,4100,4103,4104,4107,4108,4111],{},"У React Native майже всі операції з локальним сховищем — ",[3758,4085,4086],{},"асинхронні"," (через ",[3750,4089,4090],{},"Promise"," або ",[3750,4093,4094],{},"async\u002Fawait","). Чому? Тому що React Native виконує JavaScript у ",[3758,4097,4098],{},"окремому потоці"," (JS thread), а запис на диск відбувається в ",[3758,4101,4102],{},"нативному потоці"," iOS\u002FAndroid. Щоб не блокувати JS-потік (і не зависнув UI), бібліотеки роблять операції неблокуючими: ви викликаєте ",[3750,4105,4106],{},"await AsyncStorage.setItem(...)",", JS-потік ",[3758,4109,4110],{},"не чекає"," фізичного запису, а одразу продовжує роботу; коли нативний потік завершить запис, Promise резолвиться.",[3743,4113,4114,4115,3985,4118,4121,4122,4125,4126,4128,4129,4132,4133,4136,4137,4140],{},"MMKV — виняток: його API ",[3758,4116,4117],{},"синхронний",[3750,4119,4120],{},"storage.set('key', 'value')"," без ",[3750,4123,4124],{},"await","), але це не означає, що він блокує JS-потік так само, як браузерний ",[3750,4127,3752],{},". MMKV використовує ",[3758,4130,4131],{},"memory-mapped файл"," (mmap) — це системна техніка, коли операційна система дозволяє програмі працювати з файлом на диску ",[3758,4134,4135],{},"так, ніби це звичайна пам'ять",". Запис у таку «пам'ять» відбувається миттєво (з точки зору JS), а фактичний flush на диск система робить асинхронно у фоні. Тому MMKV швидкий і ",[3758,4138,4139],{},"не блокує"," UI, навіть маючи синхронний API.",[4142,4143,4144,4147,4148,4151,4152,4155],"warning",{},[3758,4145,4146],{},"Типова плутанина:"," «Якщо AsyncStorage асинхронний, він швидший?» — Ні. AsyncStorage ",[3758,4149,4150],{},"повільніший"," за MMKV, хоча обидва асинхронні з точки зору JS. Причина в тому, ",[3758,4153,4154],{},"як"," вони зберігають дані: AsyncStorage на iOS використовує файли-словники (plist або JSON), на Android — SQLite з однією таблицею; обидва варіанти мають overhead на серіалізацію й системні виклики. MMKV пише безпосередньо в бінарний файл через mmap — набагато менше overhead.",[3743,4157,4158],{},[3758,4159,4160],{},"2. Розмір — скільки можна зберегти",[3743,4162,4163,4164,4166,4167,4170],{},"Браузерний ",[3750,4165,3752],{}," зазвичай обмежений ~5–10 MB на домен (це políтика браузера, не технічне обмеження). Якщо спробувати записати більше, браузер кине помилку ",[3750,4168,4169],{},"QuotaExceededError",".",[3743,4172,4173,4174,4177],{},"AsyncStorage на iOS ",[3758,4175,4176],{},"теоретично"," може зберегти більше, але Apple документує обмеження ~6 MB для «швидкого» доступу (великі дані можуть бути викинуті системою при нестачі місця). На Android AsyncStorage використовує SQLite, тому ліміт вищий, але продуктивність падає при великих обсягах.",[3743,4179,4180],{},"MMKV і SQLite обмежені лише вільним місцем на пристрої (гігабайти). Але це не означає, що варто зберігати відео чи великі файли в MMKV — для медіа є файлова система (про це далі в розділі «Файли»).",[3918,4182,4183,4186,4187,4190,4191,4190,4194,4197,4198,4201,4202,4205],{},[3758,4184,4185],{},"Практичне правило:"," якщо ви зберігаєте ",[3758,4188,4189],{},"налаштування",", ",[3758,4192,4193],{},"токени",[3758,4195,4196],{},"невеликі JSON-списки"," (до кількох сотень об'єктів) — MMKV впорається без проблем. Якщо ви зберігаєте ",[3758,4199,4200],{},"тисячі записів з фільтрацією \u002F зв'язками"," — використовуйте SQLite. Якщо ви зберігаєте ",[3758,4203,4204],{},"зображення \u002F документи"," — пишіть у файлову систему (Expo FileSystem \u002F react-native-fs), а в MMKV \u002F SQLite тримайте лише шляхи до файлів.",[3743,4207,4208],{},[3758,4209,4210],{},"3. Продуктивність — як швидко працює",[3743,4212,4163,4213,4215,4216,4219,4220,4223,4224,4226],{},[3750,4214,3752],{}," досить швидкий для ",[3758,4217,4218],{},"дрібних"," операцій (читання\u002Fзапис рядка 1–10 KB). Але якщо ви зберігаєте великий JSON (наприклад, список 1000 товарів по 500 bytes кожен = 500 KB), ",[3750,4221,4222],{},"JSON.stringify"," + ",[3750,4225,3978],{}," може зайняти десятки мілісекунд і «заморозити» UI (тому що синхронний).",[3743,4228,4229,4230,4232,4233,4235,4236,4239,4240,4242,4243,4246],{},"AsyncStorage ",[3758,4231,4150],{}," навіть для дрібних операцій, ніж браузерний ",[3750,4234,3752],{},", бо кожен ",[3750,4237,4238],{},"setItem"," робить системний виклик (bridge у старій архітектурі, TurboModule у новій), серіалізує дані в JSON або plist, і пише на диск. Якщо ви робите багато ",[3750,4241,4238],{}," підряд (наприклад, зберігаєте 100 ключів у циклі), це буде ",[3758,4244,4245],{},"дуже повільно"," (секунди на старих пристроях).",[3743,4248,4249,4250,4253,4254,4257],{},"MMKV — ",[3758,4251,4252],{},"на порядки швидший",": читання\u002Fзапис ~1 KB займає ",[3758,4255,4256],{},"мікросекунди"," (не мілісекунди). Це досягається завдяки:",[3886,4259,4260,4266,4272],{},[3791,4261,4262,4265],{},[3758,4263,4264],{},"Memory-mapped файлу"," (mmap) — операційна система мапує файл у віртуальну пам'ять процесу; запис у цю пам'ять відбувається як запис у звичайний масив, без системних викликів для кожної операції.",[3791,4267,4268,4271],{},[3758,4269,4270],{},"Протоколу ProtoBuf"," — MMKV серіалізує дані в бінарний формат (швидше за JSON).",[3791,4273,4274,4277],{},[3758,4275,4276],{},"Інкрементному записі"," — MMKV не перезаписує весь файл при зміні одного ключа, а дописує зміни в кінець (append-only log), періодично робить compaction.",[3743,4279,4280,4281,4284,4285,4288],{},"SQLite — швидкий для ",[3758,4282,4283],{},"складних запитів"," (SELECT з JOIN, WHERE, ORDER BY), бо це повноцінна база даних з індексами. Але для простого «зберегти один ключ» SQLite ",[3758,4286,4287],{},"повільніший за MMKV",", бо потрібно відкрити з'єднання, виконати SQL-запит, закрити транзакцію. Тому SQLite не замінює MMKV для налаштувань — вони доповнюють один одного.",[3743,4290,4291],{},[3758,4292,4293],{},"4. Структура — key-value vs реляційні таблиці",[3743,4295,4163,4296,4298,4299,4302,4303,4306,4307,4310],{},[3750,4297,3752],{},", AsyncStorage і MMKV — усі працюють за принципом ",[3758,4300,4301],{},"key-value",": ви зберігаєте ",[3758,4304,4305],{},"рядок"," під ",[3758,4308,4309],{},"ключем-рядком",". Якщо потрібно зберегти об'єкт або масив, ви серіалізуєте його в JSON:",[4312,4313,4318],"pre",{"className":4314,"code":4315,"language":4316,"meta":4317,"style":4317},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Web localStorage\nlocalStorage.setItem('user', JSON.stringify({ name: 'Anna', age: 28 }));\nconst user = JSON.parse(localStorage.getItem('user') || '{}');\n\n\u002F\u002F AsyncStorage\nawait AsyncStorage.setItem('user', JSON.stringify({ name: 'Anna', age: 28 }));\nconst userStr = await AsyncStorage.getItem('user');\nconst user = userStr ? JSON.parse(userStr) : null;\n\n\u002F\u002F MMKV\nstorage.set('user', JSON.stringify({ name: 'Anna', age: 28 }));\nconst userStr = storage.getString('user');\nconst user = userStr ? JSON.parse(userStr) : null;\n","ts","",[3750,4319,4320,4329,4380,4422,4429,4435,4474,4498,4532,4537,4543,4580,4602],{"__ignoreMap":4317},[4321,4322,4325],"span",{"class":4323,"line":4324},"line",1,[4321,4326,4328],{"class":4327},"spJ8K","\u002F\u002F Web localStorage\n",[4321,4330,4332,4335,4338,4341,4344,4348,4350,4354,4356,4359,4362,4365,4368,4370,4373,4377],{"class":4323,"line":4331},2,[4321,4333,3752],{"class":4334},"siwwj",[4321,4336,4170],{"class":4337},"sHH4Y",[4321,4339,4238],{"class":4340},"s8Opu",[4321,4342,4343],{"class":4337},"(",[4321,4345,4347],{"class":4346},"sbdoH","'user'",[4321,4349,4190],{"class":4337},[4321,4351,4353],{"class":4352},"s-QsJ","JSON",[4321,4355,4170],{"class":4337},[4321,4357,4358],{"class":4340},"stringify",[4321,4360,4361],{"class":4337},"({ ",[4321,4363,4364],{"class":4334},"name:",[4321,4366,4367],{"class":4346}," 'Anna'",[4321,4369,4190],{"class":4337},[4321,4371,4372],{"class":4334},"age:",[4321,4374,4376],{"class":4375},"sJj4R"," 28",[4321,4378,4379],{"class":4337}," }));\n",[4321,4381,4383,4387,4390,4393,4395,4397,4400,4402,4404,4406,4409,4411,4413,4416,4419],{"class":4323,"line":4382},3,[4321,4384,4386],{"class":4385},"su1O8","const",[4321,4388,4389],{"class":4352}," user",[4321,4391,4392],{"class":4337}," = ",[4321,4394,4353],{"class":4352},[4321,4396,4170],{"class":4337},[4321,4398,4399],{"class":4340},"parse",[4321,4401,4343],{"class":4337},[4321,4403,3752],{"class":4334},[4321,4405,4170],{"class":4337},[4321,4407,4408],{"class":4340},"getItem",[4321,4410,4343],{"class":4337},[4321,4412,4347],{"class":4346},[4321,4414,4415],{"class":4337},") || ",[4321,4417,4418],{"class":4346},"'{}'",[4321,4420,4421],{"class":4337},");\n",[4321,4423,4425],{"class":4323,"line":4424},4,[4321,4426,4428],{"emptyLinePlaceholder":4427},true,"\n",[4321,4430,4432],{"class":4323,"line":4431},5,[4321,4433,4434],{"class":4327},"\u002F\u002F AsyncStorage\n",[4321,4436,4438,4441,4444,4446,4448,4450,4452,4454,4456,4458,4460,4462,4464,4466,4468,4470,4472],{"class":4323,"line":4437},6,[4321,4439,4124],{"class":4440},"s8xlr",[4321,4442,4443],{"class":4334}," AsyncStorage",[4321,4445,4170],{"class":4337},[4321,4447,4238],{"class":4340},[4321,4449,4343],{"class":4337},[4321,4451,4347],{"class":4346},[4321,4453,4190],{"class":4337},[4321,4455,4353],{"class":4352},[4321,4457,4170],{"class":4337},[4321,4459,4358],{"class":4340},[4321,4461,4361],{"class":4337},[4321,4463,4364],{"class":4334},[4321,4465,4367],{"class":4346},[4321,4467,4190],{"class":4337},[4321,4469,4372],{"class":4334},[4321,4471,4376],{"class":4375},[4321,4473,4379],{"class":4337},[4321,4475,4477,4479,4482,4484,4486,4488,4490,4492,4494,4496],{"class":4323,"line":4476},7,[4321,4478,4386],{"class":4385},[4321,4480,4481],{"class":4352}," userStr",[4321,4483,4392],{"class":4337},[4321,4485,4124],{"class":4440},[4321,4487,4443],{"class":4334},[4321,4489,4170],{"class":4337},[4321,4491,4408],{"class":4340},[4321,4493,4343],{"class":4337},[4321,4495,4347],{"class":4346},[4321,4497,4421],{"class":4337},[4321,4499,4501,4503,4505,4507,4510,4513,4515,4517,4519,4521,4523,4526,4529],{"class":4323,"line":4500},8,[4321,4502,4386],{"class":4385},[4321,4504,4389],{"class":4352},[4321,4506,4392],{"class":4337},[4321,4508,4509],{"class":4334},"userStr",[4321,4511,4512],{"class":4337}," ? ",[4321,4514,4353],{"class":4352},[4321,4516,4170],{"class":4337},[4321,4518,4399],{"class":4340},[4321,4520,4343],{"class":4337},[4321,4522,4509],{"class":4334},[4321,4524,4525],{"class":4337},") : ",[4321,4527,4528],{"class":4385},"null",[4321,4530,4531],{"class":4337},";\n",[4321,4533,4535],{"class":4323,"line":4534},9,[4321,4536,4428],{"emptyLinePlaceholder":4427},[4321,4538,4540],{"class":4323,"line":4539},10,[4321,4541,4542],{"class":4327},"\u002F\u002F MMKV\n",[4321,4544,4546,4549,4551,4554,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576,4578],{"class":4323,"line":4545},11,[4321,4547,4548],{"class":4334},"storage",[4321,4550,4170],{"class":4337},[4321,4552,4553],{"class":4340},"set",[4321,4555,4343],{"class":4337},[4321,4557,4347],{"class":4346},[4321,4559,4190],{"class":4337},[4321,4561,4353],{"class":4352},[4321,4563,4170],{"class":4337},[4321,4565,4358],{"class":4340},[4321,4567,4361],{"class":4337},[4321,4569,4364],{"class":4334},[4321,4571,4367],{"class":4346},[4321,4573,4190],{"class":4337},[4321,4575,4372],{"class":4334},[4321,4577,4376],{"class":4375},[4321,4579,4379],{"class":4337},[4321,4581,4583,4585,4587,4589,4591,4593,4596,4598,4600],{"class":4323,"line":4582},12,[4321,4584,4386],{"class":4385},[4321,4586,4481],{"class":4352},[4321,4588,4392],{"class":4337},[4321,4590,4548],{"class":4334},[4321,4592,4170],{"class":4337},[4321,4594,4595],{"class":4340},"getString",[4321,4597,4343],{"class":4337},[4321,4599,4347],{"class":4346},[4321,4601,4421],{"class":4337},[4321,4603,4605,4607,4609,4611,4613,4615,4617,4619,4621,4623,4625,4627,4629],{"class":4323,"line":4604},13,[4321,4606,4386],{"class":4385},[4321,4608,4389],{"class":4352},[4321,4610,4392],{"class":4337},[4321,4612,4509],{"class":4334},[4321,4614,4512],{"class":4337},[4321,4616,4353],{"class":4352},[4321,4618,4170],{"class":4337},[4321,4620,4399],{"class":4340},[4321,4622,4343],{"class":4337},[4321,4624,4509],{"class":4334},[4321,4626,4525],{"class":4337},[4321,4628,4528],{"class":4385},[4321,4630,4531],{"class":4337},[3743,4632,4633,4634,4637,4638,4641,4642,4645,4646,4649,4650,4645,4652,4649,4655,4645,4657,4660],{},"Це зручно для ",[3758,4635,4636],{},"плоских структур"," (налаштування, токен, один об'єкт профілю). Але якщо у вас ",[3758,4639,4640],{},"складні зв'язки"," між сутностями (наприклад, ",[3750,4643,4644],{},"User"," має багато ",[3750,4647,4648],{},"Trip",", кожен ",[3750,4651,4648],{},[3750,4653,4654],{},"Place",[3750,4656,4654],{},[3750,4658,4659],{},"Photo","), зберігати це в key-value стає незручним:",[3886,4662,4663,4673,4680],{},[3791,4664,4665,4666,4669,4670,4170],{},"Щоб отримати всі поїздки користувача, доведеться зберегти список ID у ключі ",[3750,4667,4668],{},"user:123:trips",", потім для кожного ID завантажити окремий ключ ",[3750,4671,4672],{},"trip:456",[3791,4674,4675,4676,4679],{},"Щоб відфільтрувати поїздки за датою (наприклад, «показати лише поїздки з 2024 року»), доведеться завантажити ",[3758,4677,4678],{},"всі"," поїздки в пам'ять JS і фільтрувати там — неефективно для тисяч записів.",[3791,4681,4682,4683,3833,4685,4687],{},"Якщо ви видалите поїздку, треба не забути видалити всі зв'язані ",[3750,4684,4654],{},[3750,4686,4659],{}," вручну.",[3743,4689,4690,4691,3985,4694,4190,4697,4190,4700,4190,4703,4706,4707,4710,4711,4714],{},"SQLite вирішує це елегантно: ви створюєте ",[3758,4692,4693],{},"таблиці",[3750,4695,4696],{},"users",[3750,4698,4699],{},"trips",[3750,4701,4702],{},"places",[3750,4704,4705],{},"photos",") з ",[3758,4708,4709],{},"зовнішніми ключами"," (foreign keys), і база сама стежить за цілісністю. Фільтрація\u002Fсортування відбувається ",[3758,4712,4713],{},"на рівні SQL-запиту",", без завантаження всіх даних у JS.",[3743,4716,4717],{},[3758,4718,4719],{},"5. Шифрування — чи безпечні дані",[3743,4721,4163,4722,4724,4725,4728,4729,4732,4733,4735],{},[3750,4723,3752],{}," ",[3758,4726,4727],{},"не зашифрований"," — будь-який JavaScript-код на сторінці (включно зі зловмисними скриптами третіх сторін) може прочитати його. Тому ",[3758,4730,4731],{},"ніколи"," не зберігайте паролі або токени в ",[3750,4734,3752],{}," без додаткового шифрування.",[3743,4737,4738,4739,4741,4742,4745,4746,4749,4750,4753],{},"AsyncStorage і MMKV також ",[3758,4740,4060],{}," за замовчуванням: дані зберігаються в файлах на диску пристрою у відкритому вигляді (JSON або бінарний формат). Якщо хтось отримає фізичний доступ до телефону (або root\u002Fjailbreak), він зможе прочитати ці файли. Тому для ",[3758,4743,4744],{},"секретів"," (токен авторизації, паролі, ключі API) використовуйте ",[3758,4747,4748],{},"SecureStore"," (Expo) або ",[3758,4751,4752],{},"react-native-keychain"," — це системні сховища iOS Keychain \u002F Android Keystore, які шифруються апаратно.",[3743,4755,4756,4757,4760],{},"SQLite можна зашифрувати через розширення ",[3758,4758,4759],{},"SQLCipher"," — тоді вся база стає нечитабельною без ключа. Але це додає складність (треба керувати ключем шифрування) і знижує продуктивність. Для більшості застосунків достатньо: секрети в SecureStore, решта даних (список поїздок, налаштування) у відкритому MMKV \u002F SQLite (якщо це не медичні \u002F фінансові \u002F конфіденційні дані).",[4762,4763,4764,4767,4768,4771,4772,4774],"caution",{},[3758,4765,4766],{},"Безпека:"," якщо ваш застосунок працює з чутливими даними (медичні записи, фінансові транзакції, персональні повідомлення), ",[3758,4769,4770],{},"не"," зберігайте їх у відкритому вигляді в MMKV або AsyncStorage. Використовуйте SecureStore для токенів і паролів, SQLCipher для шифрування всієї бази (якщо потрібно), і ",[3758,4773,4731],{}," не логуйте секрети в консоль або Sentry. Магазини додатків (App Store, Google Play) можуть відхилити застосунок, якщо аудит покаже незахищене зберігання чутливих даних.",[3839,4776],{},[3846,4778,4780],{"id":4779},"три-рішення-коли-використовувати-кожне","Три рішення — коли використовувати кожне",[3743,4782,4783],{},"Тепер, коли ми розуміємо базові концепції, сформулюємо чіткі критерії вибору:",[3943,4785,4786,4799],{},[3946,4787,4788],{},[3949,4789,4790,4793,4796],{},[3952,4791,4792],{},"Сценарій",[3952,4794,4795],{},"Рішення",[3952,4797,4798],{},"Чому",[3964,4800,4801,4816,4831],{},[3949,4802,4803,4809,4813],{},[3969,4804,4805,4808],{},[3758,4806,4807],{},"Налаштування застосунку"," (тема, мова, прапорці вимкнення фіч)",[3969,4810,4811],{},[3758,4812,3804],{},[3969,4814,4815],{},"Невеликі key-value пари, частий доступ при старті, не потрібні запити",[3949,4817,4818,4823,4828],{},[3969,4819,4820],{},[3758,4821,4822],{},"Токен сесії \u002F паролі",[3969,4824,4825,4827],{},[3758,4826,4748],{}," (не MMKV!)",[3969,4829,4830],{},"Секрети мають бути зашифровані апаратно",[3949,4832,4833,4839,4847],{},[3969,4834,4835,4838],{},[3758,4836,4837],{},"Кеш API-відповідей"," (список постів, профіль користувача)",[3969,4840,4841,4843,4844,4846],{},[3758,4842,3804],{}," (якщо невеликий об'єм) або ",[3758,4845,3810],{}," (якщо складна структура)",[3969,4848,4849],{},"MMKV — для десятків об'єктів; SQLite — для сотень\u002Fтисяч з фільтрацією",[3743,4851,4852,4853,4856,4857,4859,4860,4863,4864,4091,4866,4868,4869,4872,4873,4875,4876,4879,4880,4883,4884,4887,4888,4087,4890,4893],{},"| ",[3758,4854,4855],{},"Чернетки форм"," (незавершена поїздка, текст нотатки) | ",[3758,4858,3804],{}," | Один об'єкт, який часто перезаписується |\n| ",[3758,4861,4862],{},"Офлайн-черга"," (дії, які треба синхронізувати з API) | ",[3758,4865,3810],{},[3758,4867,3804],{}," | SQLite — якщо потрібен порядок\u002Ftimestamp; MMKV — якщо проста черга |\n| ",[3758,4870,4871],{},"Тисячі записів з фільтрацією"," (каталог товарів, історія транзакцій) | ",[3758,4874,3810],{}," | Індекси, JOIN, WHERE — швидше за ручну фільтрацію в JS |\n| ",[3758,4877,4878],{},"Зображення \u002F PDF \u002F відео"," | ",[3758,4881,4882],{},"Файлова система"," (не MMKV\u002FSQLite!) | У MMKV\u002FSQLite зберігайте лише шлях до файлу; самі файли пишіть через FileSystem |\n| ",[3758,4885,4886],{},"Redux persist"," (зберегти весь store між перезапусками) | ",[3758,4889,3804],{},[3750,4891,4892],{},"redux-persist"," адаптер) | Швидший за AsyncStorage, простіша інтеграція |",[3743,4895,4896],{},"Розберемо кожне рішення окремо.",[3839,4898],{},[3846,4900,4902],{"id":4901},"asyncstorage-перший-крок-але-не-остаточний","AsyncStorage — перший крок (але не остаточний)",[3743,4904,4905,4907,4908,4911,4912,4914],{},[3758,4906,3795],{}," — це community-пакет ",[3750,4909,4910],{},"@react-native-async-storage\u002Fasync-storage",", який надає простий key-value API, схожий на браузерний ",[3750,4913,3752],{},", але асинхронний.",[3743,4916,4917,4920,4921,4924,4925,4928],{},[3758,4918,4919],{},"Історія:"," раніше (до RN 0.59) AsyncStorage був частиною core React Native. Потім його винесли в окремий пакет (react-native-community), щоб зменшити розмір ядра. Багато старих туторіалів досі показують ",[3750,4922,4923],{},"import AsyncStorage from 'react-native'"," — це ",[3758,4926,4927],{},"застарілий"," імпорт, який не працює в нових версіях.",[3743,4930,4931],{},[3758,4932,4933],{},"Як працює:",[3886,4935,4936,4946],{},[3791,4937,4938,4941,4942,4945],{},[3758,4939,4940],{},"iOS",": зберігає дані в файлах ",[3750,4943,4944],{},".plist"," (property list — формат XML\u002Fbinary для словників) у піщаниці застосунку (app sandbox — каталог, до якого має доступ лише ваш застосунок).",[3791,4947,4948,4951,4952,4955,4956,4170],{},[3758,4949,4950],{},"Android",": використовує SQLite базу з однією таблицею ",[3750,4953,4954],{},"catalystLocalStorage",", де кожен рядок — це ",[3750,4957,4958],{},"(key, value)",[3743,4960,4961],{},[3758,4962,4963],{},"API:",[4312,4965,4967],{"className":4314,"code":4966,"language":4316,"meta":4317,"style":4317},"import AsyncStorage from '@react-native-async-storage\u002Fasync-storage';\n\n\u002F\u002F Зберегти\nawait AsyncStorage.setItem('theme', 'dark');\n\n\u002F\u002F Прочитати\nconst theme = await AsyncStorage.getItem('theme'); \u002F\u002F 'dark' або null\n\n\u002F\u002F Видалити\nawait AsyncStorage.removeItem('theme');\n\n\u002F\u002F Зберегти об'єкт (потрібна серіалізація)\nconst user = { name: 'Ivan', age: 30 };\nawait AsyncStorage.setItem('user', JSON.stringify(user));\n\n\u002F\u002F Прочитати об'єкт\nconst userStr = await AsyncStorage.getItem('user');\nconst user = userStr ? JSON.parse(userStr) : null;\n",[3750,4968,4969,4984,4988,4993,5015,5019,5024,5051,5055,5060,5077,5081,5086,5110,5141,5146,5152,5175],{"__ignoreMap":4317},[4321,4970,4971,4974,4976,4979,4982],{"class":4323,"line":4324},[4321,4972,4973],{"class":4440},"import",[4321,4975,4443],{"class":4334},[4321,4977,4978],{"class":4440}," from",[4321,4980,4981],{"class":4346}," '@react-native-async-storage\u002Fasync-storage'",[4321,4983,4531],{"class":4337},[4321,4985,4986],{"class":4323,"line":4331},[4321,4987,4428],{"emptyLinePlaceholder":4427},[4321,4989,4990],{"class":4323,"line":4382},[4321,4991,4992],{"class":4327},"\u002F\u002F Зберегти\n",[4321,4994,4995,4997,4999,5001,5003,5005,5008,5010,5013],{"class":4323,"line":4424},[4321,4996,4124],{"class":4440},[4321,4998,4443],{"class":4334},[4321,5000,4170],{"class":4337},[4321,5002,4238],{"class":4340},[4321,5004,4343],{"class":4337},[4321,5006,5007],{"class":4346},"'theme'",[4321,5009,4190],{"class":4337},[4321,5011,5012],{"class":4346},"'dark'",[4321,5014,4421],{"class":4337},[4321,5016,5017],{"class":4323,"line":4431},[4321,5018,4428],{"emptyLinePlaceholder":4427},[4321,5020,5021],{"class":4323,"line":4437},[4321,5022,5023],{"class":4327},"\u002F\u002F Прочитати\n",[4321,5025,5026,5028,5031,5033,5035,5037,5039,5041,5043,5045,5048],{"class":4323,"line":4476},[4321,5027,4386],{"class":4385},[4321,5029,5030],{"class":4352}," theme",[4321,5032,4392],{"class":4337},[4321,5034,4124],{"class":4440},[4321,5036,4443],{"class":4334},[4321,5038,4170],{"class":4337},[4321,5040,4408],{"class":4340},[4321,5042,4343],{"class":4337},[4321,5044,5007],{"class":4346},[4321,5046,5047],{"class":4337},"); ",[4321,5049,5050],{"class":4327},"\u002F\u002F 'dark' або null\n",[4321,5052,5053],{"class":4323,"line":4500},[4321,5054,4428],{"emptyLinePlaceholder":4427},[4321,5056,5057],{"class":4323,"line":4534},[4321,5058,5059],{"class":4327},"\u002F\u002F Видалити\n",[4321,5061,5062,5064,5066,5068,5071,5073,5075],{"class":4323,"line":4539},[4321,5063,4124],{"class":4440},[4321,5065,4443],{"class":4334},[4321,5067,4170],{"class":4337},[4321,5069,5070],{"class":4340},"removeItem",[4321,5072,4343],{"class":4337},[4321,5074,5007],{"class":4346},[4321,5076,4421],{"class":4337},[4321,5078,5079],{"class":4323,"line":4545},[4321,5080,4428],{"emptyLinePlaceholder":4427},[4321,5082,5083],{"class":4323,"line":4582},[4321,5084,5085],{"class":4327},"\u002F\u002F Зберегти об'єкт (потрібна серіалізація)\n",[4321,5087,5088,5090,5092,5095,5097,5100,5102,5104,5107],{"class":4323,"line":4604},[4321,5089,4386],{"class":4385},[4321,5091,4389],{"class":4352},[4321,5093,5094],{"class":4337}," = { ",[4321,5096,4364],{"class":4334},[4321,5098,5099],{"class":4346}," 'Ivan'",[4321,5101,4190],{"class":4337},[4321,5103,4372],{"class":4334},[4321,5105,5106],{"class":4375}," 30",[4321,5108,5109],{"class":4337}," };\n",[4321,5111,5113,5115,5117,5119,5121,5123,5125,5127,5129,5131,5133,5135,5138],{"class":4323,"line":5112},14,[4321,5114,4124],{"class":4440},[4321,5116,4443],{"class":4334},[4321,5118,4170],{"class":4337},[4321,5120,4238],{"class":4340},[4321,5122,4343],{"class":4337},[4321,5124,4347],{"class":4346},[4321,5126,4190],{"class":4337},[4321,5128,4353],{"class":4352},[4321,5130,4170],{"class":4337},[4321,5132,4358],{"class":4340},[4321,5134,4343],{"class":4337},[4321,5136,5137],{"class":4334},"user",[4321,5139,5140],{"class":4337},"));\n",[4321,5142,5144],{"class":4323,"line":5143},15,[4321,5145,4428],{"emptyLinePlaceholder":4427},[4321,5147,5149],{"class":4323,"line":5148},16,[4321,5150,5151],{"class":4327},"\u002F\u002F Прочитати об'єкт\n",[4321,5153,5155,5157,5159,5161,5163,5165,5167,5169,5171,5173],{"class":4323,"line":5154},17,[4321,5156,4386],{"class":4385},[4321,5158,4481],{"class":4352},[4321,5160,4392],{"class":4337},[4321,5162,4124],{"class":4440},[4321,5164,4443],{"class":4334},[4321,5166,4170],{"class":4337},[4321,5168,4408],{"class":4340},[4321,5170,4343],{"class":4337},[4321,5172,4347],{"class":4346},[4321,5174,4421],{"class":4337},[4321,5176,5178,5180,5182,5184,5186,5188,5190,5192,5194,5196,5198,5200,5202],{"class":4323,"line":5177},18,[4321,5179,4386],{"class":4385},[4321,5181,4389],{"class":4352},[4321,5183,4392],{"class":4337},[4321,5185,4509],{"class":4334},[4321,5187,4512],{"class":4337},[4321,5189,4353],{"class":4352},[4321,5191,4170],{"class":4337},[4321,5193,4399],{"class":4340},[4321,5195,4343],{"class":4337},[4321,5197,4509],{"class":4334},[4321,5199,4525],{"class":4337},[4321,5201,4528],{"class":4385},[4321,5203,4531],{"class":4337},[3743,5205,5206],{},[3758,5207,5208],{},"Переваги:",[3886,5210,5211,5220,5226],{},[3791,5212,5213,5216,5217,5219],{},[3758,5214,5215],{},"Простий API"," — якщо ви знаєте ",[3750,5218,3752],{},", AsyncStorage зрозумілий за 5 хвилин.",[3791,5221,5222,5225],{},[3758,5223,5224],{},"Кросплатформовий"," — однаковий код для iOS та Android.",[3791,5227,5228,5231],{},[3758,5229,5230],{},"Широка підтримка"," — старі бібліотеки (redux-persist, старі версії offline-бібліотек) мають готові адаптери.",[3743,5233,5234],{},[3758,5235,5236],{},"Недоліки:",[3886,5238,5239,5248,5254],{},[3791,5240,5241,5244,5245,5247],{},[3758,5242,5243],{},"Повільний"," — особливо для частих операцій (десятки ",[3750,5246,4238],{}," у циклі можуть зайняти секунди).",[3791,5249,5250,5253],{},[3758,5251,5252],{},"Обмеження розміру"," на iOS (~6 MB рекомендовано; більше може бути викинуто системою).",[3791,5255,5256,5259],{},[3758,5257,5258],{},"Застарілий"," — community перейшла на MMKV як стандарт для key-value.",[3743,5261,5262],{},[3758,5263,5264],{},"Коли використовувати:",[3886,5266,5267,5274,5281],{},[3791,5268,5269,5270,5273],{},"Ви підтримуєте ",[3758,5271,5272],{},"дуже старий проєкт",", де вже використовується AsyncStorage, і немає часу на міграцію.",[3791,5275,5276,5277,5280],{},"Ви пишете ",[3758,5278,5279],{},"туторіал для абсолютних новачків",", де важлива простота більше за продуктивність.",[3791,5282,5283,5284,5287],{},"У всіх інших випадках — ",[3758,5285,5286],{},"використовуйте MMKV"," замість AsyncStorage (міграція проста, API майже ідентичний).",[3824,5289,5290,5293,5294,5297,5298,4190,5301,5304,5305,5308],{},[3758,5291,5292],{},"Чому AsyncStorage у цій статті, якщо він застарілий?"," Тому що ви ",[3758,5295,5296],{},"зустрінете"," його в існуючих проєктах, туторіалах, Stack Overflow-відповідях. Важливо розуміти, ",[3758,5299,5300],{},"що це",[3758,5302,5303],{},"чому воно повільне",", і ",[3758,5306,5307],{},"на що міґрувати",". Ми не рекомендуємо AsyncStorage для нових проєктів — але якщо ви приходите в команду, де він уже є, ця секція допоможе зрозуміти контекст і аргументувати міграцію на MMKV.",[3839,5310],{},[3846,5312,5314],{"id":5313},"mmkv-сучасний-стандарт-для-key-value","MMKV — сучасний стандарт для key-value",[3743,5316,5317,5319,5320,5323],{},[3758,5318,3804],{}," (Multi-Map Key-Value) — це швидка C++-бібліотека, розроблена командою WeChat (китайський месенджер з мільярдом користувачів). У React Native вона доступна через пакет ",[3758,5321,5322],{},"react-native-mmkv",", який надає JavaScript-обгортку над нативним кодом.",[3743,5325,5326,5329,5330,5333,5334,5337,5338,5341],{},[3758,5327,5328],{},"Чому MMKV з'явилась:"," у WeChat виявили, що стандартні key-value сховища iOS (",[3750,5331,5332],{},"NSUserDefaults",") і Android (",[3750,5335,5336],{},"SharedPreferences",") ",[3758,5339,5340],{},"занадто повільні"," для частих операцій (читання налаштувань, збереження стану кожної відкритої бесіди тощо). Вони створили MMKV з нуля, оптимізувавши для мобільних пристроїв.",[3743,5343,5344],{},[3758,5345,5346],{},"Як працює (спрощено):",[3788,5348,5349,5359,5365,5375],{},[3791,5350,5351,5354,5355,5358],{},[3758,5352,5353],{},"Memory-mapped файл (mmap):"," операційна система «мапує» файл на диску у віртуальну пам'ять процесу. Коли ви пишете в цю «пам'ять», насправді пишете в файл — але без явних системних викликів ",[3750,5356,5357],{},"write()",". Це набагато швидше.",[3791,5360,5361,5364],{},[3758,5362,5363],{},"Protocol Buffers (Protobuf):"," дані серіалізуються в бінарний формат (компактніший і швидший за JSON).",[3791,5366,5367,5370,5371,5374],{},[3758,5368,5369],{},"Append-only log:"," нові записи дописуються в кінець файлу; періодично MMKV робить ",[3758,5372,5373],{},"compaction"," (видаляє старі версії ключів, які перезаписали).",[3791,5376,5377,5380],{},[3758,5378,5379],{},"CRC checksums:"," MMKV додає контрольні суми, щоб виявити пошкодження файлу (наприклад, якщо телефон вимкнувся під час запису).",[3743,5382,5383,5384,4190,5387,5390],{},"Не треба вникати в ці деталі, щоб використовувати MMKV — достатньо знати: це ",[3758,5385,5386],{},"швидко",[3758,5388,5389],{},"надійно",", і працює без налаштувань.",[3743,5392,5393],{},[3758,5394,5395],{},"Встановлення:",[4312,5397,5401],{"className":5398,"code":5399,"language":5400,"meta":4317,"style":4317},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install react-native-mmkv\n# або\nyarn add react-native-mmkv\n\n# Для iOS (якщо не використовуєте autolinking)\ncd ios && pod install\n","bash",[3750,5402,5403,5414,5419,5429,5433,5438],{"__ignoreMap":4317},[4321,5404,5405,5408,5411],{"class":4323,"line":4324},[4321,5406,5407],{"class":4340},"npm",[4321,5409,5410],{"class":4346}," install",[4321,5412,5413],{"class":4346}," react-native-mmkv\n",[4321,5415,5416],{"class":4323,"line":4331},[4321,5417,5418],{"class":4327},"# або\n",[4321,5420,5421,5424,5427],{"class":4323,"line":4382},[4321,5422,5423],{"class":4340},"yarn",[4321,5425,5426],{"class":4346}," add",[4321,5428,5413],{"class":4346},[4321,5430,5431],{"class":4323,"line":4424},[4321,5432,4428],{"emptyLinePlaceholder":4427},[4321,5434,5435],{"class":4323,"line":4431},[4321,5436,5437],{"class":4327},"# Для iOS (якщо не використовуєте autolinking)\n",[4321,5439,5440,5443,5446,5449,5452],{"class":4323,"line":4437},[4321,5441,5442],{"class":4340},"cd",[4321,5444,5445],{"class":4346}," ios",[4321,5447,5448],{"class":4337}," && ",[4321,5450,5451],{"class":4340},"pod",[4321,5453,5454],{"class":4346}," install\n",[3743,5456,5457],{},[3758,5458,5459],{},"API (базовий):",[4312,5461,5463],{"className":4314,"code":5462,"language":4316,"meta":4317,"style":4317},"import { MMKV } from 'react-native-mmkv';\n\n\u002F\u002F Створити (або отримати) інстанс сховища\nconst storage = new MMKV();\n\n\u002F\u002F Зберегти рядок\nstorage.set('user.name', 'Olena');\n\n\u002F\u002F Прочитати рядок\nconst name = storage.getString('user.name'); \u002F\u002F 'Olena' або undefined\n\n\u002F\u002F Зберегти число (не треба перетворювати в рядок!)\nstorage.set('user.age', 25);\nconst age = storage.getNumber('user.age'); \u002F\u002F 25 або undefined\n\n\u002F\u002F Зберегти boolean\nstorage.set('user.isPremium', true);\nconst isPremium = storage.getBoolean('user.isPremium'); \u002F\u002F true або undefined\n\n\u002F\u002F Видалити ключ\nstorage.delete('user.age');\n\n\u002F\u002F Перевірити наявність ключа\nif (storage.contains('user.name')) {\n  console.log('Ім'я збережене');\n}\n\n\u002F\u002F Отримати всі ключі\nconst keys = storage.getAllKeys(); \u002F\u002F ['user.name', 'user.isPremium']\n\n\u002F\u002F Очистити все сховище\nstorage.clearAll();\n",[3750,5464,5465,5485,5489,5494,5512,5516,5521,5541,5545,5550,5574,5578,5583,5603,5628,5632,5637,5657,5682,5687,5693,5709,5714,5720,5742,5770,5776,5781,5787,5810,5815,5821],{"__ignoreMap":4317},[4321,5466,5467,5469,5472,5474,5477,5480,5483],{"class":4323,"line":4324},[4321,5468,4973],{"class":4440},[4321,5470,5471],{"class":4337}," { ",[4321,5473,3804],{"class":4334},[4321,5475,5476],{"class":4337}," } ",[4321,5478,5479],{"class":4440},"from",[4321,5481,5482],{"class":4346}," 'react-native-mmkv'",[4321,5484,4531],{"class":4337},[4321,5486,5487],{"class":4323,"line":4331},[4321,5488,4428],{"emptyLinePlaceholder":4427},[4321,5490,5491],{"class":4323,"line":4382},[4321,5492,5493],{"class":4327},"\u002F\u002F Створити (або отримати) інстанс сховища\n",[4321,5495,5496,5498,5501,5503,5506,5509],{"class":4323,"line":4424},[4321,5497,4386],{"class":4385},[4321,5499,5500],{"class":4352}," storage",[4321,5502,4392],{"class":4337},[4321,5504,5505],{"class":4385},"new",[4321,5507,5508],{"class":4340}," MMKV",[4321,5510,5511],{"class":4337},"();\n",[4321,5513,5514],{"class":4323,"line":4431},[4321,5515,4428],{"emptyLinePlaceholder":4427},[4321,5517,5518],{"class":4323,"line":4437},[4321,5519,5520],{"class":4327},"\u002F\u002F Зберегти рядок\n",[4321,5522,5523,5525,5527,5529,5531,5534,5536,5539],{"class":4323,"line":4476},[4321,5524,4548],{"class":4334},[4321,5526,4170],{"class":4337},[4321,5528,4553],{"class":4340},[4321,5530,4343],{"class":4337},[4321,5532,5533],{"class":4346},"'user.name'",[4321,5535,4190],{"class":4337},[4321,5537,5538],{"class":4346},"'Olena'",[4321,5540,4421],{"class":4337},[4321,5542,5543],{"class":4323,"line":4500},[4321,5544,4428],{"emptyLinePlaceholder":4427},[4321,5546,5547],{"class":4323,"line":4534},[4321,5548,5549],{"class":4327},"\u002F\u002F Прочитати рядок\n",[4321,5551,5552,5554,5557,5559,5561,5563,5565,5567,5569,5571],{"class":4323,"line":4539},[4321,5553,4386],{"class":4385},[4321,5555,5556],{"class":4352}," name",[4321,5558,4392],{"class":4337},[4321,5560,4548],{"class":4334},[4321,5562,4170],{"class":4337},[4321,5564,4595],{"class":4340},[4321,5566,4343],{"class":4337},[4321,5568,5533],{"class":4346},[4321,5570,5047],{"class":4337},[4321,5572,5573],{"class":4327},"\u002F\u002F 'Olena' або undefined\n",[4321,5575,5576],{"class":4323,"line":4545},[4321,5577,4428],{"emptyLinePlaceholder":4427},[4321,5579,5580],{"class":4323,"line":4582},[4321,5581,5582],{"class":4327},"\u002F\u002F Зберегти число (не треба перетворювати в рядок!)\n",[4321,5584,5585,5587,5589,5591,5593,5596,5598,5601],{"class":4323,"line":4604},[4321,5586,4548],{"class":4334},[4321,5588,4170],{"class":4337},[4321,5590,4553],{"class":4340},[4321,5592,4343],{"class":4337},[4321,5594,5595],{"class":4346},"'user.age'",[4321,5597,4190],{"class":4337},[4321,5599,5600],{"class":4375},"25",[4321,5602,4421],{"class":4337},[4321,5604,5605,5607,5610,5612,5614,5616,5619,5621,5623,5625],{"class":4323,"line":5112},[4321,5606,4386],{"class":4385},[4321,5608,5609],{"class":4352}," age",[4321,5611,4392],{"class":4337},[4321,5613,4548],{"class":4334},[4321,5615,4170],{"class":4337},[4321,5617,5618],{"class":4340},"getNumber",[4321,5620,4343],{"class":4337},[4321,5622,5595],{"class":4346},[4321,5624,5047],{"class":4337},[4321,5626,5627],{"class":4327},"\u002F\u002F 25 або undefined\n",[4321,5629,5630],{"class":4323,"line":5143},[4321,5631,4428],{"emptyLinePlaceholder":4427},[4321,5633,5634],{"class":4323,"line":5148},[4321,5635,5636],{"class":4327},"\u002F\u002F Зберегти boolean\n",[4321,5638,5639,5641,5643,5645,5647,5650,5652,5655],{"class":4323,"line":5154},[4321,5640,4548],{"class":4334},[4321,5642,4170],{"class":4337},[4321,5644,4553],{"class":4340},[4321,5646,4343],{"class":4337},[4321,5648,5649],{"class":4346},"'user.isPremium'",[4321,5651,4190],{"class":4337},[4321,5653,5654],{"class":4385},"true",[4321,5656,4421],{"class":4337},[4321,5658,5659,5661,5664,5666,5668,5670,5673,5675,5677,5679],{"class":4323,"line":5177},[4321,5660,4386],{"class":4385},[4321,5662,5663],{"class":4352}," isPremium",[4321,5665,4392],{"class":4337},[4321,5667,4548],{"class":4334},[4321,5669,4170],{"class":4337},[4321,5671,5672],{"class":4340},"getBoolean",[4321,5674,4343],{"class":4337},[4321,5676,5649],{"class":4346},[4321,5678,5047],{"class":4337},[4321,5680,5681],{"class":4327},"\u002F\u002F true або undefined\n",[4321,5683,5685],{"class":4323,"line":5684},19,[4321,5686,4428],{"emptyLinePlaceholder":4427},[4321,5688,5690],{"class":4323,"line":5689},20,[4321,5691,5692],{"class":4327},"\u002F\u002F Видалити ключ\n",[4321,5694,5696,5698,5700,5703,5705,5707],{"class":4323,"line":5695},21,[4321,5697,4548],{"class":4334},[4321,5699,4170],{"class":4337},[4321,5701,5702],{"class":4340},"delete",[4321,5704,4343],{"class":4337},[4321,5706,5595],{"class":4346},[4321,5708,4421],{"class":4337},[4321,5710,5712],{"class":4323,"line":5711},22,[4321,5713,4428],{"emptyLinePlaceholder":4427},[4321,5715,5717],{"class":4323,"line":5716},23,[4321,5718,5719],{"class":4327},"\u002F\u002F Перевірити наявність ключа\n",[4321,5721,5723,5726,5728,5730,5732,5735,5737,5739],{"class":4323,"line":5722},24,[4321,5724,5725],{"class":4440},"if",[4321,5727,3985],{"class":4337},[4321,5729,4548],{"class":4334},[4321,5731,4170],{"class":4337},[4321,5733,5734],{"class":4340},"contains",[4321,5736,4343],{"class":4337},[4321,5738,5533],{"class":4346},[4321,5740,5741],{"class":4337},")) {\n",[4321,5743,5745,5748,5750,5753,5755,5758,5761,5764,5767],{"class":4323,"line":5744},25,[4321,5746,5747],{"class":4334},"  console",[4321,5749,4170],{"class":4337},[4321,5751,5752],{"class":4340},"log",[4321,5754,4343],{"class":4337},[4321,5756,5757],{"class":4346},"'Ім'",[4321,5759,5760],{"class":4334},"я",[4321,5762,5763],{"class":4334}," збережене",[4321,5765,5766],{"class":4346},"')",[4321,5768,4531],{"class":5769},"se1LK",[4321,5771,5773],{"class":4323,"line":5772},26,[4321,5774,5775],{"class":4337},"}\n",[4321,5777,5779],{"class":4323,"line":5778},27,[4321,5780,4428],{"emptyLinePlaceholder":4427},[4321,5782,5784],{"class":4323,"line":5783},28,[4321,5785,5786],{"class":4327},"\u002F\u002F Отримати всі ключі\n",[4321,5788,5790,5792,5795,5797,5799,5801,5804,5807],{"class":4323,"line":5789},29,[4321,5791,4386],{"class":4334},[4321,5793,5794],{"class":4334}," keys",[4321,5796,4392],{"class":4337},[4321,5798,4548],{"class":4334},[4321,5800,4170],{"class":4337},[4321,5802,5803],{"class":4340},"getAllKeys",[4321,5805,5806],{"class":4337},"(); ",[4321,5808,5809],{"class":4327},"\u002F\u002F ['user.name', 'user.isPremium']\n",[4321,5811,5813],{"class":4323,"line":5812},30,[4321,5814,4428],{"emptyLinePlaceholder":4427},[4321,5816,5818],{"class":4323,"line":5817},31,[4321,5819,5820],{"class":4327},"\u002F\u002F Очистити все сховище\n",[4321,5822,5824,5826,5828,5831],{"class":4323,"line":5823},32,[4321,5825,4548],{"class":4334},[4321,5827,4170],{"class":4337},[4321,5829,5830],{"class":4340},"clearAll",[4321,5832,5511],{"class":4337},[3743,5834,5835],{},[3758,5836,5837],{},"Зберігання об'єктів (через JSON):",[3743,5839,5840,5841,5843,5844,5847],{},"MMKV ",[3758,5842,4770],{}," має вбудованого ",[3750,5845,5846],{},".setObject()"," — він зберігає лише примітивні типи (string, number, boolean). Для об'єктів треба серіалізувати вручну:",[4312,5849,5851],{"className":4314,"code":5850,"language":4316,"meta":4317,"style":4317},"const user = { name: 'Anna', age: 28, isPremium: false };\n\n\u002F\u002F Зберегти\nstorage.set('user', JSON.stringify(user));\n\n\u002F\u002F Прочитати\nconst userStr = storage.getString('user');\nconst user = userStr ? JSON.parse(userStr) : null;\n",[3750,5852,5853,5881,5885,5889,5915,5919,5923,5943],{"__ignoreMap":4317},[4321,5854,5855,5857,5859,5861,5863,5865,5867,5869,5871,5873,5876,5879],{"class":4323,"line":4324},[4321,5856,4386],{"class":4385},[4321,5858,4389],{"class":4352},[4321,5860,5094],{"class":4337},[4321,5862,4364],{"class":4334},[4321,5864,4367],{"class":4346},[4321,5866,4190],{"class":4337},[4321,5868,4372],{"class":4334},[4321,5870,4376],{"class":4375},[4321,5872,4190],{"class":4337},[4321,5874,5875],{"class":4334},"isPremium:",[4321,5877,5878],{"class":4385}," false",[4321,5880,5109],{"class":4337},[4321,5882,5883],{"class":4323,"line":4331},[4321,5884,4428],{"emptyLinePlaceholder":4427},[4321,5886,5887],{"class":4323,"line":4382},[4321,5888,4992],{"class":4327},[4321,5890,5891,5893,5895,5897,5899,5901,5903,5905,5907,5909,5911,5913],{"class":4323,"line":4424},[4321,5892,4548],{"class":4334},[4321,5894,4170],{"class":4337},[4321,5896,4553],{"class":4340},[4321,5898,4343],{"class":4337},[4321,5900,4347],{"class":4346},[4321,5902,4190],{"class":4337},[4321,5904,4353],{"class":4352},[4321,5906,4170],{"class":4337},[4321,5908,4358],{"class":4340},[4321,5910,4343],{"class":4337},[4321,5912,5137],{"class":4334},[4321,5914,5140],{"class":4337},[4321,5916,5917],{"class":4323,"line":4431},[4321,5918,4428],{"emptyLinePlaceholder":4427},[4321,5920,5921],{"class":4323,"line":4437},[4321,5922,5023],{"class":4327},[4321,5924,5925,5927,5929,5931,5933,5935,5937,5939,5941],{"class":4323,"line":4476},[4321,5926,4386],{"class":4385},[4321,5928,4481],{"class":4352},[4321,5930,4392],{"class":4337},[4321,5932,4548],{"class":4334},[4321,5934,4170],{"class":4337},[4321,5936,4595],{"class":4340},[4321,5938,4343],{"class":4337},[4321,5940,4347],{"class":4346},[4321,5942,4421],{"class":4337},[4321,5944,5945,5947,5949,5951,5953,5955,5957,5959,5961,5963,5965,5967,5969],{"class":4323,"line":4500},[4321,5946,4386],{"class":4385},[4321,5948,4389],{"class":4352},[4321,5950,4392],{"class":4337},[4321,5952,4509],{"class":4334},[4321,5954,4512],{"class":4337},[4321,5956,4353],{"class":4352},[4321,5958,4170],{"class":4337},[4321,5960,4399],{"class":4340},[4321,5962,4343],{"class":4337},[4321,5964,4509],{"class":4334},[4321,5966,4525],{"class":4337},[4321,5968,4528],{"class":4385},[4321,5970,4531],{"class":4337},[3743,5972,5973],{},"Це трохи більше коду, ніж хотілося б, але продуктивність компенсує. Якщо вам потрібен зручніший API, можна створити обгортку:",[4312,5975,5977],{"className":4314,"code":5976,"language":4316,"meta":4317,"style":4317},"\u002F\u002F utils\u002Fstorage.ts\nimport { MMKV } from 'react-native-mmkv';\n\nconst storage = new MMKV();\n\nexport const Storage = {\n  setObject\u003CT>(key: string, value: T): void {\n    storage.set(key, JSON.stringify(value));\n  },\n  \n  getObject\u003CT>(key: string): T | null {\n    const str = storage.getString(key);\n    return str ? JSON.parse(str) : null;\n  },\n  \n  \u002F\u002F Інші методи (getString, setNumber тощо) проксуємо напряму\n  getString: (key: string) => storage.getString(key),\n  setString: (key: string, value: string) => storage.set(key, value),\n  \u002F\u002F ...\n};\n",[3750,5978,5979,5984,6000,6004,6018,6022,6036,6078,6105,6110,6115,6142,6164,6190,6194,6198,6203,6237,6280,6285],{"__ignoreMap":4317},[4321,5980,5981],{"class":4323,"line":4324},[4321,5982,5983],{"class":4327},"\u002F\u002F utils\u002Fstorage.ts\n",[4321,5985,5986,5988,5990,5992,5994,5996,5998],{"class":4323,"line":4331},[4321,5987,4973],{"class":4440},[4321,5989,5471],{"class":4337},[4321,5991,3804],{"class":4334},[4321,5993,5476],{"class":4337},[4321,5995,5479],{"class":4440},[4321,5997,5482],{"class":4346},[4321,5999,4531],{"class":4337},[4321,6001,6002],{"class":4323,"line":4382},[4321,6003,4428],{"emptyLinePlaceholder":4427},[4321,6005,6006,6008,6010,6012,6014,6016],{"class":4323,"line":4424},[4321,6007,4386],{"class":4385},[4321,6009,5500],{"class":4352},[4321,6011,4392],{"class":4337},[4321,6013,5505],{"class":4385},[4321,6015,5508],{"class":4340},[4321,6017,5511],{"class":4337},[4321,6019,6020],{"class":4323,"line":4431},[4321,6021,4428],{"emptyLinePlaceholder":4427},[4321,6023,6024,6027,6030,6033],{"class":4323,"line":4437},[4321,6025,6026],{"class":4440},"export",[4321,6028,6029],{"class":4385}," const",[4321,6031,6032],{"class":4352}," Storage",[4321,6034,6035],{"class":4337}," = {\n",[4321,6037,6038,6041,6044,6048,6051,6054,6057,6060,6062,6065,6067,6069,6072,6075],{"class":4323,"line":4476},[4321,6039,6040],{"class":4340},"  setObject",[4321,6042,6043],{"class":4337},"\u003C",[4321,6045,6047],{"class":6046},"sN1BT","T",[4321,6049,6050],{"class":4337},">(",[4321,6052,6053],{"class":4334},"key",[4321,6055,6056],{"class":4337},": ",[4321,6058,6059],{"class":6046},"string",[4321,6061,4190],{"class":4337},[4321,6063,6064],{"class":4334},"value",[4321,6066,6056],{"class":4337},[4321,6068,6047],{"class":6046},[4321,6070,6071],{"class":4337},"): ",[4321,6073,6074],{"class":6046},"void",[4321,6076,6077],{"class":4337}," {\n",[4321,6079,6080,6083,6085,6087,6089,6091,6093,6095,6097,6099,6101,6103],{"class":4323,"line":4500},[4321,6081,6082],{"class":4334},"    storage",[4321,6084,4170],{"class":4337},[4321,6086,4553],{"class":4340},[4321,6088,4343],{"class":4337},[4321,6090,6053],{"class":4334},[4321,6092,4190],{"class":4337},[4321,6094,4353],{"class":4352},[4321,6096,4170],{"class":4337},[4321,6098,4358],{"class":4340},[4321,6100,4343],{"class":4337},[4321,6102,6064],{"class":4334},[4321,6104,5140],{"class":4337},[4321,6106,6107],{"class":4323,"line":4534},[4321,6108,6109],{"class":4337},"  },\n",[4321,6111,6112],{"class":4323,"line":4539},[4321,6113,6114],{"class":4337},"  \n",[4321,6116,6117,6120,6122,6124,6126,6128,6130,6132,6134,6136,6138,6140],{"class":4323,"line":4545},[4321,6118,6119],{"class":4340},"  getObject",[4321,6121,6043],{"class":4337},[4321,6123,6047],{"class":6046},[4321,6125,6050],{"class":4337},[4321,6127,6053],{"class":4334},[4321,6129,6056],{"class":4337},[4321,6131,6059],{"class":6046},[4321,6133,6071],{"class":4337},[4321,6135,6047],{"class":6046},[4321,6137,4879],{"class":4337},[4321,6139,4528],{"class":6046},[4321,6141,6077],{"class":4337},[4321,6143,6144,6147,6150,6152,6154,6156,6158,6160,6162],{"class":4323,"line":4582},[4321,6145,6146],{"class":4385},"    const",[4321,6148,6149],{"class":4352}," str",[4321,6151,4392],{"class":4337},[4321,6153,4548],{"class":4334},[4321,6155,4170],{"class":4337},[4321,6157,4595],{"class":4340},[4321,6159,4343],{"class":4337},[4321,6161,6053],{"class":4334},[4321,6163,4421],{"class":4337},[4321,6165,6166,6169,6171,6173,6175,6177,6179,6181,6184,6186,6188],{"class":4323,"line":4604},[4321,6167,6168],{"class":4440},"    return",[4321,6170,6149],{"class":4334},[4321,6172,4512],{"class":4337},[4321,6174,4353],{"class":4352},[4321,6176,4170],{"class":4337},[4321,6178,4399],{"class":4340},[4321,6180,4343],{"class":4337},[4321,6182,6183],{"class":4334},"str",[4321,6185,4525],{"class":4337},[4321,6187,4528],{"class":4385},[4321,6189,4531],{"class":4337},[4321,6191,6192],{"class":4323,"line":5112},[4321,6193,6109],{"class":4337},[4321,6195,6196],{"class":4323,"line":5143},[4321,6197,6114],{"class":4337},[4321,6199,6200],{"class":4323,"line":5148},[4321,6201,6202],{"class":4327},"  \u002F\u002F Інші методи (getString, setNumber тощо) проксуємо напряму\n",[4321,6204,6205,6208,6211,6213,6215,6217,6219,6221,6224,6226,6228,6230,6232,6234],{"class":4323,"line":5154},[4321,6206,6207],{"class":4340},"  getString",[4321,6209,6210],{"class":4334},":",[4321,6212,3985],{"class":4337},[4321,6214,6053],{"class":4334},[4321,6216,6056],{"class":4337},[4321,6218,6059],{"class":6046},[4321,6220,5337],{"class":4337},[4321,6222,6223],{"class":4385},"=>",[4321,6225,5500],{"class":4334},[4321,6227,4170],{"class":4337},[4321,6229,4595],{"class":4340},[4321,6231,4343],{"class":4337},[4321,6233,6053],{"class":4334},[4321,6235,6236],{"class":4337},"),\n",[4321,6238,6239,6242,6244,6246,6248,6250,6252,6254,6256,6258,6260,6262,6264,6266,6268,6270,6272,6274,6276,6278],{"class":4323,"line":5177},[4321,6240,6241],{"class":4340},"  setString",[4321,6243,6210],{"class":4334},[4321,6245,3985],{"class":4337},[4321,6247,6053],{"class":4334},[4321,6249,6056],{"class":4337},[4321,6251,6059],{"class":6046},[4321,6253,4190],{"class":4337},[4321,6255,6064],{"class":4334},[4321,6257,6056],{"class":4337},[4321,6259,6059],{"class":6046},[4321,6261,5337],{"class":4337},[4321,6263,6223],{"class":4385},[4321,6265,5500],{"class":4334},[4321,6267,4170],{"class":4337},[4321,6269,4553],{"class":4340},[4321,6271,4343],{"class":4337},[4321,6273,6053],{"class":4334},[4321,6275,4190],{"class":4337},[4321,6277,6064],{"class":4334},[4321,6279,6236],{"class":4337},[4321,6281,6282],{"class":4323,"line":5684},[4321,6283,6284],{"class":4327},"  \u002F\u002F ...\n",[4321,6286,6287],{"class":4323,"line":5689},[4321,6288,6289],{"class":4337},"};\n",[3743,6291,6292],{},[3758,6293,6294],{},"Множинні інстанси (для ізоляції даних):",[3743,6296,6297,6298,6301],{},"MMKV дозволяє створювати ",[3758,6299,6300],{},"окремі сховища"," з різними ідентифікаторами. Це корисно, якщо ви хочете ізолювати дані різних модулів застосунку:",[4312,6303,6305],{"className":4314,"code":6304,"language":4316,"meta":4317,"style":4317},"\u002F\u002F Сховище для налаштувань\nconst settingsStorage = new MMKV({ id: 'settings' });\nsettingsStorage.set('theme', 'dark');\n\n\u002F\u002F Окреме сховище для кешу API\nconst cacheStorage = new MMKV({ id: 'api-cache' });\ncacheStorage.set('trips', JSON.stringify([...]));\n\n\u002F\u002F Два інстанси зберігають дані у різних файлах на диску\n",[3750,6306,6307,6312,6336,6355,6359,6364,6386,6411,6415],{"__ignoreMap":4317},[4321,6308,6309],{"class":4323,"line":4324},[4321,6310,6311],{"class":4327},"\u002F\u002F Сховище для налаштувань\n",[4321,6313,6314,6316,6319,6321,6323,6325,6327,6330,6333],{"class":4323,"line":4331},[4321,6315,4386],{"class":4385},[4321,6317,6318],{"class":4352}," settingsStorage",[4321,6320,4392],{"class":4337},[4321,6322,5505],{"class":4385},[4321,6324,5508],{"class":4340},[4321,6326,4361],{"class":4337},[4321,6328,6329],{"class":4334},"id:",[4321,6331,6332],{"class":4346}," 'settings'",[4321,6334,6335],{"class":4337}," });\n",[4321,6337,6338,6341,6343,6345,6347,6349,6351,6353],{"class":4323,"line":4382},[4321,6339,6340],{"class":4334},"settingsStorage",[4321,6342,4170],{"class":4337},[4321,6344,4553],{"class":4340},[4321,6346,4343],{"class":4337},[4321,6348,5007],{"class":4346},[4321,6350,4190],{"class":4337},[4321,6352,5012],{"class":4346},[4321,6354,4421],{"class":4337},[4321,6356,6357],{"class":4323,"line":4424},[4321,6358,4428],{"emptyLinePlaceholder":4427},[4321,6360,6361],{"class":4323,"line":4431},[4321,6362,6363],{"class":4327},"\u002F\u002F Окреме сховище для кешу API\n",[4321,6365,6366,6368,6371,6373,6375,6377,6379,6381,6384],{"class":4323,"line":4437},[4321,6367,4386],{"class":4385},[4321,6369,6370],{"class":4352}," cacheStorage",[4321,6372,4392],{"class":4337},[4321,6374,5505],{"class":4385},[4321,6376,5508],{"class":4340},[4321,6378,4361],{"class":4337},[4321,6380,6329],{"class":4334},[4321,6382,6383],{"class":4346}," 'api-cache'",[4321,6385,6335],{"class":4337},[4321,6387,6388,6391,6393,6395,6397,6400,6402,6404,6406,6408],{"class":4323,"line":4476},[4321,6389,6390],{"class":4334},"cacheStorage",[4321,6392,4170],{"class":4337},[4321,6394,4553],{"class":4340},[4321,6396,4343],{"class":4337},[4321,6398,6399],{"class":4346},"'trips'",[4321,6401,4190],{"class":4337},[4321,6403,4353],{"class":4352},[4321,6405,4170],{"class":4337},[4321,6407,4358],{"class":4340},[4321,6409,6410],{"class":4337},"([...]));\n",[4321,6412,6413],{"class":4323,"line":4500},[4321,6414,4428],{"emptyLinePlaceholder":4427},[4321,6416,6417],{"class":4323,"line":4534},[4321,6418,6419],{"class":4327},"\u002F\u002F Два інстанси зберігають дані у різних файлах на диску\n",[3743,6421,6422],{},[3758,6423,6424],{},"Шифрування (опційно):",[3743,6426,6427,6428,6431,6432,6210],{},"MMKV підтримує ",[3758,6429,6430],{},"симетричне шифрування"," (AES) через параметр ",[3750,6433,6434],{},"encryptionKey",[4312,6436,6438],{"className":4314,"code":6437,"language":4316,"meta":4317,"style":4317},"const secureStorage = new MMKV({\n  id: 'secure-data',\n  encryptionKey: 'моя-секретна-фраза-256-біт', \u002F\u002F у реальному коді — генеруйте криптографічно стійкий ключ\n});\n\nsecureStorage.set('apiToken', 'secret-token-123');\n",[3750,6439,6440,6456,6467,6480,6485,6489],{"__ignoreMap":4317},[4321,6441,6442,6444,6447,6449,6451,6453],{"class":4323,"line":4324},[4321,6443,4386],{"class":4385},[4321,6445,6446],{"class":4352}," secureStorage",[4321,6448,4392],{"class":4337},[4321,6450,5505],{"class":4385},[4321,6452,5508],{"class":4340},[4321,6454,6455],{"class":4337},"({\n",[4321,6457,6458,6461,6464],{"class":4323,"line":4331},[4321,6459,6460],{"class":4334},"  id:",[4321,6462,6463],{"class":4346}," 'secure-data'",[4321,6465,6466],{"class":4337},",\n",[4321,6468,6469,6472,6475,6477],{"class":4323,"line":4382},[4321,6470,6471],{"class":4334},"  encryptionKey:",[4321,6473,6474],{"class":4346}," 'моя-секретна-фраза-256-біт'",[4321,6476,4190],{"class":4337},[4321,6478,6479],{"class":4327},"\u002F\u002F у реальному коді — генеруйте криптографічно стійкий ключ\n",[4321,6481,6482],{"class":4323,"line":4424},[4321,6483,6484],{"class":4337},"});\n",[4321,6486,6487],{"class":4323,"line":4431},[4321,6488,4428],{"emptyLinePlaceholder":4427},[4321,6490,6491,6494,6496,6498,6500,6503,6505,6508],{"class":4323,"line":4437},[4321,6492,6493],{"class":4334},"secureStorage",[4321,6495,4170],{"class":4337},[4321,6497,4553],{"class":4340},[4321,6499,4343],{"class":4337},[4321,6501,6502],{"class":4346},"'apiToken'",[4321,6504,4190],{"class":4337},[4321,6506,6507],{"class":4346},"'secret-token-123'",[4321,6509,4421],{"class":4337},[3743,6511,6512,6513,6516,6517,4749,6519,6521],{},"Але є нюанс: ",[3758,6514,6515],{},"ключ шифрування"," треба десь зберегти. Якщо ви зберігаєте його в коді застосунку (hardcode), це не додає безпеки — хтось, хто зламає застосунок, побачить ключ у бінарнику. Тому для справді чутливих даних (токени, паролі) краще використовувати ",[3758,6518,4748],{},[3758,6520,4752],{},", які зберігають секрети в апаратно захищеному сховищі iOS Keychain \u002F Android Keystore.",[3918,6523,6524,6527,6528,6531],{},[3758,6525,6526],{},"Практична порада:"," використовуйте MMKV з шифруванням для даних, які ",[3758,6529,6530],{},"не є критично секретними",", але які ви не хочете залишати у відкритому вигляді (наприклад, історія пошуку, список улюблених місць). Для токенів авторизації, паролів, ключів API — завжди SecureStore \u002F Keychain.",[3743,6533,6534],{},[3758,6535,6536],{},"Переваги MMKV:",[3886,6538,6539,6545,6554,6570,6576],{},[3791,6540,6541,6544],{},[3758,6542,6543],{},"Швидкість:"," в 10–30 разів швидше за AsyncStorage (залежно від операції).",[3791,6546,6547,6550,6551,6553],{},[3758,6548,6549],{},"Синхронний API:"," не треба ",[3750,6552,4124],{}," — зручніше для ініціалізації застосунку (наприклад, читання теми перед рендером root компонента).",[3791,6555,6556,4724,6559,4190,6561,4190,6563,6565,6566,6569],{},[3758,6557,6558],{},"Типізовані методи:",[3750,6560,4595],{},[3750,6562,5618],{},[3750,6564,5672],{}," — менше помилок, ніж ",[3750,6567,6568],{},"JSON.parse"," кожного разу.",[3791,6571,6572,6575],{},[3758,6573,6574],{},"Надійність:"," CRC-перевірка виявляє пошкодження файлу.",[3791,6577,6578,6581],{},[3758,6579,6580],{},"Підтримка шифрування:"," якщо потрібно (але не замінює SecureStore для справжніх секретів).",[3743,6583,6584],{},[3758,6585,5236],{},[3886,6587,6588,6597],{},[3791,6589,6590,6596],{},[3758,6591,6592,6593,6210],{},"Немає вбудованого ",[3750,6594,6595],{},"setObject"," треба серіалізувати об'єкти вручну (але це не важко).",[3791,6598,6599,4186,6602,6605,6606,4223,6608,6610],{},[3758,6600,6601],{},"Синхронний API може бути підступним:",[3758,6603,6604],{},"дуже великий"," JSON (мегабайти), ",[3750,6607,4222],{},[3750,6609,3992],{}," може заблокувати JS-потік. Для таких випадків краще SQLite або фонова серіалізація.",[3743,6612,6613],{},[3758,6614,6615],{},"Коли використовувати MMKV:",[3886,6617,6618,6621,6624,6627,6630],{},[3791,6619,6620],{},"Налаштування застосунку (тема, мова, онбординг завершено).",[3791,6622,6623],{},"Кеш API-відповідей (десятки\u002Fсотні об'єктів, не тисячі).",[3791,6625,6626],{},"Чернетки форм (незавершена поїздка, текст нотатки).",[3791,6628,6629],{},"Redux \u002F Zustand persist (зберегти весь store між перезапусками).",[3791,6631,6632,6633,6636],{},"Будь-які дані, де потрібен ",[3758,6634,6635],{},"швидкий"," доступ при старті застосунку.",[3839,6638],{},[3846,6640,6642],{"id":6641},"sqlite-база-даних-для-складних-даних","SQLite — база даних для складних даних",[3743,6644,6645,4924,6647,6650],{},[3758,6646,3810],{},[3758,6648,6649],{},"вбудована реляційна база даних",", яка працює безпосередньо на пристрої (без сервера). Вона вбудована в iOS і Android на рівні операційної системи, тому не потребує окремого встановлення бекенду. SQLite — це та сама технологія, яку використовують браузери для IndexedDB, багато десктопних застосунків для локальних даних, і навіть деякі сервери для невеликих проєктів.",[3743,6652,6653],{},[3758,6654,6655],{},"Чому SQLite, а не просто MMKV для всього?",[3743,6657,6658],{},"Уявіть: у вас є застосунок для подорожей з тисячами збережених місць. Користувач хоче відфільтрувати «показати лише місця у Франції, відвідані після 2020 року, відсортовані за датою». Якщо всі місця зберігаються в MMKV як один великий JSON-масив:",[4312,6660,6662],{"className":4314,"code":6661,"language":4316,"meta":4317,"style":4317},"\u002F\u002F MMKV підхід (неефективний для великих даних)\nconst placesJson = storage.getString('places');\nconst allPlaces = JSON.parse(placesJson); \u002F\u002F завантажили ВСІ тисячі місць у JS-пам'ять\n\nconst filtered = allPlaces\n  .filter(p => p.country === 'France' && new Date(p.visitedAt) > new Date('2020-01-01'))\n  .sort((a, b) => new Date(a.visitedAt).getTime() - new Date(b.visitedAt).getTime());\n\n\u002F\u002F Проблеми:\n\u002F\u002F 1. Завантажили всі дані в пам'ять (може бути десятки MB).\n\u002F\u002F 2. Парсинг JSON займає час (сотні мілісекунд на старих телефонах).\n\u002F\u002F 3. Фільтрація\u002Fсортування в JS — повільна для тисяч елементів.\n\u002F\u002F 4. Якщо користувач змінює фільтр (наприклад, «тепер Італія»), доведеться знову завантажувати все.\n",[3750,6663,6664,6669,6691,6716,6720,6732,6792,6855,6859,6864,6869,6874,6879],{"__ignoreMap":4317},[4321,6665,6666],{"class":4323,"line":4324},[4321,6667,6668],{"class":4327},"\u002F\u002F MMKV підхід (неефективний для великих даних)\n",[4321,6670,6671,6673,6676,6678,6680,6682,6684,6686,6689],{"class":4323,"line":4331},[4321,6672,4386],{"class":4385},[4321,6674,6675],{"class":4352}," placesJson",[4321,6677,4392],{"class":4337},[4321,6679,4548],{"class":4334},[4321,6681,4170],{"class":4337},[4321,6683,4595],{"class":4340},[4321,6685,4343],{"class":4337},[4321,6687,6688],{"class":4346},"'places'",[4321,6690,4421],{"class":4337},[4321,6692,6693,6695,6698,6700,6702,6704,6706,6708,6711,6713],{"class":4323,"line":4382},[4321,6694,4386],{"class":4385},[4321,6696,6697],{"class":4352}," allPlaces",[4321,6699,4392],{"class":4337},[4321,6701,4353],{"class":4352},[4321,6703,4170],{"class":4337},[4321,6705,4399],{"class":4340},[4321,6707,4343],{"class":4337},[4321,6709,6710],{"class":4334},"placesJson",[4321,6712,5047],{"class":4337},[4321,6714,6715],{"class":4327},"\u002F\u002F завантажили ВСІ тисячі місць у JS-пам'ять\n",[4321,6717,6718],{"class":4323,"line":4424},[4321,6719,4428],{"emptyLinePlaceholder":4427},[4321,6721,6722,6724,6727,6729],{"class":4323,"line":4431},[4321,6723,4386],{"class":4385},[4321,6725,6726],{"class":4352}," filtered",[4321,6728,4392],{"class":4337},[4321,6730,6731],{"class":4334},"allPlaces\n",[4321,6733,6734,6737,6740,6742,6744,6747,6750,6752,6755,6758,6761,6763,6765,6768,6770,6772,6774,6777,6780,6782,6784,6786,6789],{"class":4323,"line":4437},[4321,6735,6736],{"class":4337},"  .",[4321,6738,6739],{"class":4340},"filter",[4321,6741,4343],{"class":4337},[4321,6743,3743],{"class":4334},[4321,6745,6746],{"class":4385}," =>",[4321,6748,6749],{"class":4334}," p",[4321,6751,4170],{"class":4337},[4321,6753,6754],{"class":4334},"country",[4321,6756,6757],{"class":4337}," === ",[4321,6759,6760],{"class":4346},"'France'",[4321,6762,5448],{"class":4337},[4321,6764,5505],{"class":4385},[4321,6766,6767],{"class":4340}," Date",[4321,6769,4343],{"class":4337},[4321,6771,3743],{"class":4334},[4321,6773,4170],{"class":4337},[4321,6775,6776],{"class":4334},"visitedAt",[4321,6778,6779],{"class":4337},") > ",[4321,6781,5505],{"class":4385},[4321,6783,6767],{"class":4340},[4321,6785,4343],{"class":4337},[4321,6787,6788],{"class":4346},"'2020-01-01'",[4321,6790,6791],{"class":4337},"))\n",[4321,6793,6794,6796,6799,6802,6805,6807,6810,6812,6814,6817,6819,6821,6823,6825,6827,6830,6833,6836,6838,6840,6842,6844,6846,6848,6850,6852],{"class":4323,"line":4476},[4321,6795,6736],{"class":4337},[4321,6797,6798],{"class":4340},"sort",[4321,6800,6801],{"class":4337},"((",[4321,6803,6804],{"class":4334},"a",[4321,6806,4190],{"class":4337},[4321,6808,6809],{"class":4334},"b",[4321,6811,5337],{"class":4337},[4321,6813,6223],{"class":4385},[4321,6815,6816],{"class":4385}," new",[4321,6818,6767],{"class":4340},[4321,6820,4343],{"class":4337},[4321,6822,6804],{"class":4334},[4321,6824,4170],{"class":4337},[4321,6826,6776],{"class":4334},[4321,6828,6829],{"class":4337},").",[4321,6831,6832],{"class":4340},"getTime",[4321,6834,6835],{"class":4337},"() - ",[4321,6837,5505],{"class":4385},[4321,6839,6767],{"class":4340},[4321,6841,4343],{"class":4337},[4321,6843,6809],{"class":4334},[4321,6845,4170],{"class":4337},[4321,6847,6776],{"class":4334},[4321,6849,6829],{"class":4337},[4321,6851,6832],{"class":4340},[4321,6853,6854],{"class":4337},"());\n",[4321,6856,6857],{"class":4323,"line":4500},[4321,6858,4428],{"emptyLinePlaceholder":4427},[4321,6860,6861],{"class":4323,"line":4534},[4321,6862,6863],{"class":4327},"\u002F\u002F Проблеми:\n",[4321,6865,6866],{"class":4323,"line":4539},[4321,6867,6868],{"class":4327},"\u002F\u002F 1. Завантажили всі дані в пам'ять (може бути десятки MB).\n",[4321,6870,6871],{"class":4323,"line":4545},[4321,6872,6873],{"class":4327},"\u002F\u002F 2. Парсинг JSON займає час (сотні мілісекунд на старих телефонах).\n",[4321,6875,6876],{"class":4323,"line":4582},[4321,6877,6878],{"class":4327},"\u002F\u002F 3. Фільтрація\u002Fсортування в JS — повільна для тисяч елементів.\n",[4321,6880,6881],{"class":4323,"line":4604},[4321,6882,6883],{"class":4327},"\u002F\u002F 4. Якщо користувач змінює фільтр (наприклад, «тепер Італія»), доведеться знову завантажувати все.\n",[3743,6885,6886],{},"У SQLite той самий запит виглядає так:",[4312,6888,6890],{"className":4314,"code":6889,"language":4316,"meta":4317,"style":4317},"\u002F\u002F SQLite підхід (ефективний)\nconst filtered = await db.getAllAsync(\n  `SELECT * FROM places \n   WHERE country = ? AND visitedAt > ? \n   ORDER BY visitedAt ASC`,\n  ['France', '2020-01-01']\n);\n\n\u002F\u002F База виконує фільтрацію\u002Fсортування **на рівні SQL** (у C-коді SQLite),\n\u002F\u002F і повертає лише потрібні рядки — не завантажує всі тисячі місць.\n",[3750,6891,6892,6897,6918,6923,6928,6935,6949,6953,6957,6962],{"__ignoreMap":4317},[4321,6893,6894],{"class":4323,"line":4324},[4321,6895,6896],{"class":4327},"\u002F\u002F SQLite підхід (ефективний)\n",[4321,6898,6899,6901,6903,6905,6907,6910,6912,6915],{"class":4323,"line":4331},[4321,6900,4386],{"class":4385},[4321,6902,6726],{"class":4352},[4321,6904,4392],{"class":4337},[4321,6906,4124],{"class":4440},[4321,6908,6909],{"class":4334}," db",[4321,6911,4170],{"class":4337},[4321,6913,6914],{"class":4340},"getAllAsync",[4321,6916,6917],{"class":4337},"(\n",[4321,6919,6920],{"class":4323,"line":4382},[4321,6921,6922],{"class":4346},"  `SELECT * FROM places \n",[4321,6924,6925],{"class":4323,"line":4424},[4321,6926,6927],{"class":4346},"   WHERE country = ? AND visitedAt > ? \n",[4321,6929,6930,6933],{"class":4323,"line":4431},[4321,6931,6932],{"class":4346},"   ORDER BY visitedAt ASC`",[4321,6934,6466],{"class":4337},[4321,6936,6937,6940,6942,6944,6946],{"class":4323,"line":4437},[4321,6938,6939],{"class":4337},"  [",[4321,6941,6760],{"class":4346},[4321,6943,4190],{"class":4337},[4321,6945,6788],{"class":4346},[4321,6947,6948],{"class":4337},"]\n",[4321,6950,6951],{"class":4323,"line":4476},[4321,6952,4421],{"class":4337},[4321,6954,6955],{"class":4323,"line":4500},[4321,6956,4428],{"emptyLinePlaceholder":4427},[4321,6958,6959],{"class":4323,"line":4534},[4321,6960,6961],{"class":4327},"\u002F\u002F База виконує фільтрацію\u002Fсортування **на рівні SQL** (у C-коді SQLite),\n",[4321,6963,6964],{"class":4323,"line":4539},[4321,6965,6966],{"class":4327},"\u002F\u002F і повертає лише потрібні рядки — не завантажує всі тисячі місць.\n",[3743,6968,6969],{},[3758,6970,6971],{},"Коли використовувати SQLite:",[3886,6973,6974,6980,6986,6992,6998],{},[3791,6975,6976,6979],{},[3758,6977,6978],{},"Складні зв'язки:"," User має багато Trip, Trip має багато Place, Place має багато Photo → foreign keys + JOIN.",[3791,6981,6982,6985],{},[3758,6983,6984],{},"Фільтрація\u002Fсортування:"," запити з WHERE, ORDER BY, LIMIT — швидше, ніж фільтрувати в JS.",[3791,6987,6988,6991],{},[3758,6989,6990],{},"Великі обсяги:"," сотні\u002Fтисячі записів, які не влізають зручно в один JSON.",[3791,6993,6994,6997],{},[3758,6995,6996],{},"Транзакції:"," потрібно атомарно оновити кілька таблиць (наприклад, видалити Trip і всі його Places одночасно).",[3791,6999,7000,7003],{},[3758,7001,7002],{},"Міграції схеми:"," коли структура даних змінюється між версіями застосунку (додати нову колонку, перейменувати таблицю), SQLite має вбудовані механізми міграцій.",[3743,7005,7006],{},[3758,7007,7008],{},"Бібліотеки для SQLite у React Native:",[3943,7010,7011,7024],{},[3946,7012,7013],{},[3949,7014,7015,7018,7021],{},[3952,7016,7017],{},"Пакет",[3952,7019,7020],{},"Опис",[3952,7022,7023],{},"Коли використовувати",[3964,7025,7026,7039,7052],{},[3949,7027,7028,7033,7036],{},[3969,7029,7030],{},[3758,7031,7032],{},"expo-sqlite",[3969,7034,7035],{},"Офіційна Expo-обгортка над нативним SQLite iOS\u002FAndroid",[3969,7037,7038],{},"Expo-проєкти (найпростіша інтеграція)",[3949,7040,7041,7046,7049],{},[3969,7042,7043],{},[3758,7044,7045],{},"react-native-sqlite-storage",[3969,7047,7048],{},"Community-пакет, працює в bare RN CLI проєктах",[3969,7050,7051],{},"Bare-проєкти або міграція зі старих кодових баз",[3949,7053,7054,7059,7062],{},[3969,7055,7056],{},[3758,7057,7058],{},"@op-engineering\u002Fop-sqlite",[3969,7060,7061],{},"Сучасна швидка обгортка (JSI-based у New Architecture)",[3969,7063,7064],{},"Висока продуктивність, синхронний API",[3743,7066,7067,7068,7070],{},"У цій статті ми розглянемо ",[3758,7069,7032],{}," (оскільки наш Nomad-проєкт базується на Expo), але концепції однакові для всіх бібліотек — різниця лише в API.",[3743,7072,7073],{},[3758,7074,7075],{},"Встановлення (Expo):",[4312,7077,7079],{"className":5398,"code":7078,"language":5400,"meta":4317,"style":4317},"npx expo install expo-sqlite\n",[3750,7080,7081],{"__ignoreMap":4317},[4321,7082,7083,7086,7089,7091],{"class":4323,"line":4324},[4321,7084,7085],{"class":4340},"npx",[4321,7087,7088],{"class":4346}," expo",[4321,7090,5410],{"class":4346},[4321,7092,7093],{"class":4346}," expo-sqlite\n",[3743,7095,7096],{},[3758,7097,7098],{},"Базовий приклад (створення таблиці, вставка, запит):",[4312,7100,7102],{"className":4314,"code":7101,"language":4316,"meta":4317,"style":4317},"import * as SQLite from 'expo-sqlite';\n\n\u002F\u002F Відкрити (або створити) базу даних\nconst db = await SQLite.openDatabaseAsync('trips.db');\n\n\u002F\u002F Створити таблицю (якщо не існує)\nawait db.execAsync(`\n  CREATE TABLE IF NOT EXISTS trips (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    title TEXT NOT NULL,\n    startDate TEXT,\n    endDate TEXT,\n    createdAt TEXT DEFAULT CURRENT_TIMESTAMP\n  );\n`);\n\n\u002F\u002F Вставити дані (параметризований запит — безпечно від SQL injection)\nawait db.runAsync(\n  'INSERT INTO trips (title, startDate, endDate) VALUES (?, ?, ?)',\n  ['Подорож до Карпат', '2024-07-01', '2024-07-10']\n);\n\n\u002F\u002F Прочитати всі поїздки\nconst trips = await db.getAllAsync('SELECT * FROM trips ORDER BY startDate DESC');\nconsole.log(trips);\n\u002F\u002F [\n\u002F\u002F   { id: 1, title: 'Подорож до Карпат', startDate: '2024-07-01', endDate: '2024-07-10', createdAt: '2024-01-15 10:30:00' }\n\u002F\u002F ]\n\n\u002F\u002F Оновити запис\nawait db.runAsync('UPDATE trips SET title = ? WHERE id = ?', ['Карпати 2024', 1]);\n\n\u002F\u002F Видалити запис\nawait db.runAsync('DELETE FROM trips WHERE id = ?', [1]);\n",[3750,7103,7104,7124,7128,7133,7157,7161,7166,7182,7187,7192,7197,7202,7207,7212,7217,7224,7228,7233,7246,7253,7272,7276,7280,7285,7309,7324,7329,7334,7339,7343,7348,7377,7381,7387],{"__ignoreMap":4317},[4321,7105,7106,7108,7111,7114,7117,7119,7122],{"class":4323,"line":4324},[4321,7107,4973],{"class":4440},[4321,7109,7110],{"class":4385}," *",[4321,7112,7113],{"class":4440}," as",[4321,7115,7116],{"class":4334}," SQLite",[4321,7118,4978],{"class":4440},[4321,7120,7121],{"class":4346}," 'expo-sqlite'",[4321,7123,4531],{"class":4337},[4321,7125,7126],{"class":4323,"line":4331},[4321,7127,4428],{"emptyLinePlaceholder":4427},[4321,7129,7130],{"class":4323,"line":4382},[4321,7131,7132],{"class":4327},"\u002F\u002F Відкрити (або створити) базу даних\n",[4321,7134,7135,7137,7139,7141,7143,7145,7147,7150,7152,7155],{"class":4323,"line":4424},[4321,7136,4386],{"class":4385},[4321,7138,6909],{"class":4352},[4321,7140,4392],{"class":4337},[4321,7142,4124],{"class":4440},[4321,7144,7116],{"class":4334},[4321,7146,4170],{"class":4337},[4321,7148,7149],{"class":4340},"openDatabaseAsync",[4321,7151,4343],{"class":4337},[4321,7153,7154],{"class":4346},"'trips.db'",[4321,7156,4421],{"class":4337},[4321,7158,7159],{"class":4323,"line":4431},[4321,7160,4428],{"emptyLinePlaceholder":4427},[4321,7162,7163],{"class":4323,"line":4437},[4321,7164,7165],{"class":4327},"\u002F\u002F Створити таблицю (якщо не існує)\n",[4321,7167,7168,7170,7172,7174,7177,7179],{"class":4323,"line":4476},[4321,7169,4124],{"class":4440},[4321,7171,6909],{"class":4334},[4321,7173,4170],{"class":4337},[4321,7175,7176],{"class":4340},"execAsync",[4321,7178,4343],{"class":4337},[4321,7180,7181],{"class":4346},"`\n",[4321,7183,7184],{"class":4323,"line":4500},[4321,7185,7186],{"class":4346},"  CREATE TABLE IF NOT EXISTS trips (\n",[4321,7188,7189],{"class":4323,"line":4534},[4321,7190,7191],{"class":4346},"    id INTEGER PRIMARY KEY AUTOINCREMENT,\n",[4321,7193,7194],{"class":4323,"line":4539},[4321,7195,7196],{"class":4346},"    title TEXT NOT NULL,\n",[4321,7198,7199],{"class":4323,"line":4545},[4321,7200,7201],{"class":4346},"    startDate TEXT,\n",[4321,7203,7204],{"class":4323,"line":4582},[4321,7205,7206],{"class":4346},"    endDate TEXT,\n",[4321,7208,7209],{"class":4323,"line":4604},[4321,7210,7211],{"class":4346},"    createdAt TEXT DEFAULT CURRENT_TIMESTAMP\n",[4321,7213,7214],{"class":4323,"line":5112},[4321,7215,7216],{"class":4346},"  );\n",[4321,7218,7219,7222],{"class":4323,"line":5143},[4321,7220,7221],{"class":4346},"`",[4321,7223,4421],{"class":4337},[4321,7225,7226],{"class":4323,"line":5148},[4321,7227,4428],{"emptyLinePlaceholder":4427},[4321,7229,7230],{"class":4323,"line":5154},[4321,7231,7232],{"class":4327},"\u002F\u002F Вставити дані (параметризований запит — безпечно від SQL injection)\n",[4321,7234,7235,7237,7239,7241,7244],{"class":4323,"line":5177},[4321,7236,4124],{"class":4440},[4321,7238,6909],{"class":4334},[4321,7240,4170],{"class":4337},[4321,7242,7243],{"class":4340},"runAsync",[4321,7245,6917],{"class":4337},[4321,7247,7248,7251],{"class":4323,"line":5684},[4321,7249,7250],{"class":4346},"  'INSERT INTO trips (title, startDate, endDate) VALUES (?, ?, ?)'",[4321,7252,6466],{"class":4337},[4321,7254,7255,7257,7260,7262,7265,7267,7270],{"class":4323,"line":5689},[4321,7256,6939],{"class":4337},[4321,7258,7259],{"class":4346},"'Подорож до Карпат'",[4321,7261,4190],{"class":4337},[4321,7263,7264],{"class":4346},"'2024-07-01'",[4321,7266,4190],{"class":4337},[4321,7268,7269],{"class":4346},"'2024-07-10'",[4321,7271,6948],{"class":4337},[4321,7273,7274],{"class":4323,"line":5695},[4321,7275,4421],{"class":4337},[4321,7277,7278],{"class":4323,"line":5711},[4321,7279,4428],{"emptyLinePlaceholder":4427},[4321,7281,7282],{"class":4323,"line":5716},[4321,7283,7284],{"class":4327},"\u002F\u002F Прочитати всі поїздки\n",[4321,7286,7287,7289,7292,7294,7296,7298,7300,7302,7304,7307],{"class":4323,"line":5722},[4321,7288,4386],{"class":4385},[4321,7290,7291],{"class":4352}," trips",[4321,7293,4392],{"class":4337},[4321,7295,4124],{"class":4440},[4321,7297,6909],{"class":4334},[4321,7299,4170],{"class":4337},[4321,7301,6914],{"class":4340},[4321,7303,4343],{"class":4337},[4321,7305,7306],{"class":4346},"'SELECT * FROM trips ORDER BY startDate DESC'",[4321,7308,4421],{"class":4337},[4321,7310,7311,7314,7316,7318,7320,7322],{"class":4323,"line":5744},[4321,7312,7313],{"class":4334},"console",[4321,7315,4170],{"class":4337},[4321,7317,5752],{"class":4340},[4321,7319,4343],{"class":4337},[4321,7321,4699],{"class":4334},[4321,7323,4421],{"class":4337},[4321,7325,7326],{"class":4323,"line":5772},[4321,7327,7328],{"class":4327},"\u002F\u002F [\n",[4321,7330,7331],{"class":4323,"line":5778},[4321,7332,7333],{"class":4327},"\u002F\u002F   { id: 1, title: 'Подорож до Карпат', startDate: '2024-07-01', endDate: '2024-07-10', createdAt: '2024-01-15 10:30:00' }\n",[4321,7335,7336],{"class":4323,"line":5783},[4321,7337,7338],{"class":4327},"\u002F\u002F ]\n",[4321,7340,7341],{"class":4323,"line":5789},[4321,7342,4428],{"emptyLinePlaceholder":4427},[4321,7344,7345],{"class":4323,"line":5812},[4321,7346,7347],{"class":4327},"\u002F\u002F Оновити запис\n",[4321,7349,7350,7352,7354,7356,7358,7360,7363,7366,7369,7371,7374],{"class":4323,"line":5817},[4321,7351,4124],{"class":4440},[4321,7353,6909],{"class":4334},[4321,7355,4170],{"class":4337},[4321,7357,7243],{"class":4340},[4321,7359,4343],{"class":4337},[4321,7361,7362],{"class":4346},"'UPDATE trips SET title = ? WHERE id = ?'",[4321,7364,7365],{"class":4337},", [",[4321,7367,7368],{"class":4346},"'Карпати 2024'",[4321,7370,4190],{"class":4337},[4321,7372,7373],{"class":4375},"1",[4321,7375,7376],{"class":4337},"]);\n",[4321,7378,7379],{"class":4323,"line":5823},[4321,7380,4428],{"emptyLinePlaceholder":4427},[4321,7382,7384],{"class":4323,"line":7383},33,[4321,7385,7386],{"class":4327},"\u002F\u002F Видалити запис\n",[4321,7388,7390,7392,7394,7396,7398,7400,7403,7405,7407],{"class":4323,"line":7389},34,[4321,7391,4124],{"class":4440},[4321,7393,6909],{"class":4334},[4321,7395,4170],{"class":4337},[4321,7397,7243],{"class":4340},[4321,7399,4343],{"class":4337},[4321,7401,7402],{"class":4346},"'DELETE FROM trips WHERE id = ?'",[4321,7404,7365],{"class":4337},[4321,7406,7373],{"class":4375},[4321,7408,7376],{"class":4337},[3743,7410,7411],{},[3758,7412,7413],{},"Параметризовані запити (захист від SQL injection):",[3743,7415,7416],{},"Ніколи не вставляйте змінні користувача напряму в SQL-рядок:",[4312,7418,7420],{"className":4314,"code":7419,"language":4316,"meta":4317,"style":4317},"\u002F\u002F ❌ НЕБЕЗПЕЧНО (SQL injection)\nconst userInput = \"'; DROP TABLE trips; --\";\nawait db.runAsync(`INSERT INTO trips (title) VALUES ('${userInput}')`);\n\u002F\u002F Хакер може виконати довільний SQL!\n\n\u002F\u002F ✅ БЕЗПЕЧНО (параметризований запит)\nawait db.runAsync('INSERT INTO trips (title) VALUES (?)', [userInput]);\n\u002F\u002F Бібліотека екранує значення — SQL injection неможливий\n",[3750,7421,7422,7427,7441,7470,7475,7479,7484,7505],{"__ignoreMap":4317},[4321,7423,7424],{"class":4323,"line":4324},[4321,7425,7426],{"class":4327},"\u002F\u002F ❌ НЕБЕЗПЕЧНО (SQL injection)\n",[4321,7428,7429,7431,7434,7436,7439],{"class":4323,"line":4331},[4321,7430,4386],{"class":4385},[4321,7432,7433],{"class":4352}," userInput",[4321,7435,4392],{"class":4337},[4321,7437,7438],{"class":4346},"\"'; DROP TABLE trips; --\"",[4321,7440,4531],{"class":4337},[4321,7442,7443,7445,7447,7449,7451,7453,7456,7459,7462,7465,7468],{"class":4323,"line":4382},[4321,7444,4124],{"class":4440},[4321,7446,6909],{"class":4334},[4321,7448,4170],{"class":4337},[4321,7450,7243],{"class":4340},[4321,7452,4343],{"class":4337},[4321,7454,7455],{"class":4346},"`INSERT INTO trips (title) VALUES ('",[4321,7457,7458],{"class":4385},"${",[4321,7460,7461],{"class":4334},"userInput",[4321,7463,7464],{"class":4385},"}",[4321,7466,7467],{"class":4346},"')`",[4321,7469,4421],{"class":4337},[4321,7471,7472],{"class":4323,"line":4424},[4321,7473,7474],{"class":4327},"\u002F\u002F Хакер може виконати довільний SQL!\n",[4321,7476,7477],{"class":4323,"line":4431},[4321,7478,4428],{"emptyLinePlaceholder":4427},[4321,7480,7481],{"class":4323,"line":4437},[4321,7482,7483],{"class":4327},"\u002F\u002F ✅ БЕЗПЕЧНО (параметризований запит)\n",[4321,7485,7486,7488,7490,7492,7494,7496,7499,7501,7503],{"class":4323,"line":4476},[4321,7487,4124],{"class":4440},[4321,7489,6909],{"class":4334},[4321,7491,4170],{"class":4337},[4321,7493,7243],{"class":4340},[4321,7495,4343],{"class":4337},[4321,7497,7498],{"class":4346},"'INSERT INTO trips (title) VALUES (?)'",[4321,7500,7365],{"class":4337},[4321,7502,7461],{"class":4334},[4321,7504,7376],{"class":4337},[4321,7506,7507],{"class":4323,"line":4500},[4321,7508,7509],{"class":4327},"\u002F\u002F Бібліотека екранує значення — SQL injection неможливий\n",[3743,7511,7512],{},[3758,7513,7514],{},"Транзакції (атомарні операції):",[3743,7516,7517,7518,7521,7522,7525],{},"Уявіть: ви видаляєте поїздку, і треба також видалити всі місця, що їй належать. Якщо між двома DELETE застосунок крашнеться, база лишиться в ",[3758,7519,7520],{},"неконсистентному"," стані (поїздка видалена, місця — ні). ",[3758,7523,7524],{},"Транзакція"," вирішує це:",[4312,7527,7529],{"className":4314,"code":7528,"language":4316,"meta":4317,"style":4317},"await db.withTransactionAsync(async () => {\n  await db.runAsync('DELETE FROM places WHERE tripId = ?', [tripId]);\n  await db.runAsync('DELETE FROM trips WHERE id = ?', [tripId]);\n  \u002F\u002F Якщо будь-який запит упаде, ВСІ зміни відкатяться (rollback).\n  \u002F\u002F Якщо обидва пройдуть, зміни зафіксуються разом (commit).\n});\n",[3750,7530,7531,7554,7577,7597,7602,7607],{"__ignoreMap":4317},[4321,7532,7533,7535,7537,7539,7542,7544,7547,7550,7552],{"class":4323,"line":4324},[4321,7534,4124],{"class":4440},[4321,7536,6909],{"class":4334},[4321,7538,4170],{"class":4337},[4321,7540,7541],{"class":4340},"withTransactionAsync",[4321,7543,4343],{"class":4337},[4321,7545,7546],{"class":4385},"async",[4321,7548,7549],{"class":4337}," () ",[4321,7551,6223],{"class":4385},[4321,7553,6077],{"class":4337},[4321,7555,7556,7559,7561,7563,7565,7567,7570,7572,7575],{"class":4323,"line":4331},[4321,7557,7558],{"class":4440},"  await",[4321,7560,6909],{"class":4334},[4321,7562,4170],{"class":4337},[4321,7564,7243],{"class":4340},[4321,7566,4343],{"class":4337},[4321,7568,7569],{"class":4346},"'DELETE FROM places WHERE tripId = ?'",[4321,7571,7365],{"class":4337},[4321,7573,7574],{"class":4334},"tripId",[4321,7576,7376],{"class":4337},[4321,7578,7579,7581,7583,7585,7587,7589,7591,7593,7595],{"class":4323,"line":4382},[4321,7580,7558],{"class":4440},[4321,7582,6909],{"class":4334},[4321,7584,4170],{"class":4337},[4321,7586,7243],{"class":4340},[4321,7588,4343],{"class":4337},[4321,7590,7402],{"class":4346},[4321,7592,7365],{"class":4337},[4321,7594,7574],{"class":4334},[4321,7596,7376],{"class":4337},[4321,7598,7599],{"class":4323,"line":4424},[4321,7600,7601],{"class":4327},"  \u002F\u002F Якщо будь-який запит упаде, ВСІ зміни відкатяться (rollback).\n",[4321,7603,7604],{"class":4323,"line":4431},[4321,7605,7606],{"class":4327},"  \u002F\u002F Якщо обидва пройдуть, зміни зафіксуються разом (commit).\n",[4321,7608,7609],{"class":4323,"line":4437},[4321,7610,6484],{"class":4337},[3743,7612,7613],{},[3758,7614,7615],{},"Міграції (зміна схеми між версіями):",[3743,7617,7618,7619,7621],{},"Коли ви випускаєте нову версію застосунку, іноді треба змінити структуру бази (додати колонку, перейменувати таблицю). SQLite не має вбудованого «migration framework» як у серверних базах, тому треба писати міграції вручну або використовувати бібліотеку (наприклад, ",[3750,7620,7032],{}," + власний код міграцій).",[3743,7623,7624],{},"Приклад простої системи міграцій:",[4312,7626,7628],{"className":4314,"code":7627,"language":4316,"meta":4317,"style":4317},"const CURRENT_SCHEMA_VERSION = 2;\n\nasync function migrateDatabase(db: SQLite.SQLiteDatabase) {\n  \u002F\u002F Отримати поточну версію схеми (зберігаємо в спеціальній таблиці або в PRAGMA user_version)\n  const result = await db.getFirstAsync\u003C{ user_version: number }>('PRAGMA user_version');\n  const currentVersion = result?.user_version ?? 0;\n\n  if (currentVersion \u003C 1) {\n    \u002F\u002F Міграція 0 → 1: створити початкові таблиці\n    await db.execAsync(`\n      CREATE TABLE trips (id INTEGER PRIMARY KEY, title TEXT);\n      CREATE TABLE places (id INTEGER PRIMARY KEY, tripId INTEGER, name TEXT);\n    `);\n    await db.execAsync('PRAGMA user_version = 1');\n  }\n\n  if (currentVersion \u003C 2) {\n    \u002F\u002F Міграція 1 → 2: додати колонку startDate до trips\n    await db.execAsync('ALTER TABLE trips ADD COLUMN startDate TEXT');\n    await db.execAsync('PRAGMA user_version = 2');\n  }\n\n  \u002F\u002F Якщо в майбутньому буде версія 3 — додасте нову секцію if (currentVersion \u003C 3)\n}\n",[3750,7629,7630,7644,7648,7675,7680,7718,7743,7747,7764,7769,7784,7789,7794,7801,7818,7823,7827,7841,7846,7863,7880,7884,7888,7893],{"__ignoreMap":4317},[4321,7631,7632,7634,7637,7639,7642],{"class":4323,"line":4324},[4321,7633,4386],{"class":4385},[4321,7635,7636],{"class":4352}," CURRENT_SCHEMA_VERSION",[4321,7638,4392],{"class":4337},[4321,7640,7641],{"class":4375},"2",[4321,7643,4531],{"class":4337},[4321,7645,7646],{"class":4323,"line":4331},[4321,7647,4428],{"emptyLinePlaceholder":4427},[4321,7649,7650,7652,7655,7658,7660,7663,7665,7667,7669,7672],{"class":4323,"line":4382},[4321,7651,7546],{"class":4385},[4321,7653,7654],{"class":4385}," function",[4321,7656,7657],{"class":4340}," migrateDatabase",[4321,7659,4343],{"class":4337},[4321,7661,7662],{"class":4334},"db",[4321,7664,6056],{"class":4337},[4321,7666,3810],{"class":6046},[4321,7668,4170],{"class":4337},[4321,7670,7671],{"class":6046},"SQLiteDatabase",[4321,7673,7674],{"class":4337},") {\n",[4321,7676,7677],{"class":4323,"line":4424},[4321,7678,7679],{"class":4327},"  \u002F\u002F Отримати поточну версію схеми (зберігаємо в спеціальній таблиці або в PRAGMA user_version)\n",[4321,7681,7682,7685,7688,7690,7692,7694,7696,7699,7702,7705,7707,7710,7713,7716],{"class":4323,"line":4431},[4321,7683,7684],{"class":4385},"  const",[4321,7686,7687],{"class":4352}," result",[4321,7689,4392],{"class":4337},[4321,7691,4124],{"class":4440},[4321,7693,6909],{"class":4334},[4321,7695,4170],{"class":4337},[4321,7697,7698],{"class":4340},"getFirstAsync",[4321,7700,7701],{"class":4337},"\u003C{ ",[4321,7703,7704],{"class":4334},"user_version",[4321,7706,6056],{"class":4337},[4321,7708,7709],{"class":6046},"number",[4321,7711,7712],{"class":4337}," }>(",[4321,7714,7715],{"class":4346},"'PRAGMA user_version'",[4321,7717,4421],{"class":4337},[4321,7719,7720,7722,7725,7727,7730,7733,7735,7738,7741],{"class":4323,"line":4437},[4321,7721,7684],{"class":4385},[4321,7723,7724],{"class":4352}," currentVersion",[4321,7726,4392],{"class":4337},[4321,7728,7729],{"class":4334},"result",[4321,7731,7732],{"class":4337},"?.",[4321,7734,7704],{"class":4334},[4321,7736,7737],{"class":4337}," ?? ",[4321,7739,7740],{"class":4375},"0",[4321,7742,4531],{"class":4337},[4321,7744,7745],{"class":4323,"line":4476},[4321,7746,4428],{"emptyLinePlaceholder":4427},[4321,7748,7749,7752,7754,7757,7760,7762],{"class":4323,"line":4500},[4321,7750,7751],{"class":4440},"  if",[4321,7753,3985],{"class":4337},[4321,7755,7756],{"class":4334},"currentVersion",[4321,7758,7759],{"class":4337}," \u003C ",[4321,7761,7373],{"class":4375},[4321,7763,7674],{"class":4337},[4321,7765,7766],{"class":4323,"line":4534},[4321,7767,7768],{"class":4327},"    \u002F\u002F Міграція 0 → 1: створити початкові таблиці\n",[4321,7770,7771,7774,7776,7778,7780,7782],{"class":4323,"line":4539},[4321,7772,7773],{"class":4440},"    await",[4321,7775,6909],{"class":4334},[4321,7777,4170],{"class":4337},[4321,7779,7176],{"class":4340},[4321,7781,4343],{"class":4337},[4321,7783,7181],{"class":4346},[4321,7785,7786],{"class":4323,"line":4545},[4321,7787,7788],{"class":4346},"      CREATE TABLE trips (id INTEGER PRIMARY KEY, title TEXT);\n",[4321,7790,7791],{"class":4323,"line":4582},[4321,7792,7793],{"class":4346},"      CREATE TABLE places (id INTEGER PRIMARY KEY, tripId INTEGER, name TEXT);\n",[4321,7795,7796,7799],{"class":4323,"line":4604},[4321,7797,7798],{"class":4346},"    `",[4321,7800,4421],{"class":4337},[4321,7802,7803,7805,7807,7809,7811,7813,7816],{"class":4323,"line":5112},[4321,7804,7773],{"class":4440},[4321,7806,6909],{"class":4334},[4321,7808,4170],{"class":4337},[4321,7810,7176],{"class":4340},[4321,7812,4343],{"class":4337},[4321,7814,7815],{"class":4346},"'PRAGMA user_version = 1'",[4321,7817,4421],{"class":4337},[4321,7819,7820],{"class":4323,"line":5143},[4321,7821,7822],{"class":4337},"  }\n",[4321,7824,7825],{"class":4323,"line":5148},[4321,7826,4428],{"emptyLinePlaceholder":4427},[4321,7828,7829,7831,7833,7835,7837,7839],{"class":4323,"line":5154},[4321,7830,7751],{"class":4440},[4321,7832,3985],{"class":4337},[4321,7834,7756],{"class":4334},[4321,7836,7759],{"class":4337},[4321,7838,7641],{"class":4375},[4321,7840,7674],{"class":4337},[4321,7842,7843],{"class":4323,"line":5177},[4321,7844,7845],{"class":4327},"    \u002F\u002F Міграція 1 → 2: додати колонку startDate до trips\n",[4321,7847,7848,7850,7852,7854,7856,7858,7861],{"class":4323,"line":5684},[4321,7849,7773],{"class":4440},[4321,7851,6909],{"class":4334},[4321,7853,4170],{"class":4337},[4321,7855,7176],{"class":4340},[4321,7857,4343],{"class":4337},[4321,7859,7860],{"class":4346},"'ALTER TABLE trips ADD COLUMN startDate TEXT'",[4321,7862,4421],{"class":4337},[4321,7864,7865,7867,7869,7871,7873,7875,7878],{"class":4323,"line":5689},[4321,7866,7773],{"class":4440},[4321,7868,6909],{"class":4334},[4321,7870,4170],{"class":4337},[4321,7872,7176],{"class":4340},[4321,7874,4343],{"class":4337},[4321,7876,7877],{"class":4346},"'PRAGMA user_version = 2'",[4321,7879,4421],{"class":4337},[4321,7881,7882],{"class":4323,"line":5695},[4321,7883,7822],{"class":4337},[4321,7885,7886],{"class":4323,"line":5711},[4321,7887,4428],{"emptyLinePlaceholder":4427},[4321,7889,7890],{"class":4323,"line":5716},[4321,7891,7892],{"class":4327},"  \u002F\u002F Якщо в майбутньому буде версія 3 — додасте нову секцію if (currentVersion \u003C 3)\n",[4321,7894,7895],{"class":4323,"line":5722},[4321,7896,5775],{"class":4337},[4142,7898,7899,7902,7903,7906,7907,4724,7910,7913],{},[3758,7900,7901],{},"Типова помилка:"," забути перевірити версію схеми при старті застосунку. Якщо користувач оновив застосунок з версії 1.0 (де була схема версії 1) на версію 2.0 (де очікується схема версії 2), але ви не запустили міграцію, застосунок спробує читати нову колонку ",[3750,7904,7905],{},"startDate",", якої не існує, і отримає помилку «no such column». Завжди викликайте ",[3750,7908,7909],{},"migrateDatabase",[3758,7911,7912],{},"перед"," будь-якими запитами до бази.",[3743,7915,7916],{},[3758,7917,7918],{},"Переваги SQLite:",[3886,7920,7921,7927,7933,7943,7948],{},[3791,7922,7923,7926],{},[3758,7924,7925],{},"Реляційна модель:"," таблиці, foreign keys, JOIN — природний спосіб моделювати складні зв'язки.",[3791,7928,7929,7932],{},[3758,7930,7931],{},"Швидкі запити:"," WHERE, ORDER BY, LIMIT виконуються в C-коді SQLite (швидше за JS-фільтрацію).",[3791,7934,7935,7938,7939,7942],{},[3758,7936,7937],{},"Індекси:"," можна створити індекс на колонку (наприклад, ",[3750,7940,7941],{},"CREATE INDEX idx_country ON places(country)",") — запити за цим полем стануть набагато швидшими.",[3791,7944,7945,7947],{},[3758,7946,6996],{}," атомарні операції, rollback при помилках.",[3791,7949,7950,7953],{},[3758,7951,7952],{},"Стандарт:"," SQL-синтаксис знайомий багатьом розробникам; легко мігрувати з\u002Fв інші бази.",[3743,7955,7956],{},[3758,7957,5236],{},[3886,7959,7960,7966,7972],{},[3791,7961,7962,7965],{},[3758,7963,7964],{},"Складніший API:"," треба знати SQL (принаймні базовий SELECT\u002FINSERT\u002FUPDATE\u002FDELETE).",[3791,7967,7968,7971],{},[3758,7969,7970],{},"Міграції вручну:"," немає автоматичного «дізнайся, що змінилося, і застосуй» — треба писати міграції самостійно.",[3791,7973,7974,7977],{},[3758,7975,7976],{},"Overhead для простих даних:"," якщо вам потрібно зберегти одне число (наприклад, «останній переглянутий екран»), SQLite — overkill; MMKV простіший.",[3743,7979,7980],{},[3758,7981,7982],{},"Коли НЕ використовувати SQLite:",[3886,7984,7985,7988,7991],{},[3791,7986,7987],{},"Налаштування (theme, language) — MMKV швидше й простіше.",[3791,7989,7990],{},"Один\u002Fкілька об'єктів без зв'язків (профіль користувача) — MMKV або AsyncStorage достатньо.",[3791,7992,7993],{},"Дуже динамічна схема (кожен запис має довільний набір полів) — тоді key-value з JSON зручніше (або NoSQL-база на сервері, якщо це онлайн-застосунок).",[3839,7995],{},[3846,7997,7999],{"id":7998},"файлова-система-для-медіа-та-документів","Файлова система — для медіа та документів",[3743,8001,8002,8003,8006,8007,8010],{},"Окрім key-value (MMKV) і structured data (SQLite), є ще один тип даних: ",[3758,8004,8005],{},"файли"," — зображення, PDF, відео, аудіо. Ці дані не варто зберігати в MMKV або SQLite (хоча технічно можна зберегти бінарні дані як BLOB у SQLite, це неефективно). Натомість використовуйте ",[3758,8008,8009],{},"файлову систему"," пристрою.",[3743,8012,8013,8016,8017,8020],{},[3758,8014,8015],{},"Expo FileSystem"," (або ",[3758,8018,8019],{},"react-native-fs"," у bare-проєктах) дозволяє:",[3886,8022,8023,8029,8035,8041],{},[3791,8024,8025,8028],{},[3758,8026,8027],{},"Читати\u002Fписати файли"," у піщаниці застосунку (app sandbox — каталог, до якого має доступ лише ваш застосунок).",[3791,8030,8031,8034],{},[3758,8032,8033],{},"Копіювати файли"," з камери\u002Fгалереї в локальне сховище.",[3791,8036,8037,8040],{},[3758,8038,8039],{},"Отримувати інформацію"," про файл (розмір, час модифікації).",[3791,8042,8043,8046],{},[3758,8044,8045],{},"Видаляти файли"," (вивільнення місця).",[3743,8048,8049],{},"Приклад (Expo):",[4312,8051,8053],{"className":4314,"code":8052,"language":4316,"meta":4317,"style":4317},"import * as FileSystem from 'expo-file-system';\n\n\u002F\u002F Каталог документів застосунку (постійний, не видаляється системою)\nconst docDir = FileSystem.documentDirectory; \u002F\u002F file:\u002F\u002F\u002Fdata\u002Fuser\u002F0\u002Fcom.yourapp\u002Ffiles\u002F (Android) або схоже на iOS\n\n\u002F\u002F Зберегти текстовий файл\nconst filePath = `${docDir}draft.txt`;\nawait FileSystem.writeAsStringAsync(filePath, 'Моя чернетка нотатки');\n\n\u002F\u002F Прочитати файл\nconst content = await FileSystem.readAsStringAsync(filePath);\nconsole.log(content); \u002F\u002F 'Моя чернетка нотатки'\n\n\u002F\u002F Видалити файл\nawait FileSystem.deleteAsync(filePath);\n",[3750,8054,8055,8073,8077,8082,8105,8109,8114,8137,8160,8164,8169,8193,8211,8215,8220],{"__ignoreMap":4317},[4321,8056,8057,8059,8061,8063,8066,8068,8071],{"class":4323,"line":4324},[4321,8058,4973],{"class":4440},[4321,8060,7110],{"class":4385},[4321,8062,7113],{"class":4440},[4321,8064,8065],{"class":4334}," FileSystem",[4321,8067,4978],{"class":4440},[4321,8069,8070],{"class":4346}," 'expo-file-system'",[4321,8072,4531],{"class":4337},[4321,8074,8075],{"class":4323,"line":4331},[4321,8076,4428],{"emptyLinePlaceholder":4427},[4321,8078,8079],{"class":4323,"line":4382},[4321,8080,8081],{"class":4327},"\u002F\u002F Каталог документів застосунку (постійний, не видаляється системою)\n",[4321,8083,8084,8086,8089,8091,8094,8096,8099,8102],{"class":4323,"line":4424},[4321,8085,4386],{"class":4385},[4321,8087,8088],{"class":4352}," docDir",[4321,8090,4392],{"class":4337},[4321,8092,8093],{"class":4334},"FileSystem",[4321,8095,4170],{"class":4337},[4321,8097,8098],{"class":4334},"documentDirectory",[4321,8100,8101],{"class":4337},"; ",[4321,8103,8104],{"class":4327},"\u002F\u002F file:\u002F\u002F\u002Fdata\u002Fuser\u002F0\u002Fcom.yourapp\u002Ffiles\u002F (Android) або схоже на iOS\n",[4321,8106,8107],{"class":4323,"line":4431},[4321,8108,4428],{"emptyLinePlaceholder":4427},[4321,8110,8111],{"class":4323,"line":4437},[4321,8112,8113],{"class":4327},"\u002F\u002F Зберегти текстовий файл\n",[4321,8115,8116,8118,8121,8123,8125,8127,8130,8132,8135],{"class":4323,"line":4476},[4321,8117,4386],{"class":4385},[4321,8119,8120],{"class":4352}," filePath",[4321,8122,4392],{"class":4337},[4321,8124,7221],{"class":4346},[4321,8126,7458],{"class":4385},[4321,8128,8129],{"class":4334},"docDir",[4321,8131,7464],{"class":4385},[4321,8133,8134],{"class":4346},"draft.txt`",[4321,8136,4531],{"class":4337},[4321,8138,8139,8141,8143,8145,8148,8150,8153,8155,8158],{"class":4323,"line":4500},[4321,8140,4124],{"class":4440},[4321,8142,8065],{"class":4334},[4321,8144,4170],{"class":4337},[4321,8146,8147],{"class":4340},"writeAsStringAsync",[4321,8149,4343],{"class":4337},[4321,8151,8152],{"class":4334},"filePath",[4321,8154,4190],{"class":4337},[4321,8156,8157],{"class":4346},"'Моя чернетка нотатки'",[4321,8159,4421],{"class":4337},[4321,8161,8162],{"class":4323,"line":4534},[4321,8163,4428],{"emptyLinePlaceholder":4427},[4321,8165,8166],{"class":4323,"line":4539},[4321,8167,8168],{"class":4327},"\u002F\u002F Прочитати файл\n",[4321,8170,8171,8173,8176,8178,8180,8182,8184,8187,8189,8191],{"class":4323,"line":4545},[4321,8172,4386],{"class":4385},[4321,8174,8175],{"class":4352}," content",[4321,8177,4392],{"class":4337},[4321,8179,4124],{"class":4440},[4321,8181,8065],{"class":4334},[4321,8183,4170],{"class":4337},[4321,8185,8186],{"class":4340},"readAsStringAsync",[4321,8188,4343],{"class":4337},[4321,8190,8152],{"class":4334},[4321,8192,4421],{"class":4337},[4321,8194,8195,8197,8199,8201,8203,8206,8208],{"class":4323,"line":4582},[4321,8196,7313],{"class":4334},[4321,8198,4170],{"class":4337},[4321,8200,5752],{"class":4340},[4321,8202,4343],{"class":4337},[4321,8204,8205],{"class":4334},"content",[4321,8207,5047],{"class":4337},[4321,8209,8210],{"class":4327},"\u002F\u002F 'Моя чернетка нотатки'\n",[4321,8212,8213],{"class":4323,"line":4604},[4321,8214,4428],{"emptyLinePlaceholder":4427},[4321,8216,8217],{"class":4323,"line":5112},[4321,8218,8219],{"class":4327},"\u002F\u002F Видалити файл\n",[4321,8221,8222,8224,8226,8228,8231,8233,8235],{"class":4323,"line":5143},[4321,8223,4124],{"class":4440},[4321,8225,8065],{"class":4334},[4321,8227,4170],{"class":4337},[4321,8229,8230],{"class":4340},"deleteAsync",[4321,8232,4343],{"class":4337},[4321,8234,8152],{"class":4334},[4321,8236,4421],{"class":4337},[3743,8238,8239],{},[3758,8240,8241],{},"Типовий паттерн для зображень:",[3788,8243,8244,8250,8261],{},[3791,8245,8246,8247,6829],{},"Користувач вибирає фото з галереї (через ",[3750,8248,8249],{},"expo-image-picker",[3791,8251,8252,8253,8256,8257,8260],{},"Picker повертає ",[3758,8254,8255],{},"тимчасовий URI"," (наприклад, ",[3750,8258,8259],{},"file:\u002F\u002F\u002Fvar\u002Ftmp\u002Fimage123.jpg"," на iOS).",[3791,8262,8263,8264,8267],{},"Ви ",[3758,8265,8266],{},"копіюєте"," файл у каталог застосунку (щоб він не був видалений системою):",[4312,8269,8271],{"className":4314,"code":8270,"language":4316,"meta":4317,"style":4317},"import * as ImagePicker from 'expo-image-picker';\nimport * as FileSystem from 'expo-file-system';\n\n\u002F\u002F Вибрати фото\nconst result = await ImagePicker.launchImageLibraryAsync({ mediaTypes: 'images' });\nif (result.canceled) return;\n\nconst tempUri = result.assets[0].uri; \u002F\u002F тимчасовий шлях\n\n\u002F\u002F Згенерувати постійне ім'я файлу\nconst fileName = `photo_${Date.now()}.jpg`;\nconst permanentUri = `${FileSystem.documentDirectory}${fileName}`;\n\n\u002F\u002F Копіювати у постійне сховище\nawait FileSystem.copyAsync({ from: tempUri, to: permanentUri });\n\n\u002F\u002F Зберегти URI в MMKV або SQLite (не саме зображення!)\nstorage.set('profilePhoto', permanentUri);\n\u002F\u002F або\nawait db.runAsync('UPDATE users SET photoUri = ? WHERE id = ?', [permanentUri, userId]);\n",[3750,8272,8273,8291,8307,8311,8316,8343,8363,8367,8399,8403,8408,8441,8472,8476,8481,8508,8512,8517,8537,8542],{"__ignoreMap":4317},[4321,8274,8275,8277,8279,8281,8284,8286,8289],{"class":4323,"line":4324},[4321,8276,4973],{"class":4440},[4321,8278,7110],{"class":4385},[4321,8280,7113],{"class":4440},[4321,8282,8283],{"class":4334}," ImagePicker",[4321,8285,4978],{"class":4440},[4321,8287,8288],{"class":4346}," 'expo-image-picker'",[4321,8290,4531],{"class":4337},[4321,8292,8293,8295,8297,8299,8301,8303,8305],{"class":4323,"line":4331},[4321,8294,4973],{"class":4440},[4321,8296,7110],{"class":4385},[4321,8298,7113],{"class":4440},[4321,8300,8065],{"class":4334},[4321,8302,4978],{"class":4440},[4321,8304,8070],{"class":4346},[4321,8306,4531],{"class":4337},[4321,8308,8309],{"class":4323,"line":4382},[4321,8310,4428],{"emptyLinePlaceholder":4427},[4321,8312,8313],{"class":4323,"line":4424},[4321,8314,8315],{"class":4327},"\u002F\u002F Вибрати фото\n",[4321,8317,8318,8320,8322,8324,8326,8328,8330,8333,8335,8338,8341],{"class":4323,"line":4431},[4321,8319,4386],{"class":4385},[4321,8321,7687],{"class":4352},[4321,8323,4392],{"class":4337},[4321,8325,4124],{"class":4440},[4321,8327,8283],{"class":4334},[4321,8329,4170],{"class":4337},[4321,8331,8332],{"class":4340},"launchImageLibraryAsync",[4321,8334,4361],{"class":4337},[4321,8336,8337],{"class":4334},"mediaTypes:",[4321,8339,8340],{"class":4346}," 'images'",[4321,8342,6335],{"class":4337},[4321,8344,8345,8347,8349,8351,8353,8356,8358,8361],{"class":4323,"line":4437},[4321,8346,5725],{"class":4440},[4321,8348,3985],{"class":4337},[4321,8350,7729],{"class":4334},[4321,8352,4170],{"class":4337},[4321,8354,8355],{"class":4334},"canceled",[4321,8357,5337],{"class":4337},[4321,8359,8360],{"class":4440},"return",[4321,8362,4531],{"class":4337},[4321,8364,8365],{"class":4323,"line":4476},[4321,8366,4428],{"emptyLinePlaceholder":4427},[4321,8368,8369,8371,8374,8376,8378,8380,8383,8386,8388,8391,8394,8396],{"class":4323,"line":4500},[4321,8370,4386],{"class":4385},[4321,8372,8373],{"class":4352}," tempUri",[4321,8375,4392],{"class":4337},[4321,8377,7729],{"class":4334},[4321,8379,4170],{"class":4337},[4321,8381,8382],{"class":4334},"assets",[4321,8384,8385],{"class":4337},"[",[4321,8387,7740],{"class":4375},[4321,8389,8390],{"class":4337},"].",[4321,8392,8393],{"class":4334},"uri",[4321,8395,8101],{"class":4337},[4321,8397,8398],{"class":4327},"\u002F\u002F тимчасовий шлях\n",[4321,8400,8401],{"class":4323,"line":4534},[4321,8402,4428],{"emptyLinePlaceholder":4427},[4321,8404,8405],{"class":4323,"line":4539},[4321,8406,8407],{"class":4327},"\u002F\u002F Згенерувати постійне ім'я файлу\n",[4321,8409,8410,8412,8415,8417,8420,8422,8425,8428,8431,8434,8436,8439],{"class":4323,"line":4545},[4321,8411,4386],{"class":4385},[4321,8413,8414],{"class":4352}," fileName",[4321,8416,4392],{"class":4337},[4321,8418,8419],{"class":4346},"`photo_",[4321,8421,7458],{"class":4385},[4321,8423,8424],{"class":4334},"Date",[4321,8426,4170],{"class":8427},"sD7JJ",[4321,8429,8430],{"class":4340},"now",[4321,8432,8433],{"class":8427},"()",[4321,8435,7464],{"class":4385},[4321,8437,8438],{"class":4346},".jpg`",[4321,8440,4531],{"class":4337},[4321,8442,8443,8445,8448,8450,8452,8454,8456,8458,8460,8463,8466,8468,8470],{"class":4323,"line":4582},[4321,8444,4386],{"class":4385},[4321,8446,8447],{"class":4352}," permanentUri",[4321,8449,4392],{"class":4337},[4321,8451,7221],{"class":4346},[4321,8453,7458],{"class":4385},[4321,8455,8093],{"class":4334},[4321,8457,4170],{"class":8427},[4321,8459,8098],{"class":4334},[4321,8461,8462],{"class":4385},"}${",[4321,8464,8465],{"class":4334},"fileName",[4321,8467,7464],{"class":4385},[4321,8469,7221],{"class":4346},[4321,8471,4531],{"class":4337},[4321,8473,8474],{"class":4323,"line":4604},[4321,8475,4428],{"emptyLinePlaceholder":4427},[4321,8477,8478],{"class":4323,"line":5112},[4321,8479,8480],{"class":4327},"\u002F\u002F Копіювати у постійне сховище\n",[4321,8482,8483,8485,8487,8489,8492,8494,8497,8499,8501,8504,8506],{"class":4323,"line":5143},[4321,8484,4124],{"class":4440},[4321,8486,8065],{"class":4334},[4321,8488,4170],{"class":4337},[4321,8490,8491],{"class":4340},"copyAsync",[4321,8493,4361],{"class":4337},[4321,8495,8496],{"class":4334},"from:",[4321,8498,8373],{"class":4334},[4321,8500,4190],{"class":4337},[4321,8502,8503],{"class":4334},"to:",[4321,8505,8447],{"class":4334},[4321,8507,6335],{"class":4337},[4321,8509,8510],{"class":4323,"line":5148},[4321,8511,4428],{"emptyLinePlaceholder":4427},[4321,8513,8514],{"class":4323,"line":5154},[4321,8515,8516],{"class":4327},"\u002F\u002F Зберегти URI в MMKV або SQLite (не саме зображення!)\n",[4321,8518,8519,8521,8523,8525,8527,8530,8532,8535],{"class":4323,"line":5177},[4321,8520,4548],{"class":4334},[4321,8522,4170],{"class":4337},[4321,8524,4553],{"class":4340},[4321,8526,4343],{"class":4337},[4321,8528,8529],{"class":4346},"'profilePhoto'",[4321,8531,4190],{"class":4337},[4321,8533,8534],{"class":4334},"permanentUri",[4321,8536,4421],{"class":4337},[4321,8538,8539],{"class":4323,"line":5684},[4321,8540,8541],{"class":4327},"\u002F\u002F або\n",[4321,8543,8544,8546,8548,8550,8552,8554,8557,8559,8561,8563,8566],{"class":4323,"line":5689},[4321,8545,4124],{"class":4440},[4321,8547,6909],{"class":4334},[4321,8549,4170],{"class":4337},[4321,8551,7243],{"class":4340},[4321,8553,4343],{"class":4337},[4321,8555,8556],{"class":4346},"'UPDATE users SET photoUri = ? WHERE id = ?'",[4321,8558,7365],{"class":4337},[4321,8560,8534],{"class":4334},[4321,8562,4190],{"class":4337},[4321,8564,8565],{"class":4334},"userId",[4321,8567,7376],{"class":4337},[3918,8569,8570,8592],{},[3743,8571,8572,8575,8576,8579,8580,8583,8584,8587,8588,8591],{},[3758,8573,8574],{},"Золоте правило:"," файли (зображення, PDF, відео) зберігайте ",[3758,8577,8578],{},"у файловій системі","; у MMKV або SQLite тримайте лише ",[3758,8581,8582],{},"шлях"," до файлу (URI). Не намагайтеся зберегти base64-закодоване зображення в MMKV — це займе більше місця й буде повільніше. Якщо потрібно відобразити зображення у компоненті ",[3750,8585,8586],{},"\u003CImage>",", React Native вміє завантажувати з ",[3750,8589,8590],{},"file:\u002F\u002F"," URI:",[4312,8593,8597],{"className":8594,"code":8595,"language":8596,"meta":4317,"style":4317},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","\u003CImage source={{ uri: permanentUri }} style={{ width: 200, height: 200 }} \u002F>\n","tsx",[3750,8598,8599],{"__ignoreMap":4317},[4321,8600,8601,8604,8607,8611,8614,8617,8620,8623,8625,8628,8630,8633,8635,8637,8639,8642,8645,8647,8650,8652,8654,8656],{"class":4323,"line":4324},[4321,8602,6043],{"class":8603},"s0P7L",[4321,8605,8606],{"class":6046},"Image",[4321,8608,8610],{"class":8609},"sa4r_"," source",[4321,8612,8613],{"class":4337},"=",[4321,8615,8616],{"class":4385},"{",[4321,8618,8619],{"class":8427},"{ ",[4321,8621,8622],{"class":4334},"uri:",[4321,8624,8447],{"class":4334},[4321,8626,8627],{"class":8427}," }",[4321,8629,7464],{"class":4385},[4321,8631,8632],{"class":8609}," style",[4321,8634,8613],{"class":4337},[4321,8636,8616],{"class":4385},[4321,8638,8619],{"class":8427},[4321,8640,8641],{"class":4334},"width:",[4321,8643,8644],{"class":4375}," 200",[4321,8646,4190],{"class":8427},[4321,8648,8649],{"class":4334},"height:",[4321,8651,8644],{"class":4375},[4321,8653,8627],{"class":8427},[4321,8655,7464],{"class":4385},[4321,8657,8658],{"class":8603}," \u002F>\n",[3839,8660],{},[3846,8662,8664],{"id":8663},"порівняльна-таблиця-asyncstorage-vs-mmkv-vs-sqlite","Порівняльна таблиця — AsyncStorage vs MMKV vs SQLite",[3743,8666,8667],{},"Підіб'ємо підсумок у вигляді детальної таблиці, яка допоможе вибрати рішення для конкретного сценарію:",[3943,8669,8670,8683],{},[3946,8671,8672],{},[3949,8673,8674,8677,8679,8681],{},[3952,8675,8676],{},"Критерій",[3952,8678,3795],{},[3952,8680,3804],{},[3952,8682,3810],{},[3964,8684,8685,8701,8722],{},[3949,8686,8687,8692,8695,8698],{},[3969,8688,8689],{},[3758,8690,8691],{},"Тип даних",[3969,8693,8694],{},"Key-value (рядки)",[3969,8696,8697],{},"Key-value (string, number, boolean)",[3969,8699,8700],{},"Реляційні таблиці (типізовані колонки)",[3949,8702,8703,8707,8713,8718],{},[3969,8704,8705],{},[3758,8706,731],{},[3969,8708,8709,8710,8712],{},"Асинхронний (",[3750,8711,4124],{},")",[3969,8714,8715,8716,8712],{},"Синхронний (без ",[3750,8717,4124],{},[3969,8719,8709,8720,8712],{},[3750,8721,4124],{},[3949,8723,8724,8729,8732,8735],{},[3969,8725,8726],{},[3758,8727,8728],{},"Продуктивність (дрібні операції)",[3969,8730,8731],{},"Повільно (~10-50 мс на setItem)",[3969,8733,8734],{},"Дуже швидко (~0.1 мс)",[3969,8736,8737],{},"Середньо (~1-5 мс на запит)",[3743,8739,4852,8740,8743,8744,8747,8748,8751,8752,8754,8755,8758,8759,8761,8762,8765,8766,8768],{},[3758,8741,8742],{},"Продуктивність (великі дані)"," | Дуже повільно (секунди для тисяч ключів) | Швидко (мілісекунди для сотень ключів) | Дуже швидко для запитів з індексами |\n| ",[3758,8745,8746],{},"Обсяг даних"," | ~6 MB на iOS (рекомендовано) | Гігабайти (обмежені диском) | Гігабайти (обмежені диском) |\n| ",[3758,8749,8750],{},"Складні запити"," (WHERE, JOIN, ORDER BY) | Не підтримує (треба фільтрувати в JS) | Не підтримує | Підтримує (нативний SQL) |\n| ",[3758,8753,2835],{}," | Ні | Ні | Так (ACID) |\n| ",[3758,8756,8757],{},"Міграції схеми"," | Не потрібні (просто додати ключі) | Не потрібні | Потрібні (ALTER TABLE, версії схеми) |\n| ",[3758,8760,4051],{}," | Ні (за замовчуванням) | Так (опційно, AES) | Так (через SQLCipher) |\n| ",[3758,8763,8764],{},"Підтримка в екосистемі"," | Широка (багато старих туторіалів) | Зростає (стає стандартом) | Широка (бібліотеки ORM, міграцій) |\n| ",[3758,8767,7023],{}," | Легаcі-проєкти (не рекомендовано для нових) | Налаштування, кеш, чернетки, Redux persist | Складні дані, фільтрація, зв'язки, тисячі записів |",[3824,8770,8771,8785,8799],{},[3743,8772,8773,8776,8777,8780,8781,8784],{},[3758,8774,8775],{},"Практичний висновок:"," для більшості ",[3758,8778,8779],{},"нових"," React Native-застосунків комбінація ",[3758,8782,8783],{},"MMKV + SQLite"," покриває всі потреби персистентності:",[3886,8786,8787,8790,8793,8796],{},[3791,8788,8789],{},"MMKV — для налаштувань, токенів (неcекретних), чернеток, Redux\u002FZustand persist.",[3791,8791,8792],{},"SQLite — для structured data з фільтрацією\u002Fсортуванням (список поїздок, історія транзакцій, каталог товарів).",[3791,8794,8795],{},"SecureStore — для секретів (токен авторизації, паролі).",[3791,8797,8798],{},"FileSystem — для медіа (зображення, відео, документи).",[3743,8800,8801],{},"AsyncStorage залишається лише як «план Б» для дуже простих сценаріїв або легасі-проєктів, де він уже використовується і немає ресурсів на міграцію.",[3839,8803],{},[3846,8805,8807],{"id":8806},"візуалізація-як-вибрати-сховище","Візуалізація — як вибрати сховище",[3743,8809,8810],{},"Ось схема прийняття рішення, яка допоможе швидко визначити, що використовувати:",[8812,8813,8814],"plant-uml",{},[4312,8815,8819],{"className":8816,"code":8817,"language":8818,"meta":4317,"style":4317},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam backgroundColor #ffffff\nskinparam style plain\n\nstart\n\nif (Це секрет? (токен, пароль)) then (так)\n  :SecureStore \u002F Keychain;\n  stop\nelse (ні)\nendif\n\nif (Це медіа-файл? (фото, відео)) then (так)\n  :FileSystem + URI в MMKV\u002FSQLite;\n  stop\nelse (ні)\nendif\n\nif (Складні зв'язки \u002F тисячі записів?) then (так)\n  if (Потрібні JOIN, WHERE, ORDER BY?) then (так)\n    :SQLite;\n    stop\n  else (ні)\n    :MMKV (якщо обсяг невеликий);\n    stop\n  endif\nelse (ні)\nendif\n\nif (Налаштування \u002F чернетка \u002F кеш?) then (так)\n  :MMKV;\n  stop\nelse (ні)\n  :MMKV (за замовчуванням);\n  stop\nendif\n\n@enduml\n","plantuml",[3750,8820,8821,8826,8831,8836,8840,8845,8849,8854,8859,8864,8869,8874,8878,8883,8888,8892,8896,8900,8904,8909,8914,8919,8924,8929,8934,8938,8943,8947,8951,8955,8960,8965,8969,8973,8978,8983,8988,8993],{"__ignoreMap":4317},[4321,8822,8823],{"class":4323,"line":4324},[4321,8824,8825],{},"@startuml\n",[4321,8827,8828],{"class":4323,"line":4331},[4321,8829,8830],{},"skinparam backgroundColor #ffffff\n",[4321,8832,8833],{"class":4323,"line":4382},[4321,8834,8835],{},"skinparam style plain\n",[4321,8837,8838],{"class":4323,"line":4424},[4321,8839,4428],{"emptyLinePlaceholder":4427},[4321,8841,8842],{"class":4323,"line":4431},[4321,8843,8844],{},"start\n",[4321,8846,8847],{"class":4323,"line":4437},[4321,8848,4428],{"emptyLinePlaceholder":4427},[4321,8850,8851],{"class":4323,"line":4476},[4321,8852,8853],{},"if (Це секрет? (токен, пароль)) then (так)\n",[4321,8855,8856],{"class":4323,"line":4500},[4321,8857,8858],{},"  :SecureStore \u002F Keychain;\n",[4321,8860,8861],{"class":4323,"line":4534},[4321,8862,8863],{},"  stop\n",[4321,8865,8866],{"class":4323,"line":4539},[4321,8867,8868],{},"else (ні)\n",[4321,8870,8871],{"class":4323,"line":4545},[4321,8872,8873],{},"endif\n",[4321,8875,8876],{"class":4323,"line":4582},[4321,8877,4428],{"emptyLinePlaceholder":4427},[4321,8879,8880],{"class":4323,"line":4604},[4321,8881,8882],{},"if (Це медіа-файл? (фото, відео)) then (так)\n",[4321,8884,8885],{"class":4323,"line":5112},[4321,8886,8887],{},"  :FileSystem + URI в MMKV\u002FSQLite;\n",[4321,8889,8890],{"class":4323,"line":5143},[4321,8891,8863],{},[4321,8893,8894],{"class":4323,"line":5148},[4321,8895,8868],{},[4321,8897,8898],{"class":4323,"line":5154},[4321,8899,8873],{},[4321,8901,8902],{"class":4323,"line":5177},[4321,8903,4428],{"emptyLinePlaceholder":4427},[4321,8905,8906],{"class":4323,"line":5684},[4321,8907,8908],{},"if (Складні зв'язки \u002F тисячі записів?) then (так)\n",[4321,8910,8911],{"class":4323,"line":5689},[4321,8912,8913],{},"  if (Потрібні JOIN, WHERE, ORDER BY?) then (так)\n",[4321,8915,8916],{"class":4323,"line":5695},[4321,8917,8918],{},"    :SQLite;\n",[4321,8920,8921],{"class":4323,"line":5711},[4321,8922,8923],{},"    stop\n",[4321,8925,8926],{"class":4323,"line":5716},[4321,8927,8928],{},"  else (ні)\n",[4321,8930,8931],{"class":4323,"line":5722},[4321,8932,8933],{},"    :MMKV (якщо обсяг невеликий);\n",[4321,8935,8936],{"class":4323,"line":5744},[4321,8937,8923],{},[4321,8939,8940],{"class":4323,"line":5772},[4321,8941,8942],{},"  endif\n",[4321,8944,8945],{"class":4323,"line":5778},[4321,8946,8868],{},[4321,8948,8949],{"class":4323,"line":5783},[4321,8950,8873],{},[4321,8952,8953],{"class":4323,"line":5789},[4321,8954,4428],{"emptyLinePlaceholder":4427},[4321,8956,8957],{"class":4323,"line":5812},[4321,8958,8959],{},"if (Налаштування \u002F чернетка \u002F кеш?) then (так)\n",[4321,8961,8962],{"class":4323,"line":5817},[4321,8963,8964],{},"  :MMKV;\n",[4321,8966,8967],{"class":4323,"line":5823},[4321,8968,8863],{},[4321,8970,8971],{"class":4323,"line":7383},[4321,8972,8868],{},[4321,8974,8975],{"class":4323,"line":7389},[4321,8976,8977],{},"  :MMKV (за замовчуванням);\n",[4321,8979,8981],{"class":4323,"line":8980},35,[4321,8982,8863],{},[4321,8984,8986],{"class":4323,"line":8985},36,[4321,8987,8873],{},[4321,8989,8991],{"class":4323,"line":8990},37,[4321,8992,4428],{"emptyLinePlaceholder":4427},[4321,8994,8996],{"class":4323,"line":8995},38,[4321,8997,8998],{},"@enduml\n",[3839,9000],{},[3738,9002,9004],{"id":9003},"частина-2-міні-проєкт-чернетки-збереження-тексту-між-перезапусками","Частина 2. Міні-проєкт «Чернетки» — збереження тексту між перезапусками",[3743,9006,9007,9008,9011,9012,9015],{},"Тепер застосуємо теорію на практиці. Створимо невеликий застосунок, який демонструє ",[3758,9009,9010],{},"персистентність у найпростішому вигляді",": текстове поле, в якому користувач може писати нотатку, і ця нотатка ",[3758,9013,9014],{},"автоматично зберігається"," при кожній зміні. Якщо закрити застосунок і відкрити знову — текст лишається.",[3743,9017,9018,9019,9021,9022,9025],{},"Ми використаємо ",[3758,9020,3804],{}," (бо це швидше й простіше за SQLite для одного текстового поля). Проєкт буде ",[3758,9023,9024],{},"окремим"," Expo-застосунком (не частина Nomad), щоб ви могли швидко експериментувати без впливу на наскрізний проєкт.",[3846,9027,9029],{"id":9028},"постановка-задачі","Постановка задачі",[3743,9031,9032],{},[3758,9033,9034],{},"Що має вийти:",[3886,9036,9037,9043,9049,9056,9059],{},[3791,9038,9039,9040,6829],{},"Екран з великим текстовим полем (multi-line ",[3750,9041,9042],{},"TextInput",[3791,9044,9045,9046,9048],{},"Коли користувач пише — текст ",[3758,9047,9014],{}," в MMKV (не треба натискати «Зберегти»).",[3791,9050,9051,9052,9055],{},"При наступному відкритті застосунку текст ",[3758,9053,9054],{},"завантажується"," з MMKV і показується у полі.",[3791,9057,9058],{},"Кнопка «Очистити» — видаляє текст з MMKV і з поля.",[3791,9060,9061],{},"UI — мінімалістичний, без зайвих елементів (фокус на персистентності).",[3743,9063,9064],{},[3758,9065,9066],{},"Технологічний стек:",[3886,9068,9069,9072,9075],{},[3791,9070,9071],{},"Expo (SDK 52+).",[3791,9073,9074],{},"TypeScript.",[3791,9076,9077],{},"react-native-mmkv.",[3839,9079],{},[3846,9081,9083],{"id":9082},"крок-1-створення-проєкту","Крок 1. Створення проєкту",[3743,9085,9086,9087,9090],{},"Відкрийте термінал у каталозі, де зберігаєте навчальні проєкти (наприклад, ",[3750,9088,9089],{},"~\u002FWork\u002Frn-learning\u002F","), і створіть новий Expo-застосунок:",[4312,9092,9094],{"className":5398,"code":9093,"language":5400,"meta":4317,"style":4317},"npx create-expo-app@latest drafts-app --template blank-typescript\ncd drafts-app\n",[3750,9095,9096,9112],{"__ignoreMap":4317},[4321,9097,9098,9100,9103,9106,9109],{"class":4323,"line":4324},[4321,9099,7085],{"class":4340},[4321,9101,9102],{"class":4346}," create-expo-app@latest",[4321,9104,9105],{"class":4346}," drafts-app",[4321,9107,9108],{"class":4385}," --template",[4321,9110,9111],{"class":4346}," blank-typescript\n",[4321,9113,9114,9116],{"class":4323,"line":4331},[4321,9115,5442],{"class":4340},[4321,9117,9118],{"class":4346}," drafts-app\n",[3743,9120,9121],{},"Встановіть react-native-mmkv:",[4312,9123,9125],{"className":5398,"code":9124,"language":5400,"meta":4317,"style":4317},"npx expo install react-native-mmkv\n",[3750,9126,9127],{"__ignoreMap":4317},[4321,9128,9129,9131,9133,9135],{"class":4323,"line":4324},[4321,9130,7085],{"class":4340},[4321,9132,7088],{"class":4346},[4321,9134,5410],{"class":4346},[4321,9136,5413],{"class":4346},[3743,9138,9139],{},"Запустіть dev-сервер:",[4312,9141,9143],{"className":5398,"code":9142,"language":5400,"meta":4317,"style":4317},"npx expo start\n",[3750,9144,9145],{"__ignoreMap":4317},[4321,9146,9147,9149,9151],{"class":4323,"line":4324},[4321,9148,7085],{"class":4340},[4321,9150,7088],{"class":4346},[4321,9152,9153],{"class":4346}," start\n",[3743,9155,9156],{},"Відкрийте застосунок в Expo Go (або на симуляторі\u002Fемуляторі). Ви побачите стандартний «Open up App.tsx to start working…».",[3839,9158],{},[3846,9160,9162],{"id":9161},"крок-2-налаштування-mmkv","Крок 2. Налаштування MMKV",[3743,9164,9165,9166,9169,9170,9172],{},"Створіть файл ",[3750,9167,9168],{},"src\u002Fstorage.ts"," — це буде обгортка над MMKV з типізованими методами (щоб не писати ",[3750,9171,4222],{}," кожного разу для об'єктів).",[9174,9175,9177],"collapsible",{"title":9176},"src\u002Fstorage.ts — розгорнути за потреби",[4312,9178,9180],{"className":4314,"code":9179,"language":4316,"meta":4317,"style":4317},"import { MMKV } from 'react-native-mmkv';\n\n\u002F\u002F Створюємо інстанс MMKV (один для всього застосунку)\nconst mmkv = new MMKV();\n\nexport const Storage = {\n  \u002F\u002F Зберегти рядок\n  setString(key: string, value: string): void {\n    mmkv.set(key, value);\n  },\n\n  \u002F\u002F Прочитати рядок\n  getString(key: string): string | undefined {\n    return mmkv.getString(key);\n  },\n\n  \u002F\u002F Видалити ключ\n  delete(key: string): void {\n    mmkv.delete(key);\n  },\n\n  \u002F\u002F Перевірити наявність ключа\n  contains(key: string): boolean {\n    return mmkv.contains(key);\n  },\n};\n",[3750,9181,9182,9198,9202,9207,9222,9226,9236,9241,9267,9286,9290,9294,9299,9322,9338,9342,9346,9351,9370,9384,9388,9392,9397,9417,9433,9437],{"__ignoreMap":4317},[4321,9183,9184,9186,9188,9190,9192,9194,9196],{"class":4323,"line":4324},[4321,9185,4973],{"class":4440},[4321,9187,5471],{"class":4337},[4321,9189,3804],{"class":4334},[4321,9191,5476],{"class":4337},[4321,9193,5479],{"class":4440},[4321,9195,5482],{"class":4346},[4321,9197,4531],{"class":4337},[4321,9199,9200],{"class":4323,"line":4331},[4321,9201,4428],{"emptyLinePlaceholder":4427},[4321,9203,9204],{"class":4323,"line":4382},[4321,9205,9206],{"class":4327},"\u002F\u002F Створюємо інстанс MMKV (один для всього застосунку)\n",[4321,9208,9209,9211,9214,9216,9218,9220],{"class":4323,"line":4424},[4321,9210,4386],{"class":4385},[4321,9212,9213],{"class":4352}," mmkv",[4321,9215,4392],{"class":4337},[4321,9217,5505],{"class":4385},[4321,9219,5508],{"class":4340},[4321,9221,5511],{"class":4337},[4321,9223,9224],{"class":4323,"line":4431},[4321,9225,4428],{"emptyLinePlaceholder":4427},[4321,9227,9228,9230,9232,9234],{"class":4323,"line":4437},[4321,9229,6026],{"class":4440},[4321,9231,6029],{"class":4385},[4321,9233,6032],{"class":4352},[4321,9235,6035],{"class":4337},[4321,9237,9238],{"class":4323,"line":4476},[4321,9239,9240],{"class":4327},"  \u002F\u002F Зберегти рядок\n",[4321,9242,9243,9245,9247,9249,9251,9253,9255,9257,9259,9261,9263,9265],{"class":4323,"line":4500},[4321,9244,6241],{"class":4340},[4321,9246,4343],{"class":4337},[4321,9248,6053],{"class":4334},[4321,9250,6056],{"class":4337},[4321,9252,6059],{"class":6046},[4321,9254,4190],{"class":4337},[4321,9256,6064],{"class":4334},[4321,9258,6056],{"class":4337},[4321,9260,6059],{"class":6046},[4321,9262,6071],{"class":4337},[4321,9264,6074],{"class":6046},[4321,9266,6077],{"class":4337},[4321,9268,9269,9272,9274,9276,9278,9280,9282,9284],{"class":4323,"line":4534},[4321,9270,9271],{"class":4334},"    mmkv",[4321,9273,4170],{"class":4337},[4321,9275,4553],{"class":4340},[4321,9277,4343],{"class":4337},[4321,9279,6053],{"class":4334},[4321,9281,4190],{"class":4337},[4321,9283,6064],{"class":4334},[4321,9285,4421],{"class":4337},[4321,9287,9288],{"class":4323,"line":4539},[4321,9289,6109],{"class":4337},[4321,9291,9292],{"class":4323,"line":4545},[4321,9293,4428],{"emptyLinePlaceholder":4427},[4321,9295,9296],{"class":4323,"line":4582},[4321,9297,9298],{"class":4327},"  \u002F\u002F Прочитати рядок\n",[4321,9300,9301,9303,9305,9307,9309,9311,9313,9315,9317,9320],{"class":4323,"line":4604},[4321,9302,6207],{"class":4340},[4321,9304,4343],{"class":4337},[4321,9306,6053],{"class":4334},[4321,9308,6056],{"class":4337},[4321,9310,6059],{"class":6046},[4321,9312,6071],{"class":4337},[4321,9314,6059],{"class":6046},[4321,9316,4879],{"class":4337},[4321,9318,9319],{"class":6046},"undefined",[4321,9321,6077],{"class":4337},[4321,9323,9324,9326,9328,9330,9332,9334,9336],{"class":4323,"line":5112},[4321,9325,6168],{"class":4440},[4321,9327,9213],{"class":4334},[4321,9329,4170],{"class":4337},[4321,9331,4595],{"class":4340},[4321,9333,4343],{"class":4337},[4321,9335,6053],{"class":4334},[4321,9337,4421],{"class":4337},[4321,9339,9340],{"class":4323,"line":5143},[4321,9341,6109],{"class":4337},[4321,9343,9344],{"class":4323,"line":5148},[4321,9345,4428],{"emptyLinePlaceholder":4427},[4321,9347,9348],{"class":4323,"line":5154},[4321,9349,9350],{"class":4327},"  \u002F\u002F Видалити ключ\n",[4321,9352,9353,9356,9358,9360,9362,9364,9366,9368],{"class":4323,"line":5177},[4321,9354,9355],{"class":4340},"  delete",[4321,9357,4343],{"class":4337},[4321,9359,6053],{"class":4334},[4321,9361,6056],{"class":4337},[4321,9363,6059],{"class":6046},[4321,9365,6071],{"class":4337},[4321,9367,6074],{"class":6046},[4321,9369,6077],{"class":4337},[4321,9371,9372,9374,9376,9378,9380,9382],{"class":4323,"line":5684},[4321,9373,9271],{"class":4334},[4321,9375,4170],{"class":4337},[4321,9377,5702],{"class":4340},[4321,9379,4343],{"class":4337},[4321,9381,6053],{"class":4334},[4321,9383,4421],{"class":4337},[4321,9385,9386],{"class":4323,"line":5689},[4321,9387,6109],{"class":4337},[4321,9389,9390],{"class":4323,"line":5695},[4321,9391,4428],{"emptyLinePlaceholder":4427},[4321,9393,9394],{"class":4323,"line":5711},[4321,9395,9396],{"class":4327},"  \u002F\u002F Перевірити наявність ключа\n",[4321,9398,9399,9402,9404,9406,9408,9410,9412,9415],{"class":4323,"line":5716},[4321,9400,9401],{"class":4340},"  contains",[4321,9403,4343],{"class":4337},[4321,9405,6053],{"class":4334},[4321,9407,6056],{"class":4337},[4321,9409,6059],{"class":6046},[4321,9411,6071],{"class":4337},[4321,9413,9414],{"class":6046},"boolean",[4321,9416,6077],{"class":4337},[4321,9418,9419,9421,9423,9425,9427,9429,9431],{"class":4323,"line":5722},[4321,9420,6168],{"class":4440},[4321,9422,9213],{"class":4334},[4321,9424,4170],{"class":4337},[4321,9426,5734],{"class":4340},[4321,9428,4343],{"class":4337},[4321,9430,6053],{"class":4334},[4321,9432,4421],{"class":4337},[4321,9434,9435],{"class":4323,"line":5744},[4321,9436,6109],{"class":4337},[4321,9438,9439],{"class":4323,"line":5772},[4321,9440,6289],{"class":4337},[3743,9442,9443],{},[3758,9444,9445],{},"Що тут відбувається:",[3886,9447,9448,9454,9469],{},[3791,9449,9450,9453],{},[3750,9451,9452],{},"new MMKV()"," — створює інстанс MMKV з дефолтним ID (один файл на диску для всіх ключів).",[3791,9455,9456,3989,9459,9461,9462,3989,9465,9468],{},[3750,9457,9458],{},"Storage.setString",[3750,9460,4595],{}," — обгортки над ",[3750,9463,9464],{},"mmkv.set",[3750,9466,9467],{},"mmkv.getString",", щоб API був зручнішим.",[3791,9470,3814,9471,9473,9474,9477,9478,9480],{},[3758,9472,4770],{}," робимо ",[3750,9475,9476],{},"Storage"," асинхронним (не додаємо ",[3750,9479,4094],{},"), бо MMKV синхронний — це його перевага.",[3839,9482],{},[3846,9484,9486],{"id":9485},"крок-3-компонент-екрану-чернетки","Крок 3. Компонент екрану чернетки",[3743,9488,9489,9490,9493],{},"Тепер створимо головний екран. У ",[3750,9491,9492],{},"App.tsx"," замініть весь код на:",[9174,9495,9497],{"title":9496},"App.tsx — повний код (розгорніть щоб скопіювати)",[4312,9498,9500],{"className":8594,"code":9499,"language":8596,"meta":4317,"style":4317},"import { useState, useEffect } from 'react';\nimport { StyleSheet, Text, TextInput, View, Pressable, SafeAreaView } from 'react-native';\nimport { Storage } from '.\u002Fsrc\u002Fstorage';\n\nconst DRAFT_KEY = 'app.draft';\n\nexport default function App() {\n  const [text, setText] = useState('');\n\n  \u002F\u002F Завантажити текст з MMKV при монтуванні компонента\n  useEffect(() => {\n    const saved = Storage.getString(DRAFT_KEY);\n    if (saved) {\n      setText(saved);\n    }\n  }, []);\n\n  \u002F\u002F Зберігати текст при кожній зміні\n  const handleChangeText = (newText: string) => {\n    setText(newText);\n    Storage.setString(DRAFT_KEY, newText);\n  };\n\n  \u002F\u002F Очистити текст і видалити з MMKV\n  const handleClear = () => {\n    setText('');\n    Storage.delete(DRAFT_KEY);\n  };\n\n  return (\n    \u003CSafeAreaView style={styles.container}>\n      \u003CView style={styles.header}>\n        \u003CText style={styles.title}>Чернетки\u003C\u002FText>\n        \u003CText style={styles.subtitle}>\n          Ваш текст зберігається автоматично\n        \u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CTextInput\n        style={styles.input}\n        value={text}\n        onChangeText={handleChangeText}\n        placeholder=\"Почніть писати...\"\n        placeholderTextColor=\"#999\"\n        multiline\n        textAlignVertical=\"top\"\n      \u002F>\n\n      \u003CView style={styles.footer}>\n        \u003CText style={styles.counter}>\n          {text.length} символів\n        \u003C\u002FText>\n        \u003CPressable\n          style={({ pressed }) => [\n            styles.clearButton,\n            pressed && styles.clearButtonPressed,\n          ]}\n          onPress={handleClear}\n        >\n          \u003CText style={styles.clearButtonText}>Очистити\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FSafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n  },\n  header: {\n    padding: 20,\n    backgroundColor: '#fff',\n    borderBottomWidth: 1,\n    borderBottomColor: '#e0e0e0',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: '700',\n    color: '#333',\n  },\n  subtitle: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n  },\n  input: {\n    flex: 1,\n    backgroundColor: '#fff',\n    margin: 16,\n    padding: 16,\n    fontSize: 16,\n    color: '#333',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#e0e0e0',\n  },\n  footer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: '#fff',\n    borderTopWidth: 1,\n    borderTopColor: '#e0e0e0',\n  },\n  counter: {\n    fontSize: 14,\n    color: '#666',\n  },\n  clearButton: {\n    backgroundColor: '#ff4444',\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    borderRadius: 6,\n  },\n  clearButtonPressed: {\n    opacity: 0.7,\n  },\n  clearButtonText: {\n    color: '#fff',\n    fontSize: 14,\n    fontWeight: '600',\n  },\n});\n",[3750,9501,9502,9525,9567,9584,9588,9602,9606,9621,9648,9652,9657,9669,9691,9703,9714,9719,9724,9728,9733,9756,9767,9787,9792,9796,9801,9815,9825,9839,9843,9847,9855,9881,9905,9940,9963,9968,9977,9986,9990,9998,10017,10031,10046,10057,10068,10074,10085,10091,10096,10120,10144,10162,10171,10179,10202,10215,10234,10242,10257,10263,10297,10306,10315,10325,10330,10335,10340,10358,10366,10377,10388,10393,10401,10412,10422,10432,10443,10448,10456,10467,10478,10489,10494,10502,10512,10522,10533,10538,10546,10555,10564,10575,10584,10593,10602,10613,10623,10633,10638,10646,10657,10668,10679,10688,10697,10707,10717,10722,10730,10739,10748,10753,10761,10771,10781,10792,10802,10807,10815,10826,10831,10839,10848,10857,10867,10872],{"__ignoreMap":4317},[4321,9503,9504,9506,9508,9511,9513,9516,9518,9520,9523],{"class":4323,"line":4324},[4321,9505,4973],{"class":4440},[4321,9507,5471],{"class":4337},[4321,9509,9510],{"class":4334},"useState",[4321,9512,4190],{"class":4337},[4321,9514,9515],{"class":4334},"useEffect",[4321,9517,5476],{"class":4337},[4321,9519,5479],{"class":4440},[4321,9521,9522],{"class":4346}," 'react'",[4321,9524,4531],{"class":4337},[4321,9526,9527,9529,9531,9534,9536,9539,9541,9543,9545,9548,9550,9553,9555,9558,9560,9562,9565],{"class":4323,"line":4331},[4321,9528,4973],{"class":4440},[4321,9530,5471],{"class":4337},[4321,9532,9533],{"class":4334},"StyleSheet",[4321,9535,4190],{"class":4337},[4321,9537,9538],{"class":4334},"Text",[4321,9540,4190],{"class":4337},[4321,9542,9042],{"class":4334},[4321,9544,4190],{"class":4337},[4321,9546,9547],{"class":4334},"View",[4321,9549,4190],{"class":4337},[4321,9551,9552],{"class":4334},"Pressable",[4321,9554,4190],{"class":4337},[4321,9556,9557],{"class":4334},"SafeAreaView",[4321,9559,5476],{"class":4337},[4321,9561,5479],{"class":4440},[4321,9563,9564],{"class":4346}," 'react-native'",[4321,9566,4531],{"class":4337},[4321,9568,9569,9571,9573,9575,9577,9579,9582],{"class":4323,"line":4382},[4321,9570,4973],{"class":4440},[4321,9572,5471],{"class":4337},[4321,9574,9476],{"class":4334},[4321,9576,5476],{"class":4337},[4321,9578,5479],{"class":4440},[4321,9580,9581],{"class":4346}," '.\u002Fsrc\u002Fstorage'",[4321,9583,4531],{"class":4337},[4321,9585,9586],{"class":4323,"line":4424},[4321,9587,4428],{"emptyLinePlaceholder":4427},[4321,9589,9590,9592,9595,9597,9600],{"class":4323,"line":4431},[4321,9591,4386],{"class":4385},[4321,9593,9594],{"class":4352}," DRAFT_KEY",[4321,9596,4392],{"class":4337},[4321,9598,9599],{"class":4346},"'app.draft'",[4321,9601,4531],{"class":4337},[4321,9603,9604],{"class":4323,"line":4437},[4321,9605,4428],{"emptyLinePlaceholder":4427},[4321,9607,9608,9610,9613,9615,9618],{"class":4323,"line":4476},[4321,9609,6026],{"class":4440},[4321,9611,9612],{"class":4440}," default",[4321,9614,7654],{"class":4385},[4321,9616,9617],{"class":4340}," App",[4321,9619,9620],{"class":4337},"() {\n",[4321,9622,9623,9625,9628,9631,9633,9636,9639,9641,9643,9646],{"class":4323,"line":4500},[4321,9624,7684],{"class":4385},[4321,9626,9627],{"class":4337}," [",[4321,9629,9630],{"class":4352},"text",[4321,9632,4190],{"class":4337},[4321,9634,9635],{"class":4352},"setText",[4321,9637,9638],{"class":4337},"] = ",[4321,9640,9510],{"class":4340},[4321,9642,4343],{"class":4337},[4321,9644,9645],{"class":4346},"''",[4321,9647,4421],{"class":4337},[4321,9649,9650],{"class":4323,"line":4534},[4321,9651,4428],{"emptyLinePlaceholder":4427},[4321,9653,9654],{"class":4323,"line":4539},[4321,9655,9656],{"class":4327},"  \u002F\u002F Завантажити текст з MMKV при монтуванні компонента\n",[4321,9658,9659,9662,9665,9667],{"class":4323,"line":4545},[4321,9660,9661],{"class":4340},"  useEffect",[4321,9663,9664],{"class":4337},"(() ",[4321,9666,6223],{"class":4385},[4321,9668,6077],{"class":4337},[4321,9670,9671,9673,9676,9678,9680,9682,9684,9686,9689],{"class":4323,"line":4582},[4321,9672,6146],{"class":4385},[4321,9674,9675],{"class":4352}," saved",[4321,9677,4392],{"class":4337},[4321,9679,9476],{"class":4334},[4321,9681,4170],{"class":4337},[4321,9683,4595],{"class":4340},[4321,9685,4343],{"class":4337},[4321,9687,9688],{"class":4352},"DRAFT_KEY",[4321,9690,4421],{"class":4337},[4321,9692,9693,9696,9698,9701],{"class":4323,"line":4604},[4321,9694,9695],{"class":4440},"    if",[4321,9697,3985],{"class":4337},[4321,9699,9700],{"class":4334},"saved",[4321,9702,7674],{"class":4337},[4321,9704,9705,9708,9710,9712],{"class":4323,"line":5112},[4321,9706,9707],{"class":4340},"      setText",[4321,9709,4343],{"class":4337},[4321,9711,9700],{"class":4334},[4321,9713,4421],{"class":4337},[4321,9715,9716],{"class":4323,"line":5143},[4321,9717,9718],{"class":4337},"    }\n",[4321,9720,9721],{"class":4323,"line":5148},[4321,9722,9723],{"class":4337},"  }, []);\n",[4321,9725,9726],{"class":4323,"line":5154},[4321,9727,4428],{"emptyLinePlaceholder":4427},[4321,9729,9730],{"class":4323,"line":5177},[4321,9731,9732],{"class":4327},"  \u002F\u002F Зберігати текст при кожній зміні\n",[4321,9734,9735,9737,9740,9743,9746,9748,9750,9752,9754],{"class":4323,"line":5684},[4321,9736,7684],{"class":4385},[4321,9738,9739],{"class":4340}," handleChangeText",[4321,9741,9742],{"class":4337}," = (",[4321,9744,9745],{"class":4334},"newText",[4321,9747,6056],{"class":4337},[4321,9749,6059],{"class":6046},[4321,9751,5337],{"class":4337},[4321,9753,6223],{"class":4385},[4321,9755,6077],{"class":4337},[4321,9757,9758,9761,9763,9765],{"class":4323,"line":5689},[4321,9759,9760],{"class":4340},"    setText",[4321,9762,4343],{"class":4337},[4321,9764,9745],{"class":4334},[4321,9766,4421],{"class":4337},[4321,9768,9769,9772,9774,9777,9779,9781,9783,9785],{"class":4323,"line":5695},[4321,9770,9771],{"class":4334},"    Storage",[4321,9773,4170],{"class":4337},[4321,9775,9776],{"class":4340},"setString",[4321,9778,4343],{"class":4337},[4321,9780,9688],{"class":4352},[4321,9782,4190],{"class":4337},[4321,9784,9745],{"class":4334},[4321,9786,4421],{"class":4337},[4321,9788,9789],{"class":4323,"line":5711},[4321,9790,9791],{"class":4337},"  };\n",[4321,9793,9794],{"class":4323,"line":5716},[4321,9795,4428],{"emptyLinePlaceholder":4427},[4321,9797,9798],{"class":4323,"line":5722},[4321,9799,9800],{"class":4327},"  \u002F\u002F Очистити текст і видалити з MMKV\n",[4321,9802,9803,9805,9808,9811,9813],{"class":4323,"line":5744},[4321,9804,7684],{"class":4385},[4321,9806,9807],{"class":4340}," handleClear",[4321,9809,9810],{"class":4337}," = () ",[4321,9812,6223],{"class":4385},[4321,9814,6077],{"class":4337},[4321,9816,9817,9819,9821,9823],{"class":4323,"line":5772},[4321,9818,9760],{"class":4340},[4321,9820,4343],{"class":4337},[4321,9822,9645],{"class":4346},[4321,9824,4421],{"class":4337},[4321,9826,9827,9829,9831,9833,9835,9837],{"class":4323,"line":5778},[4321,9828,9771],{"class":4334},[4321,9830,4170],{"class":4337},[4321,9832,5702],{"class":4340},[4321,9834,4343],{"class":4337},[4321,9836,9688],{"class":4352},[4321,9838,4421],{"class":4337},[4321,9840,9841],{"class":4323,"line":5783},[4321,9842,9791],{"class":4337},[4321,9844,9845],{"class":4323,"line":5789},[4321,9846,4428],{"emptyLinePlaceholder":4427},[4321,9848,9849,9852],{"class":4323,"line":5812},[4321,9850,9851],{"class":4440},"  return",[4321,9853,9854],{"class":4337}," (\n",[4321,9856,9857,9860,9862,9864,9866,9868,9871,9873,9876,9878],{"class":4323,"line":5817},[4321,9858,9859],{"class":8603},"    \u003C",[4321,9861,9557],{"class":6046},[4321,9863,8632],{"class":8609},[4321,9865,8613],{"class":4337},[4321,9867,8616],{"class":4385},[4321,9869,9870],{"class":4334},"styles",[4321,9872,4170],{"class":8427},[4321,9874,9875],{"class":4334},"container",[4321,9877,7464],{"class":4385},[4321,9879,9880],{"class":8603},">\n",[4321,9882,9883,9886,9888,9890,9892,9894,9896,9898,9901,9903],{"class":4323,"line":5823},[4321,9884,9885],{"class":8603},"      \u003C",[4321,9887,9547],{"class":6046},[4321,9889,8632],{"class":8609},[4321,9891,8613],{"class":4337},[4321,9893,8616],{"class":4385},[4321,9895,9870],{"class":4334},[4321,9897,4170],{"class":8427},[4321,9899,9900],{"class":4334},"header",[4321,9902,7464],{"class":4385},[4321,9904,9880],{"class":8603},[4321,9906,9907,9910,9912,9914,9916,9918,9920,9922,9925,9927,9930,9933,9936,9938],{"class":4323,"line":7383},[4321,9908,9909],{"class":8603},"        \u003C",[4321,9911,9538],{"class":6046},[4321,9913,8632],{"class":8609},[4321,9915,8613],{"class":4337},[4321,9917,8616],{"class":4385},[4321,9919,9870],{"class":4334},[4321,9921,4170],{"class":8427},[4321,9923,9924],{"class":4334},"title",[4321,9926,7464],{"class":4385},[4321,9928,9929],{"class":8603},">",[4321,9931,9932],{"class":4337},"Чернетки",[4321,9934,9935],{"class":8603},"\u003C\u002F",[4321,9937,9538],{"class":6046},[4321,9939,9880],{"class":8603},[4321,9941,9942,9944,9946,9948,9950,9952,9954,9956,9959,9961],{"class":4323,"line":7389},[4321,9943,9909],{"class":8603},[4321,9945,9538],{"class":6046},[4321,9947,8632],{"class":8609},[4321,9949,8613],{"class":4337},[4321,9951,8616],{"class":4385},[4321,9953,9870],{"class":4334},[4321,9955,4170],{"class":8427},[4321,9957,9958],{"class":4334},"subtitle",[4321,9960,7464],{"class":4385},[4321,9962,9880],{"class":8603},[4321,9964,9965],{"class":4323,"line":8980},[4321,9966,9967],{"class":4337},"          Ваш текст зберігається автоматично\n",[4321,9969,9970,9973,9975],{"class":4323,"line":8985},[4321,9971,9972],{"class":8603},"        \u003C\u002F",[4321,9974,9538],{"class":6046},[4321,9976,9880],{"class":8603},[4321,9978,9979,9982,9984],{"class":4323,"line":8990},[4321,9980,9981],{"class":8603},"      \u003C\u002F",[4321,9983,9547],{"class":6046},[4321,9985,9880],{"class":8603},[4321,9987,9988],{"class":4323,"line":8995},[4321,9989,4428],{"emptyLinePlaceholder":4427},[4321,9991,9993,9995],{"class":4323,"line":9992},39,[4321,9994,9885],{"class":8603},[4321,9996,9997],{"class":6046},"TextInput\n",[4321,9999,10001,10004,10006,10008,10010,10012,10015],{"class":4323,"line":10000},40,[4321,10002,10003],{"class":8609},"        style",[4321,10005,8613],{"class":4337},[4321,10007,8616],{"class":4385},[4321,10009,9870],{"class":4334},[4321,10011,4170],{"class":8427},[4321,10013,10014],{"class":4334},"input",[4321,10016,5775],{"class":4385},[4321,10018,10020,10023,10025,10027,10029],{"class":4323,"line":10019},41,[4321,10021,10022],{"class":8609},"        value",[4321,10024,8613],{"class":4337},[4321,10026,8616],{"class":4385},[4321,10028,9630],{"class":4334},[4321,10030,5775],{"class":4385},[4321,10032,10034,10037,10039,10041,10044],{"class":4323,"line":10033},42,[4321,10035,10036],{"class":8609},"        onChangeText",[4321,10038,8613],{"class":4337},[4321,10040,8616],{"class":4385},[4321,10042,10043],{"class":4334},"handleChangeText",[4321,10045,5775],{"class":4385},[4321,10047,10049,10052,10054],{"class":4323,"line":10048},43,[4321,10050,10051],{"class":8609},"        placeholder",[4321,10053,8613],{"class":4337},[4321,10055,10056],{"class":4346},"\"Почніть писати...\"\n",[4321,10058,10060,10063,10065],{"class":4323,"line":10059},44,[4321,10061,10062],{"class":8609},"        placeholderTextColor",[4321,10064,8613],{"class":4337},[4321,10066,10067],{"class":4346},"\"#999\"\n",[4321,10069,10071],{"class":4323,"line":10070},45,[4321,10072,10073],{"class":8609},"        multiline\n",[4321,10075,10077,10080,10082],{"class":4323,"line":10076},46,[4321,10078,10079],{"class":8609},"        textAlignVertical",[4321,10081,8613],{"class":4337},[4321,10083,10084],{"class":4346},"\"top\"\n",[4321,10086,10088],{"class":4323,"line":10087},47,[4321,10089,10090],{"class":8603},"      \u002F>\n",[4321,10092,10094],{"class":4323,"line":10093},48,[4321,10095,4428],{"emptyLinePlaceholder":4427},[4321,10097,10099,10101,10103,10105,10107,10109,10111,10113,10116,10118],{"class":4323,"line":10098},49,[4321,10100,9885],{"class":8603},[4321,10102,9547],{"class":6046},[4321,10104,8632],{"class":8609},[4321,10106,8613],{"class":4337},[4321,10108,8616],{"class":4385},[4321,10110,9870],{"class":4334},[4321,10112,4170],{"class":8427},[4321,10114,10115],{"class":4334},"footer",[4321,10117,7464],{"class":4385},[4321,10119,9880],{"class":8603},[4321,10121,10123,10125,10127,10129,10131,10133,10135,10137,10140,10142],{"class":4323,"line":10122},50,[4321,10124,9909],{"class":8603},[4321,10126,9538],{"class":6046},[4321,10128,8632],{"class":8609},[4321,10130,8613],{"class":4337},[4321,10132,8616],{"class":4385},[4321,10134,9870],{"class":4334},[4321,10136,4170],{"class":8427},[4321,10138,10139],{"class":4334},"counter",[4321,10141,7464],{"class":4385},[4321,10143,9880],{"class":8603},[4321,10145,10147,10150,10152,10154,10157,10159],{"class":4323,"line":10146},51,[4321,10148,10149],{"class":4385},"          {",[4321,10151,9630],{"class":4334},[4321,10153,4170],{"class":8427},[4321,10155,10156],{"class":4334},"length",[4321,10158,7464],{"class":4385},[4321,10160,10161],{"class":4337}," символів\n",[4321,10163,10165,10167,10169],{"class":4323,"line":10164},52,[4321,10166,9972],{"class":8603},[4321,10168,9538],{"class":6046},[4321,10170,9880],{"class":8603},[4321,10172,10174,10176],{"class":4323,"line":10173},53,[4321,10175,9909],{"class":8603},[4321,10177,10178],{"class":6046},"Pressable\n",[4321,10180,10182,10185,10187,10189,10191,10194,10197,10199],{"class":4323,"line":10181},54,[4321,10183,10184],{"class":8609},"          style",[4321,10186,8613],{"class":4337},[4321,10188,8616],{"class":4385},[4321,10190,4361],{"class":8427},[4321,10192,10193],{"class":4334},"pressed",[4321,10195,10196],{"class":8427}," }) ",[4321,10198,6223],{"class":4385},[4321,10200,10201],{"class":8427}," [\n",[4321,10203,10205,10208,10210,10213],{"class":4323,"line":10204},55,[4321,10206,10207],{"class":4334},"            styles",[4321,10209,4170],{"class":8427},[4321,10211,10212],{"class":4334},"clearButton",[4321,10214,6466],{"class":8427},[4321,10216,10218,10221,10224,10227,10229,10232],{"class":4323,"line":10217},56,[4321,10219,10220],{"class":4334},"            pressed",[4321,10222,10223],{"class":4337}," &&",[4321,10225,10226],{"class":4334}," styles",[4321,10228,4170],{"class":8427},[4321,10230,10231],{"class":4334},"clearButtonPressed",[4321,10233,6466],{"class":8427},[4321,10235,10237,10240],{"class":4323,"line":10236},57,[4321,10238,10239],{"class":8427},"          ]",[4321,10241,5775],{"class":4385},[4321,10243,10245,10248,10250,10252,10255],{"class":4323,"line":10244},58,[4321,10246,10247],{"class":8609},"          onPress",[4321,10249,8613],{"class":4337},[4321,10251,8616],{"class":4385},[4321,10253,10254],{"class":4334},"handleClear",[4321,10256,5775],{"class":4385},[4321,10258,10260],{"class":4323,"line":10259},59,[4321,10261,10262],{"class":8603},"        >\n",[4321,10264,10266,10269,10271,10273,10275,10277,10279,10281,10284,10286,10288,10291,10293,10295],{"class":4323,"line":10265},60,[4321,10267,10268],{"class":8603},"          \u003C",[4321,10270,9538],{"class":6046},[4321,10272,8632],{"class":8609},[4321,10274,8613],{"class":4337},[4321,10276,8616],{"class":4385},[4321,10278,9870],{"class":4334},[4321,10280,4170],{"class":8427},[4321,10282,10283],{"class":4334},"clearButtonText",[4321,10285,7464],{"class":4385},[4321,10287,9929],{"class":8603},[4321,10289,10290],{"class":4337},"Очистити",[4321,10292,9935],{"class":8603},[4321,10294,9538],{"class":6046},[4321,10296,9880],{"class":8603},[4321,10298,10300,10302,10304],{"class":4323,"line":10299},61,[4321,10301,9972],{"class":8603},[4321,10303,9552],{"class":6046},[4321,10305,9880],{"class":8603},[4321,10307,10309,10311,10313],{"class":4323,"line":10308},62,[4321,10310,9981],{"class":8603},[4321,10312,9547],{"class":6046},[4321,10314,9880],{"class":8603},[4321,10316,10318,10321,10323],{"class":4323,"line":10317},63,[4321,10319,10320],{"class":8603},"    \u003C\u002F",[4321,10322,9557],{"class":6046},[4321,10324,9880],{"class":8603},[4321,10326,10328],{"class":4323,"line":10327},64,[4321,10329,7216],{"class":4337},[4321,10331,10333],{"class":4323,"line":10332},65,[4321,10334,5775],{"class":4337},[4321,10336,10338],{"class":4323,"line":10337},66,[4321,10339,4428],{"emptyLinePlaceholder":4427},[4321,10341,10343,10345,10347,10349,10351,10353,10356],{"class":4323,"line":10342},67,[4321,10344,4386],{"class":4385},[4321,10346,10226],{"class":4352},[4321,10348,4392],{"class":4337},[4321,10350,9533],{"class":4334},[4321,10352,4170],{"class":4337},[4321,10354,10355],{"class":4340},"create",[4321,10357,6455],{"class":4337},[4321,10359,10361,10364],{"class":4323,"line":10360},68,[4321,10362,10363],{"class":4334},"  container:",[4321,10365,6077],{"class":4337},[4321,10367,10369,10372,10375],{"class":4323,"line":10368},69,[4321,10370,10371],{"class":4334},"    flex:",[4321,10373,10374],{"class":4375}," 1",[4321,10376,6466],{"class":4337},[4321,10378,10380,10383,10386],{"class":4323,"line":10379},70,[4321,10381,10382],{"class":4334},"    backgroundColor:",[4321,10384,10385],{"class":4346}," '#f5f5f5'",[4321,10387,6466],{"class":4337},[4321,10389,10391],{"class":4323,"line":10390},71,[4321,10392,6109],{"class":4337},[4321,10394,10396,10399],{"class":4323,"line":10395},72,[4321,10397,10398],{"class":4334},"  header:",[4321,10400,6077],{"class":4337},[4321,10402,10404,10407,10410],{"class":4323,"line":10403},73,[4321,10405,10406],{"class":4334},"    padding:",[4321,10408,10409],{"class":4375}," 20",[4321,10411,6466],{"class":4337},[4321,10413,10415,10417,10420],{"class":4323,"line":10414},74,[4321,10416,10382],{"class":4334},[4321,10418,10419],{"class":4346}," '#fff'",[4321,10421,6466],{"class":4337},[4321,10423,10425,10428,10430],{"class":4323,"line":10424},75,[4321,10426,10427],{"class":4334},"    borderBottomWidth:",[4321,10429,10374],{"class":4375},[4321,10431,6466],{"class":4337},[4321,10433,10435,10438,10441],{"class":4323,"line":10434},76,[4321,10436,10437],{"class":4334},"    borderBottomColor:",[4321,10439,10440],{"class":4346}," '#e0e0e0'",[4321,10442,6466],{"class":4337},[4321,10444,10446],{"class":4323,"line":10445},77,[4321,10447,6109],{"class":4337},[4321,10449,10451,10454],{"class":4323,"line":10450},78,[4321,10452,10453],{"class":4334},"  title:",[4321,10455,6077],{"class":4337},[4321,10457,10459,10462,10465],{"class":4323,"line":10458},79,[4321,10460,10461],{"class":4334},"    fontSize:",[4321,10463,10464],{"class":4375}," 24",[4321,10466,6466],{"class":4337},[4321,10468,10470,10473,10476],{"class":4323,"line":10469},80,[4321,10471,10472],{"class":4334},"    fontWeight:",[4321,10474,10475],{"class":4346}," '700'",[4321,10477,6466],{"class":4337},[4321,10479,10481,10484,10487],{"class":4323,"line":10480},81,[4321,10482,10483],{"class":4334},"    color:",[4321,10485,10486],{"class":4346}," '#333'",[4321,10488,6466],{"class":4337},[4321,10490,10492],{"class":4323,"line":10491},82,[4321,10493,6109],{"class":4337},[4321,10495,10497,10500],{"class":4323,"line":10496},83,[4321,10498,10499],{"class":4334},"  subtitle:",[4321,10501,6077],{"class":4337},[4321,10503,10505,10507,10510],{"class":4323,"line":10504},84,[4321,10506,10461],{"class":4334},[4321,10508,10509],{"class":4375}," 14",[4321,10511,6466],{"class":4337},[4321,10513,10515,10517,10520],{"class":4323,"line":10514},85,[4321,10516,10483],{"class":4334},[4321,10518,10519],{"class":4346}," '#666'",[4321,10521,6466],{"class":4337},[4321,10523,10525,10528,10531],{"class":4323,"line":10524},86,[4321,10526,10527],{"class":4334},"    marginTop:",[4321,10529,10530],{"class":4375}," 4",[4321,10532,6466],{"class":4337},[4321,10534,10536],{"class":4323,"line":10535},87,[4321,10537,6109],{"class":4337},[4321,10539,10541,10544],{"class":4323,"line":10540},88,[4321,10542,10543],{"class":4334},"  input:",[4321,10545,6077],{"class":4337},[4321,10547,10549,10551,10553],{"class":4323,"line":10548},89,[4321,10550,10371],{"class":4334},[4321,10552,10374],{"class":4375},[4321,10554,6466],{"class":4337},[4321,10556,10558,10560,10562],{"class":4323,"line":10557},90,[4321,10559,10382],{"class":4334},[4321,10561,10419],{"class":4346},[4321,10563,6466],{"class":4337},[4321,10565,10567,10570,10573],{"class":4323,"line":10566},91,[4321,10568,10569],{"class":4334},"    margin:",[4321,10571,10572],{"class":4375}," 16",[4321,10574,6466],{"class":4337},[4321,10576,10578,10580,10582],{"class":4323,"line":10577},92,[4321,10579,10406],{"class":4334},[4321,10581,10572],{"class":4375},[4321,10583,6466],{"class":4337},[4321,10585,10587,10589,10591],{"class":4323,"line":10586},93,[4321,10588,10461],{"class":4334},[4321,10590,10572],{"class":4375},[4321,10592,6466],{"class":4337},[4321,10594,10596,10598,10600],{"class":4323,"line":10595},94,[4321,10597,10483],{"class":4334},[4321,10599,10486],{"class":4346},[4321,10601,6466],{"class":4337},[4321,10603,10605,10608,10611],{"class":4323,"line":10604},95,[4321,10606,10607],{"class":4334},"    borderRadius:",[4321,10609,10610],{"class":4375}," 8",[4321,10612,6466],{"class":4337},[4321,10614,10616,10619,10621],{"class":4323,"line":10615},96,[4321,10617,10618],{"class":4334},"    borderWidth:",[4321,10620,10374],{"class":4375},[4321,10622,6466],{"class":4337},[4321,10624,10626,10629,10631],{"class":4323,"line":10625},97,[4321,10627,10628],{"class":4334},"    borderColor:",[4321,10630,10440],{"class":4346},[4321,10632,6466],{"class":4337},[4321,10634,10636],{"class":4323,"line":10635},98,[4321,10637,6109],{"class":4337},[4321,10639,10641,10644],{"class":4323,"line":10640},99,[4321,10642,10643],{"class":4334},"  footer:",[4321,10645,6077],{"class":4337},[4321,10647,10649,10652,10655],{"class":4323,"line":10648},100,[4321,10650,10651],{"class":4334},"    flexDirection:",[4321,10653,10654],{"class":4346}," 'row'",[4321,10656,6466],{"class":4337},[4321,10658,10660,10663,10666],{"class":4323,"line":10659},101,[4321,10661,10662],{"class":4334},"    justifyContent:",[4321,10664,10665],{"class":4346}," 'space-between'",[4321,10667,6466],{"class":4337},[4321,10669,10671,10674,10677],{"class":4323,"line":10670},102,[4321,10672,10673],{"class":4334},"    alignItems:",[4321,10675,10676],{"class":4346}," 'center'",[4321,10678,6466],{"class":4337},[4321,10680,10682,10684,10686],{"class":4323,"line":10681},103,[4321,10683,10406],{"class":4334},[4321,10685,10572],{"class":4375},[4321,10687,6466],{"class":4337},[4321,10689,10691,10693,10695],{"class":4323,"line":10690},104,[4321,10692,10382],{"class":4334},[4321,10694,10419],{"class":4346},[4321,10696,6466],{"class":4337},[4321,10698,10700,10703,10705],{"class":4323,"line":10699},105,[4321,10701,10702],{"class":4334},"    borderTopWidth:",[4321,10704,10374],{"class":4375},[4321,10706,6466],{"class":4337},[4321,10708,10710,10713,10715],{"class":4323,"line":10709},106,[4321,10711,10712],{"class":4334},"    borderTopColor:",[4321,10714,10440],{"class":4346},[4321,10716,6466],{"class":4337},[4321,10718,10720],{"class":4323,"line":10719},107,[4321,10721,6109],{"class":4337},[4321,10723,10725,10728],{"class":4323,"line":10724},108,[4321,10726,10727],{"class":4334},"  counter:",[4321,10729,6077],{"class":4337},[4321,10731,10733,10735,10737],{"class":4323,"line":10732},109,[4321,10734,10461],{"class":4334},[4321,10736,10509],{"class":4375},[4321,10738,6466],{"class":4337},[4321,10740,10742,10744,10746],{"class":4323,"line":10741},110,[4321,10743,10483],{"class":4334},[4321,10745,10519],{"class":4346},[4321,10747,6466],{"class":4337},[4321,10749,10751],{"class":4323,"line":10750},111,[4321,10752,6109],{"class":4337},[4321,10754,10756,10759],{"class":4323,"line":10755},112,[4321,10757,10758],{"class":4334},"  clearButton:",[4321,10760,6077],{"class":4337},[4321,10762,10764,10766,10769],{"class":4323,"line":10763},113,[4321,10765,10382],{"class":4334},[4321,10767,10768],{"class":4346}," '#ff4444'",[4321,10770,6466],{"class":4337},[4321,10772,10774,10777,10779],{"class":4323,"line":10773},114,[4321,10775,10776],{"class":4334},"    paddingHorizontal:",[4321,10778,10409],{"class":4375},[4321,10780,6466],{"class":4337},[4321,10782,10784,10787,10790],{"class":4323,"line":10783},115,[4321,10785,10786],{"class":4334},"    paddingVertical:",[4321,10788,10789],{"class":4375}," 10",[4321,10791,6466],{"class":4337},[4321,10793,10795,10797,10800],{"class":4323,"line":10794},116,[4321,10796,10607],{"class":4334},[4321,10798,10799],{"class":4375}," 6",[4321,10801,6466],{"class":4337},[4321,10803,10805],{"class":4323,"line":10804},117,[4321,10806,6109],{"class":4337},[4321,10808,10810,10813],{"class":4323,"line":10809},118,[4321,10811,10812],{"class":4334},"  clearButtonPressed:",[4321,10814,6077],{"class":4337},[4321,10816,10818,10821,10824],{"class":4323,"line":10817},119,[4321,10819,10820],{"class":4334},"    opacity:",[4321,10822,10823],{"class":4375}," 0.7",[4321,10825,6466],{"class":4337},[4321,10827,10829],{"class":4323,"line":10828},120,[4321,10830,6109],{"class":4337},[4321,10832,10834,10837],{"class":4323,"line":10833},121,[4321,10835,10836],{"class":4334},"  clearButtonText:",[4321,10838,6077],{"class":4337},[4321,10840,10842,10844,10846],{"class":4323,"line":10841},122,[4321,10843,10483],{"class":4334},[4321,10845,10419],{"class":4346},[4321,10847,6466],{"class":4337},[4321,10849,10851,10853,10855],{"class":4323,"line":10850},123,[4321,10852,10461],{"class":4334},[4321,10854,10509],{"class":4375},[4321,10856,6466],{"class":4337},[4321,10858,10860,10862,10865],{"class":4323,"line":10859},124,[4321,10861,10472],{"class":4334},[4321,10863,10864],{"class":4346}," '600'",[4321,10866,6466],{"class":4337},[4321,10868,10870],{"class":4323,"line":10869},125,[4321,10871,6109],{"class":4337},[4321,10873,10875],{"class":4323,"line":10874},126,[4321,10876,6484],{"class":4337},[3839,10878],{},[3846,10880,10882],{"id":10881},"розбір-коду-що-робить-кожна-частина","Розбір коду — що робить кожна частина",[3743,10884,10885,10886,10889],{},"Тепер детально розберемо, ",[3758,10887,10888],{},"як працює персистентність"," у цьому застосунку. Код здається простим (50 рядків логіки), але за ним стоїть кілька важливих паттернів.",[10891,10892,10894],"h4",{"id":10893},"_1-завантаження-збереженого-тексту-при-старті","1. Завантаження збереженого тексту при старті",[4312,10896,10898],{"className":4314,"code":10897,"language":4316,"meta":4317,"style":4317},"useEffect(() => {\n  const saved = Storage.getString(DRAFT_KEY);\n  if (saved) {\n    setText(saved);\n  }\n}, []);\n",[3750,10899,10900,10910,10930,10940,10950,10954],{"__ignoreMap":4317},[4321,10901,10902,10904,10906,10908],{"class":4323,"line":4324},[4321,10903,9515],{"class":4340},[4321,10905,9664],{"class":4337},[4321,10907,6223],{"class":4385},[4321,10909,6077],{"class":4337},[4321,10911,10912,10914,10916,10918,10920,10922,10924,10926,10928],{"class":4323,"line":4331},[4321,10913,7684],{"class":4385},[4321,10915,9675],{"class":4352},[4321,10917,4392],{"class":4337},[4321,10919,9476],{"class":4334},[4321,10921,4170],{"class":4337},[4321,10923,4595],{"class":4340},[4321,10925,4343],{"class":4337},[4321,10927,9688],{"class":4352},[4321,10929,4421],{"class":4337},[4321,10931,10932,10934,10936,10938],{"class":4323,"line":4382},[4321,10933,7751],{"class":4440},[4321,10935,3985],{"class":4337},[4321,10937,9700],{"class":4334},[4321,10939,7674],{"class":4337},[4321,10941,10942,10944,10946,10948],{"class":4323,"line":4424},[4321,10943,9760],{"class":4340},[4321,10945,4343],{"class":4337},[4321,10947,9700],{"class":4334},[4321,10949,4421],{"class":4337},[4321,10951,10952],{"class":4323,"line":4431},[4321,10953,7822],{"class":4337},[4321,10955,10956],{"class":4323,"line":4437},[4321,10957,10958],{"class":4337},"}, []);\n",[3743,10960,10961],{},[3758,10962,10963],{},"Що відбувається:",[3886,10965,10966,10982,10994,11003],{},[3791,10967,10968,10970,10971,3985,10974,10977,10978,10981],{},[3750,10969,9515],{}," з ",[3758,10972,10973],{},"порожнім масивом залежностей",[3750,10975,10976],{},"[]",") виконується ",[3758,10979,10980],{},"один раз"," після першого рендеру компонента — це ідеальний момент для завантаження даних з диска.",[3791,10983,10984,10987,10988,10990,10991,10993],{},[3750,10985,10986],{},"Storage.getString(DRAFT_KEY)"," — синхронний виклик MMKV, який читає значення ключа ",[3750,10989,9599],{}," з файлу на диску. Це займає ",[3758,10992,4256],{}," (настільки швидко, що користувач не побачить затримки).",[3791,10995,10996,10997,11000,11001,4170],{},"Якщо ключ існує (користувач раніше щось писав), ",[3750,10998,10999],{},"setText(saved)"," оновлює state — React перерендерить компонент, і текст з'явиться у ",[3750,11002,9042],{},[3791,11004,11005,11006,11008,11009,11011],{},"Якщо ключ не існує (перший запуск застосунку або користувач очистив дані), ",[3750,11007,9700],{}," буде ",[3750,11010,9319],{},", і ми нічого не робимо — поле лишається порожнім.",[3743,11013,11014],{},[3758,11015,11016,11017,11019],{},"Чому не ",[3750,11018,4124],{},"?",[3743,11021,11022,11023,11025,11026,11029],{},"MMKV синхронний — ",[3750,11024,4595],{}," повертає значення ",[3758,11027,11028],{},"одразу",", без Promise. Це можливо завдяки memory-mapped файлу (описано в теоретичній частині). Якби ми використовували AsyncStorage, код виглядав би так:",[4312,11031,11033],{"className":4314,"code":11032,"language":4316,"meta":4317,"style":4317},"\u002F\u002F AsyncStorage (асинхронний)\nuseEffect(() => {\n  async function loadDraft() {\n    const saved = await AsyncStorage.getItem(DRAFT_KEY);\n    if (saved) {\n      setText(saved);\n    }\n  }\n  loadDraft();\n}, []);\n",[3750,11034,11035,11040,11050,11062,11084,11094,11104,11108,11112,11119],{"__ignoreMap":4317},[4321,11036,11037],{"class":4323,"line":4324},[4321,11038,11039],{"class":4327},"\u002F\u002F AsyncStorage (асинхронний)\n",[4321,11041,11042,11044,11046,11048],{"class":4323,"line":4331},[4321,11043,9515],{"class":4340},[4321,11045,9664],{"class":4337},[4321,11047,6223],{"class":4385},[4321,11049,6077],{"class":4337},[4321,11051,11052,11055,11057,11060],{"class":4323,"line":4382},[4321,11053,11054],{"class":4385},"  async",[4321,11056,7654],{"class":4385},[4321,11058,11059],{"class":4340}," loadDraft",[4321,11061,9620],{"class":4337},[4321,11063,11064,11066,11068,11070,11072,11074,11076,11078,11080,11082],{"class":4323,"line":4424},[4321,11065,6146],{"class":4385},[4321,11067,9675],{"class":4352},[4321,11069,4392],{"class":4337},[4321,11071,4124],{"class":4440},[4321,11073,4443],{"class":4334},[4321,11075,4170],{"class":4337},[4321,11077,4408],{"class":4340},[4321,11079,4343],{"class":4337},[4321,11081,9688],{"class":4352},[4321,11083,4421],{"class":4337},[4321,11085,11086,11088,11090,11092],{"class":4323,"line":4431},[4321,11087,9695],{"class":4440},[4321,11089,3985],{"class":4337},[4321,11091,9700],{"class":4334},[4321,11093,7674],{"class":4337},[4321,11095,11096,11098,11100,11102],{"class":4323,"line":4437},[4321,11097,9707],{"class":4340},[4321,11099,4343],{"class":4337},[4321,11101,9700],{"class":4334},[4321,11103,4421],{"class":4337},[4321,11105,11106],{"class":4323,"line":4476},[4321,11107,9718],{"class":4337},[4321,11109,11110],{"class":4323,"line":4500},[4321,11111,7822],{"class":4337},[4321,11113,11114,11117],{"class":4323,"line":4534},[4321,11115,11116],{"class":4340},"  loadDraft",[4321,11118,5511],{"class":4337},[4321,11120,11121],{"class":4323,"line":4539},[4321,11122,10958],{"class":4337},[3743,11124,11125],{},"З MMKV простіше — не треба створювати окрему async-функцію всередині useEffect.",[10891,11127,11129],{"id":11128},"_2-збереження-при-кожній-зміні","2. Збереження при кожній зміні",[4312,11131,11133],{"className":4314,"code":11132,"language":4316,"meta":4317,"style":4317},"const handleChangeText = (newText: string) => {\n  setText(newText);\n  Storage.setString(DRAFT_KEY, newText);\n};\n",[3750,11134,11135,11155,11166,11185],{"__ignoreMap":4317},[4321,11136,11137,11139,11141,11143,11145,11147,11149,11151,11153],{"class":4323,"line":4324},[4321,11138,4386],{"class":4385},[4321,11140,9739],{"class":4340},[4321,11142,9742],{"class":4337},[4321,11144,9745],{"class":4334},[4321,11146,6056],{"class":4337},[4321,11148,6059],{"class":6046},[4321,11150,5337],{"class":4337},[4321,11152,6223],{"class":4385},[4321,11154,6077],{"class":4337},[4321,11156,11157,11160,11162,11164],{"class":4323,"line":4331},[4321,11158,11159],{"class":4340},"  setText",[4321,11161,4343],{"class":4337},[4321,11163,9745],{"class":4334},[4321,11165,4421],{"class":4337},[4321,11167,11168,11171,11173,11175,11177,11179,11181,11183],{"class":4323,"line":4382},[4321,11169,11170],{"class":4334},"  Storage",[4321,11172,4170],{"class":4337},[4321,11174,9776],{"class":4340},[4321,11176,4343],{"class":4337},[4321,11178,9688],{"class":4352},[4321,11180,4190],{"class":4337},[4321,11182,9745],{"class":4334},[4321,11184,4421],{"class":4337},[4321,11186,11187],{"class":4323,"line":4424},[4321,11188,6289],{"class":4337},[3743,11190,11191],{},[3758,11192,10963],{},[3886,11194,11195,11205,11211],{},[3791,11196,11197,11198,11200,11201,11204],{},"Коли користувач вводить символ у ",[3750,11199,9042],{},", викликається ",[3750,11202,11203],{},"onChangeText"," з новим значенням.",[3791,11206,11207,11210],{},[3750,11208,11209],{},"setText(newText)"," — оновлюємо React state (щоб UI відобразив новий текст).",[3791,11212,11213,11216,11217,11219],{},[3750,11214,11215],{},"Storage.setString(DRAFT_KEY, newText)"," — ",[3758,11218,11028],{}," зберігаємо в MMKV.",[3743,11221,11222],{},[3758,11223,11224],{},"Чи не занадто часто зберігати?",[3743,11226,11227,11228,11230,11231,11234,11235,11237],{},"Ви можете подумати: «Якщо зберігати при кожному натисканні клавіші, це не повільно?» З AsyncStorage — так, було б повільно (десятки мілісекунд на кожен ",[3750,11229,4238],{},", UI би гальмувало). Але MMKV ",[3758,11232,11233],{},"настільки швидкий"," (~0.1 мс на операцію), що ви можете зберігати при кожному ",[3750,11236,11203],{}," без відчутного впливу на продуктивність.",[3743,11239,11240],{},[3758,11241,11242],{},"Альтернатива — debounce (відкладене збереження):",[3743,11244,11245,11246,11249,11250,11253],{},"Якщо ви параноїдально стурбовані продуктивністю (або використовуєте AsyncStorage \u002F SQLite, де кожна операція дорожча), можна зберігати ",[3758,11247,11248],{},"не одразу",", а через невелику затримку після того, як користувач ",[3758,11251,11252],{},"перестав"," друкувати:",[4312,11255,11257],{"className":4314,"code":11256,"language":4316,"meta":4317,"style":4317},"import { useState, useEffect, useRef } from 'react';\n\nconst handleChangeText = (newText: string) => {\n  setText(newText);\n  \n  \u002F\u002F Скасувати попередній таймер (якщо користувач ще друкує)\n  if (saveTimerRef.current) {\n    clearTimeout(saveTimerRef.current);\n  }\n  \n  \u002F\u002F Встановити новий таймер: зберегти через 500 мс після останньої зміни\n  saveTimerRef.current = setTimeout(() => {\n    Storage.setString(DRAFT_KEY, newText);\n  }, 500);\n};\n",[3750,11258,11259,11284,11288,11308,11318,11322,11327,11343,11358,11362,11366,11371,11391,11409,11419],{"__ignoreMap":4317},[4321,11260,11261,11263,11265,11267,11269,11271,11273,11276,11278,11280,11282],{"class":4323,"line":4324},[4321,11262,4973],{"class":4440},[4321,11264,5471],{"class":4337},[4321,11266,9510],{"class":4334},[4321,11268,4190],{"class":4337},[4321,11270,9515],{"class":4334},[4321,11272,4190],{"class":4337},[4321,11274,11275],{"class":4334},"useRef",[4321,11277,5476],{"class":4337},[4321,11279,5479],{"class":4440},[4321,11281,9522],{"class":4346},[4321,11283,4531],{"class":4337},[4321,11285,11286],{"class":4323,"line":4331},[4321,11287,4428],{"emptyLinePlaceholder":4427},[4321,11289,11290,11292,11294,11296,11298,11300,11302,11304,11306],{"class":4323,"line":4382},[4321,11291,4386],{"class":4385},[4321,11293,9739],{"class":4340},[4321,11295,9742],{"class":4337},[4321,11297,9745],{"class":4334},[4321,11299,6056],{"class":4337},[4321,11301,6059],{"class":6046},[4321,11303,5337],{"class":4337},[4321,11305,6223],{"class":4385},[4321,11307,6077],{"class":4337},[4321,11309,11310,11312,11314,11316],{"class":4323,"line":4424},[4321,11311,11159],{"class":4340},[4321,11313,4343],{"class":4337},[4321,11315,9745],{"class":4334},[4321,11317,4421],{"class":4337},[4321,11319,11320],{"class":4323,"line":4431},[4321,11321,6114],{"class":4337},[4321,11323,11324],{"class":4323,"line":4437},[4321,11325,11326],{"class":4327},"  \u002F\u002F Скасувати попередній таймер (якщо користувач ще друкує)\n",[4321,11328,11329,11331,11333,11336,11338,11341],{"class":4323,"line":4476},[4321,11330,7751],{"class":4440},[4321,11332,3985],{"class":4337},[4321,11334,11335],{"class":4334},"saveTimerRef",[4321,11337,4170],{"class":4337},[4321,11339,11340],{"class":4334},"current",[4321,11342,7674],{"class":4337},[4321,11344,11345,11348,11350,11352,11354,11356],{"class":4323,"line":4500},[4321,11346,11347],{"class":4340},"    clearTimeout",[4321,11349,4343],{"class":4337},[4321,11351,11335],{"class":4334},[4321,11353,4170],{"class":4337},[4321,11355,11340],{"class":4334},[4321,11357,4421],{"class":4337},[4321,11359,11360],{"class":4323,"line":4534},[4321,11361,7822],{"class":4337},[4321,11363,11364],{"class":4323,"line":4539},[4321,11365,6114],{"class":4337},[4321,11367,11368],{"class":4323,"line":4545},[4321,11369,11370],{"class":4327},"  \u002F\u002F Встановити новий таймер: зберегти через 500 мс після останньої зміни\n",[4321,11372,11373,11376,11378,11380,11382,11385,11387,11389],{"class":4323,"line":4582},[4321,11374,11375],{"class":4334},"  saveTimerRef",[4321,11377,4170],{"class":4337},[4321,11379,11340],{"class":4334},[4321,11381,4392],{"class":4337},[4321,11383,11384],{"class":4340},"setTimeout",[4321,11386,9664],{"class":4337},[4321,11388,6223],{"class":4385},[4321,11390,6077],{"class":4337},[4321,11392,11393,11395,11397,11399,11401,11403,11405,11407],{"class":4323,"line":4604},[4321,11394,9771],{"class":4334},[4321,11396,4170],{"class":4337},[4321,11398,9776],{"class":4340},[4321,11400,4343],{"class":4337},[4321,11402,9688],{"class":4352},[4321,11404,4190],{"class":4337},[4321,11406,9745],{"class":4334},[4321,11408,4421],{"class":4337},[4321,11410,11411,11414,11417],{"class":4323,"line":5112},[4321,11412,11413],{"class":4337},"  }, ",[4321,11415,11416],{"class":4375},"500",[4321,11418,4421],{"class":4337},[4321,11420,11421],{"class":4323,"line":5143},[4321,11422,6289],{"class":4337},[3743,11424,11425,11426,11429],{},"Але для MMKV це ",[3758,11427,11428],{},"не обов'язково"," — можна зберігати одразу.",[10891,11431,11433],{"id":11432},"_3-очищення-видалення-з-state-і-з-диска","3. Очищення — видалення з state і з диска",[4312,11435,11437],{"className":4314,"code":11436,"language":4316,"meta":4317,"style":4317},"const handleClear = () => {\n  setText('');\n  Storage.delete(DRAFT_KEY);\n};\n",[3750,11438,11439,11451,11461,11475],{"__ignoreMap":4317},[4321,11440,11441,11443,11445,11447,11449],{"class":4323,"line":4324},[4321,11442,4386],{"class":4385},[4321,11444,9807],{"class":4340},[4321,11446,9810],{"class":4337},[4321,11448,6223],{"class":4385},[4321,11450,6077],{"class":4337},[4321,11452,11453,11455,11457,11459],{"class":4323,"line":4331},[4321,11454,11159],{"class":4340},[4321,11456,4343],{"class":4337},[4321,11458,9645],{"class":4346},[4321,11460,4421],{"class":4337},[4321,11462,11463,11465,11467,11469,11471,11473],{"class":4323,"line":4382},[4321,11464,11170],{"class":4334},[4321,11466,4170],{"class":4337},[4321,11468,5702],{"class":4340},[4321,11470,4343],{"class":4337},[4321,11472,9688],{"class":4352},[4321,11474,4421],{"class":4337},[4321,11476,11477],{"class":4323,"line":4424},[4321,11478,6289],{"class":4337},[3743,11480,11481],{},[3758,11482,10963],{},[3886,11484,11485,11491],{},[3791,11486,11487,11490],{},[3750,11488,11489],{},"setText('')"," — очищаємо React state (поле стає порожнім на екрані).",[3791,11492,11493,11216,11496,11499,11500,11502,11503,11505],{},[3750,11494,11495],{},"Storage.delete(DRAFT_KEY)",[3758,11497,11498],{},"видаляємо ключ"," з MMKV. Якщо після цього перезапустити застосунок, ",[3750,11501,10986],{}," поверне ",[3750,11504,9319],{},", і поле лишиться порожнім.",[3743,11507,11508,11511,11512,11515,11516,11518,11519,11522,11523,11525],{},[3758,11509,11510],{},"Важливо:"," якщо ви забудете викликати ",[3750,11513,11514],{},"Storage.delete"," і лише зробите ",[3750,11517,11489],{},", то на екрані поле очиститься, але ",[3758,11520,11521],{},"у MMKV старий текст лишиться",". Наступного разу при завантаженні застосунку ",[3750,11524,9515],{}," знову підвантажить старий текст — користувач подумає, що «Очистити» не спрацювало.",[3839,11527],{},[3846,11529,11531],{"id":11530},"перевірка-як-переконатися-що-персистентність-працює","Перевірка — як переконатися, що персистентність працює",[3743,11533,11534,11535,6210],{},"Тепер протестуємо застосунок, щоб побачити персистентність ",[3758,11536,11537],{},"на власні очі",[11539,11540,11541,11545,11548,11552,11576,11588,11592,11602,11606],"steps",{},[10891,11542,11544],{"id":11543},"крок-1-напишіть-щось-у-поле","Крок 1: Напишіть щось у поле",[3743,11546,11547],{},"Відкрийте застосунок і введіть кілька рядків тексту (наприклад, «Моя перша чернетка нотатки»).",[10891,11549,11551],{"id":11550},"крок-2-закрийте-застосунок-по-справжньому","Крок 2: Закрийте застосунок (по-справжньому)",[3886,11553,11554,11564,11570],{},[3791,11555,11556,11559,11560,11563],{},[3758,11557,11558],{},"iOS (симулятор):"," натисніть ",[3750,11561,11562],{},"Cmd+Shift+H"," (повернутися на home screen), потім у Xcode → Debug → Stop (або просто перетягніть застосунок вгору в switcher).",[3791,11565,11566,11569],{},[3758,11567,11568],{},"Android (емулятор):"," натисніть кнопку «Назад» або «Home», потім у списку застосунків свайпніть вгору (закрити).",[3791,11571,11572,11575],{},[3758,11573,11574],{},"Фізичний пристрій:"," закрийте застосунок через switcher (свайп вгору \u002F double-tap Home).",[3743,11577,11578,11580,11581,11584,11585,11587],{},[3758,11579,11510],{}," не просто перейдіть на home screen (застосунок іде у фон, але процес може лишатися живим) — ",[3758,11582,11583],{},"завершіть процес",". Ми хочемо перевірити, що дані ",[3758,11586,3858],{}," повне завершення.",[10891,11589,11591],{"id":11590},"крок-3-відкрийте-застосунок-знову","Крок 3: Відкрийте застосунок знову",[3743,11593,11594,11595,11598,11599,11601],{},"Натисніть на іконку застосунку. Ви побачите: ",[3758,11596,11597],{},"текст, який ви написали, все ще там",". Це працює персистентність! Застосунок завантажив дані з MMKV у ",[3750,11600,9515],{}," і відновив стан.",[10891,11603,11605],{"id":11604},"крок-4-натисніть-очистити","Крок 4: Натисніть «Очистити»",[3743,11607,11608,11609,11612],{},"Поле стане порожнім. Тепер закрийте застосунок (знову завершіть процес) і відкрийте — поле ",[3758,11610,11611],{},"лишиться порожнім",", бо ключ був видалений з MMKV.",[3918,11614,11615,11620,11643],{},[3743,11616,11617],{},[3758,11618,11619],{},"Як побачити файл MMKV на диску (для цікавості):",[3886,11621,11622,11631],{},[3791,11623,11624,11626,11627,11630],{},[3758,11625,11558],{}," файли зберігаються в ",[3750,11628,11629],{},"~\u002FLibrary\u002FDeveloper\u002FCoreSimulator\u002FDevices\u002F\u003CUDID>\u002Fdata\u002FContainers\u002FData\u002FApplication\u002F\u003CAPP_ID>\u002FLibrary\u002Fmmkv\u002Fmmkv.default",". Можна відкрити в hex-редакторі — побачите бінарні дані (ProtoBuf).",[3791,11632,11633,4724,11636,11639,11640,4170],{},[3758,11634,11635],{},"Android (емулятор з root):",[3750,11637,11638],{},"\u002Fdata\u002Fdata\u002F\u003Cpackage>\u002Ffiles\u002Fmmkv\u002F",". Можна переглянути через ",[3750,11641,11642],{},"adb shell",[3743,11644,11645,11646,11649,11650,11653],{},"Але ",[3758,11647,11648],{},"не треба"," редагувати ці файли вручну — MMKV автоматично керує ними. Ця інформація лише для розуміння, що дані ",[3758,11651,11652],{},"фізично"," зберігаються на диску.",[3839,11655],{},[3846,11657,11659],{"id":11658},"розширення-зберігання-мета-даних-час-останнього-редагування","Розширення — зберігання мета-даних (час останнього редагування)",[3743,11661,11662,11663,11666],{},"Зараз ми зберігаємо лише текст. А що, якщо хочемо зберегти ",[3758,11664,11665],{},"коли"," користувач востаннє редагував чернетку? Додамо timestamp.",[3743,11668,11669],{},[3758,11670,11671],{},"Змінимо структуру:",[3743,11673,11674,11675,11677,11678,11681],{},"Замість збереження рядка під ключем ",[3750,11676,9599],{},", збережемо ",[3758,11679,11680],{},"об'єкт"," з текстом і timestamp:",[4312,11683,11685],{"className":4314,"code":11684,"language":4316,"meta":4317,"style":4317},"\u002F\u002F src\u002Fstorage.ts — додамо метод для об'єктів\nexport const Storage = {\n  \u002F\u002F ... попередні методи ...\n\n  setObject\u003CT>(key: string, value: T): void {\n    mmkv.set(key, JSON.stringify(value));\n  },\n\n  getObject\u003CT>(key: string): T | null {\n    const str = mmkv.getString(key);\n    return str ? JSON.parse(str) : null;\n  },\n};\n",[3750,11686,11687,11692,11702,11707,11711,11741,11767,11771,11775,11801,11822,11846,11850],{"__ignoreMap":4317},[4321,11688,11689],{"class":4323,"line":4324},[4321,11690,11691],{"class":4327},"\u002F\u002F src\u002Fstorage.ts — додамо метод для об'єктів\n",[4321,11693,11694,11696,11698,11700],{"class":4323,"line":4331},[4321,11695,6026],{"class":4440},[4321,11697,6029],{"class":4385},[4321,11699,6032],{"class":4352},[4321,11701,6035],{"class":4337},[4321,11703,11704],{"class":4323,"line":4382},[4321,11705,11706],{"class":4327},"  \u002F\u002F ... попередні методи ...\n",[4321,11708,11709],{"class":4323,"line":4424},[4321,11710,4428],{"emptyLinePlaceholder":4427},[4321,11712,11713,11715,11717,11719,11721,11723,11725,11727,11729,11731,11733,11735,11737,11739],{"class":4323,"line":4431},[4321,11714,6040],{"class":4340},[4321,11716,6043],{"class":4337},[4321,11718,6047],{"class":6046},[4321,11720,6050],{"class":4337},[4321,11722,6053],{"class":4334},[4321,11724,6056],{"class":4337},[4321,11726,6059],{"class":6046},[4321,11728,4190],{"class":4337},[4321,11730,6064],{"class":4334},[4321,11732,6056],{"class":4337},[4321,11734,6047],{"class":6046},[4321,11736,6071],{"class":4337},[4321,11738,6074],{"class":6046},[4321,11740,6077],{"class":4337},[4321,11742,11743,11745,11747,11749,11751,11753,11755,11757,11759,11761,11763,11765],{"class":4323,"line":4437},[4321,11744,9271],{"class":4334},[4321,11746,4170],{"class":4337},[4321,11748,4553],{"class":4340},[4321,11750,4343],{"class":4337},[4321,11752,6053],{"class":4334},[4321,11754,4190],{"class":4337},[4321,11756,4353],{"class":4352},[4321,11758,4170],{"class":4337},[4321,11760,4358],{"class":4340},[4321,11762,4343],{"class":4337},[4321,11764,6064],{"class":4334},[4321,11766,5140],{"class":4337},[4321,11768,11769],{"class":4323,"line":4476},[4321,11770,6109],{"class":4337},[4321,11772,11773],{"class":4323,"line":4500},[4321,11774,4428],{"emptyLinePlaceholder":4427},[4321,11776,11777,11779,11781,11783,11785,11787,11789,11791,11793,11795,11797,11799],{"class":4323,"line":4534},[4321,11778,6119],{"class":4340},[4321,11780,6043],{"class":4337},[4321,11782,6047],{"class":6046},[4321,11784,6050],{"class":4337},[4321,11786,6053],{"class":4334},[4321,11788,6056],{"class":4337},[4321,11790,6059],{"class":6046},[4321,11792,6071],{"class":4337},[4321,11794,6047],{"class":6046},[4321,11796,4879],{"class":4337},[4321,11798,4528],{"class":6046},[4321,11800,6077],{"class":4337},[4321,11802,11803,11805,11807,11809,11812,11814,11816,11818,11820],{"class":4323,"line":4539},[4321,11804,6146],{"class":4385},[4321,11806,6149],{"class":4352},[4321,11808,4392],{"class":4337},[4321,11810,11811],{"class":4334},"mmkv",[4321,11813,4170],{"class":4337},[4321,11815,4595],{"class":4340},[4321,11817,4343],{"class":4337},[4321,11819,6053],{"class":4334},[4321,11821,4421],{"class":4337},[4321,11823,11824,11826,11828,11830,11832,11834,11836,11838,11840,11842,11844],{"class":4323,"line":4545},[4321,11825,6168],{"class":4440},[4321,11827,6149],{"class":4334},[4321,11829,4512],{"class":4337},[4321,11831,4353],{"class":4352},[4321,11833,4170],{"class":4337},[4321,11835,4399],{"class":4340},[4321,11837,4343],{"class":4337},[4321,11839,6183],{"class":4334},[4321,11841,4525],{"class":4337},[4321,11843,4528],{"class":4385},[4321,11845,4531],{"class":4337},[4321,11847,11848],{"class":4323,"line":4582},[4321,11849,6109],{"class":4337},[4321,11851,11852],{"class":4323,"line":4604},[4321,11853,6289],{"class":4337},[3743,11855,11856],{},[3758,11857,11858],{},"Оновимо App.tsx:",[4312,11860,11862],{"className":4314,"code":11861,"language":4316,"meta":4317,"style":4317},"\u002F\u002F Типізація для чернетки\ninterface Draft {\n  text: string;\n  lastEditedAt: string; \u002F\u002F ISO timestamp\n}\n\nexport default function App() {\n  const [text, setText] = useState('');\n  const [lastEdited, setLastEdited] = useState\u003Cstring | null>(null);\n\n  useEffect(() => {\n    const saved = Storage.getObject\u003CDraft>(DRAFT_KEY);\n    if (saved) {\n      setText(saved.text);\n      setLastEdited(saved.lastEditedAt);\n    }\n  }, []);\n\n  const handleChangeText = (newText: string) => {\n    setText(newText);\n    const now = new Date().toISOString();\n    setLastEdited(now);\n    \n    Storage.setObject\u003CDraft>(DRAFT_KEY, {\n      text: newText,\n      lastEditedAt: now,\n    });\n  };\n\n  const handleClear = () => {\n    setText('');\n    setLastEdited(null);\n    Storage.delete(DRAFT_KEY);\n  };\n\n  \u002F\u002F У UI додамо відображення часу\n  const formatLastEdited = () => {\n    if (!lastEdited) return '';\n    const date = new Date(lastEdited);\n    return `Востаннє змінено: ${date.toLocaleString('uk-UA')}`;\n  };\n\n  return (\n    \u002F\u002F ... (структура та стилі ті самі, але в footer додамо)\n    \u003CText style={styles.timestamp}>{formatLastEdited()}\u003C\u002FText>\n  );\n}\n",[3750,11863,11864,11869,11879,11890,11904,11908,11912,11924,11946,11978,11982,11992,12018,12028,12042,12058,12062,12066,12070,12090,12100,12121,12132,12137,12156,12166,12175,12180,12184,12188,12200,12210,12220,12234,12238,12242,12247,12260,12278,12297,12327,12331,12335,12341,12346,12373,12377],{"__ignoreMap":4317},[4321,11865,11866],{"class":4323,"line":4324},[4321,11867,11868],{"class":4327},"\u002F\u002F Типізація для чернетки\n",[4321,11870,11871,11874,11877],{"class":4323,"line":4331},[4321,11872,11873],{"class":4385},"interface",[4321,11875,11876],{"class":6046}," Draft",[4321,11878,6077],{"class":4337},[4321,11880,11881,11884,11886,11888],{"class":4323,"line":4382},[4321,11882,11883],{"class":4334},"  text",[4321,11885,6056],{"class":4337},[4321,11887,6059],{"class":6046},[4321,11889,4531],{"class":4337},[4321,11891,11892,11895,11897,11899,11901],{"class":4323,"line":4424},[4321,11893,11894],{"class":4334},"  lastEditedAt",[4321,11896,6056],{"class":4337},[4321,11898,6059],{"class":6046},[4321,11900,8101],{"class":4337},[4321,11902,11903],{"class":4327},"\u002F\u002F ISO timestamp\n",[4321,11905,11906],{"class":4323,"line":4431},[4321,11907,5775],{"class":4337},[4321,11909,11910],{"class":4323,"line":4437},[4321,11911,4428],{"emptyLinePlaceholder":4427},[4321,11913,11914,11916,11918,11920,11922],{"class":4323,"line":4476},[4321,11915,6026],{"class":4440},[4321,11917,9612],{"class":4440},[4321,11919,7654],{"class":4385},[4321,11921,9617],{"class":4340},[4321,11923,9620],{"class":4337},[4321,11925,11926,11928,11930,11932,11934,11936,11938,11940,11942,11944],{"class":4323,"line":4500},[4321,11927,7684],{"class":4385},[4321,11929,9627],{"class":4337},[4321,11931,9630],{"class":4352},[4321,11933,4190],{"class":4337},[4321,11935,9635],{"class":4352},[4321,11937,9638],{"class":4337},[4321,11939,9510],{"class":4340},[4321,11941,4343],{"class":4337},[4321,11943,9645],{"class":4346},[4321,11945,4421],{"class":4337},[4321,11947,11948,11950,11952,11955,11957,11960,11962,11964,11966,11968,11970,11972,11974,11976],{"class":4323,"line":4534},[4321,11949,7684],{"class":4385},[4321,11951,9627],{"class":4337},[4321,11953,11954],{"class":4352},"lastEdited",[4321,11956,4190],{"class":4337},[4321,11958,11959],{"class":4352},"setLastEdited",[4321,11961,9638],{"class":4337},[4321,11963,9510],{"class":4340},[4321,11965,6043],{"class":4337},[4321,11967,6059],{"class":6046},[4321,11969,4879],{"class":4337},[4321,11971,4528],{"class":6046},[4321,11973,6050],{"class":4337},[4321,11975,4528],{"class":4385},[4321,11977,4421],{"class":4337},[4321,11979,11980],{"class":4323,"line":4539},[4321,11981,4428],{"emptyLinePlaceholder":4427},[4321,11983,11984,11986,11988,11990],{"class":4323,"line":4545},[4321,11985,9661],{"class":4340},[4321,11987,9664],{"class":4337},[4321,11989,6223],{"class":4385},[4321,11991,6077],{"class":4337},[4321,11993,11994,11996,11998,12000,12002,12004,12007,12009,12012,12014,12016],{"class":4323,"line":4582},[4321,11995,6146],{"class":4385},[4321,11997,9675],{"class":4352},[4321,11999,4392],{"class":4337},[4321,12001,9476],{"class":4334},[4321,12003,4170],{"class":4337},[4321,12005,12006],{"class":4340},"getObject",[4321,12008,6043],{"class":4337},[4321,12010,12011],{"class":6046},"Draft",[4321,12013,6050],{"class":4337},[4321,12015,9688],{"class":4352},[4321,12017,4421],{"class":4337},[4321,12019,12020,12022,12024,12026],{"class":4323,"line":4604},[4321,12021,9695],{"class":4440},[4321,12023,3985],{"class":4337},[4321,12025,9700],{"class":4334},[4321,12027,7674],{"class":4337},[4321,12029,12030,12032,12034,12036,12038,12040],{"class":4323,"line":5112},[4321,12031,9707],{"class":4340},[4321,12033,4343],{"class":4337},[4321,12035,9700],{"class":4334},[4321,12037,4170],{"class":4337},[4321,12039,9630],{"class":4334},[4321,12041,4421],{"class":4337},[4321,12043,12044,12047,12049,12051,12053,12056],{"class":4323,"line":5143},[4321,12045,12046],{"class":4340},"      setLastEdited",[4321,12048,4343],{"class":4337},[4321,12050,9700],{"class":4334},[4321,12052,4170],{"class":4337},[4321,12054,12055],{"class":4334},"lastEditedAt",[4321,12057,4421],{"class":4337},[4321,12059,12060],{"class":4323,"line":5148},[4321,12061,9718],{"class":4337},[4321,12063,12064],{"class":4323,"line":5154},[4321,12065,9723],{"class":4337},[4321,12067,12068],{"class":4323,"line":5177},[4321,12069,4428],{"emptyLinePlaceholder":4427},[4321,12071,12072,12074,12076,12078,12080,12082,12084,12086,12088],{"class":4323,"line":5684},[4321,12073,7684],{"class":4385},[4321,12075,9739],{"class":4340},[4321,12077,9742],{"class":4337},[4321,12079,9745],{"class":4334},[4321,12081,6056],{"class":4337},[4321,12083,6059],{"class":6046},[4321,12085,5337],{"class":4337},[4321,12087,6223],{"class":4385},[4321,12089,6077],{"class":4337},[4321,12091,12092,12094,12096,12098],{"class":4323,"line":5689},[4321,12093,9760],{"class":4340},[4321,12095,4343],{"class":4337},[4321,12097,9745],{"class":4334},[4321,12099,4421],{"class":4337},[4321,12101,12102,12104,12107,12109,12111,12113,12116,12119],{"class":4323,"line":5695},[4321,12103,6146],{"class":4385},[4321,12105,12106],{"class":4352}," now",[4321,12108,4392],{"class":4337},[4321,12110,5505],{"class":4385},[4321,12112,6767],{"class":4340},[4321,12114,12115],{"class":4337},"().",[4321,12117,12118],{"class":4340},"toISOString",[4321,12120,5511],{"class":4337},[4321,12122,12123,12126,12128,12130],{"class":4323,"line":5711},[4321,12124,12125],{"class":4340},"    setLastEdited",[4321,12127,4343],{"class":4337},[4321,12129,8430],{"class":4334},[4321,12131,4421],{"class":4337},[4321,12133,12134],{"class":4323,"line":5716},[4321,12135,12136],{"class":4337},"    \n",[4321,12138,12139,12141,12143,12145,12147,12149,12151,12153],{"class":4323,"line":5722},[4321,12140,9771],{"class":4334},[4321,12142,4170],{"class":4337},[4321,12144,6595],{"class":4340},[4321,12146,6043],{"class":4337},[4321,12148,12011],{"class":6046},[4321,12150,6050],{"class":4337},[4321,12152,9688],{"class":4352},[4321,12154,12155],{"class":4337},", {\n",[4321,12157,12158,12161,12164],{"class":4323,"line":5744},[4321,12159,12160],{"class":4334},"      text:",[4321,12162,12163],{"class":4334}," newText",[4321,12165,6466],{"class":4337},[4321,12167,12168,12171,12173],{"class":4323,"line":5772},[4321,12169,12170],{"class":4334},"      lastEditedAt:",[4321,12172,12106],{"class":4334},[4321,12174,6466],{"class":4337},[4321,12176,12177],{"class":4323,"line":5778},[4321,12178,12179],{"class":4337},"    });\n",[4321,12181,12182],{"class":4323,"line":5783},[4321,12183,9791],{"class":4337},[4321,12185,12186],{"class":4323,"line":5789},[4321,12187,4428],{"emptyLinePlaceholder":4427},[4321,12189,12190,12192,12194,12196,12198],{"class":4323,"line":5812},[4321,12191,7684],{"class":4385},[4321,12193,9807],{"class":4340},[4321,12195,9810],{"class":4337},[4321,12197,6223],{"class":4385},[4321,12199,6077],{"class":4337},[4321,12201,12202,12204,12206,12208],{"class":4323,"line":5817},[4321,12203,9760],{"class":4340},[4321,12205,4343],{"class":4337},[4321,12207,9645],{"class":4346},[4321,12209,4421],{"class":4337},[4321,12211,12212,12214,12216,12218],{"class":4323,"line":5823},[4321,12213,12125],{"class":4340},[4321,12215,4343],{"class":4337},[4321,12217,4528],{"class":4385},[4321,12219,4421],{"class":4337},[4321,12221,12222,12224,12226,12228,12230,12232],{"class":4323,"line":7383},[4321,12223,9771],{"class":4334},[4321,12225,4170],{"class":4337},[4321,12227,5702],{"class":4340},[4321,12229,4343],{"class":4337},[4321,12231,9688],{"class":4352},[4321,12233,4421],{"class":4337},[4321,12235,12236],{"class":4323,"line":7389},[4321,12237,9791],{"class":4337},[4321,12239,12240],{"class":4323,"line":8980},[4321,12241,4428],{"emptyLinePlaceholder":4427},[4321,12243,12244],{"class":4323,"line":8985},[4321,12245,12246],{"class":4327},"  \u002F\u002F У UI додамо відображення часу\n",[4321,12248,12249,12251,12254,12256,12258],{"class":4323,"line":8990},[4321,12250,7684],{"class":4385},[4321,12252,12253],{"class":4340}," formatLastEdited",[4321,12255,9810],{"class":4337},[4321,12257,6223],{"class":4385},[4321,12259,6077],{"class":4337},[4321,12261,12262,12264,12267,12269,12271,12273,12276],{"class":4323,"line":8995},[4321,12263,9695],{"class":4440},[4321,12265,12266],{"class":4337}," (!",[4321,12268,11954],{"class":4334},[4321,12270,5337],{"class":4337},[4321,12272,8360],{"class":4440},[4321,12274,12275],{"class":4346}," ''",[4321,12277,4531],{"class":4337},[4321,12279,12280,12282,12285,12287,12289,12291,12293,12295],{"class":4323,"line":9992},[4321,12281,6146],{"class":4385},[4321,12283,12284],{"class":4352}," date",[4321,12286,4392],{"class":4337},[4321,12288,5505],{"class":4385},[4321,12290,6767],{"class":4340},[4321,12292,4343],{"class":4337},[4321,12294,11954],{"class":4334},[4321,12296,4421],{"class":4337},[4321,12298,12299,12301,12304,12306,12309,12311,12314,12316,12319,12321,12323,12325],{"class":4323,"line":10000},[4321,12300,6168],{"class":4440},[4321,12302,12303],{"class":4346}," `Востаннє змінено: ",[4321,12305,7458],{"class":4385},[4321,12307,12308],{"class":4334},"date",[4321,12310,4170],{"class":8427},[4321,12312,12313],{"class":4340},"toLocaleString",[4321,12315,4343],{"class":8427},[4321,12317,12318],{"class":4346},"'uk-UA'",[4321,12320,8712],{"class":8427},[4321,12322,7464],{"class":4385},[4321,12324,7221],{"class":4346},[4321,12326,4531],{"class":4337},[4321,12328,12329],{"class":4323,"line":10019},[4321,12330,9791],{"class":4337},[4321,12332,12333],{"class":4323,"line":10033},[4321,12334,4428],{"emptyLinePlaceholder":4427},[4321,12336,12337,12339],{"class":4323,"line":10048},[4321,12338,9851],{"class":4440},[4321,12340,9854],{"class":4337},[4321,12342,12343],{"class":4323,"line":10059},[4321,12344,12345],{"class":4327},"    \u002F\u002F ... (структура та стилі ті самі, але в footer додамо)\n",[4321,12347,12348,12350,12352,12354,12357,12360,12363,12366,12369,12371],{"class":4323,"line":10070},[4321,12349,9859],{"class":4337},[4321,12351,9538],{"class":4334},[4321,12353,8632],{"class":4334},[4321,12355,12356],{"class":4337},"={styles.",[4321,12358,12359],{"class":4334},"timestamp",[4321,12361,12362],{"class":4337},"}>{",[4321,12364,12365],{"class":4340},"formatLastEdited",[4321,12367,12368],{"class":4337},"()}\u003C\u002F",[4321,12370,9538],{"class":4334},[4321,12372,9880],{"class":4337},[4321,12374,12375],{"class":4323,"line":10076},[4321,12376,7216],{"class":4337},[4321,12378,12379],{"class":4323,"line":10087},[4321,12380,5775],{"class":4337},[3743,12382,12383,12384,12386,12387,12390],{},"Тепер при кожній зміні ми зберігаємо не просто текст, а ",[3758,12385,11680],{}," з текстом і часом. Це демонструє типовий паттерн: ",[3758,12388,12389],{},"структуруйте дані"," навіть у key-value сховищі — JSON дозволяє зберігати складні об'єкти під одним ключем.",[3824,12392,12393,12396,12397,12400,12401,12404,12405,3985,12408,4190,12411,12414],{},[3758,12394,12395],{},"Коли не варто зберігати об'єкт в одному ключі:"," якщо у вас ",[3758,12398,12399],{},"багато"," окремих налаштувань (50+ опцій), і ви часто змінюєте лише одну (наприклад, ",[3750,12402,12403],{},"theme","), краще зберігати кожне налаштування ",[3758,12406,12407],{},"окремим ключем",[3750,12409,12410],{},"'settings.theme'",[3750,12412,12413],{},"'settings.language'"," тощо). Тоді зміна theme не потребує перезапису всього об'єкта налаштувань. Але для чернетки (один текст + один timestamp) — об'єкт зручніший.",[3839,12416],{},[3846,12418,12420],{"id":12419},"критерії-готовності-міні-проєкту","Критерії готовності міні-проєкту",[3743,12422,12423],{},"Перевірте, що ваш застосунок відповідає всім пунктам:",[3886,12425,12428,12436,12446,12455,12465,12471],{"className":12426},[12427],"contains-task-list",[3791,12429,12432,12435],{"className":12430},[12431],"task-list-item",[10014,12433],{"disabled":4427,"type":12434},"checkbox"," Текстове поле multiline займає більшу частину екрану.",[3791,12437,12439,12441,12442,12445],{"className":12438},[12431],[10014,12440],{"disabled":4427,"type":12434}," Введений текст ",[3758,12443,12444],{},"автоматично"," зберігається при кожній зміні (не треба кнопки «Зберегти»).",[3791,12447,12449,12451,12452,4170],{"className":12448},[12431],[10014,12450],{"disabled":4427,"type":12434}," При закритті застосунку (завершення процесу) і повторному відкритті текст ",[3758,12453,12454],{},"відновлюється",[3791,12456,12458,12460,12461,12464],{"className":12457},[12431],[10014,12459],{"disabled":4427,"type":12434}," Кнопка «Очистити» видаляє текст з UI ",[3758,12462,12463],{},"і"," з MMKV (при наступному запуску поле порожнє).",[3791,12466,12468,12470],{"className":12467},[12431],[10014,12469],{"disabled":4427,"type":12434}," Лічильник символів показує актуальну довжину тексту.",[3791,12472,12474,12476],{"className":12473},[12431],[10014,12475],{"disabled":4427,"type":12434}," (Опційно) Відображається час останнього редагування.",[3839,12478],{},[3738,12480,12482],{"id":12481},"частина-3-наскрізний-проєкт-nomad-персистентність-поїздок-з-mmkv","Частина 3. Наскрізний проєкт «Nomad» — персистентність поїздок з MMKV",[3743,12484,12485,12486,12489],{},"Тепер застосуємо MMKV у реальному проєкті Nomad. Наша мета: ",[3758,12487,12488],{},"зберігати список поїздок локально",", щоб при відкритті застосунку користувач одразу бачив свої дані (навіть до запиту API або офлайн).",[3846,12491,12493],{"id":12492},"навіщо-користувачу","Навіщо користувачу",[3743,12495,12496,12497,12500],{},"Уявіть: користувач відкриває Nomad у літаку без інтернету. Без локальної персистентності вона побачила б порожній екран або спінер «завантаження…» (який ніколи не завершиться, бо немає мережі). З персистентністю — одразу бачить ",[3758,12498,12499],{},"останню"," версію своїх поїздок, яку застосунок завантажив раніше (можливо, вчора ввечері з Wi-Fi). Вона може переглядати деталі, додавати нові чернетки поїздок (які синхронізуються пізніше), і загалом користуватися застосунком як повноцінним.",[3743,12502,12503,12504,12507],{},"Персистентність — це ",[3758,12505,12506],{},"перший крок"," до офлайн-функціональності. У цій статті ми зберігаємо дані просто; у наступній (20. Offline-first sync) додамо логіку синхронізації з API, конфліктів, черги операцій.",[3846,12509,12511],{"id":12510},"нитка-проєкту-що-вже-є-і-що-додаємо","Нитка проєкту — що вже є і що додаємо",[10891,12513,12515],{"id":12514},"уже-є-з-попередніх-статей","Уже є (з попередніх статей)",[3886,12517,12518,12533,12539,12545,12551,12557],{},[3791,12519,12520,12523,12524,4190,12527,4190,12530,6829],{},[3758,12521,12522],{},"Структура проєкту:"," design tokens, базові компоненти (",[3750,12525,12526],{},"Screen",[3750,12528,12529],{},"AppText",[3750,12531,12532],{},"Button",[3791,12534,12535,12538],{},[3758,12536,12537],{},"Теми:"," light\u002Fdark з автоматичним перемиканням (стаття 08).",[3791,12540,12541,12544],{},[3758,12542,12543],{},"Макети:"," sticky CTA, список поїздок з mock-даними (статті 06–07).",[3791,12546,12547,12550],{},[3758,12548,12549],{},"Навігація:"," Expo Router з tabs і stack (стаття 11).",[3791,12552,12553,12556],{},[3758,12554,12555],{},"Форми:"," створення поїздки з валідацією через RHF + Zod (стаття 10).",[3791,12558,12559,12562,12563,12565,12566,12569],{},[3758,12560,12561],{},"Redux Toolkit:"," store з slice ",[3750,12564,4699],{},", який зберігає поїздки ",[3758,12567,12568],{},"у пам'яті"," (стаття 15).",[3743,12571,12572,12575,12576,12579,12580,12582],{},[3758,12573,12574],{},"Проблема:"," якщо перезапустити застосунок, Redux store ",[3758,12577,12578],{},"скидається"," до ",[3750,12581,3880],{}," — усі поїздки зникають (навіть ті, що були додані локально через форму). Користувач не очікує такої поведінки — вона створила поїздку «Карпати 2024», вийшла з застосунку, а наступного дня поїздка зникла.",[10891,12584,12586],{"id":12585},"додаємо-в-цій-статті","Додаємо в цій статті",[3886,12588,12589,12600,12615,12621],{},[3791,12590,12591,12594,12595,12597,12598,4170],{},[3758,12592,12593],{},"MMKV-інтеграцію:"," встановлюємо ",[3750,12596,5322],{},", створюємо обгортку ",[3750,12599,9476],{},[3791,12601,12602,12605,12606,12608,12609,12611,12612,12614],{},[3758,12603,12604],{},"Redux persist:"," підключаємо ",[3750,12607,4892],{}," з MMKV-адаптером, щоб ",[3758,12610,12444],{}," зберігати ",[3750,12613,4699],{}," slice при кожній зміні.",[3791,12616,12617,12620],{},[3758,12618,12619],{},"Гідратація при старті:"," коли застосунок відкривається, Redux завантажує збережені поїздки з MMKV до store.",[3791,12622,12623,12626],{},[3758,12624,12625],{},"Тестування:"," перевіряємо, що додана поїздка «переживає» перезапуск.",[3839,12628],{},[3846,12630,12632],{"id":12631},"повний-знімок-проєкту-після-статті-19","Повний знімок проєкту (після статті 19)",[3743,12634,12635,12636,12639],{},"Нижче — повна структура файлів Nomad ",[3758,12637,12638],{},"на момент цієї статті",". Код кожного файлу наведено повністю (без скорочень на кшталт «...»).",[12641,12642,12643,12907,13073,13248,13462,13545,13868,14211,14414],"code-tree",{},[4312,12644,12647],{"className":5398,"code":12645,"filename":12646,"language":5400,"meta":4317,"style":4317},"{\n  \"name\": \"nomad\",\n  \"version\": \"1.0.0\",\n  \"main\": \"expo-router\u002Fentry\",\n  \"scripts\": {\n    \"start\": \"expo start\",\n    \"android\": \"expo start --android\",\n    \"ios\": \"expo start --ios\",\n    \"web\": \"expo start --web\"\n  },\n  \"dependencies\": {\n    \"expo\": \"~52.0.0\",\n    \"expo-router\": \"~4.0.0\",\n    \"expo-status-bar\": \"~2.0.0\",\n    \"react\": \"18.3.1\",\n    \"react-native\": \"0.76.5\",\n    \"@reduxjs\u002Ftoolkit\": \"^2.0.0\",\n    \"react-redux\": \"^9.0.0\",\n    \"react-native-mmkv\": \"^3.1.0\",\n    \"redux-persist\": \"^6.0.0\",\n    \"react-hook-form\": \"^7.53.0\",\n    \"zod\": \"^3.23.0\",\n    \"@hookform\u002Fresolvers\": \"^3.9.0\"\n  },\n  \"devDependencies\": {\n    \"@types\u002Freact\": \"~18.3.0\",\n    \"typescript\": \"^5.3.0\"\n  }\n}\n","package.json",[3750,12648,12649,12654,12664,12674,12684,12693,12703,12713,12723,12733,12737,12746,12756,12766,12776,12786,12796,12806,12816,12826,12836,12846,12856,12866,12870,12879,12889,12899,12903],{"__ignoreMap":4317},[4321,12650,12651],{"class":4323,"line":4324},[4321,12652,12653],{"class":4337},"{\n",[4321,12655,12656,12659,12661],{"class":4323,"line":4331},[4321,12657,12658],{"class":4340},"  \"name\"",[4321,12660,6210],{"class":4340},[4321,12662,12663],{"class":4346}," \"nomad\",\n",[4321,12665,12666,12669,12671],{"class":4323,"line":4382},[4321,12667,12668],{"class":4340},"  \"version\"",[4321,12670,6210],{"class":4340},[4321,12672,12673],{"class":4346}," \"1.0.0\",\n",[4321,12675,12676,12679,12681],{"class":4323,"line":4424},[4321,12677,12678],{"class":4340},"  \"main\"",[4321,12680,6210],{"class":4340},[4321,12682,12683],{"class":4346}," \"expo-router\u002Fentry\",\n",[4321,12685,12686,12689,12691],{"class":4323,"line":4431},[4321,12687,12688],{"class":4340},"  \"scripts\"",[4321,12690,6210],{"class":4340},[4321,12692,6077],{"class":4346},[4321,12694,12695,12698,12700],{"class":4323,"line":4437},[4321,12696,12697],{"class":4340},"    \"start\"",[4321,12699,6210],{"class":4340},[4321,12701,12702],{"class":4346}," \"expo start\",\n",[4321,12704,12705,12708,12710],{"class":4323,"line":4476},[4321,12706,12707],{"class":4340},"    \"android\"",[4321,12709,6210],{"class":4340},[4321,12711,12712],{"class":4346}," \"expo start --android\",\n",[4321,12714,12715,12718,12720],{"class":4323,"line":4500},[4321,12716,12717],{"class":4340},"    \"ios\"",[4321,12719,6210],{"class":4340},[4321,12721,12722],{"class":4346}," \"expo start --ios\",\n",[4321,12724,12725,12728,12730],{"class":4323,"line":4534},[4321,12726,12727],{"class":4340},"    \"web\"",[4321,12729,6210],{"class":4340},[4321,12731,12732],{"class":4346}," \"expo start --web\"\n",[4321,12734,12735],{"class":4323,"line":4539},[4321,12736,6109],{"class":4337},[4321,12738,12739,12742,12744],{"class":4323,"line":4545},[4321,12740,12741],{"class":4340},"  \"dependencies\"",[4321,12743,6210],{"class":4340},[4321,12745,6077],{"class":4346},[4321,12747,12748,12751,12753],{"class":4323,"line":4582},[4321,12749,12750],{"class":4340},"    \"expo\"",[4321,12752,6210],{"class":4340},[4321,12754,12755],{"class":4346}," \"~52.0.0\",\n",[4321,12757,12758,12761,12763],{"class":4323,"line":4604},[4321,12759,12760],{"class":4340},"    \"expo-router\"",[4321,12762,6210],{"class":4340},[4321,12764,12765],{"class":4346}," \"~4.0.0\",\n",[4321,12767,12768,12771,12773],{"class":4323,"line":5112},[4321,12769,12770],{"class":4340},"    \"expo-status-bar\"",[4321,12772,6210],{"class":4340},[4321,12774,12775],{"class":4346}," \"~2.0.0\",\n",[4321,12777,12778,12781,12783],{"class":4323,"line":5143},[4321,12779,12780],{"class":4340},"    \"react\"",[4321,12782,6210],{"class":4340},[4321,12784,12785],{"class":4346}," \"18.3.1\",\n",[4321,12787,12788,12791,12793],{"class":4323,"line":5148},[4321,12789,12790],{"class":4340},"    \"react-native\"",[4321,12792,6210],{"class":4340},[4321,12794,12795],{"class":4346}," \"0.76.5\",\n",[4321,12797,12798,12801,12803],{"class":4323,"line":5154},[4321,12799,12800],{"class":4340},"    \"@reduxjs\u002Ftoolkit\"",[4321,12802,6210],{"class":4340},[4321,12804,12805],{"class":4346}," \"^2.0.0\",\n",[4321,12807,12808,12811,12813],{"class":4323,"line":5177},[4321,12809,12810],{"class":4340},"    \"react-redux\"",[4321,12812,6210],{"class":4340},[4321,12814,12815],{"class":4346}," \"^9.0.0\",\n",[4321,12817,12818,12821,12823],{"class":4323,"line":5684},[4321,12819,12820],{"class":4340},"    \"react-native-mmkv\"",[4321,12822,6210],{"class":4340},[4321,12824,12825],{"class":4346}," \"^3.1.0\",\n",[4321,12827,12828,12831,12833],{"class":4323,"line":5689},[4321,12829,12830],{"class":4340},"    \"redux-persist\"",[4321,12832,6210],{"class":4340},[4321,12834,12835],{"class":4346}," \"^6.0.0\",\n",[4321,12837,12838,12841,12843],{"class":4323,"line":5695},[4321,12839,12840],{"class":4340},"    \"react-hook-form\"",[4321,12842,6210],{"class":4340},[4321,12844,12845],{"class":4346}," \"^7.53.0\",\n",[4321,12847,12848,12851,12853],{"class":4323,"line":5711},[4321,12849,12850],{"class":4340},"    \"zod\"",[4321,12852,6210],{"class":4340},[4321,12854,12855],{"class":4346}," \"^3.23.0\",\n",[4321,12857,12858,12861,12863],{"class":4323,"line":5716},[4321,12859,12860],{"class":4340},"    \"@hookform\u002Fresolvers\"",[4321,12862,6210],{"class":4340},[4321,12864,12865],{"class":4346}," \"^3.9.0\"\n",[4321,12867,12868],{"class":4323,"line":5722},[4321,12869,6109],{"class":4337},[4321,12871,12872,12875,12877],{"class":4323,"line":5744},[4321,12873,12874],{"class":4340},"  \"devDependencies\"",[4321,12876,6210],{"class":4340},[4321,12878,6077],{"class":4346},[4321,12880,12881,12884,12886],{"class":4323,"line":5772},[4321,12882,12883],{"class":4340},"    \"@types\u002Freact\"",[4321,12885,6210],{"class":4340},[4321,12887,12888],{"class":4346}," \"~18.3.0\",\n",[4321,12890,12891,12894,12896],{"class":4323,"line":5778},[4321,12892,12893],{"class":4340},"    \"typescript\"",[4321,12895,6210],{"class":4340},[4321,12897,12898],{"class":4346}," \"^5.3.0\"\n",[4321,12900,12901],{"class":4323,"line":5783},[4321,12902,7822],{"class":4337},[4321,12904,12905],{"class":4323,"line":5789},[4321,12906,5775],{"class":4337},[4312,12908,12911],{"className":5398,"code":12909,"filename":12910,"language":5400,"meta":4317,"style":4317},"import { MMKV } from 'react-native-mmkv';\n\nexport const storage = new MMKV();\n\nexport const mmkvStorage = {\n  setItem: (key: string, value: string) => {\n    storage.set(key, value);\n  },\n  getItem: (key: string) => {\n    const val = storage.getString(key);\n    return val ?? null;\n  },\n  removeItem: (key: string) => {\n    storage.delete(key);\n  },\n};\n","src\u002Fshared\u002Flib\u002Fstorage.ts",[3750,12912,12913,12930,12934,12950,12954,12965,12985,12995,12999,13010,13029,13043,13047,13058,13065,13069],{"__ignoreMap":4317},[4321,12914,12915,12917,12920,12922,12924,12926,12928],{"class":4323,"line":4324},[4321,12916,4973],{"class":4340},[4321,12918,12919],{"class":4346}," {",[4321,12921,5508],{"class":4346},[4321,12923,8627],{"class":4346},[4321,12925,4978],{"class":4346},[4321,12927,5482],{"class":4346},[4321,12929,4531],{"class":4337},[4321,12931,12932],{"class":4323,"line":4331},[4321,12933,4428],{"emptyLinePlaceholder":4427},[4321,12935,12936,12938,12940,12942,12944,12946,12948],{"class":4323,"line":4382},[4321,12937,6026],{"class":4385},[4321,12939,6029],{"class":4334},[4321,12941,5500],{"class":4334},[4321,12943,4392],{"class":4337},[4321,12945,5505],{"class":4334},[4321,12947,5508],{"class":4334},[4321,12949,5511],{"class":4337},[4321,12951,12952],{"class":4323,"line":4424},[4321,12953,4428],{"emptyLinePlaceholder":4427},[4321,12955,12956,12958,12960,12963],{"class":4323,"line":4431},[4321,12957,6026],{"class":4385},[4321,12959,6029],{"class":4334},[4321,12961,12962],{"class":4334}," mmkvStorage",[4321,12964,6035],{"class":4337},[4321,12966,12967,12970,12973,12976,12979,12982],{"class":4323,"line":4437},[4321,12968,12969],{"class":4340},"  setItem:",[4321,12971,12972],{"class":4337}," (key: ",[4321,12974,12975],{"class":4346},"string,",[4321,12977,12978],{"class":4346}," value:",[4321,12980,12981],{"class":4346}," string",[4321,12983,12984],{"class":4337},") => {\n",[4321,12986,12987,12990,12993],{"class":4323,"line":4476},[4321,12988,12989],{"class":4340},"    storage.set(key,",[4321,12991,12992],{"class":4346}," value",[4321,12994,4421],{"class":4337},[4321,12996,12997],{"class":4323,"line":4500},[4321,12998,6109],{"class":4337},[4321,13000,13001,13004,13006,13008],{"class":4323,"line":4534},[4321,13002,13003],{"class":4340},"  getItem:",[4321,13005,12972],{"class":4337},[4321,13007,6059],{"class":4346},[4321,13009,12984],{"class":4337},[4321,13011,13012,13014,13017,13020,13023,13025,13027],{"class":4323,"line":4539},[4321,13013,6146],{"class":4340},[4321,13015,13016],{"class":4346}," val",[4321,13018,13019],{"class":4346}," =",[4321,13021,13022],{"class":4346}," storage.getString",[4321,13024,4343],{"class":4337},[4321,13026,6053],{"class":4340},[4321,13028,4421],{"class":4337},[4321,13030,13031,13033,13035,13038,13041],{"class":4323,"line":4545},[4321,13032,6168],{"class":4440},[4321,13034,13016],{"class":4346},[4321,13036,13037],{"class":4346}," ??",[4321,13039,13040],{"class":4346}," null",[4321,13042,4531],{"class":4337},[4321,13044,13045],{"class":4323,"line":4582},[4321,13046,6109],{"class":4337},[4321,13048,13049,13052,13054,13056],{"class":4323,"line":4604},[4321,13050,13051],{"class":4340},"  removeItem:",[4321,13053,12972],{"class":4337},[4321,13055,6059],{"class":4346},[4321,13057,12984],{"class":4337},[4321,13059,13060,13063],{"class":4323,"line":5112},[4321,13061,13062],{"class":4340},"    storage.delete(key",[4321,13064,4421],{"class":4337},[4321,13066,13067],{"class":4323,"line":5143},[4321,13068,6109],{"class":4337},[4321,13070,13071],{"class":4323,"line":5148},[4321,13072,6289],{"class":4337},[4312,13074,13077],{"className":5398,"code":13075,"filename":13076,"language":5400,"meta":4317,"style":4317},"export const colors = {\n  light: {\n    background: '#ffffff',\n    text: '#1a1a1a',\n    primary: '#007AFF',\n    secondary: '#8E8E93',\n    border: '#C6C6C8',\n  },\n  dark: {\n    background: '#000000',\n    text: '#ffffff',\n    primary: '#0A84FF',\n    secondary: '#8E8E93',\n    border: '#38383A',\n  },\n};\n\nexport const spacing = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n};\n","src\u002Fshared\u002Fconfig\u002Ftheme.ts",[3750,13078,13079,13090,13097,13105,13113,13121,13129,13137,13141,13148,13155,13161,13168,13174,13181,13185,13189,13193,13204,13212,13220,13228,13236,13244],{"__ignoreMap":4317},[4321,13080,13081,13083,13085,13088],{"class":4323,"line":4324},[4321,13082,6026],{"class":4385},[4321,13084,6029],{"class":4334},[4321,13086,13087],{"class":4334}," colors",[4321,13089,6035],{"class":4337},[4321,13091,13092,13095],{"class":4323,"line":4331},[4321,13093,13094],{"class":4340},"  light:",[4321,13096,6077],{"class":4346},[4321,13098,13099,13102],{"class":4323,"line":4382},[4321,13100,13101],{"class":4340},"    background:",[4321,13103,13104],{"class":4346}," '#ffffff',\n",[4321,13106,13107,13110],{"class":4323,"line":4424},[4321,13108,13109],{"class":4340},"    text:",[4321,13111,13112],{"class":4346}," '#1a1a1a',\n",[4321,13114,13115,13118],{"class":4323,"line":4431},[4321,13116,13117],{"class":4340},"    primary:",[4321,13119,13120],{"class":4346}," '#007AFF',\n",[4321,13122,13123,13126],{"class":4323,"line":4437},[4321,13124,13125],{"class":4340},"    secondary:",[4321,13127,13128],{"class":4346}," '#8E8E93',\n",[4321,13130,13131,13134],{"class":4323,"line":4476},[4321,13132,13133],{"class":4340},"    border:",[4321,13135,13136],{"class":4346}," '#C6C6C8',\n",[4321,13138,13139],{"class":4323,"line":4500},[4321,13140,6109],{"class":4337},[4321,13142,13143,13146],{"class":4323,"line":4534},[4321,13144,13145],{"class":4340},"  dark:",[4321,13147,6077],{"class":4346},[4321,13149,13150,13152],{"class":4323,"line":4539},[4321,13151,13101],{"class":4340},[4321,13153,13154],{"class":4346}," '#000000',\n",[4321,13156,13157,13159],{"class":4323,"line":4545},[4321,13158,13109],{"class":4340},[4321,13160,13104],{"class":4346},[4321,13162,13163,13165],{"class":4323,"line":4582},[4321,13164,13117],{"class":4340},[4321,13166,13167],{"class":4346}," '#0A84FF',\n",[4321,13169,13170,13172],{"class":4323,"line":4604},[4321,13171,13125],{"class":4340},[4321,13173,13128],{"class":4346},[4321,13175,13176,13178],{"class":4323,"line":5112},[4321,13177,13133],{"class":4340},[4321,13179,13180],{"class":4346}," '#38383A',\n",[4321,13182,13183],{"class":4323,"line":5143},[4321,13184,6109],{"class":4337},[4321,13186,13187],{"class":4323,"line":5148},[4321,13188,6289],{"class":4337},[4321,13190,13191],{"class":4323,"line":5154},[4321,13192,4428],{"emptyLinePlaceholder":4427},[4321,13194,13195,13197,13199,13202],{"class":4323,"line":5177},[4321,13196,6026],{"class":4385},[4321,13198,6029],{"class":4334},[4321,13200,13201],{"class":4334}," spacing",[4321,13203,6035],{"class":4337},[4321,13205,13206,13209],{"class":4323,"line":5684},[4321,13207,13208],{"class":4340},"  xs:",[4321,13210,13211],{"class":4346}," 4,\n",[4321,13213,13214,13217],{"class":4323,"line":5689},[4321,13215,13216],{"class":4340},"  sm:",[4321,13218,13219],{"class":4346}," 8,\n",[4321,13221,13222,13225],{"class":4323,"line":5695},[4321,13223,13224],{"class":4340},"  md:",[4321,13226,13227],{"class":4346}," 16,\n",[4321,13229,13230,13233],{"class":4323,"line":5711},[4321,13231,13232],{"class":4340},"  lg:",[4321,13234,13235],{"class":4346}," 24,\n",[4321,13237,13238,13241],{"class":4323,"line":5716},[4321,13239,13240],{"class":4340},"  xl:",[4321,13242,13243],{"class":4346}," 32,\n",[4321,13245,13246],{"class":4323,"line":5722},[4321,13247,6289],{"class":4337},[4312,13249,13252],{"className":5398,"code":13250,"filename":13251,"language":5400,"meta":4317,"style":4317},"import { ReactNode } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\ninterface ScreenProps {\n  children: ReactNode;\n  withSafeArea?: boolean;\n}\n\nexport function Screen({ children, withSafeArea = true }: ScreenProps) {\n  const Container = withSafeArea ? SafeAreaView : View;\n  return \u003CContainer style={styles.container}>{children}\u003C\u002FContainer>;\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n  },\n});\n","src\u002Fshared\u002Fui\u002FScreen.tsx",[3750,13253,13254,13271,13291,13309,13313,13322,13331,13341,13345,13349,13361,13386,13413,13417,13421,13434,13440,13447,13454,13458],{"__ignoreMap":4317},[4321,13255,13256,13258,13260,13263,13265,13267,13269],{"class":4323,"line":4324},[4321,13257,4973],{"class":4340},[4321,13259,12919],{"class":4346},[4321,13261,13262],{"class":4346}," ReactNode",[4321,13264,8627],{"class":4346},[4321,13266,4978],{"class":4346},[4321,13268,9522],{"class":4346},[4321,13270,4531],{"class":4337},[4321,13272,13273,13275,13277,13280,13283,13285,13287,13289],{"class":4323,"line":4331},[4321,13274,4973],{"class":4340},[4321,13276,12919],{"class":4346},[4321,13278,13279],{"class":4346}," View,",[4321,13281,13282],{"class":4346}," StyleSheet",[4321,13284,8627],{"class":4346},[4321,13286,4978],{"class":4346},[4321,13288,9564],{"class":4346},[4321,13290,4531],{"class":4337},[4321,13292,13293,13295,13297,13300,13302,13304,13307],{"class":4323,"line":4382},[4321,13294,4973],{"class":4340},[4321,13296,12919],{"class":4346},[4321,13298,13299],{"class":4346}," SafeAreaView",[4321,13301,8627],{"class":4346},[4321,13303,4978],{"class":4346},[4321,13305,13306],{"class":4346}," 'react-native-safe-area-context'",[4321,13308,4531],{"class":4337},[4321,13310,13311],{"class":4323,"line":4424},[4321,13312,4428],{"emptyLinePlaceholder":4427},[4321,13314,13315,13317,13320],{"class":4323,"line":4431},[4321,13316,11873],{"class":4340},[4321,13318,13319],{"class":4346}," ScreenProps",[4321,13321,6077],{"class":4346},[4321,13323,13324,13327,13329],{"class":4323,"line":4437},[4321,13325,13326],{"class":4340},"  children:",[4321,13328,13262],{"class":4346},[4321,13330,4531],{"class":4337},[4321,13332,13333,13336,13339],{"class":4323,"line":4476},[4321,13334,13335],{"class":4340},"  withSafeArea?:",[4321,13337,13338],{"class":4346}," boolean",[4321,13340,4531],{"class":4337},[4321,13342,13343],{"class":4323,"line":4500},[4321,13344,5775],{"class":4337},[4321,13346,13347],{"class":4323,"line":4534},[4321,13348,4428],{"emptyLinePlaceholder":4427},[4321,13350,13351,13353,13355,13358],{"class":4323,"line":4539},[4321,13352,6026],{"class":4385},[4321,13354,7654],{"class":4334},[4321,13356,13357],{"class":4334}," Screen",[4321,13359,13360],{"class":4337},"({ children, withSafeArea = true }: ScreenProps) {\n",[4321,13362,13363,13365,13368,13370,13373,13376,13378,13381,13384],{"class":4323,"line":4545},[4321,13364,7684],{"class":4340},[4321,13366,13367],{"class":4346}," Container",[4321,13369,13019],{"class":4346},[4321,13371,13372],{"class":4346}," withSafeArea",[4321,13374,13375],{"class":4346}," ?",[4321,13377,13299],{"class":4346},[4321,13379,13380],{"class":4346}," :",[4321,13382,13383],{"class":4346}," View",[4321,13385,4531],{"class":4337},[4321,13387,13388,13390,13393,13396,13399,13402,13405,13407,13410],{"class":4323,"line":4582},[4321,13389,9851],{"class":4440},[4321,13391,13392],{"class":4337}," \u003C",[4321,13394,13395],{"class":4346},"Container",[4321,13397,13398],{"class":4346}," style={styles.container",[4321,13400,13401],{"class":4337},"}>",[4321,13403,13404],{"class":4346},"{children}",[4321,13406,6043],{"class":4337},[4321,13408,13409],{"class":4346},"\u002FContaine",[4321,13411,13412],{"class":4337},"r>;\n",[4321,13414,13415],{"class":4323,"line":4604},[4321,13416,5775],{"class":4337},[4321,13418,13419],{"class":4323,"line":5112},[4321,13420,4428],{"emptyLinePlaceholder":4427},[4321,13422,13423,13425,13427,13429,13432],{"class":4323,"line":5143},[4321,13424,4386],{"class":4340},[4321,13426,10226],{"class":4346},[4321,13428,13019],{"class":4346},[4321,13430,13431],{"class":4346}," StyleSheet.create",[4321,13433,6455],{"class":4337},[4321,13435,13436,13438],{"class":4323,"line":5148},[4321,13437,10363],{"class":4340},[4321,13439,6077],{"class":4346},[4321,13441,13442,13444],{"class":4323,"line":5154},[4321,13443,10371],{"class":4340},[4321,13445,13446],{"class":4346}," 1,\n",[4321,13448,13449,13451],{"class":4323,"line":5177},[4321,13450,10382],{"class":4340},[4321,13452,13453],{"class":4346}," '#f5f5f5',\n",[4321,13455,13456],{"class":4323,"line":5684},[4321,13457,6109],{"class":4337},[4321,13459,13460],{"class":4323,"line":5689},[4321,13461,6484],{"class":4337},[4312,13463,13466],{"className":5398,"code":13464,"filename":13465,"language":5400,"meta":4317,"style":4317},"export interface Trip {\n  id: string;\n  title: string;\n  startDate: string;\n  endDate: string;\n  coverImage?: string;\n  description?: string;\n  createdAt: string;\n}\n","src\u002Fentities\u002Ftrip\u002Fmodel\u002Ftypes.ts",[3750,13467,13468,13480,13488,13496,13505,13514,13523,13532,13541],{"__ignoreMap":4317},[4321,13469,13470,13472,13475,13478],{"class":4323,"line":4324},[4321,13471,6026],{"class":4385},[4321,13473,13474],{"class":4334}," interface",[4321,13476,13477],{"class":4334}," Trip",[4321,13479,6077],{"class":4337},[4321,13481,13482,13484,13486],{"class":4323,"line":4331},[4321,13483,6460],{"class":4340},[4321,13485,12981],{"class":4346},[4321,13487,4531],{"class":4337},[4321,13489,13490,13492,13494],{"class":4323,"line":4382},[4321,13491,10453],{"class":4340},[4321,13493,12981],{"class":4346},[4321,13495,4531],{"class":4337},[4321,13497,13498,13501,13503],{"class":4323,"line":4424},[4321,13499,13500],{"class":4340},"  startDate:",[4321,13502,12981],{"class":4346},[4321,13504,4531],{"class":4337},[4321,13506,13507,13510,13512],{"class":4323,"line":4431},[4321,13508,13509],{"class":4340},"  endDate:",[4321,13511,12981],{"class":4346},[4321,13513,4531],{"class":4337},[4321,13515,13516,13519,13521],{"class":4323,"line":4437},[4321,13517,13518],{"class":4340},"  coverImage?:",[4321,13520,12981],{"class":4346},[4321,13522,4531],{"class":4337},[4321,13524,13525,13528,13530],{"class":4323,"line":4476},[4321,13526,13527],{"class":4340},"  description?:",[4321,13529,12981],{"class":4346},[4321,13531,4531],{"class":4337},[4321,13533,13534,13537,13539],{"class":4323,"line":4500},[4321,13535,13536],{"class":4340},"  createdAt:",[4321,13538,12981],{"class":4346},[4321,13540,4531],{"class":4337},[4321,13542,13543],{"class":4323,"line":4534},[4321,13544,5775],{"class":4337},[4312,13546,13549],{"className":5398,"code":13547,"filename":13548,"language":5400,"meta":4317,"style":4317},"import { createSlice, PayloadAction } from '@reduxjs\u002Ftoolkit';\nimport type { Trip } from '.\u002Ftypes';\n\ninterface TripsState {\n  items: Trip[];\n}\n\nconst initialState: TripsState = {\n  items: [],\n};\n\nexport const tripsSlice = createSlice({\n  name: 'trips',\n  initialState,\n  reducers: {\n    addTrip: (state, action: PayloadAction\u003CTrip>) => {\n      state.items.push(action.payload);\n    },\n    removeTrip: (state, action: PayloadAction\u003Cstring>) => {\n      state.items = state.items.filter((t) => t.id !== action.payload);\n    },\n    setTrips: (state, action: PayloadAction\u003CTrip[]>) => {\n      state.items = action.payload;\n    },\n  },\n});\n\nexport const { addTrip, removeTrip, setTrips } = tripsSlice.actions;\nexport const tripsReducer = tripsSlice.reducer;\n","src\u002Fentities\u002Ftrip\u002Fmodel\u002Fslice.ts",[3750,13550,13551,13572,13592,13596,13605,13615,13619,13623,13636,13643,13647,13651,13667,13675,13680,13687,13708,13715,13720,13739,13772,13776,13795,13805,13809,13813,13817,13821,13847],{"__ignoreMap":4317},[4321,13552,13553,13555,13557,13560,13563,13565,13567,13570],{"class":4323,"line":4324},[4321,13554,4973],{"class":4340},[4321,13556,12919],{"class":4346},[4321,13558,13559],{"class":4346}," createSlice,",[4321,13561,13562],{"class":4346}," PayloadAction",[4321,13564,8627],{"class":4346},[4321,13566,4978],{"class":4346},[4321,13568,13569],{"class":4346}," '@reduxjs\u002Ftoolkit'",[4321,13571,4531],{"class":4337},[4321,13573,13574,13576,13579,13581,13583,13585,13587,13590],{"class":4323,"line":4331},[4321,13575,4973],{"class":4340},[4321,13577,13578],{"class":4346}," type",[4321,13580,12919],{"class":4346},[4321,13582,13477],{"class":4346},[4321,13584,8627],{"class":4346},[4321,13586,4978],{"class":4346},[4321,13588,13589],{"class":4346}," '.\u002Ftypes'",[4321,13591,4531],{"class":4337},[4321,13593,13594],{"class":4323,"line":4382},[4321,13595,4428],{"emptyLinePlaceholder":4427},[4321,13597,13598,13600,13603],{"class":4323,"line":4424},[4321,13599,11873],{"class":4340},[4321,13601,13602],{"class":4346}," TripsState",[4321,13604,6077],{"class":4346},[4321,13606,13607,13610,13613],{"class":4323,"line":4431},[4321,13608,13609],{"class":4340},"  items:",[4321,13611,13612],{"class":4346}," Trip[]",[4321,13614,4531],{"class":4337},[4321,13616,13617],{"class":4323,"line":4437},[4321,13618,5775],{"class":4337},[4321,13620,13621],{"class":4323,"line":4476},[4321,13622,4428],{"emptyLinePlaceholder":4427},[4321,13624,13625,13627,13630,13632,13634],{"class":4323,"line":4500},[4321,13626,4386],{"class":4340},[4321,13628,13629],{"class":4346}," initialState:",[4321,13631,13602],{"class":4346},[4321,13633,13019],{"class":4346},[4321,13635,6077],{"class":4346},[4321,13637,13638,13640],{"class":4323,"line":4534},[4321,13639,13609],{"class":4340},[4321,13641,13642],{"class":4337}," [],\n",[4321,13644,13645],{"class":4323,"line":4539},[4321,13646,6289],{"class":4337},[4321,13648,13649],{"class":4323,"line":4545},[4321,13650,4428],{"emptyLinePlaceholder":4427},[4321,13652,13653,13655,13657,13660,13662,13665],{"class":4323,"line":4582},[4321,13654,6026],{"class":4385},[4321,13656,6029],{"class":4334},[4321,13658,13659],{"class":4334}," tripsSlice",[4321,13661,4392],{"class":4337},[4321,13663,13664],{"class":4334},"createSlice",[4321,13666,6455],{"class":4337},[4321,13668,13669,13672],{"class":4323,"line":4604},[4321,13670,13671],{"class":4340},"  name:",[4321,13673,13674],{"class":4346}," 'trips',\n",[4321,13676,13677],{"class":4323,"line":5112},[4321,13678,13679],{"class":4340},"  initialState,\n",[4321,13681,13682,13685],{"class":4323,"line":5143},[4321,13683,13684],{"class":4340},"  reducers:",[4321,13686,6077],{"class":4346},[4321,13688,13689,13692,13695,13698,13700,13702,13705],{"class":4323,"line":5148},[4321,13690,13691],{"class":4340},"    addTrip:",[4321,13693,13694],{"class":4337}," (state, ",[4321,13696,13697],{"class":4346},"action:",[4321,13699,13562],{"class":4346},[4321,13701,6043],{"class":4337},[4321,13703,13704],{"class":4346},"Tri",[4321,13706,13707],{"class":4337},"p>) => {\n",[4321,13709,13710,13713],{"class":4323,"line":5154},[4321,13711,13712],{"class":4340},"      state.items.push(action.payload",[4321,13714,4421],{"class":4337},[4321,13716,13717],{"class":4323,"line":5177},[4321,13718,13719],{"class":4337},"    },\n",[4321,13721,13722,13725,13727,13729,13731,13733,13736],{"class":4323,"line":5684},[4321,13723,13724],{"class":4340},"    removeTrip:",[4321,13726,13694],{"class":4337},[4321,13728,13697],{"class":4346},[4321,13730,13562],{"class":4346},[4321,13732,6043],{"class":4337},[4321,13734,13735],{"class":4346},"strin",[4321,13737,13738],{"class":4337},"g>) => {\n",[4321,13740,13741,13744,13746,13749,13751,13754,13756,13758,13761,13764,13767,13770],{"class":4323,"line":5689},[4321,13742,13743],{"class":4340},"      state.items",[4321,13745,13019],{"class":4346},[4321,13747,13748],{"class":4346}," state.items.filter",[4321,13750,6801],{"class":4337},[4321,13752,13753],{"class":4340},"t",[4321,13755,5337],{"class":4337},[4321,13757,8613],{"class":4346},[4321,13759,13760],{"class":4337},"> ",[4321,13762,13763],{"class":4346},"t.id",[4321,13765,13766],{"class":4346}," !==",[4321,13768,13769],{"class":4346}," action.payload",[4321,13771,4421],{"class":4337},[4321,13773,13774],{"class":4323,"line":5695},[4321,13775,13719],{"class":4337},[4321,13777,13778,13781,13783,13785,13787,13789,13792],{"class":4323,"line":5711},[4321,13779,13780],{"class":4340},"    setTrips:",[4321,13782,13694],{"class":4337},[4321,13784,13697],{"class":4346},[4321,13786,13562],{"class":4346},[4321,13788,6043],{"class":4337},[4321,13790,13791],{"class":4346},"Trip[",[4321,13793,13794],{"class":4337},"]>) => {\n",[4321,13796,13797,13799,13801,13803],{"class":4323,"line":5716},[4321,13798,13743],{"class":4340},[4321,13800,13019],{"class":4346},[4321,13802,13769],{"class":4346},[4321,13804,4531],{"class":4337},[4321,13806,13807],{"class":4323,"line":5722},[4321,13808,13719],{"class":4337},[4321,13810,13811],{"class":4323,"line":5744},[4321,13812,6109],{"class":4337},[4321,13814,13815],{"class":4323,"line":5772},[4321,13816,6484],{"class":4337},[4321,13818,13819],{"class":4323,"line":5778},[4321,13820,4428],{"emptyLinePlaceholder":4427},[4321,13822,13823,13825,13827,13829,13832,13835,13838,13840,13842,13845],{"class":4323,"line":5783},[4321,13824,6026],{"class":4385},[4321,13826,6029],{"class":4334},[4321,13828,5471],{"class":4337},[4321,13830,13831],{"class":4340},"addTrip,",[4321,13833,13834],{"class":4346}," removeTrip,",[4321,13836,13837],{"class":4346}," setTrips",[4321,13839,8627],{"class":4346},[4321,13841,13019],{"class":4346},[4321,13843,13844],{"class":4346}," tripsSlice.actions",[4321,13846,4531],{"class":4337},[4321,13848,13849,13851,13853,13856,13858,13861,13863,13866],{"class":4323,"line":5789},[4321,13850,6026],{"class":4385},[4321,13852,6029],{"class":4334},[4321,13854,13855],{"class":4334}," tripsReducer",[4321,13857,4392],{"class":4337},[4321,13859,13860],{"class":4334},"tripsSlice",[4321,13862,4170],{"class":4337},[4321,13864,13865],{"class":4334},"reducer",[4321,13867,4531],{"class":4337},[4312,13869,13872],{"className":5398,"code":13870,"filename":13871,"language":5400,"meta":4317,"style":4317},"import { configureStore } from '@reduxjs\u002Ftoolkit';\nimport { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist';\nimport { tripsReducer } from '@\u002Fentities\u002Ftrip\u002Fmodel\u002Fslice';\nimport { mmkvStorage } from '@\u002Fshared\u002Flib\u002Fstorage';\n\nconst tripsPersistConfig = {\n  key: 'trips',\n  storage: mmkvStorage,\n  whitelist: ['items'],\n};\n\nconst persistedTripsReducer = persistReducer(tripsPersistConfig, tripsReducer);\n\nexport const store = configureStore({\n  reducer: {\n    trips: persistedTripsReducer,\n  },\n  middleware: (getDefaultMiddleware) =>\n    getDefaultMiddleware({\n      serializableCheck: {\n        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\n      },\n    }),\n});\n\nexport const persistor = persistStore(store);\n\nexport type RootState = ReturnType\u003Ctypeof store.getState>;\nexport type AppDispatch = typeof store.dispatch;\n","src\u002Fapp\u002Fstore\u002Findex.ts",[3750,13873,13874,13891,13930,13947,13964,13968,13979,13986,13994,14007,14011,14015,14036,14040,14056,14063,14071,14075,14083,14090,14097,14117,14122,14127,14131,14135,14156,14160,14189],{"__ignoreMap":4317},[4321,13875,13876,13878,13880,13883,13885,13887,13889],{"class":4323,"line":4324},[4321,13877,4973],{"class":4340},[4321,13879,12919],{"class":4346},[4321,13881,13882],{"class":4346}," configureStore",[4321,13884,8627],{"class":4346},[4321,13886,4978],{"class":4346},[4321,13888,13569],{"class":4346},[4321,13890,4531],{"class":4337},[4321,13892,13893,13895,13897,13900,13903,13906,13909,13912,13915,13918,13921,13923,13925,13928],{"class":4323,"line":4331},[4321,13894,4973],{"class":4340},[4321,13896,12919],{"class":4346},[4321,13898,13899],{"class":4346}," persistStore,",[4321,13901,13902],{"class":4346}," persistReducer,",[4321,13904,13905],{"class":4346}," FLUSH,",[4321,13907,13908],{"class":4346}," REHYDRATE,",[4321,13910,13911],{"class":4346}," PAUSE,",[4321,13913,13914],{"class":4346}," PERSIST,",[4321,13916,13917],{"class":4346}," PURGE,",[4321,13919,13920],{"class":4346}," REGISTER",[4321,13922,8627],{"class":4346},[4321,13924,4978],{"class":4346},[4321,13926,13927],{"class":4346}," 'redux-persist'",[4321,13929,4531],{"class":4337},[4321,13931,13932,13934,13936,13938,13940,13942,13945],{"class":4323,"line":4382},[4321,13933,4973],{"class":4340},[4321,13935,12919],{"class":4346},[4321,13937,13855],{"class":4346},[4321,13939,8627],{"class":4346},[4321,13941,4978],{"class":4346},[4321,13943,13944],{"class":4346}," '@\u002Fentities\u002Ftrip\u002Fmodel\u002Fslice'",[4321,13946,4531],{"class":4337},[4321,13948,13949,13951,13953,13955,13957,13959,13962],{"class":4323,"line":4424},[4321,13950,4973],{"class":4340},[4321,13952,12919],{"class":4346},[4321,13954,12962],{"class":4346},[4321,13956,8627],{"class":4346},[4321,13958,4978],{"class":4346},[4321,13960,13961],{"class":4346}," '@\u002Fshared\u002Flib\u002Fstorage'",[4321,13963,4531],{"class":4337},[4321,13965,13966],{"class":4323,"line":4431},[4321,13967,4428],{"emptyLinePlaceholder":4427},[4321,13969,13970,13972,13975,13977],{"class":4323,"line":4437},[4321,13971,4386],{"class":4340},[4321,13973,13974],{"class":4346}," tripsPersistConfig",[4321,13976,13019],{"class":4346},[4321,13978,6077],{"class":4346},[4321,13980,13981,13984],{"class":4323,"line":4476},[4321,13982,13983],{"class":4340},"  key:",[4321,13985,13674],{"class":4346},[4321,13987,13988,13991],{"class":4323,"line":4500},[4321,13989,13990],{"class":4340},"  storage:",[4321,13992,13993],{"class":4346}," mmkvStorage,\n",[4321,13995,13996,13999,14001,14004],{"class":4323,"line":4534},[4321,13997,13998],{"class":4340},"  whitelist:",[4321,14000,9627],{"class":4337},[4321,14002,14003],{"class":4346},"'items'",[4321,14005,14006],{"class":4337},"],\n",[4321,14008,14009],{"class":4323,"line":4539},[4321,14010,6289],{"class":4337},[4321,14012,14013],{"class":4323,"line":4545},[4321,14014,4428],{"emptyLinePlaceholder":4427},[4321,14016,14017,14019,14022,14024,14027,14029,14032,14034],{"class":4323,"line":4582},[4321,14018,4386],{"class":4340},[4321,14020,14021],{"class":4346}," persistedTripsReducer",[4321,14023,13019],{"class":4346},[4321,14025,14026],{"class":4346}," persistReducer",[4321,14028,4343],{"class":4337},[4321,14030,14031],{"class":4340},"tripsPersistConfig,",[4321,14033,13855],{"class":4346},[4321,14035,4421],{"class":4337},[4321,14037,14038],{"class":4323,"line":4604},[4321,14039,4428],{"emptyLinePlaceholder":4427},[4321,14041,14042,14044,14046,14049,14051,14054],{"class":4323,"line":5112},[4321,14043,6026],{"class":4385},[4321,14045,6029],{"class":4334},[4321,14047,14048],{"class":4334}," store",[4321,14050,4392],{"class":4337},[4321,14052,14053],{"class":4334},"configureStore",[4321,14055,6455],{"class":4337},[4321,14057,14058,14061],{"class":4323,"line":5143},[4321,14059,14060],{"class":4340},"  reducer:",[4321,14062,6077],{"class":4346},[4321,14064,14065,14068],{"class":4323,"line":5148},[4321,14066,14067],{"class":4340},"    trips:",[4321,14069,14070],{"class":4346}," persistedTripsReducer,\n",[4321,14072,14073],{"class":4323,"line":5154},[4321,14074,6109],{"class":4337},[4321,14076,14077,14080],{"class":4323,"line":5177},[4321,14078,14079],{"class":4340},"  middleware:",[4321,14081,14082],{"class":4337}," (getDefaultMiddleware) =>\n",[4321,14084,14085,14088],{"class":4323,"line":5684},[4321,14086,14087],{"class":4340},"    getDefaultMiddleware(",[4321,14089,12653],{"class":4346},[4321,14091,14092,14095],{"class":4323,"line":5689},[4321,14093,14094],{"class":4340},"      serializableCheck:",[4321,14096,6077],{"class":4346},[4321,14098,14099,14102,14105,14108,14110,14112,14114],{"class":4323,"line":5695},[4321,14100,14101],{"class":4340},"        ignoredActions:",[4321,14103,14104],{"class":4337}," [FLUSH, ",[4321,14106,14107],{"class":4346},"REHYDRATE,",[4321,14109,13911],{"class":4346},[4321,14111,13914],{"class":4346},[4321,14113,13917],{"class":4346},[4321,14115,14116],{"class":4346}," REGISTER],\n",[4321,14118,14119],{"class":4323,"line":5711},[4321,14120,14121],{"class":4337},"      },\n",[4321,14123,14124],{"class":4323,"line":5716},[4321,14125,14126],{"class":4337},"    }),\n",[4321,14128,14129],{"class":4323,"line":5722},[4321,14130,6484],{"class":4337},[4321,14132,14133],{"class":4323,"line":5744},[4321,14134,4428],{"emptyLinePlaceholder":4427},[4321,14136,14137,14139,14141,14144,14146,14149,14151,14154],{"class":4323,"line":5772},[4321,14138,6026],{"class":4385},[4321,14140,6029],{"class":4334},[4321,14142,14143],{"class":4334}," persistor",[4321,14145,4392],{"class":4337},[4321,14147,14148],{"class":4334},"persistStore",[4321,14150,4343],{"class":4337},[4321,14152,14153],{"class":4340},"store",[4321,14155,4421],{"class":4337},[4321,14157,14158],{"class":4323,"line":5778},[4321,14159,4428],{"emptyLinePlaceholder":4427},[4321,14161,14162,14164,14166,14169,14171,14174,14176,14179,14181,14183,14186],{"class":4323,"line":5783},[4321,14163,6026],{"class":4385},[4321,14165,13578],{"class":4334},[4321,14167,14168],{"class":4334}," RootState",[4321,14170,4392],{"class":4337},[4321,14172,14173],{"class":4334},"ReturnType",[4321,14175,6043],{"class":4337},[4321,14177,14178],{"class":4334},"typeof",[4321,14180,14048],{"class":4334},[4321,14182,4170],{"class":4337},[4321,14184,14185],{"class":4334},"getState",[4321,14187,14188],{"class":4337},">;\n",[4321,14190,14191,14193,14195,14198,14200,14202,14204,14206,14209],{"class":4323,"line":5789},[4321,14192,6026],{"class":4385},[4321,14194,13578],{"class":4334},[4321,14196,14197],{"class":4334}," AppDispatch",[4321,14199,4392],{"class":4337},[4321,14201,14178],{"class":4334},[4321,14203,14048],{"class":4334},[4321,14205,4170],{"class":4337},[4321,14207,14208],{"class":4334},"dispatch",[4321,14210,4531],{"class":4337},[4312,14212,14215],{"className":5398,"code":14213,"filename":14214,"language":5400,"meta":4317,"style":4317},"import { Slot } from 'expo-router';\nimport { Provider } from 'react-redux';\nimport { PersistGate } from 'redux-persist\u002Fintegration\u002Freact';\nimport { store, persistor } from '@\u002Fapp\u002Fstore';\nimport { Text } from 'react-native';\n\nexport default function RootLayout() {\n  return (\n    \u003CProvider store={store}>\n      \u003CPersistGate loading={\u003CText>Завантаження...\u003C\u002FText>} persistor={persistor}>\n        \u003CSlot \u002F>\n      \u003C\u002FPersistGate>\n    \u003C\u002FProvider>\n  );\n}\n","app\u002F_layout.tsx",[3750,14216,14217,14235,14253,14271,14291,14308,14312,14325,14331,14344,14379,14388,14397,14406,14410],{"__ignoreMap":4317},[4321,14218,14219,14221,14223,14226,14228,14230,14233],{"class":4323,"line":4324},[4321,14220,4973],{"class":4340},[4321,14222,12919],{"class":4346},[4321,14224,14225],{"class":4346}," Slot",[4321,14227,8627],{"class":4346},[4321,14229,4978],{"class":4346},[4321,14231,14232],{"class":4346}," 'expo-router'",[4321,14234,4531],{"class":4337},[4321,14236,14237,14239,14241,14244,14246,14248,14251],{"class":4323,"line":4331},[4321,14238,4973],{"class":4340},[4321,14240,12919],{"class":4346},[4321,14242,14243],{"class":4346}," Provider",[4321,14245,8627],{"class":4346},[4321,14247,4978],{"class":4346},[4321,14249,14250],{"class":4346}," 'react-redux'",[4321,14252,4531],{"class":4337},[4321,14254,14255,14257,14259,14262,14264,14266,14269],{"class":4323,"line":4382},[4321,14256,4973],{"class":4340},[4321,14258,12919],{"class":4346},[4321,14260,14261],{"class":4346}," PersistGate",[4321,14263,8627],{"class":4346},[4321,14265,4978],{"class":4346},[4321,14267,14268],{"class":4346}," 'redux-persist\u002Fintegration\u002Freact'",[4321,14270,4531],{"class":4337},[4321,14272,14273,14275,14277,14280,14282,14284,14286,14289],{"class":4323,"line":4424},[4321,14274,4973],{"class":4340},[4321,14276,12919],{"class":4346},[4321,14278,14279],{"class":4346}," store,",[4321,14281,14143],{"class":4346},[4321,14283,8627],{"class":4346},[4321,14285,4978],{"class":4346},[4321,14287,14288],{"class":4346}," '@\u002Fapp\u002Fstore'",[4321,14290,4531],{"class":4337},[4321,14292,14293,14295,14297,14300,14302,14304,14306],{"class":4323,"line":4431},[4321,14294,4973],{"class":4340},[4321,14296,12919],{"class":4346},[4321,14298,14299],{"class":4346}," Text",[4321,14301,8627],{"class":4346},[4321,14303,4978],{"class":4346},[4321,14305,9564],{"class":4346},[4321,14307,4531],{"class":4337},[4321,14309,14310],{"class":4323,"line":4437},[4321,14311,4428],{"emptyLinePlaceholder":4427},[4321,14313,14314,14316,14318,14320,14323],{"class":4323,"line":4476},[4321,14315,6026],{"class":4385},[4321,14317,9612],{"class":4334},[4321,14319,7654],{"class":4334},[4321,14321,14322],{"class":4334}," RootLayout",[4321,14324,9620],{"class":4337},[4321,14326,14327,14329],{"class":4323,"line":4500},[4321,14328,9851],{"class":4440},[4321,14330,9854],{"class":4337},[4321,14332,14333,14335,14338,14341],{"class":4323,"line":4534},[4321,14334,9859],{"class":4337},[4321,14336,14337],{"class":4340},"Provider",[4321,14339,14340],{"class":4346}," store={store",[4321,14342,14343],{"class":4337},"}>\n",[4321,14345,14346,14348,14351,14354,14356,14359,14362,14365,14367,14370,14372,14374,14377],{"class":4323,"line":4539},[4321,14347,9885],{"class":4337},[4321,14349,14350],{"class":4340},"PersistGate",[4321,14352,14353],{"class":4346}," loading={",[4321,14355,6043],{"class":4337},[4321,14357,14358],{"class":4346},"Tex",[4321,14360,14361],{"class":4337},"t>",[4321,14363,14364],{"class":4346},"Завантаження...",[4321,14366,6043],{"class":4337},[4321,14368,14369],{"class":4346},"\u002FTex",[4321,14371,14361],{"class":4337},[4321,14373,7464],{"class":4346},[4321,14375,14376],{"class":4346}," persistor={persistor",[4321,14378,14343],{"class":4337},[4321,14380,14381,14383,14386],{"class":4323,"line":4545},[4321,14382,9909],{"class":4337},[4321,14384,14385],{"class":4340},"Slot",[4321,14387,8658],{"class":4337},[4321,14389,14390,14392,14395],{"class":4323,"line":4582},[4321,14391,9885],{"class":4337},[4321,14393,14394],{"class":4340},"\u002FPersistGate",[4321,14396,9880],{"class":4337},[4321,14398,14399,14401,14404],{"class":4323,"line":4604},[4321,14400,9859],{"class":4337},[4321,14402,14403],{"class":4340},"\u002FProvider",[4321,14405,9880],{"class":4337},[4321,14407,14408],{"class":4323,"line":5112},[4321,14409,7216],{"class":4337},[4321,14411,14412],{"class":4323,"line":5143},[4321,14413,5775],{"class":4337},[4312,14415,14418],{"className":5398,"code":14416,"filename":14417,"language":5400,"meta":4317,"style":4317},"import { View, FlatList, Text, StyleSheet } from 'react-native';\nimport { useSelector } from 'react-redux';\nimport type { RootState } from '@\u002Fapp\u002Fstore';\nimport { Screen } from '@\u002Fshared\u002Fui\u002FScreen';\n\nexport default function TripsScreen() {\n  const trips = useSelector((state: RootState) => state.trips.items);\n\n  return (\n    \u003CScreen>\n      \u003CView style={styles.header}>\n        \u003CText style={styles.title}>Мої подорожі\u003C\u002FText>\n      \u003C\u002FView>\n      {trips.length === 0 ? (\n        \u003CView style={styles.empty}>\n          \u003CText style={styles.emptyText}>Поки що немає поїздок\u003C\u002FText>\n        \u003C\u002FView>\n      ) : (\n        \u003CFlatList\n          data={trips}\n          keyExtractor={(item) => item.id}\n          renderItem={({ item }) => (\n            \u003CView style={styles.card}>\n              \u003CText style={styles.cardTitle}>{item.title}\u003C\u002FText>\n              \u003CText style={styles.cardDate}>\n                {item.startDate} — {item.endDate}\n              \u003C\u002FText>\n            \u003C\u002FView>\n          )}\n        \u002F>\n      )}\n    \u003C\u002FScreen>\n  );\n}\n\nconst styles = StyleSheet.create({\n  header: { padding: 16, backgroundColor: '#fff' },\n  title: { fontSize: 28, fontWeight: '700' },\n  empty: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n  emptyText: { fontSize: 16, color: '#666' },\n  card: { padding: 16, margin: 8, backgroundColor: '#fff', borderRadius: 8 },\n  cardTitle: { fontSize: 18, fontWeight: '600' },\n  cardDate: { fontSize: 14, color: '#666', marginTop: 4 },\n});\n","app\u002F(tabs)\u002Findex.tsx",[3750,14419,14420,14444,14461,14479,14496,14500,14513,14541,14545,14551,14559,14570,14594,14603,14621,14632,14661,14669,14678,14685,14696,14716,14724,14736,14757,14768,14782,14791,14799,14804,14811,14816,14825,14829,14833,14837,14849,14869,14888,14914,14932,14961,14979,15003],{"__ignoreMap":4317},[4321,14421,14422,14424,14426,14428,14431,14434,14436,14438,14440,14442],{"class":4323,"line":4324},[4321,14423,4973],{"class":4340},[4321,14425,12919],{"class":4346},[4321,14427,13279],{"class":4346},[4321,14429,14430],{"class":4346}," FlatList,",[4321,14432,14433],{"class":4346}," Text,",[4321,14435,13282],{"class":4346},[4321,14437,8627],{"class":4346},[4321,14439,4978],{"class":4346},[4321,14441,9564],{"class":4346},[4321,14443,4531],{"class":4337},[4321,14445,14446,14448,14450,14453,14455,14457,14459],{"class":4323,"line":4331},[4321,14447,4973],{"class":4340},[4321,14449,12919],{"class":4346},[4321,14451,14452],{"class":4346}," useSelector",[4321,14454,8627],{"class":4346},[4321,14456,4978],{"class":4346},[4321,14458,14250],{"class":4346},[4321,14460,4531],{"class":4337},[4321,14462,14463,14465,14467,14469,14471,14473,14475,14477],{"class":4323,"line":4382},[4321,14464,4973],{"class":4340},[4321,14466,13578],{"class":4346},[4321,14468,12919],{"class":4346},[4321,14470,14168],{"class":4346},[4321,14472,8627],{"class":4346},[4321,14474,4978],{"class":4346},[4321,14476,14288],{"class":4346},[4321,14478,4531],{"class":4337},[4321,14480,14481,14483,14485,14487,14489,14491,14494],{"class":4323,"line":4424},[4321,14482,4973],{"class":4340},[4321,14484,12919],{"class":4346},[4321,14486,13357],{"class":4346},[4321,14488,8627],{"class":4346},[4321,14490,4978],{"class":4346},[4321,14492,14493],{"class":4346}," '@\u002Fshared\u002Fui\u002FScreen'",[4321,14495,4531],{"class":4337},[4321,14497,14498],{"class":4323,"line":4431},[4321,14499,4428],{"emptyLinePlaceholder":4427},[4321,14501,14502,14504,14506,14508,14511],{"class":4323,"line":4437},[4321,14503,6026],{"class":4385},[4321,14505,9612],{"class":4334},[4321,14507,7654],{"class":4334},[4321,14509,14510],{"class":4334}," TripsScreen",[4321,14512,9620],{"class":4337},[4321,14514,14515,14517,14519,14521,14523,14525,14528,14530,14532,14534,14536,14539],{"class":4323,"line":4476},[4321,14516,7684],{"class":4340},[4321,14518,7291],{"class":4346},[4321,14520,13019],{"class":4346},[4321,14522,14452],{"class":4346},[4321,14524,6801],{"class":4337},[4321,14526,14527],{"class":4340},"state:",[4321,14529,14168],{"class":4346},[4321,14531,5337],{"class":4337},[4321,14533,8613],{"class":4346},[4321,14535,13760],{"class":4337},[4321,14537,14538],{"class":4346},"state.trips.items",[4321,14540,4421],{"class":4337},[4321,14542,14543],{"class":4323,"line":4500},[4321,14544,4428],{"emptyLinePlaceholder":4427},[4321,14546,14547,14549],{"class":4323,"line":4534},[4321,14548,9851],{"class":4440},[4321,14550,9854],{"class":4337},[4321,14552,14553,14555,14557],{"class":4323,"line":4539},[4321,14554,9859],{"class":4337},[4321,14556,12526],{"class":4340},[4321,14558,9880],{"class":4337},[4321,14560,14561,14563,14565,14568],{"class":4323,"line":4545},[4321,14562,9885],{"class":4337},[4321,14564,9547],{"class":4340},[4321,14566,14567],{"class":4346}," style={styles.header",[4321,14569,14343],{"class":4337},[4321,14571,14572,14574,14576,14579,14581,14584,14587,14589,14591],{"class":4323,"line":4582},[4321,14573,9909],{"class":4337},[4321,14575,9538],{"class":4340},[4321,14577,14578],{"class":4346}," style={styles.title",[4321,14580,13401],{"class":4337},[4321,14582,14583],{"class":4346},"Мої",[4321,14585,14586],{"class":4346}," подорожі",[4321,14588,6043],{"class":4337},[4321,14590,14369],{"class":4346},[4321,14592,14593],{"class":4337},"t>\n",[4321,14595,14596,14598,14601],{"class":4323,"line":4604},[4321,14597,9885],{"class":4337},[4321,14599,14600],{"class":4340},"\u002FView",[4321,14602,9880],{"class":4337},[4321,14604,14605,14608,14611,14614,14617,14619],{"class":4323,"line":5112},[4321,14606,14607],{"class":4337},"      {",[4321,14609,14610],{"class":4340},"trips.length",[4321,14612,14613],{"class":4346}," ===",[4321,14615,14616],{"class":4375}," 0",[4321,14618,13375],{"class":4346},[4321,14620,9854],{"class":4337},[4321,14622,14623,14625,14627,14630],{"class":4323,"line":5143},[4321,14624,9909],{"class":4337},[4321,14626,9547],{"class":4340},[4321,14628,14629],{"class":4346}," style={styles.empty",[4321,14631,14343],{"class":4337},[4321,14633,14634,14636,14638,14641,14643,14646,14649,14652,14655,14657,14659],{"class":4323,"line":5148},[4321,14635,10268],{"class":4337},[4321,14637,9538],{"class":4340},[4321,14639,14640],{"class":4346}," style={styles.emptyText",[4321,14642,13401],{"class":4337},[4321,14644,14645],{"class":4346},"Поки",[4321,14647,14648],{"class":4346}," що",[4321,14650,14651],{"class":4346}," немає",[4321,14653,14654],{"class":4346}," поїздок",[4321,14656,6043],{"class":4337},[4321,14658,14369],{"class":4346},[4321,14660,14593],{"class":4337},[4321,14662,14663,14665,14667],{"class":4323,"line":5154},[4321,14664,9909],{"class":4337},[4321,14666,14600],{"class":4340},[4321,14668,9880],{"class":4337},[4321,14670,14671,14674,14676],{"class":4323,"line":5177},[4321,14672,14673],{"class":4337},"      ) ",[4321,14675,6210],{"class":4340},[4321,14677,9854],{"class":4337},[4321,14679,14680,14682],{"class":4323,"line":5684},[4321,14681,9909],{"class":4337},[4321,14683,14684],{"class":4340},"FlatList\n",[4321,14686,14687,14690,14693],{"class":4323,"line":5689},[4321,14688,14689],{"class":4334},"          data",[4321,14691,14692],{"class":4337},"={",[4321,14694,14695],{"class":4340},"trips}\n",[4321,14697,14698,14701,14704,14707,14709,14711,14713],{"class":4323,"line":5695},[4321,14699,14700],{"class":4334},"          keyExtractor",[4321,14702,14703],{"class":4337},"={(",[4321,14705,14706],{"class":4340},"item",[4321,14708,5337],{"class":4337},[4321,14710,8613],{"class":4346},[4321,14712,13760],{"class":4337},[4321,14714,14715],{"class":4346},"item.id}\n",[4321,14717,14718,14721],{"class":4323,"line":5711},[4321,14719,14720],{"class":4334},"          renderItem",[4321,14722,14723],{"class":4337},"={({ item }) => (\n",[4321,14725,14726,14729,14731,14734],{"class":4323,"line":5716},[4321,14727,14728],{"class":4337},"            \u003C",[4321,14730,9547],{"class":4340},[4321,14732,14733],{"class":4346}," style={styles.card",[4321,14735,14343],{"class":4337},[4321,14737,14738,14741,14743,14746,14748,14751,14753,14755],{"class":4323,"line":5722},[4321,14739,14740],{"class":4337},"              \u003C",[4321,14742,9538],{"class":4340},[4321,14744,14745],{"class":4346}," style={styles.cardTitle",[4321,14747,13401],{"class":4337},[4321,14749,14750],{"class":4346},"{item.title}",[4321,14752,6043],{"class":4337},[4321,14754,14369],{"class":4346},[4321,14756,14593],{"class":4337},[4321,14758,14759,14761,14763,14766],{"class":4323,"line":5744},[4321,14760,14740],{"class":4337},[4321,14762,9538],{"class":4340},[4321,14764,14765],{"class":4346}," style={styles.cardDate",[4321,14767,14343],{"class":4337},[4321,14769,14770,14773,14776,14779],{"class":4323,"line":5772},[4321,14771,14772],{"class":4337},"                {",[4321,14774,14775],{"class":4340},"item.startDate}",[4321,14777,14778],{"class":4346}," —",[4321,14780,14781],{"class":4346}," {item.endDate}\n",[4321,14783,14784,14786,14789],{"class":4323,"line":5778},[4321,14785,14740],{"class":4337},[4321,14787,14788],{"class":4340},"\u002FText",[4321,14790,9880],{"class":4337},[4321,14792,14793,14795,14797],{"class":4323,"line":5783},[4321,14794,14728],{"class":4337},[4321,14796,14600],{"class":4340},[4321,14798,9880],{"class":4337},[4321,14800,14801],{"class":4323,"line":5789},[4321,14802,14803],{"class":4337},"          )}\n",[4321,14805,14806,14809],{"class":4323,"line":5812},[4321,14807,14808],{"class":4340},"        \u002F",[4321,14810,9880],{"class":4337},[4321,14812,14813],{"class":4323,"line":5817},[4321,14814,14815],{"class":4337},"      )}\n",[4321,14817,14818,14820,14823],{"class":4323,"line":5823},[4321,14819,9859],{"class":4337},[4321,14821,14822],{"class":4340},"\u002FScreen",[4321,14824,9880],{"class":4337},[4321,14826,14827],{"class":4323,"line":7383},[4321,14828,7216],{"class":4337},[4321,14830,14831],{"class":4323,"line":7389},[4321,14832,5775],{"class":4337},[4321,14834,14835],{"class":4323,"line":8980},[4321,14836,4428],{"emptyLinePlaceholder":4427},[4321,14838,14839,14841,14843,14845,14847],{"class":4323,"line":8985},[4321,14840,4386],{"class":4340},[4321,14842,10226],{"class":4346},[4321,14844,13019],{"class":4346},[4321,14846,13431],{"class":4346},[4321,14848,6455],{"class":4337},[4321,14850,14851,14853,14855,14858,14861,14864,14866],{"class":4323,"line":8990},[4321,14852,10398],{"class":4340},[4321,14854,12919],{"class":4346},[4321,14856,14857],{"class":4346}," padding:",[4321,14859,14860],{"class":4346}," 16,",[4321,14862,14863],{"class":4346}," backgroundColor:",[4321,14865,10419],{"class":4346},[4321,14867,14868],{"class":4346}," },\n",[4321,14870,14871,14873,14875,14878,14881,14884,14886],{"class":4323,"line":8995},[4321,14872,10453],{"class":4340},[4321,14874,12919],{"class":4346},[4321,14876,14877],{"class":4346}," fontSize:",[4321,14879,14880],{"class":4346}," 28,",[4321,14882,14883],{"class":4346}," fontWeight:",[4321,14885,10475],{"class":4346},[4321,14887,14868],{"class":4346},[4321,14889,14890,14893,14895,14898,14901,14904,14907,14910,14912],{"class":4323,"line":9992},[4321,14891,14892],{"class":4340},"  empty:",[4321,14894,12919],{"class":4346},[4321,14896,14897],{"class":4346}," flex:",[4321,14899,14900],{"class":4346}," 1,",[4321,14902,14903],{"class":4346}," justifyContent:",[4321,14905,14906],{"class":4346}," 'center',",[4321,14908,14909],{"class":4346}," alignItems:",[4321,14911,10676],{"class":4346},[4321,14913,14868],{"class":4346},[4321,14915,14916,14919,14921,14923,14925,14928,14930],{"class":4323,"line":10000},[4321,14917,14918],{"class":4340},"  emptyText:",[4321,14920,12919],{"class":4346},[4321,14922,14877],{"class":4346},[4321,14924,14860],{"class":4346},[4321,14926,14927],{"class":4346}," color:",[4321,14929,10519],{"class":4346},[4321,14931,14868],{"class":4346},[4321,14933,14934,14937,14939,14941,14943,14946,14949,14951,14954,14957,14959],{"class":4323,"line":10019},[4321,14935,14936],{"class":4340},"  card:",[4321,14938,12919],{"class":4346},[4321,14940,14857],{"class":4346},[4321,14942,14860],{"class":4346},[4321,14944,14945],{"class":4346}," margin:",[4321,14947,14948],{"class":4346}," 8,",[4321,14950,14863],{"class":4346},[4321,14952,14953],{"class":4346}," '#fff',",[4321,14955,14956],{"class":4346}," borderRadius:",[4321,14958,10610],{"class":4375},[4321,14960,14868],{"class":4346},[4321,14962,14963,14966,14968,14970,14973,14975,14977],{"class":4323,"line":10033},[4321,14964,14965],{"class":4340},"  cardTitle:",[4321,14967,12919],{"class":4346},[4321,14969,14877],{"class":4346},[4321,14971,14972],{"class":4346}," 18,",[4321,14974,14883],{"class":4346},[4321,14976,10864],{"class":4346},[4321,14978,14868],{"class":4346},[4321,14980,14981,14984,14986,14988,14991,14993,14996,14999,15001],{"class":4323,"line":10048},[4321,14982,14983],{"class":4340},"  cardDate:",[4321,14985,12919],{"class":4346},[4321,14987,14877],{"class":4346},[4321,14989,14990],{"class":4346}," 14,",[4321,14992,14927],{"class":4346},[4321,14994,14995],{"class":4346}," '#666',",[4321,14997,14998],{"class":4346}," marginTop:",[4321,15000,10530],{"class":4375},[4321,15002,14868],{"class":4346},[4321,15004,15005],{"class":4323,"line":10059},[4321,15006,6484],{"class":4337},[3839,15008],{},[3846,15010,15012],{"id":15011},"розбір-ключових-змін","Розбір ключових змін",[10891,15014,15016],{"id":15015},"_1-mmkv-адаптер-для-redux-persist","1. MMKV-адаптер для redux-persist",[4312,15018,15020],{"className":4314,"code":15019,"language":4316,"meta":4317,"style":4317},"\u002F\u002F src\u002Fshared\u002Flib\u002Fstorage.ts\nexport const mmkvStorage = {\n  setItem: (key: string, value: string) => {\n    storage.set(key, value);\n  },\n  getItem: (key: string) => {\n    const val = storage.getString(key);\n    return val ?? null; \u002F\u002F redux-persist очікує null, якщо ключ не існує\n  },\n  removeItem: (key: string) => {\n    storage.delete(key);\n  },\n};\n",[3750,15021,15022,15027,15037,15066,15084,15088,15109,15129,15144,15148,15169,15183,15187],{"__ignoreMap":4317},[4321,15023,15024],{"class":4323,"line":4324},[4321,15025,15026],{"class":4327},"\u002F\u002F src\u002Fshared\u002Flib\u002Fstorage.ts\n",[4321,15028,15029,15031,15033,15035],{"class":4323,"line":4331},[4321,15030,6026],{"class":4440},[4321,15032,6029],{"class":4385},[4321,15034,12962],{"class":4352},[4321,15036,6035],{"class":4337},[4321,15038,15039,15042,15044,15046,15048,15050,15052,15054,15056,15058,15060,15062,15064],{"class":4323,"line":4382},[4321,15040,15041],{"class":4340},"  setItem",[4321,15043,6210],{"class":4334},[4321,15045,3985],{"class":4337},[4321,15047,6053],{"class":4334},[4321,15049,6056],{"class":4337},[4321,15051,6059],{"class":6046},[4321,15053,4190],{"class":4337},[4321,15055,6064],{"class":4334},[4321,15057,6056],{"class":4337},[4321,15059,6059],{"class":6046},[4321,15061,5337],{"class":4337},[4321,15063,6223],{"class":4385},[4321,15065,6077],{"class":4337},[4321,15067,15068,15070,15072,15074,15076,15078,15080,15082],{"class":4323,"line":4424},[4321,15069,6082],{"class":4334},[4321,15071,4170],{"class":4337},[4321,15073,4553],{"class":4340},[4321,15075,4343],{"class":4337},[4321,15077,6053],{"class":4334},[4321,15079,4190],{"class":4337},[4321,15081,6064],{"class":4334},[4321,15083,4421],{"class":4337},[4321,15085,15086],{"class":4323,"line":4431},[4321,15087,6109],{"class":4337},[4321,15089,15090,15093,15095,15097,15099,15101,15103,15105,15107],{"class":4323,"line":4437},[4321,15091,15092],{"class":4340},"  getItem",[4321,15094,6210],{"class":4334},[4321,15096,3985],{"class":4337},[4321,15098,6053],{"class":4334},[4321,15100,6056],{"class":4337},[4321,15102,6059],{"class":6046},[4321,15104,5337],{"class":4337},[4321,15106,6223],{"class":4385},[4321,15108,6077],{"class":4337},[4321,15110,15111,15113,15115,15117,15119,15121,15123,15125,15127],{"class":4323,"line":4476},[4321,15112,6146],{"class":4385},[4321,15114,13016],{"class":4352},[4321,15116,4392],{"class":4337},[4321,15118,4548],{"class":4334},[4321,15120,4170],{"class":4337},[4321,15122,4595],{"class":4340},[4321,15124,4343],{"class":4337},[4321,15126,6053],{"class":4334},[4321,15128,4421],{"class":4337},[4321,15130,15131,15133,15135,15137,15139,15141],{"class":4323,"line":4500},[4321,15132,6168],{"class":4440},[4321,15134,13016],{"class":4334},[4321,15136,7737],{"class":4337},[4321,15138,4528],{"class":4385},[4321,15140,8101],{"class":4337},[4321,15142,15143],{"class":4327},"\u002F\u002F redux-persist очікує null, якщо ключ не існує\n",[4321,15145,15146],{"class":4323,"line":4534},[4321,15147,6109],{"class":4337},[4321,15149,15150,15153,15155,15157,15159,15161,15163,15165,15167],{"class":4323,"line":4539},[4321,15151,15152],{"class":4340},"  removeItem",[4321,15154,6210],{"class":4334},[4321,15156,3985],{"class":4337},[4321,15158,6053],{"class":4334},[4321,15160,6056],{"class":4337},[4321,15162,6059],{"class":6046},[4321,15164,5337],{"class":4337},[4321,15166,6223],{"class":4385},[4321,15168,6077],{"class":4337},[4321,15170,15171,15173,15175,15177,15179,15181],{"class":4323,"line":4545},[4321,15172,6082],{"class":4334},[4321,15174,4170],{"class":4337},[4321,15176,5702],{"class":4340},[4321,15178,4343],{"class":4337},[4321,15180,6053],{"class":4334},[4321,15182,4421],{"class":4337},[4321,15184,15185],{"class":4323,"line":4582},[4321,15186,6109],{"class":4337},[4321,15188,15189],{"class":4323,"line":4604},[4321,15190,6289],{"class":4337},[3743,15192,15193,4724,15196,15198,15199,4190,15201,4190,15203,15205,15206,15208,15209,4190,15211,4190,15213,15215],{},[3758,15194,15195],{},"Навіщо обгортка?",[3750,15197,4892],{}," очікує storage-об'єкт з методами ",[3750,15200,4238],{},[3750,15202,4408],{},[3750,15204,5070],{}," (інтерфейс, схожий на ",[3750,15207,3795],{},"). MMKV має інший API (",[3750,15210,4553],{},[3750,15212,4595],{},[3750,15214,5702],{},"), тому ми створюємо адаптер.",[3743,15217,15218,15228,15229,15231,15232,11502,15234,15236,15237,15240,15241,4724,15243,15246,15247,15250,15251,4091,15253,4170],{},[3758,15219,15220,15221,15224,15225,11019],{},"Чому ",[3750,15222,15223],{},"val ?? null",", а не ",[3750,15226,15227],{},"val || null"," Якщо збережене значення — порожній рядок ",[3750,15230,9645],{}," (валідне значення), ",[3750,15233,15227],{},[3750,15235,4528],{}," (неправильно). ",[3750,15238,15239],{},"??"," (nullish coalescing) повертає ",[3750,15242,4528],{},[3758,15244,15245],{},"лише"," якщо ",[3750,15248,15249],{},"val"," дійсно ",[3750,15252,9319],{},[3750,15254,4528],{},[10891,15256,15258],{"id":15257},"_2-конфігурація-persistreducer","2. Конфігурація persistReducer",[4312,15260,15262],{"className":4314,"code":15261,"language":4316,"meta":4317,"style":4317},"const tripsPersistConfig = {\n  key: 'trips',              \u002F\u002F Ключ у MMKV буде `persist:trips`\n  storage: mmkvStorage,      \u002F\u002F Наш MMKV-адаптер\n  whitelist: ['items'],      \u002F\u002F Зберігаємо лише поле `items` з slice\n};\n\nconst persistedTripsReducer = persistReducer(tripsPersistConfig, tripsReducer);\n",[3750,15263,15264,15272,15285,15297,15311,15315,15319],{"__ignoreMap":4317},[4321,15265,15266,15268,15270],{"class":4323,"line":4324},[4321,15267,4386],{"class":4385},[4321,15269,13974],{"class":4352},[4321,15271,6035],{"class":4337},[4321,15273,15274,15276,15279,15282],{"class":4323,"line":4331},[4321,15275,13983],{"class":4334},[4321,15277,15278],{"class":4346}," 'trips'",[4321,15280,15281],{"class":4337},",              ",[4321,15283,15284],{"class":4327},"\u002F\u002F Ключ у MMKV буде `persist:trips`\n",[4321,15286,15287,15289,15291,15294],{"class":4323,"line":4382},[4321,15288,13990],{"class":4334},[4321,15290,12962],{"class":4334},[4321,15292,15293],{"class":4337},",      ",[4321,15295,15296],{"class":4327},"\u002F\u002F Наш MMKV-адаптер\n",[4321,15298,15299,15301,15303,15305,15308],{"class":4323,"line":4424},[4321,15300,13998],{"class":4334},[4321,15302,9627],{"class":4337},[4321,15304,14003],{"class":4346},[4321,15306,15307],{"class":4337},"],      ",[4321,15309,15310],{"class":4327},"\u002F\u002F Зберігаємо лише поле `items` з slice\n",[4321,15312,15313],{"class":4323,"line":4431},[4321,15314,6289],{"class":4337},[4321,15316,15317],{"class":4323,"line":4437},[4321,15318,4428],{"emptyLinePlaceholder":4427},[4321,15320,15321,15323,15325,15327,15330,15332,15335,15337,15340],{"class":4323,"line":4476},[4321,15322,4386],{"class":4385},[4321,15324,14021],{"class":4352},[4321,15326,4392],{"class":4337},[4321,15328,15329],{"class":4340},"persistReducer",[4321,15331,4343],{"class":4337},[4321,15333,15334],{"class":4334},"tripsPersistConfig",[4321,15336,4190],{"class":4337},[4321,15338,15339],{"class":4334},"tripsReducer",[4321,15341,4421],{"class":4337},[3743,15343,15344],{},[3758,15345,15346,15347,6210],{},"Що робить ",[3750,15348,15329],{},[3886,15350,15351,15361,15371],{},[3791,15352,15353,15354,15356,15357,15360],{},"Обгортає звичайний Redux reducer (",[3750,15355,15339],{},") у ",[3758,15358,15359],{},"персистентний"," reducer.",[3791,15362,15363,15364,15367,15368,4170],{},"При кожній зміні state (будь-який action, який змінює ",[3750,15365,15366],{},"trips.items",") автоматично викликає ",[3750,15369,15370],{},"storage.setItem('persist:trips', JSON.stringify(state.items))",[3791,15372,15373,15374,15377],{},"При старті застосунку (перед першим рендером) завантажує дані з MMKV і ",[3758,15375,15376],{},"гідрує"," (rehydrate) state.",[3743,15379,15380,15383,15384,15387,15388,4190,15391,4190,15394,15397,15398,15400,15401,15403,15404,15406,15407,4170],{},[3758,15381,15382],{},"Whitelist:"," якби в ",[3750,15385,15386],{},"TripsState"," було кілька полів (наприклад, ",[3750,15389,15390],{},"items",[3750,15392,15393],{},"loading",[3750,15395,15396],{},"error","), і ми хочемо зберігати лише ",[3750,15399,15390],{}," (а ",[3750,15402,15393],{},"\u002F",[3750,15405,15396],{}," — ні, бо вони тимчасові), ми вказуємо ",[3750,15408,15409],{},"whitelist: ['items']",[10891,15411,15413],{"id":15412},"_3-middleware-для-serializablecheck","3. Middleware для serializableCheck",[4312,15415,15417],{"className":4314,"code":15416,"language":4316,"meta":4317,"style":4317},"middleware: (getDefaultMiddleware) =>\n  getDefaultMiddleware({\n    serializableCheck: {\n      ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\n    },\n  }),\n",[3750,15418,15419,15436,15443,15450,15487,15491],{"__ignoreMap":4317},[4321,15420,15421,15425,15428,15431,15433],{"class":4323,"line":4324},[4321,15422,15424],{"class":15423},"s5IvJ","middleware",[4321,15426,15427],{"class":4337},": (",[4321,15429,15430],{"class":4334},"getDefaultMiddleware",[4321,15432,5337],{"class":4337},[4321,15434,15435],{"class":4385},"=>\n",[4321,15437,15438,15441],{"class":4323,"line":4331},[4321,15439,15440],{"class":4340},"  getDefaultMiddleware",[4321,15442,6455],{"class":4337},[4321,15444,15445,15448],{"class":4323,"line":4382},[4321,15446,15447],{"class":4334},"    serializableCheck:",[4321,15449,6077],{"class":4337},[4321,15451,15452,15455,15457,15460,15462,15465,15467,15470,15472,15475,15477,15480,15482,15485],{"class":4323,"line":4424},[4321,15453,15454],{"class":4334},"      ignoredActions:",[4321,15456,9627],{"class":4337},[4321,15458,15459],{"class":4352},"FLUSH",[4321,15461,4190],{"class":4337},[4321,15463,15464],{"class":4352},"REHYDRATE",[4321,15466,4190],{"class":4337},[4321,15468,15469],{"class":4352},"PAUSE",[4321,15471,4190],{"class":4337},[4321,15473,15474],{"class":4352},"PERSIST",[4321,15476,4190],{"class":4337},[4321,15478,15479],{"class":4352},"PURGE",[4321,15481,4190],{"class":4337},[4321,15483,15484],{"class":4352},"REGISTER",[4321,15486,14006],{"class":4337},[4321,15488,15489],{"class":4323,"line":4431},[4321,15490,13719],{"class":4337},[4321,15492,15493],{"class":4323,"line":4437},[4321,15494,15495],{"class":4337},"  }),\n",[3743,15497,15498],{},[3758,15499,15500],{},"Навіщо це?",[3743,15502,15503,15504,15507,15508,15510,15511,3985,15514,4190,15516,15518,15519,15521],{},"Redux Toolkit за замовчуванням перевіряє, що всі action і state ",[3758,15505,15506],{},"серіалізуються"," (можна перетворити в JSON). Це важливо для Redux DevTools, time-travel debugging тощо. Але ",[3750,15509,4892],{}," використовує ",[3758,15512,15513],{},"спеціальні actions",[3750,15515,15464],{},[3750,15517,15474],{}," тощо), які містять функції та Promise — вони ",[3758,15520,4770],{}," серіалізуються.",[3743,15523,15524],{},"Якщо не ігнорувати ці actions, Redux Toolkit кине попередження в консоль:",[4312,15526,15530],{"className":15527,"code":15529,"language":9630},[15528],"language-text","A non-serializable value was detected in an action, in the path: `register`. \n",[3750,15531,15529],{"__ignoreMap":4317},[3743,15533,15534],{},"Ми кажемо: «Для цих конкретних actions не перевіряй серіалізацію — вони частина redux-persist, і це нормально».",[10891,15536,15538],{"id":15537},"_4-persistgate-затримка-рендера-до-гідратації","4. PersistGate — затримка рендера до гідратації",[4312,15540,15542],{"className":8594,"code":15541,"language":8596,"meta":4317,"style":4317},"\u003CPersistGate loading={\u003CText>Завантаження...\u003C\u002FText>} persistor={persistor}>\n  \u003CSlot \u002F>\n\u003C\u002FPersistGate>\n",[3750,15543,15544,15586,15595],{"__ignoreMap":4317},[4321,15545,15546,15548,15550,15553,15555,15557,15559,15561,15563,15565,15567,15569,15571,15573,15575,15577,15579,15582,15584],{"class":4323,"line":4324},[4321,15547,6043],{"class":8603},[4321,15549,14350],{"class":6046},[4321,15551,15552],{"class":8609}," loading",[4321,15554,8613],{"class":4337},[4321,15556,8616],{"class":4385},[4321,15558,6043],{"class":8603},[4321,15560,9538],{"class":6046},[4321,15562,9929],{"class":8603},[4321,15564,14364],{"class":8427},[4321,15566,9935],{"class":8603},[4321,15568,9538],{"class":6046},[4321,15570,9929],{"class":8603},[4321,15572,7464],{"class":4385},[4321,15574,14143],{"class":8609},[4321,15576,8613],{"class":4337},[4321,15578,8616],{"class":4385},[4321,15580,15581],{"class":4334},"persistor",[4321,15583,7464],{"class":4385},[4321,15585,9880],{"class":8603},[4321,15587,15588,15591,15593],{"class":4323,"line":4331},[4321,15589,15590],{"class":8603},"  \u003C",[4321,15592,14385],{"class":6046},[4321,15594,8658],{"class":8603},[4321,15596,15597,15599,15601],{"class":4323,"line":4382},[4321,15598,9935],{"class":8603},[4321,15600,14350],{"class":6046},[4321,15602,9880],{"class":8603},[3743,15604,15605],{},[3758,15606,15346,15607,6210],{},[3750,15608,14350],{},[3886,15610,15611,15624],{},[3791,15612,15613,15614,15617,15618,4724,15620,15623],{},"Затримує рендер дочірніх компонентів (",[3750,15615,15616],{},"\u003CSlot \u002F>"," — це вся навігація Expo Router) до того моменту, коли ",[3750,15619,4892],{},[3758,15621,15622],{},"завершить гідратацію"," (завантажить дані з MMKV у Redux store).",[3791,15625,15626,15627,15629],{},"Поки гідратація йде (зазвичай кілька мілісекунд), показує ",[3750,15628,15393],{}," fallback (у нас — текст «Завантаження...»).",[3743,15631,15632],{},[3758,15633,15634],{},"Навіщо затримувати рендер?",[3743,15636,15637,15638,15640],{},"Без ",[3750,15639,14350],{}," може статися race condition:",[3788,15642,15643,15646,15657,15660],{},[3791,15644,15645],{},"Застосунок рендерить екран поїздок.",[3791,15647,15648,15649,15652,15653,15656],{},"Компонент читає ",[3750,15650,15651],{},"useSelector((state) => state.trips.items)"," — store ще ",[3758,15654,15655],{},"порожній"," (гідратація не завершилась).",[3791,15658,15659],{},"Користувач бачить «Поки що немає поїздок» (empty state).",[3791,15661,15662,15663,4170],{},"Через 50 мс гідратація завершується, store наповнюється — компонент перерендерюється, і поїздки ",[3758,15664,15665],{},"з'являються",[3743,15667,15668,15669,15672,15673,15675],{},"Це виглядає як ",[3758,15670,15671],{},"мерехтіння"," (порожній екран → раптом дані). ",[3750,15674,14350],{}," запобігає цьому: показує fallback, поки дані не готові.",[3918,15677,15678,15680,15681,15684,15685,15687],{},[3758,15679,6526],{}," для MMKV гідратація ",[3758,15682,15683],{},"настільки швидка"," (мілісекунди), що ",[3750,15686,15393],{}," fallback майже ніколи не видно. Але якщо ви використовуєте AsyncStorage (повільніший) або зберігаєте великий обсяг даних, fallback може з'являтися на старих пристроях. У такому випадку замість простого тексту покажіть skeleton screen (сіра анімація каркасу списку) — UX буде приємнішим.",[3839,15689],{},[3846,15691,15693],{"id":15692},"перевірка-персистентність-у-дії","Перевірка — персистентність у дії",[3743,15695,15696],{},"Тепер протестуємо, що поїздки справді зберігаються між перезапусками.",[11539,15698,15699,15703,15706,15976,15979,15983,15997,16005,16008,16018,16022],{},[10891,15700,15702],{"id":15701},"крок-1-додайте-нову-поїздку","Крок 1: Додайте нову поїздку",[3743,15704,15705],{},"Якщо у вас ще немає форми створення поїздки (стаття 10), створіть тимчасову кнопку на головному екрані:",[4312,15707,15709],{"className":8594,"code":15708,"language":8596,"meta":4317,"style":4317},"\u002F\u002F app\u002F(tabs)\u002Findex.tsx (тимчасово для тесту)\nimport { useDispatch } from 'react-redux';\nimport { addTrip } from '@\u002Fentities\u002Ftrip\u002Fmodel\u002Fslice';\nimport { Button } from 'react-native';\n\nexport default function TripsScreen() {\n  const dispatch = useDispatch();\n  \n  const handleAddMockTrip = () => {\n    dispatch(addTrip({\n      id: Date.now().toString(),\n      title: 'Тестова поїздка',\n      startDate: '2024-08-01',\n      endDate: '2024-08-10',\n      createdAt: new Date().toISOString(),\n    }));\n  };\n\n  return (\n    \u003CScreen>\n      {\u002F* ... header ... *\u002F}\n      \u003CButton title=\"Додати тестову поїздку\" onPress={handleAddMockTrip} \u002F>\n      {\u002F* ... список поїздок ... *\u002F}\n    \u003C\u002FScreen>\n  );\n}\n",[3750,15710,15711,15716,15733,15750,15766,15770,15782,15795,15799,15812,15823,15842,15852,15862,15872,15887,15892,15896,15900,15906,15914,15923,15951,15960,15968,15972],{"__ignoreMap":4317},[4321,15712,15713],{"class":4323,"line":4324},[4321,15714,15715],{"class":4327},"\u002F\u002F app\u002F(tabs)\u002Findex.tsx (тимчасово для тесту)\n",[4321,15717,15718,15720,15722,15725,15727,15729,15731],{"class":4323,"line":4331},[4321,15719,4973],{"class":4440},[4321,15721,5471],{"class":4337},[4321,15723,15724],{"class":4334},"useDispatch",[4321,15726,5476],{"class":4337},[4321,15728,5479],{"class":4440},[4321,15730,14250],{"class":4346},[4321,15732,4531],{"class":4337},[4321,15734,15735,15737,15739,15742,15744,15746,15748],{"class":4323,"line":4382},[4321,15736,4973],{"class":4440},[4321,15738,5471],{"class":4337},[4321,15740,15741],{"class":4334},"addTrip",[4321,15743,5476],{"class":4337},[4321,15745,5479],{"class":4440},[4321,15747,13944],{"class":4346},[4321,15749,4531],{"class":4337},[4321,15751,15752,15754,15756,15758,15760,15762,15764],{"class":4323,"line":4424},[4321,15753,4973],{"class":4440},[4321,15755,5471],{"class":4337},[4321,15757,12532],{"class":4334},[4321,15759,5476],{"class":4337},[4321,15761,5479],{"class":4440},[4321,15763,9564],{"class":4346},[4321,15765,4531],{"class":4337},[4321,15767,15768],{"class":4323,"line":4431},[4321,15769,4428],{"emptyLinePlaceholder":4427},[4321,15771,15772,15774,15776,15778,15780],{"class":4323,"line":4437},[4321,15773,6026],{"class":4440},[4321,15775,9612],{"class":4440},[4321,15777,7654],{"class":4385},[4321,15779,14510],{"class":4340},[4321,15781,9620],{"class":4337},[4321,15783,15784,15786,15789,15791,15793],{"class":4323,"line":4476},[4321,15785,7684],{"class":4385},[4321,15787,15788],{"class":4352}," dispatch",[4321,15790,4392],{"class":4337},[4321,15792,15724],{"class":4340},[4321,15794,5511],{"class":4337},[4321,15796,15797],{"class":4323,"line":4500},[4321,15798,6114],{"class":4337},[4321,15800,15801,15803,15806,15808,15810],{"class":4323,"line":4534},[4321,15802,7684],{"class":4385},[4321,15804,15805],{"class":4340}," handleAddMockTrip",[4321,15807,9810],{"class":4337},[4321,15809,6223],{"class":4385},[4321,15811,6077],{"class":4337},[4321,15813,15814,15817,15819,15821],{"class":4323,"line":4539},[4321,15815,15816],{"class":4340},"    dispatch",[4321,15818,4343],{"class":4337},[4321,15820,15741],{"class":4340},[4321,15822,6455],{"class":4337},[4321,15824,15825,15828,15830,15832,15834,15836,15839],{"class":4323,"line":4545},[4321,15826,15827],{"class":4334},"      id:",[4321,15829,6767],{"class":4334},[4321,15831,4170],{"class":4337},[4321,15833,8430],{"class":4340},[4321,15835,12115],{"class":4337},[4321,15837,15838],{"class":4340},"toString",[4321,15840,15841],{"class":4337},"(),\n",[4321,15843,15844,15847,15850],{"class":4323,"line":4582},[4321,15845,15846],{"class":4334},"      title:",[4321,15848,15849],{"class":4346}," 'Тестова поїздка'",[4321,15851,6466],{"class":4337},[4321,15853,15854,15857,15860],{"class":4323,"line":4604},[4321,15855,15856],{"class":4334},"      startDate:",[4321,15858,15859],{"class":4346}," '2024-08-01'",[4321,15861,6466],{"class":4337},[4321,15863,15864,15867,15870],{"class":4323,"line":5112},[4321,15865,15866],{"class":4334},"      endDate:",[4321,15868,15869],{"class":4346}," '2024-08-10'",[4321,15871,6466],{"class":4337},[4321,15873,15874,15877,15879,15881,15883,15885],{"class":4323,"line":5143},[4321,15875,15876],{"class":4334},"      createdAt:",[4321,15878,6816],{"class":4385},[4321,15880,6767],{"class":4340},[4321,15882,12115],{"class":4337},[4321,15884,12118],{"class":4340},[4321,15886,15841],{"class":4337},[4321,15888,15889],{"class":4323,"line":5148},[4321,15890,15891],{"class":4337},"    }));\n",[4321,15893,15894],{"class":4323,"line":5154},[4321,15895,9791],{"class":4337},[4321,15897,15898],{"class":4323,"line":5177},[4321,15899,4428],{"emptyLinePlaceholder":4427},[4321,15901,15902,15904],{"class":4323,"line":5684},[4321,15903,9851],{"class":4440},[4321,15905,9854],{"class":4337},[4321,15907,15908,15910,15912],{"class":4323,"line":5689},[4321,15909,9859],{"class":8603},[4321,15911,12526],{"class":6046},[4321,15913,9880],{"class":8603},[4321,15915,15916,15918,15921],{"class":4323,"line":5695},[4321,15917,14607],{"class":4385},[4321,15919,15920],{"class":4327},"\u002F* ... header ... *\u002F",[4321,15922,5775],{"class":4385},[4321,15924,15925,15927,15929,15932,15934,15937,15940,15942,15944,15947,15949],{"class":4323,"line":5711},[4321,15926,9885],{"class":8603},[4321,15928,12532],{"class":6046},[4321,15930,15931],{"class":8609}," title",[4321,15933,8613],{"class":4337},[4321,15935,15936],{"class":4346},"\"Додати тестову поїздку\"",[4321,15938,15939],{"class":8609}," onPress",[4321,15941,8613],{"class":4337},[4321,15943,8616],{"class":4385},[4321,15945,15946],{"class":4334},"handleAddMockTrip",[4321,15948,7464],{"class":4385},[4321,15950,8658],{"class":8603},[4321,15952,15953,15955,15958],{"class":4323,"line":5716},[4321,15954,14607],{"class":4385},[4321,15956,15957],{"class":4327},"\u002F* ... список поїздок ... *\u002F",[4321,15959,5775],{"class":4385},[4321,15961,15962,15964,15966],{"class":4323,"line":5722},[4321,15963,10320],{"class":8603},[4321,15965,12526],{"class":6046},[4321,15967,9880],{"class":8603},[4321,15969,15970],{"class":4323,"line":5744},[4321,15971,7216],{"class":4337},[4321,15973,15974],{"class":4323,"line":5772},[4321,15975,5775],{"class":4337},[3743,15977,15978],{},"Натисніть кнопку — поїздка з'явиться у списку.",[10891,15980,15982],{"id":15981},"крок-2-перезапустіть-застосунок-повністю","Крок 2: Перезапустіть застосунок (повністю)",[3886,15984,15985,15991],{},[3791,15986,15987,15990],{},[3758,15988,15989],{},"iOS:"," закрийте застосунок через app switcher (свайп вгору), відкрийте знову.",[3791,15992,15993,15996],{},[3758,15994,15995],{},"Android:"," натисніть Back або завершіть процес через Recent Apps.",[3743,15998,15999,16001,16002,16004],{},[3758,16000,11510],{}," саме ",[3758,16003,11583],{},", не просто перейдіть у фон. Ми хочемо перевірити, що дані переживають повне завершення.",[10891,16006,11591],{"id":16007},"крок-3-відкрийте-застосунок-знову-1",[3743,16009,16010,16011,16014,16015,16017],{},"Ви побачите: ",[3758,16012,16013],{},"поїздка на місці","! Redux store завантажив дані з MMKV при старті (через ",[3750,16016,4892],{}," гідратацію), і список відобразився одразу.",[10891,16019,16021],{"id":16020},"крок-4-видаліть-застосунок-і-встановіть-знову-опційно","Крок 4: Видаліть застосунок і встановіть знову (опційно)",[3743,16023,16024,16025,16028],{},"Якщо ви видалите застосунок з пристрою (uninstall) і встановіте заново, дані ",[3758,16026,16027],{},"зникнуть"," — це очікувана поведінка. Операційна система видаляє всю піщаницю застосунку (app sandbox), включно з файлами MMKV. Це не баг — це захист приватності (інакше дані застосунку лишалися б на пристрої навіть після видалення).",[3824,16030,16031,16036,16039,16055,16062,16158],{},[3743,16032,16033],{},[3758,16034,16035],{},"Що зберігається в MMKV:",[3743,16037,16038],{},"Після додавання поїздки подивіться в MMKV-файл (якщо цікаво):",[3886,16040,16041,16049],{},[3791,16042,16043,16045,16046,4170],{},[3758,16044,15989],{}," файл лежить у ",[3750,16047,16048],{},"~\u002FLibrary\u002FDeveloper\u002FCoreSimulator\u002FDevices\u002F\u003CUDID>\u002Fdata\u002FContainers\u002FData\u002FApplication\u002F\u003CAPP_ID>\u002FLibrary\u002Fmmkv\u002F",[3791,16050,16051,4724,16053,4170],{},[3758,16052,15995],{},[3750,16054,11638],{},[3743,16056,16057,16058,16061],{},"Під ключем ",[3750,16059,16060],{},"persist:trips"," буде JSON зі списком поїздок:",[4312,16063,16067],{"className":16064,"code":16065,"language":16066,"meta":4317,"style":4317},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"items\": [\n    {\n      \"id\": \"1735123456789\",\n      \"title\": \"Тестова поїздка\",\n      \"startDate\": \"2024-08-01\",\n      \"endDate\": \"2024-08-10\",\n      \"createdAt\": \"2024-12-25T10:30:00.000Z\"\n    }\n  ]\n}\n","json",[3750,16068,16069,16073,16082,16087,16099,16111,16123,16135,16145,16149,16154],{"__ignoreMap":4317},[4321,16070,16071],{"class":4323,"line":4324},[4321,16072,12653],{"class":4337},[4321,16074,16075,16079],{"class":4323,"line":4331},[4321,16076,16078],{"class":16077},"sLwNe","  \"items\"",[4321,16080,16081],{"class":4337},": [\n",[4321,16083,16084],{"class":4323,"line":4382},[4321,16085,16086],{"class":4337},"    {\n",[4321,16088,16089,16092,16094,16097],{"class":4323,"line":4424},[4321,16090,16091],{"class":16077},"      \"id\"",[4321,16093,6056],{"class":4337},[4321,16095,16096],{"class":4346},"\"1735123456789\"",[4321,16098,6466],{"class":4337},[4321,16100,16101,16104,16106,16109],{"class":4323,"line":4431},[4321,16102,16103],{"class":16077},"      \"title\"",[4321,16105,6056],{"class":4337},[4321,16107,16108],{"class":4346},"\"Тестова поїздка\"",[4321,16110,6466],{"class":4337},[4321,16112,16113,16116,16118,16121],{"class":4323,"line":4437},[4321,16114,16115],{"class":16077},"      \"startDate\"",[4321,16117,6056],{"class":4337},[4321,16119,16120],{"class":4346},"\"2024-08-01\"",[4321,16122,6466],{"class":4337},[4321,16124,16125,16128,16130,16133],{"class":4323,"line":4476},[4321,16126,16127],{"class":16077},"      \"endDate\"",[4321,16129,6056],{"class":4337},[4321,16131,16132],{"class":4346},"\"2024-08-10\"",[4321,16134,6466],{"class":4337},[4321,16136,16137,16140,16142],{"class":4323,"line":4500},[4321,16138,16139],{"class":16077},"      \"createdAt\"",[4321,16141,6056],{"class":4337},[4321,16143,16144],{"class":4346},"\"2024-12-25T10:30:00.000Z\"\n",[4321,16146,16147],{"class":4323,"line":4534},[4321,16148,9718],{"class":4337},[4321,16150,16151],{"class":4323,"line":4539},[4321,16152,16153],{"class":4337},"  ]\n",[4321,16155,16156],{"class":4323,"line":4545},[4321,16157,5775],{"class":4337},[3743,16159,16160,16161,16163],{},"Redux-persist серіалізує весь ",[3750,16162,15366],{}," у JSON і зберігає під одним ключем. При гідратації десеріалізує назад.",[3839,16165],{},[3846,16167,16169],{"id":16168},"коміт-у-репозиторій-nomad","Коміт у репозиторій Nomad",[3743,16171,16172],{},"Коли ви впевнені, що персистентність працює (тест пройшов), зробіть коміт:",[4312,16174,16176],{"className":5398,"code":16175,"language":5400,"meta":4317,"style":4317},"cd \u002Fpath\u002Fto\u002Fnomad  # ваш локальний клон https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad\ngit add -A\ngit commit -m \"feat: persist trips offline with mmkv\n\nMaterial: content\u002F15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite.md\"\ngit push\n",[3750,16177,16178,16188,16198,16211,16215,16220],{"__ignoreMap":4317},[4321,16179,16180,16182,16185],{"class":4323,"line":4324},[4321,16181,5442],{"class":4340},[4321,16183,16184],{"class":4346}," \u002Fpath\u002Fto\u002Fnomad",[4321,16186,16187],{"class":4327},"  # ваш локальний клон https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad\n",[4321,16189,16190,16193,16195],{"class":4323,"line":4331},[4321,16191,16192],{"class":4340},"git",[4321,16194,5426],{"class":4346},[4321,16196,16197],{"class":4385}," -A\n",[4321,16199,16200,16202,16205,16208],{"class":4323,"line":4382},[4321,16201,16192],{"class":4340},[4321,16203,16204],{"class":4346}," commit",[4321,16206,16207],{"class":4385}," -m",[4321,16209,16210],{"class":4346}," \"feat: persist trips offline with mmkv\n",[4321,16212,16213],{"class":4323,"line":4424},[4321,16214,4428],{"emptyLinePlaceholder":4427},[4321,16216,16217],{"class":4323,"line":4431},[4321,16218,16219],{"class":4346},"Material: content\u002F15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite.md\"\n",[4321,16221,16222,16224],{"class":4323,"line":4437},[4321,16223,16192],{"class":4340},[4321,16225,16226],{"class":4346}," push\n",[3743,16228,16229,16232],{},[3758,16230,16231],{},"Один коміт на статтю"," — всі зміни (встановлення MMKV, створення storage.ts, конфігурація redux-persist, оновлення _layout.tsx) в одному коміті. Не робіть окремих комітів «add mmkv», «configure persist», «update layout» — це дробить історію без користі.",[3839,16234],{},[3738,16236,16238],{"id":16237},"частина-4-практичні-завдання","Частина 4. Практичні завдання",[3743,16240,16241],{},"Тепер закріпіть знання через самостійні вправи. Завдання розподілені за рівнями складності.",[3846,16243,16245],{"id":16244},"basic-базове-розуміння","Basic — базове розуміння",[10891,16247,16249],{"id":16248},"_1-термінологія","1. Термінологія",[3743,16251,16252,16253,16256],{},"Поясніть ",[3758,16254,16255],{},"своїми словами"," (не копіюйте визначення з статті):",[3886,16258,16259,16262,16265,16268],{},[3791,16260,16261],{},"Що таке персистентність у мобільному застосунку?",[3791,16263,16264],{},"Чому AsyncStorage повільніший за MMKV?",[3791,16266,16267],{},"Чим key-value сховище відрізняється від реляційної бази даних?",[3791,16269,16270,16271,16273],{},"Навіщо потрібен ",[3750,16272,14350],{}," у Redux-застосунку з redux-persist?",[10891,16275,16277],{"id":16276},"_2-міні-проєкт-налаштування","2. Міні-проєкт «Налаштування»",[3743,16279,16280],{},"Створіть окремий Expo-застосунок з трьома налаштуваннями:",[3886,16282,16283,16289,16295],{},[3791,16284,16285,16288],{},[3758,16286,16287],{},"Тема:"," light \u002F dark (radio buttons або switch).",[3791,16290,16291,16294],{},[3758,16292,16293],{},"Мова:"," українська \u002F англійська (picker).",[3791,16296,16297,16300],{},[3758,16298,16299],{},"Показувати онбординг:"," так \u002F ні (checkbox).",[3743,16302,16303,16304,16306,16307,16310],{},"Зберігайте всі три налаштування в ",[3758,16305,3804],{}," (один об'єкт під ключем ",[3750,16308,16309],{},"'app.settings'","). При перезапуску застосунку налаштування мають відновлюватися.",[3743,16312,16313],{},[3758,16314,16315],{},"Критерії виконання:",[3886,16317,16319,16325,16331,16337],{"className":16318},[12427],[3791,16320,16322,16324],{"className":16321},[12431],[10014,16323],{"disabled":4427,"type":12434}," Екран із трьома контролами (switch, picker, checkbox).",[3791,16326,16328,16330],{"className":16327},[12431],[10014,16329],{"disabled":4427,"type":12434}," При зміні будь-якого налаштування — негайне збереження в MMKV.",[3791,16332,16334,16336],{"className":16333},[12431],[10014,16335],{"disabled":4427,"type":12434}," При перезапуску застосунку всі три налаштування відновлюються.",[3791,16338,16340,16342],{"className":16339},[12431],[10014,16341],{"disabled":4427,"type":12434}," Кнопка «Скинути до дефолту» — видаляє ключ з MMKV, повертає дефолтні значення.",[3839,16344],{},[3846,16346,16348],{"id":16347},"intermediate-самостійна-фіча","Intermediate — самостійна фіча",[10891,16350,16352],{"id":16351},"_3-міні-проєкт-історія-пошуку","3. Міні-проєкт «Історія пошуку»",[3743,16354,16355],{},"Створіть застосунок з текстовим полем пошуку та списком історії (останні 10 запитів). Зберігайте історію в MMKV як масив рядків.",[3743,16357,16358],{},[3758,16359,16360],{},"Вимоги:",[3886,16362,16363,16366,16369,16372,16375,16378],{},[3791,16364,16365],{},"При натисканні «Шукати» (або Enter) — додати запит у масив історії (якщо він не порожній).",[3791,16367,16368],{},"Якщо запит уже є в історії — підняти його на початок (не дублювати).",[3791,16370,16371],{},"Максимум 10 елементів історії (видаляти найстарший при перевищенні).",[3791,16373,16374],{},"При натисканні на елемент історії — заповнити поле пошуку цим запитом.",[3791,16376,16377],{},"Кнопка «Очистити історію» — видалити всю історію з MMKV.",[3791,16379,16380],{},"Історія зберігається між перезапусками.",[3743,16382,16383,16386,16387,16390,16391,16394],{},[3758,16384,16385],{},"Підказка:"," використовуйте ",[3750,16388,16389],{},"Array.unshift()"," для додавання на початок, ",[3750,16392,16393],{},"Array.slice(0, 10)"," для обмеження довжини.",[10891,16396,16398],{"id":16397},"_4-nomad-зберігання-теми-окремо-від-redux","4. Nomad: зберігання теми окремо від Redux",[3743,16400,16401,16402,3985,16405,16408,16409,4170],{},"У Nomad тема зараз (стаття 08) зберігається в Context або Redux. Винесіть тему в ",[3758,16403,16404],{},"окремий ключ MMKV",[3750,16406,16407],{},"'app.theme'","), незалежно від ",[3750,16410,4892],{},[3743,16412,16413,16416,16417,16420],{},[3758,16414,16415],{},"Чому окремо?"," Тема — це налаштування, яке ",[3758,16418,16419],{},"не пов'язане з бізнес-даними"," (поїздками). Якщо користувач скине дані застосунку (або ви захочете очистити кеш поїздок), тема не повинна зникнути.",[3743,16422,16423],{},[3758,16424,16425],{},"Реалізація:",[3886,16427,16428,16435,16445],{},[3791,16429,16430,16431,16434],{},"Створіть ",[3750,16432,16433],{},"useTheme"," hook, який читає\u002Fпише тему в MMKV (не Redux).",[3791,16436,16437,16438,16441,16442,4170],{},"При старті застосунку (в ",[3750,16439,16440],{},"_layout.tsx",") зчитуйте тему з MMKV і застосуйте до ",[3750,16443,16444],{},"ThemeProvider",[3791,16446,16447,16448,16450],{},"При перемиканні теми (чіпи light\u002Fdark) — оновлюйте Context ",[3758,16449,12463],{}," MMKV одночасно.",[3743,16452,16453,16456],{},[3758,16454,16455],{},"Критерій готовності:"," після перезапуску застосунку обрана тема лишається, незалежно від того, чи є поїздки в Redux.",[3839,16458],{},[3846,16460,16462],{"id":16461},"pro-крайові-випадки-та-якість","Pro — крайові випадки та якість",[10891,16464,16466],{"id":16465},"_5-міграція-схеми-mmkv","5. Міграція схеми MMKV",[3743,16468,16469,16470,16472,16473,4170],{},"Уявіть: у версії 1.0 вашого застосунку ви зберігали поїздки як масив під ключем ",[3750,16471,6399],{},". У версії 2.0 ви хочете зберігати не масив, а об'єкт ",[3750,16474,16475],{},"{ items: Trip[], lastSyncAt: string }",[3743,16477,16478,16479,16482],{},"Напишіть ",[3758,16480,16481],{},"міграційну логіку",", яка при старті застосунку:",[3788,16484,16485,16491,16502],{},[3791,16486,16487,16488,16490],{},"Перевіряє, чи існує ключ ",[3750,16489,6399],{}," (старий формат).",[3791,16492,16493,16494,16497,16498,16501],{},"Якщо так — читає масив, обгортає в новий формат ",[3750,16495,16496],{},"{ items: oldArray, lastSyncAt: null }",", зберігає під ключем ",[3750,16499,16500],{},"'trips_v2'",", видаляє старий ключ.",[3791,16503,16504],{},"Якщо ні — нічого не робить (вже новий формат або чистий застосунок).",[3743,16506,16507],{},[3758,16508,16385],{},[4312,16510,16512],{"className":4314,"code":16511,"language":4316,"meta":4317,"style":4317},"function migrateTripsIfNeeded() {\n  const oldKey = 'trips';\n  const newKey = 'trips_v2';\n\n  if (storage.contains(oldKey) && !storage.contains(newKey)) {\n    const oldData = storage.getString(oldKey);\n    if (oldData) {\n      const oldArray = JSON.parse(oldData);\n      const newData = { items: oldArray, lastSyncAt: null };\n      storage.set(newKey, JSON.stringify(newData));\n      storage.delete(oldKey);\n      console.log('Міграція trips: v1 → v2 завершена');\n    }\n  }\n}\n\n\u002F\u002F Викликати при старті застосунку (перед PersistGate)\n",[3750,16513,16514,16524,16537,16550,16554,16587,16608,16619,16641,16664,16692,16706,16722,16726,16730,16734,16738],{"__ignoreMap":4317},[4321,16515,16516,16519,16522],{"class":4323,"line":4324},[4321,16517,16518],{"class":4385},"function",[4321,16520,16521],{"class":4340}," migrateTripsIfNeeded",[4321,16523,9620],{"class":4337},[4321,16525,16526,16528,16531,16533,16535],{"class":4323,"line":4331},[4321,16527,7684],{"class":4385},[4321,16529,16530],{"class":4352}," oldKey",[4321,16532,4392],{"class":4337},[4321,16534,6399],{"class":4346},[4321,16536,4531],{"class":4337},[4321,16538,16539,16541,16544,16546,16548],{"class":4323,"line":4382},[4321,16540,7684],{"class":4385},[4321,16542,16543],{"class":4352}," newKey",[4321,16545,4392],{"class":4337},[4321,16547,16500],{"class":4346},[4321,16549,4531],{"class":4337},[4321,16551,16552],{"class":4323,"line":4424},[4321,16553,4428],{"emptyLinePlaceholder":4427},[4321,16555,16556,16558,16560,16562,16564,16566,16568,16571,16574,16576,16578,16580,16582,16585],{"class":4323,"line":4431},[4321,16557,7751],{"class":4440},[4321,16559,3985],{"class":4337},[4321,16561,4548],{"class":4334},[4321,16563,4170],{"class":4337},[4321,16565,5734],{"class":4340},[4321,16567,4343],{"class":4337},[4321,16569,16570],{"class":4334},"oldKey",[4321,16572,16573],{"class":4337},") && !",[4321,16575,4548],{"class":4334},[4321,16577,4170],{"class":4337},[4321,16579,5734],{"class":4340},[4321,16581,4343],{"class":4337},[4321,16583,16584],{"class":4334},"newKey",[4321,16586,5741],{"class":4337},[4321,16588,16589,16591,16594,16596,16598,16600,16602,16604,16606],{"class":4323,"line":4437},[4321,16590,6146],{"class":4385},[4321,16592,16593],{"class":4352}," oldData",[4321,16595,4392],{"class":4337},[4321,16597,4548],{"class":4334},[4321,16599,4170],{"class":4337},[4321,16601,4595],{"class":4340},[4321,16603,4343],{"class":4337},[4321,16605,16570],{"class":4334},[4321,16607,4421],{"class":4337},[4321,16609,16610,16612,16614,16617],{"class":4323,"line":4476},[4321,16611,9695],{"class":4440},[4321,16613,3985],{"class":4337},[4321,16615,16616],{"class":4334},"oldData",[4321,16618,7674],{"class":4337},[4321,16620,16621,16624,16627,16629,16631,16633,16635,16637,16639],{"class":4323,"line":4500},[4321,16622,16623],{"class":4385},"      const",[4321,16625,16626],{"class":4352}," oldArray",[4321,16628,4392],{"class":4337},[4321,16630,4353],{"class":4352},[4321,16632,4170],{"class":4337},[4321,16634,4399],{"class":4340},[4321,16636,4343],{"class":4337},[4321,16638,16616],{"class":4334},[4321,16640,4421],{"class":4337},[4321,16642,16643,16645,16648,16650,16653,16655,16657,16660,16662],{"class":4323,"line":4534},[4321,16644,16623],{"class":4385},[4321,16646,16647],{"class":4352}," newData",[4321,16649,5094],{"class":4337},[4321,16651,16652],{"class":4334},"items:",[4321,16654,16626],{"class":4334},[4321,16656,4190],{"class":4337},[4321,16658,16659],{"class":4334},"lastSyncAt:",[4321,16661,13040],{"class":4385},[4321,16663,5109],{"class":4337},[4321,16665,16666,16669,16671,16673,16675,16677,16679,16681,16683,16685,16687,16690],{"class":4323,"line":4539},[4321,16667,16668],{"class":4334},"      storage",[4321,16670,4170],{"class":4337},[4321,16672,4553],{"class":4340},[4321,16674,4343],{"class":4337},[4321,16676,16584],{"class":4334},[4321,16678,4190],{"class":4337},[4321,16680,4353],{"class":4352},[4321,16682,4170],{"class":4337},[4321,16684,4358],{"class":4340},[4321,16686,4343],{"class":4337},[4321,16688,16689],{"class":4334},"newData",[4321,16691,5140],{"class":4337},[4321,16693,16694,16696,16698,16700,16702,16704],{"class":4323,"line":4545},[4321,16695,16668],{"class":4334},[4321,16697,4170],{"class":4337},[4321,16699,5702],{"class":4340},[4321,16701,4343],{"class":4337},[4321,16703,16570],{"class":4334},[4321,16705,4421],{"class":4337},[4321,16707,16708,16711,16713,16715,16717,16720],{"class":4323,"line":4582},[4321,16709,16710],{"class":4334},"      console",[4321,16712,4170],{"class":4337},[4321,16714,5752],{"class":4340},[4321,16716,4343],{"class":4337},[4321,16718,16719],{"class":4346},"'Міграція trips: v1 → v2 завершена'",[4321,16721,4421],{"class":4337},[4321,16723,16724],{"class":4323,"line":4604},[4321,16725,9718],{"class":4337},[4321,16727,16728],{"class":4323,"line":5112},[4321,16729,7822],{"class":4337},[4321,16731,16732],{"class":4323,"line":5143},[4321,16733,5775],{"class":4337},[4321,16735,16736],{"class":4323,"line":5148},[4321,16737,4428],{"emptyLinePlaceholder":4427},[4321,16739,16740],{"class":4323,"line":5154},[4321,16741,16742],{"class":4327},"\u002F\u002F Викликати при старті застосунку (перед PersistGate)\n",[3743,16744,16745,16748,16749,16752],{},[3758,16746,16747],{},"Критерій:"," користувач, який оновив застосунок з 1.0 на 2.0, ",[3758,16750,16751],{},"не втрачає"," свої поїздки — вони автоматично мігрують у новий формат.",[10891,16754,16756],{"id":16755},"_6-порівняння-asyncstorage-vs-mmkv-бенчмарк","6. Порівняння AsyncStorage vs MMKV (бенчмарк)",[3743,16758,16759],{},"Створіть екран з двома кнопками:",[3886,16761,16762,16779],{},[3791,16763,16764,16767,16768,4190,16771,16774,16775,16778],{},[3758,16765,16766],{},"Тест AsyncStorage:"," запише 1000 ключів (",[3750,16769,16770],{},"item_0",[3750,16772,16773],{},"item_1",", ..., ",[3750,16776,16777],{},"item_999",") з випадковими рядками по 100 символів, виміряє час.",[3791,16780,16781,16784],{},[3758,16782,16783],{},"Тест MMKV:"," те саме, але в MMKV.",[3743,16786,16787],{},"Виведіть результати (наприклад, «AsyncStorage: 3200 мс, MMKV: 120 мс»). Переконайтеся, що MMKV справді на порядок швидший.",[3743,16789,16790,16386,16792,3989,16795,4091,16798,16801],{},[3758,16791,16385],{},[3750,16793,16794],{},"console.time",[3750,16796,16797],{},"console.timeEnd",[3750,16799,16800],{},"Date.now()"," для вимірювання:",[4312,16803,16805],{"className":4314,"code":16804,"language":4316,"meta":4317,"style":4317},"const start = Date.now();\nfor (let i = 0; i \u003C 1000; i++) {\n  await AsyncStorage.setItem(`item_${i}`, randomString(100));\n}\nconst elapsed = Date.now() - start;\nconsole.log(`AsyncStorage: ${elapsed} мс`);\n",[3750,16806,16807,16824,16858,16893,16897,16919],{"__ignoreMap":4317},[4321,16808,16809,16811,16814,16816,16818,16820,16822],{"class":4323,"line":4324},[4321,16810,4386],{"class":4385},[4321,16812,16813],{"class":4352}," start",[4321,16815,4392],{"class":4337},[4321,16817,8424],{"class":4334},[4321,16819,4170],{"class":4337},[4321,16821,8430],{"class":4340},[4321,16823,5511],{"class":4337},[4321,16825,16826,16829,16831,16834,16837,16839,16841,16843,16846,16848,16851,16853,16855],{"class":4323,"line":4331},[4321,16827,16828],{"class":4440},"for",[4321,16830,3985],{"class":4337},[4321,16832,16833],{"class":4385},"let",[4321,16835,16836],{"class":4334}," i",[4321,16838,4392],{"class":4337},[4321,16840,7740],{"class":4375},[4321,16842,8101],{"class":4337},[4321,16844,16845],{"class":4334},"i",[4321,16847,7759],{"class":4337},[4321,16849,16850],{"class":4375},"1000",[4321,16852,8101],{"class":4337},[4321,16854,16845],{"class":4334},[4321,16856,16857],{"class":4337},"++) {\n",[4321,16859,16860,16862,16864,16866,16868,16870,16873,16875,16877,16879,16881,16883,16886,16888,16891],{"class":4323,"line":4382},[4321,16861,7558],{"class":4440},[4321,16863,4443],{"class":4334},[4321,16865,4170],{"class":4337},[4321,16867,4238],{"class":4340},[4321,16869,4343],{"class":4337},[4321,16871,16872],{"class":4346},"`item_",[4321,16874,7458],{"class":4385},[4321,16876,16845],{"class":4334},[4321,16878,7464],{"class":4385},[4321,16880,7221],{"class":4346},[4321,16882,4190],{"class":4337},[4321,16884,16885],{"class":4340},"randomString",[4321,16887,4343],{"class":4337},[4321,16889,16890],{"class":4375},"100",[4321,16892,5140],{"class":4337},[4321,16894,16895],{"class":4323,"line":4424},[4321,16896,5775],{"class":4337},[4321,16898,16899,16901,16904,16906,16908,16910,16912,16914,16917],{"class":4323,"line":4431},[4321,16900,4386],{"class":4385},[4321,16902,16903],{"class":4352}," elapsed",[4321,16905,4392],{"class":4337},[4321,16907,8424],{"class":4334},[4321,16909,4170],{"class":4337},[4321,16911,8430],{"class":4340},[4321,16913,6835],{"class":4337},[4321,16915,16916],{"class":4334},"start",[4321,16918,4531],{"class":4337},[4321,16920,16921,16923,16925,16927,16929,16932,16934,16937,16939,16942],{"class":4323,"line":4437},[4321,16922,7313],{"class":4334},[4321,16924,4170],{"class":4337},[4321,16926,5752],{"class":4340},[4321,16928,4343],{"class":4337},[4321,16930,16931],{"class":4346},"`AsyncStorage: ",[4321,16933,7458],{"class":4385},[4321,16935,16936],{"class":4334},"elapsed",[4321,16938,7464],{"class":4385},[4321,16940,16941],{"class":4346}," мс`",[4321,16943,4421],{"class":4337},[3743,16945,16946,16949,16950,16953],{},[3758,16947,16948],{},"Очікуваний результат:"," на реальному пристрої (не симуляторі) MMKV має бути ",[3758,16951,16952],{},"в 10–30 разів швидшим"," за AsyncStorage для цього тесту. На симуляторі різниця може бути меншою (симулятор працює на потужному Mac), але все одно помітною.",[10891,16955,16957],{"id":16956},"_7-sqlite-для-історії-транзакцій-складний-сценарій","7. SQLite для історії транзакцій (складний сценарій)",[3743,16959,16960],{},"Створіть застосунок «Бюджет», який зберігає транзакції (витрати\u002Fдоходи) у SQLite:",[3743,16962,16963],{},[3758,16964,16965,16966,6210],{},"Таблиця ",[3750,16967,16968],{},"transactions",[4312,16970,16974],{"className":16971,"code":16972,"language":16973,"meta":4317,"style":4317},"language-sql shiki shiki-themes light-plus dark-plus dark-plus","CREATE TABLE transactions (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  type TEXT NOT NULL,        -- 'income' або 'expense'\n  amount REAL NOT NULL,\n  category TEXT,\n  description TEXT,\n  date TEXT NOT NULL,        -- ISO date\n  createdAt TEXT DEFAULT CURRENT_TIMESTAMP\n);\n","sql",[3750,16975,16976,16989,17003,17020,17032,17042,17051,17065,17078],{"__ignoreMap":4317},[4321,16977,16978,16981,16984,16987],{"class":4323,"line":4324},[4321,16979,16980],{"class":4385},"CREATE",[4321,16982,16983],{"class":4385}," TABLE",[4321,16985,16986],{"class":4340}," transactions",[4321,16988,9854],{"class":4337},[4321,16990,16991,16994,16997,17000],{"class":4323,"line":4331},[4321,16992,16993],{"class":4337},"  id ",[4321,16995,16996],{"class":4385},"INTEGER",[4321,16998,16999],{"class":4385}," PRIMARY KEY",[4321,17001,17002],{"class":4337}," AUTOINCREMENT,\n",[4321,17004,17005,17008,17011,17014,17017],{"class":4323,"line":4382},[4321,17006,17007],{"class":4385},"  type",[4321,17009,17010],{"class":4385}," TEXT",[4321,17012,17013],{"class":4385}," NOT NULL",[4321,17015,17016],{"class":4337},",        ",[4321,17018,17019],{"class":4327},"-- 'income' або 'expense'\n",[4321,17021,17022,17025,17028,17030],{"class":4323,"line":4424},[4321,17023,17024],{"class":4337},"  amount ",[4321,17026,17027],{"class":4385},"REAL",[4321,17029,17013],{"class":4385},[4321,17031,6466],{"class":4337},[4321,17033,17034,17037,17040],{"class":4323,"line":4431},[4321,17035,17036],{"class":4337},"  category ",[4321,17038,17039],{"class":4385},"TEXT",[4321,17041,6466],{"class":4337},[4321,17043,17044,17047,17049],{"class":4323,"line":4437},[4321,17045,17046],{"class":4385},"  description",[4321,17048,17010],{"class":4385},[4321,17050,6466],{"class":4337},[4321,17052,17053,17056,17058,17060,17062],{"class":4323,"line":4476},[4321,17054,17055],{"class":4385},"  date",[4321,17057,17010],{"class":4385},[4321,17059,17013],{"class":4385},[4321,17061,17016],{"class":4337},[4321,17063,17064],{"class":4327},"-- ISO date\n",[4321,17066,17067,17070,17072,17075],{"class":4323,"line":4500},[4321,17068,17069],{"class":4337},"  createdAt ",[4321,17071,17039],{"class":4385},[4321,17073,17074],{"class":4385}," DEFAULT",[4321,17076,17077],{"class":4337}," CURRENT_TIMESTAMP\n",[4321,17079,17080],{"class":4323,"line":4534},[4321,17081,4421],{"class":4337},[3743,17083,17084],{},[3758,17085,17086],{},"Функціонал:",[3886,17088,17089,17092,17095,17098],{},[3791,17090,17091],{},"Форма додавання транзакції (тип, сума, категорія, дата).",[3791,17093,17094],{},"Список транзакцій з фільтром за типом (показати лише витрати \u002F лише доходи).",[3791,17096,17097],{},"Сортування за датою (новіші зверху).",[3791,17099,17100,17101,6829],{},"Підрахунок балансу (сума income мінус сума expense) через SQL-запит (",[3750,17102,17103],{},"SELECT SUM(amount) ... WHERE type = 'income'",[3743,17105,17106,17108],{},[3758,17107,16747],{}," додайте 50+ транзакцій, перезапустіть застосунок — всі дані на місці, фільтрація працює швидко (без завантаження всіх 50 у JS).",[3839,17110],{},[3738,17112,17114],{"id":17113},"підсумок-статті","Підсумок статті",[3743,17116,17117],{},"У цій статті ви дізналися:",[3846,17119,17121],{"id":17120},"теоретичні-концепції","Теоретичні концепції",[3788,17123,17124,17129,17151,17156,17165],{},[3791,17125,17126,17128],{},[3758,17127,3854],{}," — це збереження даних на диску пристрою, щоб вони переживали перезапуск застосунку (обов'язкова вимога для мобільних застосунків, бо ОС може завершити процес будь-коли).",[3791,17130,17131,17134],{},[3758,17132,17133],{},"Три рішення для локального сховища:",[3886,17135,17136,17141,17146],{},[3791,17137,17138,17140],{},[3758,17139,3795],{}," — простий key-value, але повільний і застарілий (не рекомендовано для нових проєктів).",[3791,17142,17143,17145],{},[3758,17144,3804],{}," — швидкий key-value (C++ memory-mapped файл, ProtoBuf), стандарт для налаштувань, кешу, чернеток.",[3791,17147,17148,17150],{},[3758,17149,3810],{}," — реляційна база для складних даних (JOIN, WHERE, тисячі записів).",[3791,17152,17153,17155],{},[3758,17154,4882],{}," — для медіа (зображення, відео); у MMKV\u002FSQLite зберігайте лише URI.",[3791,17157,17158,17161,17162,17164],{},[3758,17159,17160],{},"SecureStore \u002F Keychain"," — для секретів (токени, паролі); MMKV\u002FAsyncStorage ",[3758,17163,4060],{}," за замовчуванням.",[3791,17166,17167,17170],{},[3758,17168,17169],{},"Redux-persist"," — бібліотека для автоматичного збереження Redux state у локальне сховище (MMKV через адаптер).",[3846,17172,17174],{"id":17173},"практичні-навички","Практичні навички",[3788,17176,17177,17184,17194,17201,17208],{},[3791,17178,17179,17180,17183],{},"Створили міні-проєкт ",[3758,17181,17182],{},"«Чернетки»"," з автоматичним збереженням тексту в MMKV.",[3791,17185,17186,17187,17190,17191,17193],{},"Додали ",[3758,17188,17189],{},"персистентність у Nomad",": поїздки зберігаються локально через ",[3750,17192,4892],{}," + MMKV.",[3791,17195,17196,17197,17200],{},"Зрозуміли, як працює ",[3758,17198,17199],{},"гідратація"," (rehydration) — завантаження даних з диска при старті застосунку.",[3791,17202,17203,17204,17207],{},"Навчилися створювати ",[3758,17205,17206],{},"адаптер"," для redux-persist (обгортка над MMKV API).",[3791,17209,17210,17211,17213],{},"Перевірили, що дані ",[3758,17212,3858],{}," завершення процесу застосунку.",[3846,17215,17217],{"id":17216},"ключові-висновки-для-продакшн-застосунків","Ключові висновки для продакшн-застосунків",[17219,17220,17221,17226,17230,17237,17245],"field-group",{},[17222,17223,17225],"field",{"name":17224,"type":3804},"Для налаштувань і кешу","Зберігайте тему, мову, onboarding-статус, невеликі JSON-списки (до кількох сотень об'єктів) у MMKV. Це швидко, просто, не потребує SQL-знань.",[17222,17227,17229],{"name":17228,"type":3810},"Для складних даних","Якщо у вас тисячі записів з фільтрацією, сортуванням, зв'язками (foreign keys) — використовуйте SQLite. Індекси, транзакції, міграції схеми — все вбудовано.",[17222,17231,17233,17236],{"name":17232,"type":17160},"Для секретів",[3758,17234,17235],{},"Ніколи"," не зберігайте паролі, токени авторизації, ключі API в MMKV або AsyncStorage — вони не зашифровані. Використовуйте системні сховища (Expo SecureStore, react-native-keychain).",[17222,17238,17240,17241,17244],{"name":17239,"type":8093},"Для медіа","Зображення, відео, документи зберігайте у файловій системі (Expo FileSystem). У MMKV\u002FSQLite тримайте лише ",[3758,17242,17243],{},"URI"," (шлях до файлу).",[17222,17246,17248,17249,17251],{"name":4886,"type":17247},"Автоматизація","Якщо ви використовуєте Redux (або Zustand з persist middleware), підключіть бібліотеку персистентності — вона автоматично зберігатиме state при кожній зміні. Не пишіть ",[3750,17250,3992],{}," в кожному reducer вручну.",[3839,17253],{},[3846,17255,17257],{"id":17256},"що-далі","Що далі",[3743,17259,17260,17261,17264,17265,6210],{},"У наступній статті (",[3758,17262,17263],{},"20. Offline-first sync",") ми розширимо персистентність до повноцінної ",[3758,17266,17267],{},"офлайн-функціональності",[3886,17269,17270,17276,17286,17292],{},[3791,17271,17272,17275],{},[3758,17273,17274],{},"Outbox-патерн:"," черга операцій (створити поїздку, оновити місце), які чекають синхронізації з API.",[3791,17277,17278,17281,17282,17285],{},[3758,17279,17280],{},"Sync status:"," поля ",[3750,17283,17284],{},"syncStatus"," (pending \u002F synced \u002F error) для кожного запису.",[3791,17287,17288,17291],{},[3758,17289,17290],{},"Conflict resolution:"," що робити, якщо сервер повернув інші дані (користувач змінив поїздку на двох пристроях).",[3791,17293,17294,17297],{},[3758,17295,17296],{},"Оптимістичні оновлення:"," показувати зміни одразу в UI, синхронізувати у фоні.",[3743,17299,17300,17301,17304,17305,17308],{},"Персистентність (стаття 19) — це ",[3758,17302,17303],{},"фундамент","; офлайн-sync (стаття 20) — це ",[3758,17306,17307],{},"архітектура"," поверх неї. Разом вони дають користувачу відчуття «застосунок працює завжди, навіть без інтернету».",[3839,17310],{},[3738,17312,17314],{"id":17313},"додаткові-ресурси","Додаткові ресурси",[3846,17316,17318],{"id":17317},"документація","Документація",[3886,17320,17321,17329,17336,17343],{},[3791,17322,17323,17328],{},[6804,17324,5322],{"href":17325,"rel":17326},"https:\u002F\u002Fgithub.com\u002Fmrousavy\u002Freact-native-mmkv",[17327],"nofollow"," — офіційний репозиторій, приклади, бенчмарки.",[3791,17330,17331,17335],{},[6804,17332,4892],{"href":17333,"rel":17334},"https:\u002F\u002Fgithub.com\u002Frt2zz\u002Fredux-persist",[17327]," — гайд по інтеграції, API, міграціях.",[3791,17337,17338,17342],{},[6804,17339,7032],{"href":17340,"rel":17341},"https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Flatest\u002Fsdk\u002Fsqlite\u002F",[17327]," — Expo SQLite API, приклади схем.",[3791,17344,17345,17349],{},[6804,17346,8015],{"href":17347,"rel":17348},"https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Flatest\u002Fsdk\u002Ffilesystem\u002F",[17327]," — робота з файлами.",[3846,17351,17353],{"id":17352},"статті-та-туторіали","Статті та туторіали",[3886,17355,17356,17364,17372],{},[3791,17357,17358,17363],{},[6804,17359,17362],{"href":17360,"rel":17361},"https:\u002F\u002Fmedium.com\u002F@mrousavy\u002Fasyncstorage-vs-mmkv-9b1e1e1a4b4e",[17327],"Why MMKV is faster than AsyncStorage"," — детальний розбір (Marc Rousavy, автор react-native-mmkv).",[3791,17365,17366,17371],{},[6804,17367,17370],{"href":17368,"rel":17369},"https:\u002F\u002Fblog.logrocket.com\u002Fcomplete-guide-using-sqlite-react-native\u002F",[17327],"SQLite in React Native: A Complete Guide"," — LogRocket гайд (створення таблиць, міграції, hooks).",[3791,17373,17374,17379],{},[6804,17375,17378],{"href":17376,"rel":17377},"https:\u002F\u002Fdev.to\u002Fthis-is-learning\u002Freact-native-redux-persist-with-mmkv-5g3h",[17327],"Redux Persist with MMKV"," — крок-за-кроком інтеграція.",[3846,17381,17383],{"id":17382},"бібліотеки-для-дослідження","Бібліотеки для дослідження",[3886,17385,17386,17391,17397,17403],{},[3791,17387,17388,17390],{},[3758,17389,7058],{}," — сучасна альтернатива expo-sqlite (JSI-based, синхронний API).",[3791,17392,17393,17396],{},[3758,17394,17395],{},"WatermelonDB"," — реактивна база даних для React Native (обгортка над SQLite з rx-підходом).",[3791,17398,17399,17402],{},[3758,17400,17401],{},"react-native-quick-sqlite"," — ще одна швидка SQLite-обгортка.",[3791,17404,17405,4223,17408,17411],{},[3758,17406,17407],{},"zustand",[3758,17409,17410],{},"zustand\u002Fmiddleware\u002Fpersist"," — легка альтернатива Redux з вбудованою персистентністю.",[3839,17413],{},[3738,17415,17417],{"id":17416},"часті-запитання-faq","Часті запитання (FAQ)",[17419,17420,17421,17429,17448,17460,17474,17492,17525],"accordion",{},[17422,17423,17425,17428],"accordion-item",{"title":17424},"Чи можна використовувати MMKV і SQLite одночасно?",[3758,17426,17427],{},"Так",", і це типовий паттерн: MMKV для налаштувань і невеликого кешу (theme, user profile, tokens), SQLite для структурованих даних (список поїздок, транзакцій, повідомлень). Вони не конфліктують — зберігають дані в різних файлах.",[17422,17430,17432,17435,17436,17439,17440,17443,17444,17447],{"title":17431},"Чи треба очищати MMKV при логауті?",[3758,17433,17434],{},"Залежить від даних",". Якщо ви зберігаєте ",[3758,17437,17438],{},"персональні дані користувача"," (список поїздок, повідомлення), то так — при логауті викличте ",[3750,17441,17442],{},"storage.clearAll()"," або видаліть конкретні ключі (",[3750,17445,17446],{},"storage.delete('trips')","). Якщо зберігаєте лише налаштування (theme, language), які не пов'язані з обліковим записом, — можна лишити (інакше після логауту тема скинеться, що дратує користувача).",[17422,17449,17451,17452,17455,17456,17459],{"title":17450},"Як зробити backup локальних даних?","MMKV і SQLite зберігають дані у файлах. Ви можете експортувати ці файли (через FileSystem) і завантажити на сервер або у хмарне сховище (iCloud, Google Drive). Для SQLite — експортуйте ",[3750,17453,17454],{},".db"," файл або дампіть таблиці в JSON. Для MMKV — зчитайте всі ключі (",[3750,17457,17458],{},"storage.getAllKeys()",") і створіть JSON-дамп.",[17422,17461,17463,17464,17466,17467,17469,17470,17473],{"title":17462},"Чи можна зашифрувати MMKV без SecureStore?","MMKV підтримує шифрування через параметр ",[3750,17465,6434],{},". Але ",[3758,17468,6515],{}," треба десь зберегти. Якщо зберегти його в коді застосунку (hardcode), це не додає безпеки — хтось, хто розбере бінарник, побачить ключ. Тому для справді чутливих даних використовуйте SecureStore \u002F Keychain, які зберігають ключі у ",[3758,17471,17472],{},"апаратно захищеному"," сховищі (iOS Secure Enclave, Android Keystore).",[17422,17475,17477,17484],{"title":17476},"Що робити, якщо MMKV-файл пошкоджений?",[3743,17478,17479,17480,17483],{},"MMKV має вбудовану CRC-перевірку. Якщо файл пошкоджений (наприклад, телефон вимкнувся під час запису), MMKV спробує відновити дані. Якщо не вдасться, він ",[3758,17481,17482],{},"створить новий файл"," (старі дані втрачено). Щоб мінімізувати ризик:",[3886,17485,17486,17489],{},[3791,17487,17488],{},"Регулярно синхронізуйте критичні дані з сервером (не покладайтеся лише на локальне сховище).",[3791,17490,17491],{},"Для дуже важливих даних (фінансові транзакції, медичні записи) використовуйте SQLite з транзакціями — він надійніший у крайових випадках (краш під час запису).",[17422,17493,17495,17502],{"title":17494},"Чому redux-persist іноді повільний при старті?",[3743,17496,17497,17498,17501],{},"Якщо ви зберігаєте ",[3758,17499,17500],{},"великий"," state (десятки MB JSON), десеріалізація при гідратації займе час. Рішення:",[3886,17503,17504,17519,17522],{},[3791,17505,17506,17507,17510,17511,17514,17515,4190,17517,6829],{},"Зберігайте лише ",[3758,17508,17509],{},"необхідне"," (використовуйте ",[3750,17512,17513],{},"whitelist"," у persist config, не зберігайте тимчасові поля ",[3750,17516,15393],{},[3750,17518,15396],{},[3791,17520,17521],{},"Розбийте state на кілька slice (кожен з власною персистентністю) — тоді гідратація паралельна.",[3791,17523,17524],{},"Для дуже великих даних (тисячі об'єктів) переходьте на SQLite замість Redux persist.",[17422,17526,17528,17530,17531,3985,17534,17536,17537,17540],{"title":17527},"Чи працює MMKV у Expo Go?",[3758,17529,17427],{},", MMKV працює в Expo Go (починаючи з SDK 47+). Але якщо ви використовуєте ",[3758,17532,17533],{},"шифрування",[3750,17535,6434],{},"), можуть бути обмеження на старих версіях Expo Go. Для продакшн-застосунку завжди робіть ",[3758,17538,17539],{},"dev build"," (або EAS Build), а не покладайтеся на Expo Go.",[3839,17542],{},[3738,17544,17546],{"id":17545},"заключне-слово","Заключне слово",[3743,17548,17549,17550,17553],{},"Локальне сховище — це не «технічна деталь», яку можна додати «потім». Це ",[3758,17551,17552],{},"критично важлива частина"," мобільного застосунку, яка визначає, чи відчуватиметься він швидким і надійним, чи «зламаним» і залежним від мережі.",[3743,17555,17556],{},"Ви тепер знаєте:",[3886,17558,17559,17564,17569,17574,17579],{},[3791,17560,17561,17563],{},[3758,17562,3795],{}," — історична опція, повільна, не рекомендована для нових проєктів.",[3791,17565,17566,17568],{},[3758,17567,3804],{}," — сучасний стандарт для key-value (налаштування, кеш, Redux persist).",[3791,17570,17571,17573],{},[3758,17572,3810],{}," — для складних структурованих даних (тисячі записів, фільтрація, зв'язки).",[3791,17575,17576,17578],{},[3758,17577,17160],{}," — для секретів (токени, паролі).",[3791,17580,17581,17583],{},[3758,17582,8093],{}," — для медіа (зображення, відео, документи).",[3743,17585,17586,17587,17590,17591,17593],{},"Це ",[3758,17588,17589],{},"не теоретичні знання"," — ви створили працюючий застосунок «Чернетки», інтегрували MMKV у Nomad через redux-persist, і переконалися, що дані ",[3758,17592,3858],{}," перезапуск. У наступних статтях ми побудуємо на цьому фундаменті офлайн-синхронізацію, роботу з камерою (збереження фото локально), і карти (кешування тайлів).",[3743,17595,17596,17597,17600,17601,17604],{},"Головне: ",[3758,17598,17599],{},"персистентність — це не опція, а вимога",". Користувач не хоче втрачати свої дані тільки тому, що вона закрила застосунок або на хвилину пропав інтернет. З MMKV і SQLite у вашому арсеналі ви можете створювати застосунки, які працюють ",[3758,17602,17603],{},"завжди"," — онлайн, офлайн, при перезапуску, при оновленні версії. Це і є справжня мобільна розробка.",[17606,17607,17608],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}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 .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}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 .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":4317,"searchDepth":4331,"depth":4331,"links":17610},[17611,17612,17623,17633,17641,17646,17652,17657,17658],{"id":3740,"depth":4331,"text":3741},{"id":3843,"depth":4331,"text":3844,"children":17613},[17614,17615,17616,17617,17618,17619,17620,17621,17622],{"id":3848,"depth":4382,"text":3849},{"id":3933,"depth":4382,"text":3934},{"id":4779,"depth":4382,"text":4780},{"id":4901,"depth":4382,"text":4902},{"id":5313,"depth":4382,"text":5314},{"id":6641,"depth":4382,"text":6642},{"id":7998,"depth":4382,"text":7999},{"id":8663,"depth":4382,"text":8664},{"id":8806,"depth":4382,"text":8807},{"id":9003,"depth":4331,"text":9004,"children":17624},[17625,17626,17627,17628,17629,17630,17631,17632],{"id":9028,"depth":4382,"text":9029},{"id":9082,"depth":4382,"text":9083},{"id":9161,"depth":4382,"text":9162},{"id":9485,"depth":4382,"text":9486},{"id":10881,"depth":4382,"text":10882},{"id":11530,"depth":4382,"text":11531},{"id":11658,"depth":4382,"text":11659},{"id":12419,"depth":4382,"text":12420},{"id":12481,"depth":4331,"text":12482,"children":17634},[17635,17636,17637,17638,17639,17640],{"id":12492,"depth":4382,"text":12493},{"id":12510,"depth":4382,"text":12511},{"id":12631,"depth":4382,"text":12632},{"id":15011,"depth":4382,"text":15012},{"id":15692,"depth":4382,"text":15693},{"id":16168,"depth":4382,"text":16169},{"id":16237,"depth":4331,"text":16238,"children":17642},[17643,17644,17645],{"id":16244,"depth":4382,"text":16245},{"id":16347,"depth":4382,"text":16348},{"id":16461,"depth":4382,"text":16462},{"id":17113,"depth":4331,"text":17114,"children":17647},[17648,17649,17650,17651],{"id":17120,"depth":4382,"text":17121},{"id":17173,"depth":4382,"text":17174},{"id":17216,"depth":4382,"text":17217},{"id":17256,"depth":4382,"text":17257},{"id":17313,"depth":4331,"text":17314,"children":17653},[17654,17655,17656],{"id":17317,"depth":4382,"text":17318},{"id":17352,"depth":4382,"text":17353},{"id":17382,"depth":4382,"text":17383},{"id":17416,"depth":4331,"text":17417},{"id":17545,"depth":4331,"text":17546},"Як зберігати дані на пристрої між перезапусками застосунку, коли використовувати key-value сховища та структуровані бази даних, і що вибрати для різних сценаріїв","md",null,{},{"title":3460,"description":17659},"wl8YCPBhqcDUHErPq8lD2JYKj06IjXa5cmvay551JTE",[17666,17668],{"title":3456,"path":3457,"stem":3458,"description":17667,"children":-1},"Практичний розбір механізмів автентифікації, управління сесіями, SecureStore та захищених маршрутів у React Native",{"title":3464,"path":3465,"stem":3466,"description":17669,"children":-1},"Як зберігати зміни без мережі, синхронізувати їх з сервером і показувати статус sync користувачу",1788069966138]