[{"data":1,"prerenderedAt":16915},["ShallowReactive",2],{"navigation_docs":3,"-react-native-project-structure-and-conventions":3497,"-react-native-project-structure-and-conventions-surround":16910},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3423,3440,3493],{"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},"React Native","\u002Freact-native","15.react-native",[3365,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411,3415,3419],{"title":3361,"path":3362,"stem":3366},"15.react-native\u002Findex",{"title":3368,"path":3369,"stem":3370},"React Native — навіщо він потрібен","\u002Freact-native\u002Fwhy-react-native","15.react-native\u002F01.why-react-native",{"title":3372,"path":3373,"stem":3374},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Freact-native-architecture","15.react-native\u002F02.react-native-architecture",{"title":3376,"path":3377,"stem":3378},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fexpo-vs-cli-landscape","15.react-native\u002F03.expo-vs-cli-landscape",{"title":3380,"path":3381,"stem":3382},"Середовище Expo — перший запуск","\u002Freact-native\u002Fexpo-setup-and-tooling","15.react-native\u002F04.expo-setup-and-tooling",{"title":3384,"path":3385,"stem":3386},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fproject-structure-and-conventions","15.react-native\u002F05.project-structure-and-conventions",{"title":3388,"path":3389,"stem":3390},"Базові компоненти React Native","\u002Freact-native\u002Fcore-components","15.react-native\u002F06.core-components",{"title":3392,"path":3393,"stem":3394},"Flexbox і layout у React Native","\u002Freact-native\u002Fflexbox-and-layout","15.react-native\u002F07.flexbox-and-layout",{"title":3396,"path":3397,"stem":3398},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fstylesheet-and-theming","15.react-native\u002F08.stylesheet-and-theming",{"title":3400,"path":3401,"stem":3402},"Списки та віртуалізація","\u002Freact-native\u002Flists-and-virtualization","15.react-native\u002F09.lists-and-virtualization",{"title":3404,"path":3405,"stem":3406},"Форми, ввід і валідація","\u002Freact-native\u002Fforms-input-validation","15.react-native\u002F10.forms-input-validation",{"title":3408,"path":3409,"stem":3410},"Основи Expo Router","\u002Freact-native\u002Fexpo-router-basics","15.react-native\u002F11.expo-router-basics",{"title":3412,"path":3413,"stem":3414},"Вкладені навігатори та модалки","\u002Freact-native\u002Fnested-navigators-and-modals","15.react-native\u002F12.nested-navigators-and-modals",{"title":3416,"path":3417,"stem":3418},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fdeep-linking-and-params","15.react-native\u002F13.deep-linking-and-params",{"title":3420,"path":3421,"stem":3422},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fnetworking-and-app-lifecycle","15.react-native\u002F14.networking-and-app-lifecycle",{"title":3424,"path":3425,"stem":3426,"children":3427,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3428,3432,3436],{"title":3429,"path":3430,"stem":3431},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3433,"path":3434,"stem":3435},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3437,"path":3438,"stem":3439},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3441,"path":3442,"stem":3443,"children":3444,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3445,3449,3453,3457,3461,3465,3469,3473,3477,3481,3485,3489],{"title":3446,"path":3447,"stem":3448},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3450,"path":3451,"stem":3452},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3454,"path":3455,"stem":3456},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3458,"path":3459,"stem":3460},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3462,"path":3463,"stem":3464},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3466,"path":3467,"stem":3468},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3470,"path":3471,"stem":3472},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3474,"path":3475,"stem":3476},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3478,"path":3479,"stem":3480},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3482,"path":3483,"stem":3484},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3486,"path":3487,"stem":3488},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3490,"path":3491,"stem":3492},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3494,"path":3495,"stem":3496},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3498,"title":3384,"body":3499,"description":16905,"extension":5088,"links":16906,"meta":16907,"navigation":3943,"path":3385,"seo":16908,"stem":3386,"__hash__":16909},"docs\u002F15.react-native\u002F05.project-structure-and-conventions.md",{"type":3500,"value":3501,"toc":16819},"minimark",[3502,3506,3511,3537,3573,3580,3608,3611,3669,3674,3716,3719,3723,3732,3737,3747,3754,3758,3764,3774,3780,3786,3805,3807,3814,3832,3838,3852,3908,4032,4034,4041,4052,4071,4184,4187,4235,4276,4307,4309,4313,4320,4323,4330,4335,4339,4345,4661,4698,4704,4745,4751,4753,4760,4767,4770,4785,4796,4801,5118,5133,5137,5150,5982,5984,5990,6013,6018,6576,6591,6595,6614,7608,7610,7616,7629,7634,8206,8223,8229,8285,8289,8297,9452,9454,9458,9472,9918,9951,9955,9968,11468,11487,11497,11499,11507,11514,11574,11577,11598,11601,11621,11639,11641,11647,11677,11679,11683,11687,11696,11716,11720,11751,11755,11856,11860,11885,11889,11904,13661,13692,13694,13698,13702,13712,13716,13726,13734,13739,13766,13770,13787,13825,16501,16505,16528,16532,16538,16612,16622,16624,16628,16669,16688,16690,16694,16698,16719,16723,16747,16751,16778,16780,16784,16816],[3503,3504,3384],"h1",{"id":3505},"структура-проєкту-та-перші-ui-примітиви",[3507,3508,3510],"h2",{"id":3509},"навіщо-ця-стаття","Навіщо ця стаття",[3512,3513,3514,3515,3519,3520,3527,3528,3532,3533,3536],"p",{},"У попередньому матеріалі проєкт ",[3516,3517,3518],"strong",{},"запускається",": є ",[3521,3522,3526],"a",{"href":3523,"rel":3524},"https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad",[3525],"nofollow","Nomad",", Metro, екран у Expo Go. Шаблон ",[3529,3530,3531],"code",{},"create-expo-app"," уже містить файли — інколи в корені, інколи з папкою ",[3529,3534,3535],{},"app\u002F"," для навігації. Якщо лишити все «як вийшло з генератора» і далі кидати нові екрани в одну купу, через кілька тижнів з’являться типові проблеми:",[3538,3539,3540,3548,3563,3566],"ul",{},[3541,3542,3543,3544,3547],"li",{},"незрозуміло, ",[3516,3545,3546],{},"де"," лежить логіка поїздок, а де — кнопки загального вигляду;",[3541,3549,3550,3551,3554,3555,3558,3559,3562],{},"кольори й відступи ",[3516,3552,3553],{},"скопичені"," в десятках файлів (",[3529,3556,3557],{},"#3B82F6",", ",[3529,3560,3561],{},"padding: 16"," усюди);",[3541,3564,3565],{},"той самий стиль кнопки скопійовано тричі з дрібними відмінностями;",[3541,3567,3568,3569,3572],{},"імпорти виглядають як ",[3529,3570,3571],{},"..\u002F..\u002F..\u002Fcomponents\u002FButton",".",[3512,3574,3575,3576,3579],{},"Мета цієї статті — закласти ",[3516,3577,3578],{},"просту, розжовану"," структуру, якої вистачить на весь курс Nomad, без надмірної «ентерпрайз-архітектури» в перший тиждень.",[3581,3582,3583,3586,3587,3589,3590,3593,3594,3597,3598,3601,3602,3604,3605,3607],"note",{},[3516,3584,3585],{},"Головна думка."," Папка ",[3529,3588,3535],{}," відповідає за ",[3516,3591,3592],{},"маршрути"," (які екрани є в застосунку). Папка ",[3529,3595,3596],{},"src\u002F"," — за ",[3516,3599,3600],{},"зміст"," (фічі, спільний UI, тема). Екран у ",[3529,3603,3535],{}," має бути тонким: зібрати готові шматки з ",[3529,3606,3596],{},", а не містити всю бізнес-логіку в одному файлі на 800 рядків.",[3512,3609,3610],{},"Після статті:",[3612,3613,3614,3621,3628,3646,3656,3663],"ol",{},[3541,3615,3616,3617,3620],{},"У ",[3521,3618,3526],{"href":3523,"rel":3619},[3525]," з’явиться узгоджена структура папок.",[3541,3622,3623,3624,3627],{},"З’являться ",[3516,3625,3626],{},"design tokens"," (словник кольорів, відступів, шрифтів).",[3541,3629,3630,3631,3558,3636,3558,3641,3572],{},"З’являться примітиви ",[3516,3632,3633],{},[3529,3634,3635],{},"Screen",[3516,3637,3638],{},[3529,3639,3640],{},"AppText",[3516,3642,3643],{},[3529,3644,3645],{},"Button",[3541,3647,3648,3649,3652,3653,3572],{},"Буде зрозуміло, навіщо файли ",[3529,3650,3651],{},".ios.tsx"," \u002F ",[3529,3654,3655],{},".android.tsx",[3541,3657,3658,3659,3662],{},"Міні-проєкт «Візитка» закріпить ідею ",[3516,3660,3661],{},"окремо"," від Nomad.",[3541,3664,3665,3666,3572],{},"Git-коміт: ",[3529,3667,3668],{},"feat: design tokens and base UI primitives",[3512,3670,3671,3672,3572],{},"Глибока навігація (таби, стеки, deep links) — у модулі навігації. Тут Router згадується лише настільки, щоб зрозуміти роль ",[3529,3673,3535],{},[3675,3676,3677,3680,3681,3684,3685,3688,3689,3692,3693,3696,3697,3700,3701,3704,3705,3708,3709,3712,3713,3572],"tip",{},[3516,3678,3679],{},"Живі прев’ю в статті."," Нижче поруч із кодом примітивів стоїть компонент ",[3529,3682,3683],{},"::react-native-preview",": у рамці телефону рендериться ",[3516,3686,3687],{},"react-native-web"," (не справжній симулятор iOS\u002FAndroid). Імпорти з ",[3529,3690,3691],{},"@\u002F…",", Expo Router і пакети ",[3529,3694,3695],{},"expo-*"," у прев’ю ",[3516,3698,3699],{},"не працюють"," — тому демо зібрані ",[3516,3702,3703],{},"самодостатнім"," TSX (токени «вшиті» в файл). У реальному ",[3521,3706,3526],{"href":3523,"rel":3707},[3525]," ви пишете той самий UI через ",[3529,3710,3711],{},"tokens"," і ",[3529,3714,3715],{},"@\u002Fshared\u002Fui",[3717,3718],"hr",{},[3507,3720,3722],{"id":3721},"дві-моделі-розкладки-і-що-обирає-курс","Дві моделі розкладки (і що обирає курс)",[3512,3724,3725],{},[3726,3727],"img",{"alt":3728,"className":3729,"src":3731},"app\u002F vs src\u002Ffeatures vs shared",[3730],"diagram-img","\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F01.svg",[3733,3734,3736],"h3",{"id":3735},"за-шарами-layer-based","За шарами (layer-based)",[3738,3739,3745],"pre",{"className":3740,"code":3742,"language":3743,"meta":3744},[3741],"language-text","components\u002F\nscreens\u002F\nhooks\u002F\nservices\u002F\n","text","",[3529,3746,3742],{"__ignoreMap":3744},[3512,3748,3749,3750,3753],{},"Усе «кнопкове» в одному місці, усі екрани — в іншому. На старті просто. Коли фіч багато, папка ",[3529,3751,3752],{},"components\u002F"," перетворюється на звалище з сотнею файлів без зв’язку «що до чого належить».",[3733,3755,3757],{"id":3756},"за-фічами-feature-based","За фічами (feature-based)",[3738,3759,3762],{"className":3760,"code":3761,"language":3743,"meta":3744},[3741],"features\u002F\n  trips\u002F\n    ui\u002F\n    model\u002F\n  auth\u002F\n    ui\u002F\n    model\u002F\nshared\u002F\n  ui\u002F\n  theme\u002F\n",[3529,3763,3761],{"__ignoreMap":3744},[3512,3765,3766,3767,3770,3771,3572],{},"Код ",[3516,3768,3769],{},"поїздок"," лежить поруч (екранні шматки, типи, локальна логіка). Спільне (кнопка, тема) — у ",[3529,3772,3773],{},"shared\u002F",[3675,3775,3776,3779],{},[3516,3777,3778],{},"Аналогія."," Шари — як розкласти речі за типом: «усі викрутки в одній шухляді». Фічі — як розкласти за кімнатами: «усе для кухні разом, усе для ванної — разом, а універсальний інструмент — у спільній шафі». Для продукту з кількома доменами (поїздки, місця, профіль) зручніша друга схема.",[3512,3781,3782,3785],{},[3516,3783,3784],{},"Курс:"," гібрид, який добре лягає на Expo Router:",[3538,3787,3788,3793,3799],{},[3541,3789,3790,3792],{},[3529,3791,3535],{}," — лише маршрути (тонка оболонка);",[3541,3794,3795,3798],{},[3529,3796,3797],{},"src\u002Ffeatures\u002F"," — код фіч;",[3541,3800,3801,3804],{},[3529,3802,3803],{},"src\u002Fshared\u002F"," — тема, UI-примітиви, утиліти.",[3717,3806],{},[3507,3808,3810,3811],{"id":3809},"цільова-структура-nomad","Цільова структура ",[3521,3812,3526],{"href":3523,"rel":3813},[3525],[3512,3815,3816,3817,3820,3821,3824,3825,3827,3828,3831],{},"Точні імена файлів у шаблоні Expo можуть трохи відрізнятися. Нижче — ",[3516,3818,3819],{},"ролі"," папок; ",[3516,3822,3823],{},"повний код усього проєкту"," (знімок після цієї статті) — у розділі ",[3516,3826,3526],{}," в кінці матеріалу (",[3529,3829,3830],{},"::code-tree"," з реальними файлами).",[3512,3833,3834,3835,3572],{},"Репозиторій: ",[3521,3836,3523],{"href":3523,"rel":3837},[3525],[3675,3839,3840,3841,3844,3845,3558,3847,3558,3849,3851],{},"Поки читаєте теорію — достатньо розуміти ",[3516,3842,3843],{},"навіщо"," ",[3529,3846,3535],{},[3529,3848,3803],{},[3529,3850,3797],{},". Копіювати код зручніше з розділу Nomad: там повний знімок, не «порожні» stubs.",[3853,3854,3855,3874,3882,3898,3903],"field-group",{},[3856,3857,3616,3858,3861,3862,3865,3866,3869,3870,3873],"field",{"name":3535,"type":3592},[3516,3859,3860],{},"Expo Router"," файли тут стають ",[3516,3863,3864],{},"екранами"," застосунку. ",[3529,3867,3868],{},"app\u002Findex.tsx"," — початковий екран. ",[3529,3871,3872],{},"app\u002F_layout.tsx"," — спільна обгортка (провайдери, загальний стек). Детальні правила імен — у статті про Router; зараз не роздувайте дерево маршрутів.",[3856,3875,3877,3878,3881],{"name":3797,"type":3876},"фічі","Кожна велика тема продукту (поїздки, автентифікація, карта) отримає свою підпапку. На цьому кроці достатньо завести ",[3529,3879,3880],{},"trips\u002F"," як заготовку — логіку поїздок додасте пізніше.",[3856,3883,3886,3887,3890,3891,3894,3895,3572],{"name":3884,"type":3885},"src\u002Fshared\u002Ftheme\u002F","тема","Єдине місце чисел і кольорів. Екрани ",[3516,3888,3889],{},"не"," вигадують ",[3529,3892,3893],{},"#2563eb"," щоразу — беруть ",[3529,3896,3897],{},"tokens.colors.primary",[3856,3899,3902],{"name":3900,"type":3901},"src\u002Fshared\u002Fui\u002F","примітиви","Маленькі будівельні блоки без бізнес-смислу «поїздка»: екран-обгортка, текст, кнопка.",[3856,3904,3907],{"name":3905,"type":3906},"assets\u002F","файли","Іконки, splash, зображення. Не змішувати з TypeScript-логікою.",[3909,3910,3911],"plant-uml",{},[3738,3912,3916],{"className":3913,"code":3914,"language":3915,"meta":3744,"style":3744},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\nrectangle \"app\u002F\\n(маршрути)\" as APP #e3f2fd\nrectangle \"src\u002Ffeatures\u002F\\n(поїздки, auth, …)\" as FEAT #fff3e0\nrectangle \"src\u002Fshared\u002F\\n(theme + ui)\" as SHARED #e8f5e9\n\nAPP --> FEAT : екран збирає\\nшматки фічі\nAPP --> SHARED : Screen, Button,\\nтокени\nFEAT --> SHARED : фіча теж\\nвикористовує UI\n\nnote bottom of APP\n  Тонкий шар:\n  «який екран»\n  а не «уся логіка світу»\nend note\n\n@enduml\n","plantuml",[3529,3917,3918,3926,3932,3938,3945,3951,3957,3963,3968,3974,3980,3986,3991,3997,4003,4009,4015,4021,4026],{"__ignoreMap":3744},[3919,3920,3923],"span",{"class":3921,"line":3922},"line",1,[3919,3924,3925],{},"@startuml\n",[3919,3927,3929],{"class":3921,"line":3928},2,[3919,3930,3931],{},"skinparam style plain\n",[3919,3933,3935],{"class":3921,"line":3934},3,[3919,3936,3937],{},"skinparam backgroundColor #ffffff\n",[3919,3939,3941],{"class":3921,"line":3940},4,[3919,3942,3944],{"emptyLinePlaceholder":3943},true,"\n",[3919,3946,3948],{"class":3921,"line":3947},5,[3919,3949,3950],{},"rectangle \"app\u002F\\n(маршрути)\" as APP #e3f2fd\n",[3919,3952,3954],{"class":3921,"line":3953},6,[3919,3955,3956],{},"rectangle \"src\u002Ffeatures\u002F\\n(поїздки, auth, …)\" as FEAT #fff3e0\n",[3919,3958,3960],{"class":3921,"line":3959},7,[3919,3961,3962],{},"rectangle \"src\u002Fshared\u002F\\n(theme + ui)\" as SHARED #e8f5e9\n",[3919,3964,3966],{"class":3921,"line":3965},8,[3919,3967,3944],{"emptyLinePlaceholder":3943},[3919,3969,3971],{"class":3921,"line":3970},9,[3919,3972,3973],{},"APP --> FEAT : екран збирає\\nшматки фічі\n",[3919,3975,3977],{"class":3921,"line":3976},10,[3919,3978,3979],{},"APP --> SHARED : Screen, Button,\\nтокени\n",[3919,3981,3983],{"class":3921,"line":3982},11,[3919,3984,3985],{},"FEAT --> SHARED : фіча теж\\nвикористовує UI\n",[3919,3987,3989],{"class":3921,"line":3988},12,[3919,3990,3944],{"emptyLinePlaceholder":3943},[3919,3992,3994],{"class":3921,"line":3993},13,[3919,3995,3996],{},"note bottom of APP\n",[3919,3998,4000],{"class":3921,"line":3999},14,[3919,4001,4002],{},"  Тонкий шар:\n",[3919,4004,4006],{"class":3921,"line":4005},15,[3919,4007,4008],{},"  «який екран»\n",[3919,4010,4012],{"class":3921,"line":4011},16,[3919,4013,4014],{},"  а не «уся логіка світу»\n",[3919,4016,4018],{"class":3921,"line":4017},17,[3919,4019,4020],{},"end note\n",[3919,4022,4024],{"class":3921,"line":4023},18,[3919,4025,3944],{"emptyLinePlaceholder":3943},[3919,4027,4029],{"class":3921,"line":4028},19,[3919,4030,4031],{},"@enduml\n",[3717,4033],{},[3507,4035,4037,4038,4040],{"id":4036},"псевдоніми-імпортів","Псевдоніми імпортів (",[3529,4039,3691],{},")",[3512,4042,4043,4044,4047,4048,4051],{},"Щоб не писати ",[3529,4045,4046],{},"..\u002F..\u002F..\u002F..\u002Fshared\u002Fui\u002FButton",", у TypeScript налаштовують ",[3516,4049,4050],{},"path alias"," (псевдонім шляху).",[3512,4053,4054,4055,4058,4059,4062,4063,4066,4067,4070],{},"Відкрийте ",[3529,4056,4057],{},"tsconfig.json"," у ",[3521,4060,3526],{"href":3523,"rel":4061},[3525],". Зазвичай він уже має ",[3529,4064,4065],{},"\"extends\": \"expo\u002Ftsconfig.base\"",". Додайте (або узгодьте) шляхи до ",[3529,4068,4069],{},"src",":",[3738,4072,4076],{"className":4073,"code":4074,"language":4075,"meta":3744,"style":3744},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"extends\": \"expo\u002Ftsconfig.base\",\n  \"compilerOptions\": {\n    \"strict\": true,\n    \"paths\": {\n      \"@\u002F*\": [\".\u002Fsrc\u002F*\"]\n    }\n  },\n  \"include\": [\"**\u002F*.ts\", \"**\u002F*.tsx\", \".expo\u002Ftypes\u002F**\u002F*.ts\", \"expo-env.d.ts\"]\n}\n","json",[3529,4077,4078,4084,4100,4108,4121,4128,4142,4147,4152,4179],{"__ignoreMap":3744},[3919,4079,4080],{"class":3921,"line":3922},[3919,4081,4083],{"class":4082},"sHH4Y","{\n",[3919,4085,4086,4090,4093,4097],{"class":3921,"line":3928},[3919,4087,4089],{"class":4088},"sLwNe","  \"extends\"",[3919,4091,4092],{"class":4082},": ",[3919,4094,4096],{"class":4095},"sbdoH","\"expo\u002Ftsconfig.base\"",[3919,4098,4099],{"class":4082},",\n",[3919,4101,4102,4105],{"class":3921,"line":3934},[3919,4103,4104],{"class":4088},"  \"compilerOptions\"",[3919,4106,4107],{"class":4082},": {\n",[3919,4109,4110,4113,4115,4119],{"class":3921,"line":3940},[3919,4111,4112],{"class":4088},"    \"strict\"",[3919,4114,4092],{"class":4082},[3919,4116,4118],{"class":4117},"su1O8","true",[3919,4120,4099],{"class":4082},[3919,4122,4123,4126],{"class":3921,"line":3947},[3919,4124,4125],{"class":4088},"    \"paths\"",[3919,4127,4107],{"class":4082},[3919,4129,4130,4133,4136,4139],{"class":3921,"line":3953},[3919,4131,4132],{"class":4088},"      \"@\u002F*\"",[3919,4134,4135],{"class":4082},": [",[3919,4137,4138],{"class":4095},"\".\u002Fsrc\u002F*\"",[3919,4140,4141],{"class":4082},"]\n",[3919,4143,4144],{"class":3921,"line":3959},[3919,4145,4146],{"class":4082},"    }\n",[3919,4148,4149],{"class":3921,"line":3965},[3919,4150,4151],{"class":4082},"  },\n",[3919,4153,4154,4157,4159,4162,4164,4167,4169,4172,4174,4177],{"class":3921,"line":3970},[3919,4155,4156],{"class":4088},"  \"include\"",[3919,4158,4135],{"class":4082},[3919,4160,4161],{"class":4095},"\"**\u002F*.ts\"",[3919,4163,3558],{"class":4082},[3919,4165,4166],{"class":4095},"\"**\u002F*.tsx\"",[3919,4168,3558],{"class":4082},[3919,4170,4171],{"class":4095},"\".expo\u002Ftypes\u002F**\u002F*.ts\"",[3919,4173,3558],{"class":4082},[3919,4175,4176],{"class":4095},"\"expo-env.d.ts\"",[3919,4178,4141],{"class":4082},[3919,4180,4181],{"class":3921,"line":3976},[3919,4182,4183],{"class":4082},"}\n",[3512,4185,4186],{},"Тоді імпорт виглядає так:",[3738,4188,4192],{"className":4189,"code":4190,"language":4191,"meta":3744,"style":3744},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","import { Button } from '@\u002Fshared\u002Fui\u002FButton';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\n","typescript",[3529,4193,4194,4218],{"__ignoreMap":3744},[3919,4195,4196,4200,4203,4206,4209,4212,4215],{"class":3921,"line":3922},[3919,4197,4199],{"class":4198},"s8xlr","import",[3919,4201,4202],{"class":4082}," { ",[3919,4204,3645],{"class":4205},"siwwj",[3919,4207,4208],{"class":4082}," } ",[3919,4210,4211],{"class":4198},"from",[3919,4213,4214],{"class":4095}," '@\u002Fshared\u002Fui\u002FButton'",[3919,4216,4217],{"class":4082},";\n",[3919,4219,4220,4222,4224,4226,4228,4230,4233],{"class":3921,"line":3928},[3919,4221,4199],{"class":4198},[3919,4223,4202],{"class":4082},[3919,4225,3711],{"class":4205},[3919,4227,4208],{"class":4082},[3919,4229,4211],{"class":4198},[3919,4231,4232],{"class":4095}," '@\u002Fshared\u002Ftheme'",[3919,4234,4217],{"class":4082},[4236,4237,4238,4242,4246,4253,4257],"steps",{},[3733,4239,4241],{"id":4240},"зберегти-tsconfigjson","Зберегти tsconfig.json",[3733,4243,4245],{"id":4244},"перезапустити-typescript-сервер-у-vs-code","Перезапустити TypeScript-сервер у VS Code",[3512,4247,4248,4249,4252],{},"Command Palette → ",[3516,4250,4251],{},"TypeScript: Restart TS Server"," (інколи достатньо закрити\u002Fвідкрити файл).",[3733,4254,4256],{"id":4255},"перезапустити-metro-за-потреби","Перезапустити Metro за потреби",[3512,4258,4259,4260,4263,4264,4267,4268,4271,4272,4275],{},"Якщо збирач «не бачить» аліас: зупинити ",[3529,4261,4262],{},"expo start"," і знову ",[3529,4265,4266],{},"npx expo start",". У сучасних шаблонах Expo аліаси з ",[3529,4269,4270],{},"tsconfig"," зазвичай підхоплюються; якщо ні — перевірте документацію вашої версії SDK щодо ",[3529,4273,4274],{},"experiments.tsconfigPaths"," \u002F налаштувань Metro.",[4277,4278,4279,4280,4283,4284,4287,4288,4293,4294,4296,4297,4300,4301,4303,4304,4306],"warning",{},"Псевдонім ",[3529,4281,4282],{},"@\u002F*"," → ",[3529,4285,4286],{},".\u002Fsrc\u002F*"," означає, що файли ",[3516,4289,4290,4291],{},"всередині ",[3529,4292,3535],{}," імпортують з ",[3529,4295,3691],{},", але ",[3516,4298,4299],{},"самі"," лежать не під ",[3529,4302,3596],{},". Це нормально: маршрути лишаються в ",[3529,4305,3535],{}," за правилами Expo Router.",[3717,4308],{},[3507,4310,4312],{"id":4311},"design-tokens-словник-вигляду","Design tokens — словник вигляду",[3512,4314,4315],{},[3726,4316],{"alt":4317,"className":4318,"src":4319},"Design tokens",[3730],"\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F02.svg",[3733,4321,4322],{"id":3843},"Навіщо",[3512,4324,4325,4326,4329],{},"Уявіть, що «основний синій» записаний у двадцяти файлах. Дизайнер просить зробити бренд ",[3516,4327,4328],{},"трохи темнішим"," — доведеться шукати двадцять місць і помилитися в половині.",[3512,4331,4332,4334],{},[3516,4333,4317],{}," (токени дизайну) — іменовані значення: колір, відступ, розмір шрифту, радіус скруглення. Змінили токен — оновився весь UI, який на нього посилається.",[3733,4336,4338],{"id":4337},"файл-токенів","Файл токенів",[3512,4340,4341,4342,4070],{},"Створіть ",[3529,4343,4344],{},"src\u002Fshared\u002Ftheme\u002Ftokens.ts",[3738,4346,4348],{"className":4189,"code":4347,"language":4191,"meta":3744,"style":3744},"export const tokens = {\n  colors: {\n    background: '#F8FAFC',\n    surface: '#FFFFFF',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    border: '#E2E8F0',\n    danger: '#DC2626',\n    onPrimary: '#FFFFFF',\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 32,\n  },\n  radius: {\n    sm: 8,\n    md: 12,\n    lg: 16,\n  },\n  fontSize: {\n    sm: 14,\n    md: 16,\n    lg: 20,\n    xl: 28,\n  },\n} as const;\n\nexport type Tokens = typeof tokens;\n",[3529,4349,4350,4365,4373,4383,4393,4403,4413,4423,4433,4443,4453,4462,4466,4473,4484,4494,4504,4514,4524,4528,4536,4545,4555,4564,4569,4577,4587,4596,4606,4616,4621,4634,4639],{"__ignoreMap":3744},[3919,4351,4352,4355,4358,4362],{"class":3921,"line":3922},[3919,4353,4354],{"class":4198},"export",[3919,4356,4357],{"class":4117}," const",[3919,4359,4361],{"class":4360},"s-QsJ"," tokens",[3919,4363,4364],{"class":4082}," = {\n",[3919,4366,4367,4370],{"class":3921,"line":3928},[3919,4368,4369],{"class":4205},"  colors:",[3919,4371,4372],{"class":4082}," {\n",[3919,4374,4375,4378,4381],{"class":3921,"line":3934},[3919,4376,4377],{"class":4205},"    background:",[3919,4379,4380],{"class":4095}," '#F8FAFC'",[3919,4382,4099],{"class":4082},[3919,4384,4385,4388,4391],{"class":3921,"line":3940},[3919,4386,4387],{"class":4205},"    surface:",[3919,4389,4390],{"class":4095}," '#FFFFFF'",[3919,4392,4099],{"class":4082},[3919,4394,4395,4398,4401],{"class":3921,"line":3947},[3919,4396,4397],{"class":4205},"    text:",[3919,4399,4400],{"class":4095}," '#0F172A'",[3919,4402,4099],{"class":4082},[3919,4404,4405,4408,4411],{"class":3921,"line":3953},[3919,4406,4407],{"class":4205},"    textSecondary:",[3919,4409,4410],{"class":4095}," '#64748B'",[3919,4412,4099],{"class":4082},[3919,4414,4415,4418,4421],{"class":3921,"line":3959},[3919,4416,4417],{"class":4205},"    primary:",[3919,4419,4420],{"class":4095}," '#2563EB'",[3919,4422,4099],{"class":4082},[3919,4424,4425,4428,4431],{"class":3921,"line":3965},[3919,4426,4427],{"class":4205},"    primaryPressed:",[3919,4429,4430],{"class":4095}," '#1D4ED8'",[3919,4432,4099],{"class":4082},[3919,4434,4435,4438,4441],{"class":3921,"line":3970},[3919,4436,4437],{"class":4205},"    border:",[3919,4439,4440],{"class":4095}," '#E2E8F0'",[3919,4442,4099],{"class":4082},[3919,4444,4445,4448,4451],{"class":3921,"line":3976},[3919,4446,4447],{"class":4205},"    danger:",[3919,4449,4450],{"class":4095}," '#DC2626'",[3919,4452,4099],{"class":4082},[3919,4454,4455,4458,4460],{"class":3921,"line":3982},[3919,4456,4457],{"class":4205},"    onPrimary:",[3919,4459,4390],{"class":4095},[3919,4461,4099],{"class":4082},[3919,4463,4464],{"class":3921,"line":3988},[3919,4465,4151],{"class":4082},[3919,4467,4468,4471],{"class":3921,"line":3993},[3919,4469,4470],{"class":4205},"  spacing:",[3919,4472,4372],{"class":4082},[3919,4474,4475,4478,4482],{"class":3921,"line":3999},[3919,4476,4477],{"class":4205},"    xs:",[3919,4479,4481],{"class":4480},"sJj4R"," 4",[3919,4483,4099],{"class":4082},[3919,4485,4486,4489,4492],{"class":3921,"line":4005},[3919,4487,4488],{"class":4205},"    sm:",[3919,4490,4491],{"class":4480}," 8",[3919,4493,4099],{"class":4082},[3919,4495,4496,4499,4502],{"class":3921,"line":4011},[3919,4497,4498],{"class":4205},"    md:",[3919,4500,4501],{"class":4480}," 16",[3919,4503,4099],{"class":4082},[3919,4505,4506,4509,4512],{"class":3921,"line":4017},[3919,4507,4508],{"class":4205},"    lg:",[3919,4510,4511],{"class":4480}," 24",[3919,4513,4099],{"class":4082},[3919,4515,4516,4519,4522],{"class":3921,"line":4023},[3919,4517,4518],{"class":4205},"    xl:",[3919,4520,4521],{"class":4480}," 32",[3919,4523,4099],{"class":4082},[3919,4525,4526],{"class":3921,"line":4028},[3919,4527,4151],{"class":4082},[3919,4529,4531,4534],{"class":3921,"line":4530},20,[3919,4532,4533],{"class":4205},"  radius:",[3919,4535,4372],{"class":4082},[3919,4537,4539,4541,4543],{"class":3921,"line":4538},21,[3919,4540,4488],{"class":4205},[3919,4542,4491],{"class":4480},[3919,4544,4099],{"class":4082},[3919,4546,4548,4550,4553],{"class":3921,"line":4547},22,[3919,4549,4498],{"class":4205},[3919,4551,4552],{"class":4480}," 12",[3919,4554,4099],{"class":4082},[3919,4556,4558,4560,4562],{"class":3921,"line":4557},23,[3919,4559,4508],{"class":4205},[3919,4561,4501],{"class":4480},[3919,4563,4099],{"class":4082},[3919,4565,4567],{"class":3921,"line":4566},24,[3919,4568,4151],{"class":4082},[3919,4570,4572,4575],{"class":3921,"line":4571},25,[3919,4573,4574],{"class":4205},"  fontSize:",[3919,4576,4372],{"class":4082},[3919,4578,4580,4582,4585],{"class":3921,"line":4579},26,[3919,4581,4488],{"class":4205},[3919,4583,4584],{"class":4480}," 14",[3919,4586,4099],{"class":4082},[3919,4588,4590,4592,4594],{"class":3921,"line":4589},27,[3919,4591,4498],{"class":4205},[3919,4593,4501],{"class":4480},[3919,4595,4099],{"class":4082},[3919,4597,4599,4601,4604],{"class":3921,"line":4598},28,[3919,4600,4508],{"class":4205},[3919,4602,4603],{"class":4480}," 20",[3919,4605,4099],{"class":4082},[3919,4607,4609,4611,4614],{"class":3921,"line":4608},29,[3919,4610,4518],{"class":4205},[3919,4612,4613],{"class":4480}," 28",[3919,4615,4099],{"class":4082},[3919,4617,4619],{"class":3921,"line":4618},30,[3919,4620,4151],{"class":4082},[3919,4622,4624,4627,4630,4632],{"class":3921,"line":4623},31,[3919,4625,4626],{"class":4082},"} ",[3919,4628,4629],{"class":4198},"as",[3919,4631,4357],{"class":4117},[3919,4633,4217],{"class":4082},[3919,4635,4637],{"class":3921,"line":4636},32,[3919,4638,3944],{"emptyLinePlaceholder":3943},[3919,4640,4642,4644,4647,4651,4654,4657,4659],{"class":3921,"line":4641},33,[3919,4643,4354],{"class":4198},[3919,4645,4646],{"class":4117}," type",[3919,4648,4650],{"class":4649},"sN1BT"," Tokens",[3919,4652,4653],{"class":4082}," = ",[3919,4655,4656],{"class":4117},"typeof",[3919,4658,4361],{"class":4205},[3919,4660,4217],{"class":4082},[3853,4662,4663,4682,4694],{},[3856,4664,4667,4668,4092,4671,4674,4675,4677,4678,4681],{"name":4665,"type":4666},"colors","колір","Не «синій1 \u002F синій2», а ",[3516,4669,4670],{},"роль",[3529,4672,4673],{},"primary"," (головна дія), ",[3529,4676,3743],{}," (основний текст), ",[3529,4679,4680],{},"background"," (фон екрана). Ролі легше міняти під темну тему пізніше.",[3856,4683,4686,4687,3712,4690,4693],{"name":4684,"type":4685},"spacing","відступи","Сходинка 4 \u002F 8 \u002F 16 \u002F 24… замість випадкових ",[3529,4688,4689],{},"13",[3529,4691,4692],{},"17",". Око сприймає ритм спокійніше.",[3856,4695,4697],{"name":4696,"type":2325},"as const","Зафіксувати літеральні типи значень. Підказки в IDE стають точнішими.",[3512,4699,4700,4701,4070],{},"Експорт з ",[3529,4702,4703],{},"src\u002Fshared\u002Ftheme\u002Findex.ts",[3738,4705,4707],{"className":4189,"code":4706,"language":4191,"meta":3744,"style":3744},"export { tokens } from '.\u002Ftokens';\nexport type { Tokens } from '.\u002Ftokens';\n",[3529,4708,4709,4726],{"__ignoreMap":3744},[3919,4710,4711,4713,4715,4717,4719,4721,4724],{"class":3921,"line":3922},[3919,4712,4354],{"class":4198},[3919,4714,4202],{"class":4082},[3919,4716,3711],{"class":4205},[3919,4718,4208],{"class":4082},[3919,4720,4211],{"class":4198},[3919,4722,4723],{"class":4095}," '.\u002Ftokens'",[3919,4725,4217],{"class":4082},[3919,4727,4728,4730,4732,4734,4737,4739,4741,4743],{"class":3921,"line":3928},[3919,4729,4354],{"class":4198},[3919,4731,4646],{"class":4198},[3919,4733,4202],{"class":4082},[3919,4735,4736],{"class":4205},"Tokens",[3919,4738,4208],{"class":4082},[3919,4740,4211],{"class":4198},[3919,4742,4723],{"class":4095},[3919,4744,4217],{"class":4082},[3675,4746,4747,4748,4750],{},"Поки ",[3516,4749,3889],{}," обов’язково підключати темну тему й контекст. Достатньо одного набору токенів. Темну тему курс торкнеться в статті про StyleSheet і темизацію.",[3717,4752],{},[3507,4754,4756,4757,4759],{"id":4755},"примітив-screen-рамка-екрана","Примітив ",[3529,4758,3635],{}," — рамка екрана",[3512,4761,4762],{},[3726,4763],{"alt":4764,"className":4765,"src":4766},"Ієрархія Screen, AppText, Button",[3730],"\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F03.svg",[3512,4768,4769],{},"Майже кожен екран потребує:",[3538,4771,4772,4779,4782],{},[3541,4773,4774,4775,4778],{},"безпечних відступів від «чубчика» й домашньої смужки (пізніше поглибимо ",[3516,4776,4777],{},"Safe Area",");",[3541,4780,4781],{},"фонового кольору;",[3541,4783,4784],{},"горизонтальних полів.",[3512,4786,4787,4788,4791,4792,4795],{},"Поки зробимо просту обгортку на ",[3529,4789,4790],{},"View"," + padding з токенів. Safe Area підключимо свідомо в UI-модулі; зараз головне — ",[3516,4793,4794],{},"звичка"," не дублювати фон у кожному файлі.",[3512,4797,4798,4070],{},[3529,4799,4800],{},"src\u002Fshared\u002Fui\u002FScreen.tsx",[3738,4802,4806],{"className":4803,"code":4804,"language":4805,"meta":3744,"style":3744},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import { ReactNode } from 'react';\nimport { StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { tokens } from '@\u002Fshared\u002Ftheme';\n\ntype ScreenProps = {\n  children: ReactNode;\n  style?: ViewStyle;\n};\n\nexport function Screen({ children, style }: ScreenProps) {\n  return \u003CView style={[styles.root, style]}>{children}\u003C\u002FView>;\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    paddingHorizontal: tokens.spacing.md,\n    paddingVertical: tokens.spacing.lg,\n  },\n});\n","tsx",[3529,4807,4808,4826,4853,4857,4873,4877,4887,4898,4910,4915,4919,4950,5011,5015,5019,5039,5046,5056,5073,5091,5109,5113],{"__ignoreMap":3744},[3919,4809,4810,4812,4814,4817,4819,4821,4824],{"class":3921,"line":3922},[3919,4811,4199],{"class":4198},[3919,4813,4202],{"class":4082},[3919,4815,4816],{"class":4205},"ReactNode",[3919,4818,4208],{"class":4082},[3919,4820,4211],{"class":4198},[3919,4822,4823],{"class":4095}," 'react'",[3919,4825,4217],{"class":4082},[3919,4827,4828,4830,4832,4835,4837,4839,4841,4844,4846,4848,4851],{"class":3921,"line":3928},[3919,4829,4199],{"class":4198},[3919,4831,4202],{"class":4082},[3919,4833,4834],{"class":4205},"StyleSheet",[3919,4836,3558],{"class":4082},[3919,4838,4790],{"class":4205},[3919,4840,3558],{"class":4082},[3919,4842,4843],{"class":4205},"ViewStyle",[3919,4845,4208],{"class":4082},[3919,4847,4211],{"class":4198},[3919,4849,4850],{"class":4095}," 'react-native'",[3919,4852,4217],{"class":4082},[3919,4854,4855],{"class":3921,"line":3934},[3919,4856,3944],{"emptyLinePlaceholder":3943},[3919,4858,4859,4861,4863,4865,4867,4869,4871],{"class":3921,"line":3940},[3919,4860,4199],{"class":4198},[3919,4862,4202],{"class":4082},[3919,4864,3711],{"class":4205},[3919,4866,4208],{"class":4082},[3919,4868,4211],{"class":4198},[3919,4870,4232],{"class":4095},[3919,4872,4217],{"class":4082},[3919,4874,4875],{"class":3921,"line":3947},[3919,4876,3944],{"emptyLinePlaceholder":3943},[3919,4878,4879,4882,4885],{"class":3921,"line":3953},[3919,4880,4881],{"class":4117},"type",[3919,4883,4884],{"class":4649}," ScreenProps",[3919,4886,4364],{"class":4082},[3919,4888,4889,4892,4894,4896],{"class":3921,"line":3959},[3919,4890,4891],{"class":4205},"  children",[3919,4893,4092],{"class":4082},[3919,4895,4816],{"class":4649},[3919,4897,4217],{"class":4082},[3919,4899,4900,4903,4906,4908],{"class":3921,"line":3965},[3919,4901,4902],{"class":4205},"  style",[3919,4904,4905],{"class":4082},"?: ",[3919,4907,4843],{"class":4649},[3919,4909,4217],{"class":4082},[3919,4911,4912],{"class":3921,"line":3970},[3919,4913,4914],{"class":4082},"};\n",[3919,4916,4917],{"class":3921,"line":3976},[3919,4918,3944],{"emptyLinePlaceholder":3943},[3919,4920,4921,4923,4926,4930,4933,4936,4938,4941,4944,4947],{"class":3921,"line":3982},[3919,4922,4354],{"class":4198},[3919,4924,4925],{"class":4117}," function",[3919,4927,4929],{"class":4928},"s8Opu"," Screen",[3919,4931,4932],{"class":4082},"({ ",[3919,4934,4935],{"class":4205},"children",[3919,4937,3558],{"class":4082},[3919,4939,4940],{"class":4205},"style",[3919,4942,4943],{"class":4082}," }: ",[3919,4945,4946],{"class":4649},"ScreenProps",[3919,4948,4949],{"class":4082},") {\n",[3919,4951,4952,4955,4959,4961,4965,4968,4971,4975,4978,4980,4983,4985,4987,4990,4993,4996,4998,5000,5002,5005,5007,5009],{"class":3921,"line":3988},[3919,4953,4954],{"class":4198},"  return",[3919,4956,4958],{"class":4957},"s0P7L"," \u003C",[3919,4960,4790],{"class":4649},[3919,4962,4964],{"class":4963},"sa4r_"," style",[3919,4966,4967],{"class":4082},"=",[3919,4969,4970],{"class":4117},"{",[3919,4972,4974],{"class":4973},"sD7JJ","[",[3919,4976,4977],{"class":4205},"styles",[3919,4979,3572],{"class":4973},[3919,4981,4982],{"class":4205},"root",[3919,4984,3558],{"class":4973},[3919,4986,4940],{"class":4205},[3919,4988,4989],{"class":4973},"]",[3919,4991,4992],{"class":4117},"}",[3919,4994,4995],{"class":4957},">",[3919,4997,4970],{"class":4117},[3919,4999,4935],{"class":4205},[3919,5001,4992],{"class":4117},[3919,5003,5004],{"class":4957},"\u003C\u002F",[3919,5006,4790],{"class":4649},[3919,5008,4995],{"class":4957},[3919,5010,4217],{"class":4082},[3919,5012,5013],{"class":3921,"line":3993},[3919,5014,4183],{"class":4082},[3919,5016,5017],{"class":3921,"line":3999},[3919,5018,3944],{"emptyLinePlaceholder":3943},[3919,5020,5021,5024,5027,5029,5031,5033,5036],{"class":3921,"line":4005},[3919,5022,5023],{"class":4117},"const",[3919,5025,5026],{"class":4360}," styles",[3919,5028,4653],{"class":4082},[3919,5030,4834],{"class":4205},[3919,5032,3572],{"class":4082},[3919,5034,5035],{"class":4928},"create",[3919,5037,5038],{"class":4082},"({\n",[3919,5040,5041,5044],{"class":3921,"line":4011},[3919,5042,5043],{"class":4205},"  root:",[3919,5045,4372],{"class":4082},[3919,5047,5048,5051,5054],{"class":3921,"line":4017},[3919,5049,5050],{"class":4205},"    flex:",[3919,5052,5053],{"class":4480}," 1",[3919,5055,4099],{"class":4082},[3919,5057,5058,5061,5063,5065,5067,5069,5071],{"class":3921,"line":4023},[3919,5059,5060],{"class":4205},"    backgroundColor:",[3919,5062,4361],{"class":4205},[3919,5064,3572],{"class":4082},[3919,5066,4665],{"class":4205},[3919,5068,3572],{"class":4082},[3919,5070,4680],{"class":4205},[3919,5072,4099],{"class":4082},[3919,5074,5075,5078,5080,5082,5084,5086,5089],{"class":3921,"line":4028},[3919,5076,5077],{"class":4205},"    paddingHorizontal:",[3919,5079,4361],{"class":4205},[3919,5081,3572],{"class":4082},[3919,5083,4684],{"class":4205},[3919,5085,3572],{"class":4082},[3919,5087,5088],{"class":4205},"md",[3919,5090,4099],{"class":4082},[3919,5092,5093,5096,5098,5100,5102,5104,5107],{"class":3921,"line":4530},[3919,5094,5095],{"class":4205},"    paddingVertical:",[3919,5097,4361],{"class":4205},[3919,5099,3572],{"class":4082},[3919,5101,4684],{"class":4205},[3919,5103,3572],{"class":4082},[3919,5105,5106],{"class":4205},"lg",[3919,5108,4099],{"class":4082},[3919,5110,5111],{"class":3921,"line":4538},[3919,5112,4151],{"class":4082},[3919,5114,5115],{"class":3921,"line":4547},[3919,5116,5117],{"class":4082},"});\n",[3853,5119,5120,5123,5128],{},[3856,5121,5122],{"name":4935,"type":4816},"Уміст екрана — заголовки, кнопки, списки — передається всередину обгортки.",[3856,5124,5127],{"name":5125,"type":5126},"flex: 1","layout","Екран займає доступну висоту. Без цього фон часто «не дотягується» до низу на порожніх екранах.",[3856,5129,5132],{"name":5130,"type":5131},"style?","опційно","Дозволяє рідкісний виняток (інший padding), не ламаючи значення за замовчуванням.",[3733,5134,5136],{"id":5135},"як-це-виглядає-на-екрані","Як це виглядає на екрані",[3512,5138,5139,5140,5142,5143,5145,5146,5149],{},"Нижче — ідея ",[3529,5141,3635],{},": фон, горизонтальні поля, ",[3529,5144,5125],{},". У прев’ю токени записані літералами (у проєкті — ",[3529,5147,5148],{},"tokens.colors.background"," тощо).",[5151,5152,5156],"react-native-preview",{"device":5153,"filename":5154,"title":5155},"iphone","ScreenDemo.tsx","Screen — рамка екрана",[3738,5157,5159],{"className":4803,"code":5158,"language":4805,"meta":3744,"style":3744},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nconst tokens = {\n  colors: {\n    background: '#F8FAFC',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    border: '#E2E8F0',\n    surface: '#FFFFFF',\n  },\n  spacing: { xs: 4, sm: 8, md: 16, lg: 24 },\n  radius: { md: 12 },\n};\n\nfunction Screen({ children }: { children: any }) {\n  return \u003CView style={styles.screen}>{children}\u003C\u002FView>;\n}\n\nexport default function App() {\n  const scheme = useColorScheme();\n  const isDark = scheme === 'dark';\n\n  return (\n    \u003CScreen>\n      \u003CView\n        style={[\n          styles.panel,\n          {\n            backgroundColor: isDark ? '#1c1c1e' : tokens.colors.surface,\n            borderColor: isDark ? '#3a3a3c' : tokens.colors.border,\n          },\n        ]}\n      >\n        \u003CText style={[styles.title, { color: isDark ? '#f5f5f7' : tokens.colors.text }]}>\n          Screen\n        \u003C\u002FText>\n        \u003CText style={[styles.body, { color: isDark ? '#a1a1aa' : tokens.colors.textSecondary }]}>\n          Фон, padding і flex: 1 — одна обгортка на всі екрани. Вміст (заголовки, кнопки, списки)\n          передається як children.\n        \u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FScreen>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    paddingHorizontal: tokens.spacing.md,\n    paddingVertical: tokens.spacing.lg,\n  },\n  panel: {\n    borderRadius: tokens.radius.md,\n    borderWidth: 1,\n    padding: tokens.spacing.md,\n    gap: tokens.spacing.sm,\n  },\n  title: {\n    fontSize: 22,\n    fontWeight: '700',\n  },\n  body: {\n    fontSize: 15,\n    lineHeight: 22,\n  },\n});\n",[3529,5160,5161,5191,5195,5203,5209,5217,5225,5233,5241,5249,5253,5288,5300,5304,5308,5332,5371,5375,5379,5394,5409,5429,5433,5440,5450,5458,5470,5482,5487,5516,5543,5548,5555,5560,5615,5621,5631,5683,5689,5695,5704,5714,5724,5730,5735,5740,5757,5765,5774,5791,5808,5825,5830,5838,5857,5867,5885,5904,5909,5917,5928,5939,5944,5952,5962,5972,5977],{"__ignoreMap":3744},[3919,5162,5163,5165,5167,5169,5171,5174,5176,5178,5180,5183,5185,5187,5189],{"class":3921,"line":3922},[3919,5164,4199],{"class":4198},[3919,5166,4202],{"class":4082},[3919,5168,4790],{"class":4205},[3919,5170,3558],{"class":4082},[3919,5172,5173],{"class":4205},"Text",[3919,5175,3558],{"class":4082},[3919,5177,4834],{"class":4205},[3919,5179,3558],{"class":4082},[3919,5181,5182],{"class":4205},"useColorScheme",[3919,5184,4208],{"class":4082},[3919,5186,4211],{"class":4198},[3919,5188,4850],{"class":4095},[3919,5190,4217],{"class":4082},[3919,5192,5193],{"class":3921,"line":3928},[3919,5194,3944],{"emptyLinePlaceholder":3943},[3919,5196,5197,5199,5201],{"class":3921,"line":3934},[3919,5198,5023],{"class":4117},[3919,5200,4361],{"class":4360},[3919,5202,4364],{"class":4082},[3919,5204,5205,5207],{"class":3921,"line":3940},[3919,5206,4369],{"class":4205},[3919,5208,4372],{"class":4082},[3919,5210,5211,5213,5215],{"class":3921,"line":3947},[3919,5212,4377],{"class":4205},[3919,5214,4380],{"class":4095},[3919,5216,4099],{"class":4082},[3919,5218,5219,5221,5223],{"class":3921,"line":3953},[3919,5220,4397],{"class":4205},[3919,5222,4400],{"class":4095},[3919,5224,4099],{"class":4082},[3919,5226,5227,5229,5231],{"class":3921,"line":3959},[3919,5228,4407],{"class":4205},[3919,5230,4410],{"class":4095},[3919,5232,4099],{"class":4082},[3919,5234,5235,5237,5239],{"class":3921,"line":3965},[3919,5236,4437],{"class":4205},[3919,5238,4440],{"class":4095},[3919,5240,4099],{"class":4082},[3919,5242,5243,5245,5247],{"class":3921,"line":3970},[3919,5244,4387],{"class":4205},[3919,5246,4390],{"class":4095},[3919,5248,4099],{"class":4082},[3919,5250,5251],{"class":3921,"line":3976},[3919,5252,4151],{"class":4082},[3919,5254,5255,5257,5259,5262,5264,5266,5269,5271,5273,5276,5278,5280,5283,5285],{"class":3921,"line":3982},[3919,5256,4470],{"class":4205},[3919,5258,4202],{"class":4082},[3919,5260,5261],{"class":4205},"xs:",[3919,5263,4481],{"class":4480},[3919,5265,3558],{"class":4082},[3919,5267,5268],{"class":4205},"sm:",[3919,5270,4491],{"class":4480},[3919,5272,3558],{"class":4082},[3919,5274,5275],{"class":4205},"md:",[3919,5277,4501],{"class":4480},[3919,5279,3558],{"class":4082},[3919,5281,5282],{"class":4205},"lg:",[3919,5284,4511],{"class":4480},[3919,5286,5287],{"class":4082}," },\n",[3919,5289,5290,5292,5294,5296,5298],{"class":3921,"line":3988},[3919,5291,4533],{"class":4205},[3919,5293,4202],{"class":4082},[3919,5295,5275],{"class":4205},[3919,5297,4552],{"class":4480},[3919,5299,5287],{"class":4082},[3919,5301,5302],{"class":3921,"line":3993},[3919,5303,4914],{"class":4082},[3919,5305,5306],{"class":3921,"line":3999},[3919,5307,3944],{"emptyLinePlaceholder":3943},[3919,5309,5310,5313,5315,5317,5319,5322,5324,5326,5329],{"class":3921,"line":4005},[3919,5311,5312],{"class":4117},"function",[3919,5314,4929],{"class":4928},[3919,5316,4932],{"class":4082},[3919,5318,4935],{"class":4205},[3919,5320,5321],{"class":4082}," }: { ",[3919,5323,4935],{"class":4205},[3919,5325,4092],{"class":4082},[3919,5327,5328],{"class":4649},"any",[3919,5330,5331],{"class":4082}," }) {\n",[3919,5333,5334,5336,5338,5340,5342,5344,5346,5348,5350,5353,5355,5357,5359,5361,5363,5365,5367,5369],{"class":3921,"line":4011},[3919,5335,4954],{"class":4198},[3919,5337,4958],{"class":4957},[3919,5339,4790],{"class":4649},[3919,5341,4964],{"class":4963},[3919,5343,4967],{"class":4082},[3919,5345,4970],{"class":4117},[3919,5347,4977],{"class":4205},[3919,5349,3572],{"class":4973},[3919,5351,5352],{"class":4205},"screen",[3919,5354,4992],{"class":4117},[3919,5356,4995],{"class":4957},[3919,5358,4970],{"class":4117},[3919,5360,4935],{"class":4205},[3919,5362,4992],{"class":4117},[3919,5364,5004],{"class":4957},[3919,5366,4790],{"class":4649},[3919,5368,4995],{"class":4957},[3919,5370,4217],{"class":4082},[3919,5372,5373],{"class":3921,"line":4017},[3919,5374,4183],{"class":4082},[3919,5376,5377],{"class":3921,"line":4023},[3919,5378,3944],{"emptyLinePlaceholder":3943},[3919,5380,5381,5383,5386,5388,5391],{"class":3921,"line":4028},[3919,5382,4354],{"class":4198},[3919,5384,5385],{"class":4198}," default",[3919,5387,4925],{"class":4117},[3919,5389,5390],{"class":4928}," App",[3919,5392,5393],{"class":4082},"() {\n",[3919,5395,5396,5399,5402,5404,5406],{"class":3921,"line":4530},[3919,5397,5398],{"class":4117},"  const",[3919,5400,5401],{"class":4360}," scheme",[3919,5403,4653],{"class":4082},[3919,5405,5182],{"class":4928},[3919,5407,5408],{"class":4082},"();\n",[3919,5410,5411,5413,5416,5418,5421,5424,5427],{"class":3921,"line":4538},[3919,5412,5398],{"class":4117},[3919,5414,5415],{"class":4360}," isDark",[3919,5417,4653],{"class":4082},[3919,5419,5420],{"class":4205},"scheme",[3919,5422,5423],{"class":4082}," === ",[3919,5425,5426],{"class":4095},"'dark'",[3919,5428,4217],{"class":4082},[3919,5430,5431],{"class":3921,"line":4547},[3919,5432,3944],{"emptyLinePlaceholder":3943},[3919,5434,5435,5437],{"class":3921,"line":4557},[3919,5436,4954],{"class":4198},[3919,5438,5439],{"class":4082}," (\n",[3919,5441,5442,5445,5447],{"class":3921,"line":4566},[3919,5443,5444],{"class":4957},"    \u003C",[3919,5446,3635],{"class":4649},[3919,5448,5449],{"class":4957},">\n",[3919,5451,5452,5455],{"class":3921,"line":4571},[3919,5453,5454],{"class":4957},"      \u003C",[3919,5456,5457],{"class":4649},"View\n",[3919,5459,5460,5463,5465,5467],{"class":3921,"line":4579},[3919,5461,5462],{"class":4963},"        style",[3919,5464,4967],{"class":4082},[3919,5466,4970],{"class":4117},[3919,5468,5469],{"class":4973},"[\n",[3919,5471,5472,5475,5477,5480],{"class":3921,"line":4589},[3919,5473,5474],{"class":4205},"          styles",[3919,5476,3572],{"class":4973},[3919,5478,5479],{"class":4205},"panel",[3919,5481,4099],{"class":4973},[3919,5483,5484],{"class":3921,"line":4598},[3919,5485,5486],{"class":4973},"          {\n",[3919,5488,5489,5492,5494,5497,5500,5503,5505,5507,5509,5511,5514],{"class":3921,"line":4608},[3919,5490,5491],{"class":4205},"            backgroundColor:",[3919,5493,5415],{"class":4205},[3919,5495,5496],{"class":4082}," ?",[3919,5498,5499],{"class":4095}," '#1c1c1e'",[3919,5501,5502],{"class":4082}," :",[3919,5504,4361],{"class":4205},[3919,5506,3572],{"class":4973},[3919,5508,4665],{"class":4205},[3919,5510,3572],{"class":4973},[3919,5512,5513],{"class":4205},"surface",[3919,5515,4099],{"class":4973},[3919,5517,5518,5521,5523,5525,5528,5530,5532,5534,5536,5538,5541],{"class":3921,"line":4618},[3919,5519,5520],{"class":4205},"            borderColor:",[3919,5522,5415],{"class":4205},[3919,5524,5496],{"class":4082},[3919,5526,5527],{"class":4095}," '#3a3a3c'",[3919,5529,5502],{"class":4082},[3919,5531,4361],{"class":4205},[3919,5533,3572],{"class":4973},[3919,5535,4665],{"class":4205},[3919,5537,3572],{"class":4973},[3919,5539,5540],{"class":4205},"border",[3919,5542,4099],{"class":4973},[3919,5544,5545],{"class":3921,"line":4623},[3919,5546,5547],{"class":4973},"          },\n",[3919,5549,5550,5553],{"class":3921,"line":4636},[3919,5551,5552],{"class":4973},"        ]",[3919,5554,4183],{"class":4117},[3919,5556,5557],{"class":3921,"line":4641},[3919,5558,5559],{"class":4957},"      >\n",[3919,5561,5563,5566,5568,5570,5572,5574,5576,5578,5580,5583,5586,5589,5591,5593,5596,5598,5600,5602,5604,5606,5608,5611,5613],{"class":3921,"line":5562},34,[3919,5564,5565],{"class":4957},"        \u003C",[3919,5567,5173],{"class":4649},[3919,5569,4964],{"class":4963},[3919,5571,4967],{"class":4082},[3919,5573,4970],{"class":4117},[3919,5575,4974],{"class":4973},[3919,5577,4977],{"class":4205},[3919,5579,3572],{"class":4973},[3919,5581,5582],{"class":4205},"title",[3919,5584,5585],{"class":4973},", { ",[3919,5587,5588],{"class":4205},"color:",[3919,5590,5415],{"class":4205},[3919,5592,5496],{"class":4082},[3919,5594,5595],{"class":4095}," '#f5f5f7'",[3919,5597,5502],{"class":4082},[3919,5599,4361],{"class":4205},[3919,5601,3572],{"class":4973},[3919,5603,4665],{"class":4205},[3919,5605,3572],{"class":4973},[3919,5607,3743],{"class":4205},[3919,5609,5610],{"class":4973}," }]",[3919,5612,4992],{"class":4117},[3919,5614,5449],{"class":4957},[3919,5616,5618],{"class":3921,"line":5617},35,[3919,5619,5620],{"class":4082},"          Screen\n",[3919,5622,5624,5627,5629],{"class":3921,"line":5623},36,[3919,5625,5626],{"class":4957},"        \u003C\u002F",[3919,5628,5173],{"class":4649},[3919,5630,5449],{"class":4957},[3919,5632,5634,5636,5638,5640,5642,5644,5646,5648,5650,5653,5655,5657,5659,5661,5664,5666,5668,5670,5672,5674,5677,5679,5681],{"class":3921,"line":5633},37,[3919,5635,5565],{"class":4957},[3919,5637,5173],{"class":4649},[3919,5639,4964],{"class":4963},[3919,5641,4967],{"class":4082},[3919,5643,4970],{"class":4117},[3919,5645,4974],{"class":4973},[3919,5647,4977],{"class":4205},[3919,5649,3572],{"class":4973},[3919,5651,5652],{"class":4205},"body",[3919,5654,5585],{"class":4973},[3919,5656,5588],{"class":4205},[3919,5658,5415],{"class":4205},[3919,5660,5496],{"class":4082},[3919,5662,5663],{"class":4095}," '#a1a1aa'",[3919,5665,5502],{"class":4082},[3919,5667,4361],{"class":4205},[3919,5669,3572],{"class":4973},[3919,5671,4665],{"class":4205},[3919,5673,3572],{"class":4973},[3919,5675,5676],{"class":4205},"textSecondary",[3919,5678,5610],{"class":4973},[3919,5680,4992],{"class":4117},[3919,5682,5449],{"class":4957},[3919,5684,5686],{"class":3921,"line":5685},38,[3919,5687,5688],{"class":4082},"          Фон, padding і flex: 1 — одна обгортка на всі екрани. Вміст (заголовки, кнопки, списки)\n",[3919,5690,5692],{"class":3921,"line":5691},39,[3919,5693,5694],{"class":4082},"          передається як children.\n",[3919,5696,5698,5700,5702],{"class":3921,"line":5697},40,[3919,5699,5626],{"class":4957},[3919,5701,5173],{"class":4649},[3919,5703,5449],{"class":4957},[3919,5705,5707,5710,5712],{"class":3921,"line":5706},41,[3919,5708,5709],{"class":4957},"      \u003C\u002F",[3919,5711,4790],{"class":4649},[3919,5713,5449],{"class":4957},[3919,5715,5717,5720,5722],{"class":3921,"line":5716},42,[3919,5718,5719],{"class":4957},"    \u003C\u002F",[3919,5721,3635],{"class":4649},[3919,5723,5449],{"class":4957},[3919,5725,5727],{"class":3921,"line":5726},43,[3919,5728,5729],{"class":4082},"  );\n",[3919,5731,5733],{"class":3921,"line":5732},44,[3919,5734,4183],{"class":4082},[3919,5736,5738],{"class":3921,"line":5737},45,[3919,5739,3944],{"emptyLinePlaceholder":3943},[3919,5741,5743,5745,5747,5749,5751,5753,5755],{"class":3921,"line":5742},46,[3919,5744,5023],{"class":4117},[3919,5746,5026],{"class":4360},[3919,5748,4653],{"class":4082},[3919,5750,4834],{"class":4205},[3919,5752,3572],{"class":4082},[3919,5754,5035],{"class":4928},[3919,5756,5038],{"class":4082},[3919,5758,5760,5763],{"class":3921,"line":5759},47,[3919,5761,5762],{"class":4205},"  screen:",[3919,5764,4372],{"class":4082},[3919,5766,5768,5770,5772],{"class":3921,"line":5767},48,[3919,5769,5050],{"class":4205},[3919,5771,5053],{"class":4480},[3919,5773,4099],{"class":4082},[3919,5775,5777,5779,5781,5783,5785,5787,5789],{"class":3921,"line":5776},49,[3919,5778,5060],{"class":4205},[3919,5780,4361],{"class":4205},[3919,5782,3572],{"class":4082},[3919,5784,4665],{"class":4205},[3919,5786,3572],{"class":4082},[3919,5788,4680],{"class":4205},[3919,5790,4099],{"class":4082},[3919,5792,5794,5796,5798,5800,5802,5804,5806],{"class":3921,"line":5793},50,[3919,5795,5077],{"class":4205},[3919,5797,4361],{"class":4205},[3919,5799,3572],{"class":4082},[3919,5801,4684],{"class":4205},[3919,5803,3572],{"class":4082},[3919,5805,5088],{"class":4205},[3919,5807,4099],{"class":4082},[3919,5809,5811,5813,5815,5817,5819,5821,5823],{"class":3921,"line":5810},51,[3919,5812,5095],{"class":4205},[3919,5814,4361],{"class":4205},[3919,5816,3572],{"class":4082},[3919,5818,4684],{"class":4205},[3919,5820,3572],{"class":4082},[3919,5822,5106],{"class":4205},[3919,5824,4099],{"class":4082},[3919,5826,5828],{"class":3921,"line":5827},52,[3919,5829,4151],{"class":4082},[3919,5831,5833,5836],{"class":3921,"line":5832},53,[3919,5834,5835],{"class":4205},"  panel:",[3919,5837,4372],{"class":4082},[3919,5839,5841,5844,5846,5848,5851,5853,5855],{"class":3921,"line":5840},54,[3919,5842,5843],{"class":4205},"    borderRadius:",[3919,5845,4361],{"class":4205},[3919,5847,3572],{"class":4082},[3919,5849,5850],{"class":4205},"radius",[3919,5852,3572],{"class":4082},[3919,5854,5088],{"class":4205},[3919,5856,4099],{"class":4082},[3919,5858,5860,5863,5865],{"class":3921,"line":5859},55,[3919,5861,5862],{"class":4205},"    borderWidth:",[3919,5864,5053],{"class":4480},[3919,5866,4099],{"class":4082},[3919,5868,5870,5873,5875,5877,5879,5881,5883],{"class":3921,"line":5869},56,[3919,5871,5872],{"class":4205},"    padding:",[3919,5874,4361],{"class":4205},[3919,5876,3572],{"class":4082},[3919,5878,4684],{"class":4205},[3919,5880,3572],{"class":4082},[3919,5882,5088],{"class":4205},[3919,5884,4099],{"class":4082},[3919,5886,5888,5891,5893,5895,5897,5899,5902],{"class":3921,"line":5887},57,[3919,5889,5890],{"class":4205},"    gap:",[3919,5892,4361],{"class":4205},[3919,5894,3572],{"class":4082},[3919,5896,4684],{"class":4205},[3919,5898,3572],{"class":4082},[3919,5900,5901],{"class":4205},"sm",[3919,5903,4099],{"class":4082},[3919,5905,5907],{"class":3921,"line":5906},58,[3919,5908,4151],{"class":4082},[3919,5910,5912,5915],{"class":3921,"line":5911},59,[3919,5913,5914],{"class":4205},"  title:",[3919,5916,4372],{"class":4082},[3919,5918,5920,5923,5926],{"class":3921,"line":5919},60,[3919,5921,5922],{"class":4205},"    fontSize:",[3919,5924,5925],{"class":4480}," 22",[3919,5927,4099],{"class":4082},[3919,5929,5931,5934,5937],{"class":3921,"line":5930},61,[3919,5932,5933],{"class":4205},"    fontWeight:",[3919,5935,5936],{"class":4095}," '700'",[3919,5938,4099],{"class":4082},[3919,5940,5942],{"class":3921,"line":5941},62,[3919,5943,4151],{"class":4082},[3919,5945,5947,5950],{"class":3921,"line":5946},63,[3919,5948,5949],{"class":4205},"  body:",[3919,5951,4372],{"class":4082},[3919,5953,5955,5957,5960],{"class":3921,"line":5954},64,[3919,5956,5922],{"class":4205},[3919,5958,5959],{"class":4480}," 15",[3919,5961,4099],{"class":4082},[3919,5963,5965,5968,5970],{"class":3921,"line":5964},65,[3919,5966,5967],{"class":4205},"    lineHeight:",[3919,5969,5925],{"class":4480},[3919,5971,4099],{"class":4082},[3919,5973,5975],{"class":3921,"line":5974},66,[3919,5976,4151],{"class":4082},[3919,5978,5980],{"class":3921,"line":5979},67,[3919,5981,5117],{"class":4082},[3717,5983],{},[3507,5985,4756,5987,5989],{"id":5986},"примітив-apptext-текст-з-правилами",[3529,5988,3640],{}," — текст з правилами",[3512,5991,5992,5993,5996,5997,5999,6000,6003,6004,6008,6009,6012],{},"У React Native ",[3516,5994,5995],{},"не можна"," покласти рядок просто в ",[3529,5998,4790],{},", як у ",[3529,6001,6002],{},"div"," у вебі — потрібен компонент ",[3516,6005,6006],{},[3529,6007,5173],{},". Якщо в кожному місці писати свій ",[3529,6010,6011],{},"fontSize"," і колір, ритм типографіки роз’їдеться.",[3512,6014,6015,4070],{},[3529,6016,6017],{},"src\u002Fshared\u002Fui\u002FAppText.tsx",[3738,6019,6021],{"className":4803,"code":6020,"language":4805,"meta":3744,"style":3744},"import { ReactNode } from 'react';\nimport { StyleSheet, Text, TextProps, TextStyle } from 'react-native';\n\nimport { tokens } from '@\u002Fshared\u002Ftheme';\n\ntype AppTextVariant = 'body' | 'title' | 'subtitle' | 'caption';\n\ntype AppTextProps = TextProps & {\n  children: ReactNode;\n  variant?: AppTextVariant;\n  color?: string;\n  style?: TextStyle;\n};\n\nexport function AppText({\n  children,\n  variant = 'body',\n  color = tokens.colors.text,\n  style,\n  ...rest\n}: AppTextProps) {\n  return (\n    \u003CText style={[styles.base, styles[variant], { color }, style]} {...rest}>\n      {children}\n    \u003C\u002FText>\n  );\n}\n\nconst styles = StyleSheet.create({\n  base: {\n    color: tokens.colors.text,\n  },\n  body: {\n    fontSize: tokens.fontSize.md,\n    lineHeight: 24,\n  },\n  title: {\n    fontSize: tokens.fontSize.xl,\n    fontWeight: '700',\n    lineHeight: 34,\n  },\n  subtitle: {\n    fontSize: tokens.fontSize.lg,\n    fontWeight: '600',\n    lineHeight: 28,\n  },\n  caption: {\n    fontSize: tokens.fontSize.sm,\n    color: tokens.colors.textSecondary,\n    lineHeight: 20,\n  },\n});\n",[3529,6022,6023,6039,6069,6073,6089,6093,6123,6127,6141,6151,6163,6175,6185,6189,6193,6204,6210,6220,6238,6244,6252,6262,6268,6326,6335,6343,6347,6351,6355,6371,6378,6395,6399,6405,6421,6429,6433,6439,6456,6464,6473,6477,6484,6500,6509,6517,6521,6528,6544,6560,6568,6572],{"__ignoreMap":3744},[3919,6024,6025,6027,6029,6031,6033,6035,6037],{"class":3921,"line":3922},[3919,6026,4199],{"class":4198},[3919,6028,4202],{"class":4082},[3919,6030,4816],{"class":4205},[3919,6032,4208],{"class":4082},[3919,6034,4211],{"class":4198},[3919,6036,4823],{"class":4095},[3919,6038,4217],{"class":4082},[3919,6040,6041,6043,6045,6047,6049,6051,6053,6056,6058,6061,6063,6065,6067],{"class":3921,"line":3928},[3919,6042,4199],{"class":4198},[3919,6044,4202],{"class":4082},[3919,6046,4834],{"class":4205},[3919,6048,3558],{"class":4082},[3919,6050,5173],{"class":4205},[3919,6052,3558],{"class":4082},[3919,6054,6055],{"class":4205},"TextProps",[3919,6057,3558],{"class":4082},[3919,6059,6060],{"class":4205},"TextStyle",[3919,6062,4208],{"class":4082},[3919,6064,4211],{"class":4198},[3919,6066,4850],{"class":4095},[3919,6068,4217],{"class":4082},[3919,6070,6071],{"class":3921,"line":3934},[3919,6072,3944],{"emptyLinePlaceholder":3943},[3919,6074,6075,6077,6079,6081,6083,6085,6087],{"class":3921,"line":3940},[3919,6076,4199],{"class":4198},[3919,6078,4202],{"class":4082},[3919,6080,3711],{"class":4205},[3919,6082,4208],{"class":4082},[3919,6084,4211],{"class":4198},[3919,6086,4232],{"class":4095},[3919,6088,4217],{"class":4082},[3919,6090,6091],{"class":3921,"line":3947},[3919,6092,3944],{"emptyLinePlaceholder":3943},[3919,6094,6095,6097,6100,6102,6105,6108,6111,6113,6116,6118,6121],{"class":3921,"line":3953},[3919,6096,4881],{"class":4117},[3919,6098,6099],{"class":4649}," AppTextVariant",[3919,6101,4653],{"class":4082},[3919,6103,6104],{"class":4095},"'body'",[3919,6106,6107],{"class":4082}," | ",[3919,6109,6110],{"class":4095},"'title'",[3919,6112,6107],{"class":4082},[3919,6114,6115],{"class":4095},"'subtitle'",[3919,6117,6107],{"class":4082},[3919,6119,6120],{"class":4095},"'caption'",[3919,6122,4217],{"class":4082},[3919,6124,6125],{"class":3921,"line":3959},[3919,6126,3944],{"emptyLinePlaceholder":3943},[3919,6128,6129,6131,6134,6136,6138],{"class":3921,"line":3965},[3919,6130,4881],{"class":4117},[3919,6132,6133],{"class":4649}," AppTextProps",[3919,6135,4653],{"class":4082},[3919,6137,6055],{"class":4649},[3919,6139,6140],{"class":4082}," & {\n",[3919,6142,6143,6145,6147,6149],{"class":3921,"line":3970},[3919,6144,4891],{"class":4205},[3919,6146,4092],{"class":4082},[3919,6148,4816],{"class":4649},[3919,6150,4217],{"class":4082},[3919,6152,6153,6156,6158,6161],{"class":3921,"line":3976},[3919,6154,6155],{"class":4205},"  variant",[3919,6157,4905],{"class":4082},[3919,6159,6160],{"class":4649},"AppTextVariant",[3919,6162,4217],{"class":4082},[3919,6164,6165,6168,6170,6173],{"class":3921,"line":3982},[3919,6166,6167],{"class":4205},"  color",[3919,6169,4905],{"class":4082},[3919,6171,6172],{"class":4649},"string",[3919,6174,4217],{"class":4082},[3919,6176,6177,6179,6181,6183],{"class":3921,"line":3988},[3919,6178,4902],{"class":4205},[3919,6180,4905],{"class":4082},[3919,6182,6060],{"class":4649},[3919,6184,4217],{"class":4082},[3919,6186,6187],{"class":3921,"line":3993},[3919,6188,4914],{"class":4082},[3919,6190,6191],{"class":3921,"line":3999},[3919,6192,3944],{"emptyLinePlaceholder":3943},[3919,6194,6195,6197,6199,6202],{"class":3921,"line":4005},[3919,6196,4354],{"class":4198},[3919,6198,4925],{"class":4117},[3919,6200,6201],{"class":4928}," AppText",[3919,6203,5038],{"class":4082},[3919,6205,6206,6208],{"class":3921,"line":4011},[3919,6207,4891],{"class":4205},[3919,6209,4099],{"class":4082},[3919,6211,6212,6214,6216,6218],{"class":3921,"line":4017},[3919,6213,6155],{"class":4205},[3919,6215,4653],{"class":4082},[3919,6217,6104],{"class":4095},[3919,6219,4099],{"class":4082},[3919,6221,6222,6224,6226,6228,6230,6232,6234,6236],{"class":3921,"line":4023},[3919,6223,6167],{"class":4205},[3919,6225,4653],{"class":4082},[3919,6227,3711],{"class":4205},[3919,6229,3572],{"class":4082},[3919,6231,4665],{"class":4205},[3919,6233,3572],{"class":4082},[3919,6235,3743],{"class":4205},[3919,6237,4099],{"class":4082},[3919,6239,6240,6242],{"class":3921,"line":4028},[3919,6241,4902],{"class":4205},[3919,6243,4099],{"class":4082},[3919,6245,6246,6249],{"class":3921,"line":4530},[3919,6247,6248],{"class":4082},"  ...",[3919,6250,6251],{"class":4205},"rest\n",[3919,6253,6254,6257,6260],{"class":3921,"line":4538},[3919,6255,6256],{"class":4082},"}: ",[3919,6258,6259],{"class":4649},"AppTextProps",[3919,6261,4949],{"class":4082},[3919,6263,6264,6266],{"class":3921,"line":4547},[3919,6265,4954],{"class":4198},[3919,6267,5439],{"class":4082},[3919,6269,6270,6272,6274,6276,6278,6280,6282,6284,6286,6289,6291,6293,6295,6298,6301,6304,6307,6309,6311,6313,6316,6319,6322,6324],{"class":3921,"line":4557},[3919,6271,5444],{"class":4957},[3919,6273,5173],{"class":4649},[3919,6275,4964],{"class":4963},[3919,6277,4967],{"class":4082},[3919,6279,4970],{"class":4117},[3919,6281,4974],{"class":4973},[3919,6283,4977],{"class":4205},[3919,6285,3572],{"class":4973},[3919,6287,6288],{"class":4205},"base",[3919,6290,3558],{"class":4973},[3919,6292,4977],{"class":4205},[3919,6294,4974],{"class":4973},[3919,6296,6297],{"class":4205},"variant",[3919,6299,6300],{"class":4973},"], { ",[3919,6302,6303],{"class":4205},"color",[3919,6305,6306],{"class":4973}," }, ",[3919,6308,4940],{"class":4205},[3919,6310,4989],{"class":4973},[3919,6312,4992],{"class":4117},[3919,6314,6315],{"class":4117}," {",[3919,6317,6318],{"class":4082},"...",[3919,6320,6321],{"class":4205},"rest",[3919,6323,4992],{"class":4117},[3919,6325,5449],{"class":4957},[3919,6327,6328,6331,6333],{"class":3921,"line":4566},[3919,6329,6330],{"class":4117},"      {",[3919,6332,4935],{"class":4205},[3919,6334,4183],{"class":4117},[3919,6336,6337,6339,6341],{"class":3921,"line":4571},[3919,6338,5719],{"class":4957},[3919,6340,5173],{"class":4649},[3919,6342,5449],{"class":4957},[3919,6344,6345],{"class":3921,"line":4579},[3919,6346,5729],{"class":4082},[3919,6348,6349],{"class":3921,"line":4589},[3919,6350,4183],{"class":4082},[3919,6352,6353],{"class":3921,"line":4598},[3919,6354,3944],{"emptyLinePlaceholder":3943},[3919,6356,6357,6359,6361,6363,6365,6367,6369],{"class":3921,"line":4608},[3919,6358,5023],{"class":4117},[3919,6360,5026],{"class":4360},[3919,6362,4653],{"class":4082},[3919,6364,4834],{"class":4205},[3919,6366,3572],{"class":4082},[3919,6368,5035],{"class":4928},[3919,6370,5038],{"class":4082},[3919,6372,6373,6376],{"class":3921,"line":4618},[3919,6374,6375],{"class":4205},"  base:",[3919,6377,4372],{"class":4082},[3919,6379,6380,6383,6385,6387,6389,6391,6393],{"class":3921,"line":4623},[3919,6381,6382],{"class":4205},"    color:",[3919,6384,4361],{"class":4205},[3919,6386,3572],{"class":4082},[3919,6388,4665],{"class":4205},[3919,6390,3572],{"class":4082},[3919,6392,3743],{"class":4205},[3919,6394,4099],{"class":4082},[3919,6396,6397],{"class":3921,"line":4636},[3919,6398,4151],{"class":4082},[3919,6400,6401,6403],{"class":3921,"line":4641},[3919,6402,5949],{"class":4205},[3919,6404,4372],{"class":4082},[3919,6406,6407,6409,6411,6413,6415,6417,6419],{"class":3921,"line":5562},[3919,6408,5922],{"class":4205},[3919,6410,4361],{"class":4205},[3919,6412,3572],{"class":4082},[3919,6414,6011],{"class":4205},[3919,6416,3572],{"class":4082},[3919,6418,5088],{"class":4205},[3919,6420,4099],{"class":4082},[3919,6422,6423,6425,6427],{"class":3921,"line":5617},[3919,6424,5967],{"class":4205},[3919,6426,4511],{"class":4480},[3919,6428,4099],{"class":4082},[3919,6430,6431],{"class":3921,"line":5623},[3919,6432,4151],{"class":4082},[3919,6434,6435,6437],{"class":3921,"line":5633},[3919,6436,5914],{"class":4205},[3919,6438,4372],{"class":4082},[3919,6440,6441,6443,6445,6447,6449,6451,6454],{"class":3921,"line":5685},[3919,6442,5922],{"class":4205},[3919,6444,4361],{"class":4205},[3919,6446,3572],{"class":4082},[3919,6448,6011],{"class":4205},[3919,6450,3572],{"class":4082},[3919,6452,6453],{"class":4205},"xl",[3919,6455,4099],{"class":4082},[3919,6457,6458,6460,6462],{"class":3921,"line":5691},[3919,6459,5933],{"class":4205},[3919,6461,5936],{"class":4095},[3919,6463,4099],{"class":4082},[3919,6465,6466,6468,6471],{"class":3921,"line":5697},[3919,6467,5967],{"class":4205},[3919,6469,6470],{"class":4480}," 34",[3919,6472,4099],{"class":4082},[3919,6474,6475],{"class":3921,"line":5706},[3919,6476,4151],{"class":4082},[3919,6478,6479,6482],{"class":3921,"line":5716},[3919,6480,6481],{"class":4205},"  subtitle:",[3919,6483,4372],{"class":4082},[3919,6485,6486,6488,6490,6492,6494,6496,6498],{"class":3921,"line":5726},[3919,6487,5922],{"class":4205},[3919,6489,4361],{"class":4205},[3919,6491,3572],{"class":4082},[3919,6493,6011],{"class":4205},[3919,6495,3572],{"class":4082},[3919,6497,5106],{"class":4205},[3919,6499,4099],{"class":4082},[3919,6501,6502,6504,6507],{"class":3921,"line":5732},[3919,6503,5933],{"class":4205},[3919,6505,6506],{"class":4095}," '600'",[3919,6508,4099],{"class":4082},[3919,6510,6511,6513,6515],{"class":3921,"line":5737},[3919,6512,5967],{"class":4205},[3919,6514,4613],{"class":4480},[3919,6516,4099],{"class":4082},[3919,6518,6519],{"class":3921,"line":5742},[3919,6520,4151],{"class":4082},[3919,6522,6523,6526],{"class":3921,"line":5759},[3919,6524,6525],{"class":4205},"  caption:",[3919,6527,4372],{"class":4082},[3919,6529,6530,6532,6534,6536,6538,6540,6542],{"class":3921,"line":5767},[3919,6531,5922],{"class":4205},[3919,6533,4361],{"class":4205},[3919,6535,3572],{"class":4082},[3919,6537,6011],{"class":4205},[3919,6539,3572],{"class":4082},[3919,6541,5901],{"class":4205},[3919,6543,4099],{"class":4082},[3919,6545,6546,6548,6550,6552,6554,6556,6558],{"class":3921,"line":5776},[3919,6547,6382],{"class":4205},[3919,6549,4361],{"class":4205},[3919,6551,3572],{"class":4082},[3919,6553,4665],{"class":4205},[3919,6555,3572],{"class":4082},[3919,6557,5676],{"class":4205},[3919,6559,4099],{"class":4082},[3919,6561,6562,6564,6566],{"class":3921,"line":5793},[3919,6563,5967],{"class":4205},[3919,6565,4603],{"class":4480},[3919,6567,4099],{"class":4082},[3919,6569,6570],{"class":3921,"line":5810},[3919,6571,4151],{"class":4082},[3919,6573,6574],{"class":3921,"line":5827},[3919,6575,5117],{"class":4082},[3581,6577,6578,6579,6583,6584,6586,6587,6590],{},"Назва ",[3516,6580,6581],{},[3529,6582,3640],{},", а не ",[3529,6585,5173],{},", щоб не плутати з імпортом з ",[3529,6588,6589],{},"react-native"," і одразу бачити в коді: «це наш узгоджений текст».",[3733,6592,6594],{"id":6593},"варіанти-типографіки-вживу","Варіанти типографіки вживу",[3512,6596,6597,6598,3558,6600,3558,6603,3558,6605,6608,6609,6611,6612,3572],{},"Чотири ролі поруч: ",[3529,6599,5582],{},[3529,6601,6602],{},"subtitle",[3529,6604,5652],{},[3529,6606,6607],{},"caption",". У проєкті це один компонент ",[3529,6610,3640],{}," з пропом ",[3529,6613,6297],{},[5151,6615,6618],{"device":5153,"filename":6616,"title":6617},"AppTextDemo.tsx","AppText — варіанти",[3738,6619,6621],{"className":4803,"code":6620,"language":4805,"meta":3744,"style":3744},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nconst tokens = {\n  colors: {\n    background: '#F8FAFC',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n  },\n  spacing: { xs: 4, sm: 8, md: 16, lg: 24 },\n  fontSize: { sm: 14, md: 16, lg: 20, xl: 28 },\n};\n\ntype Variant = 'title' | 'subtitle' | 'body' | 'caption';\n\nfunction AppText({\n  children,\n  variant = 'body',\n  color,\n}: {\n  children: any;\n  variant?: Variant;\n  color?: string;\n}) {\n  return (\n    \u003CText style={[styles.base, styles[variant], color ? { color } : null]}>{children}\u003C\u002FText>\n  );\n}\n\nexport default function App() {\n  const scheme = useColorScheme();\n  const isDark = scheme === 'dark';\n  const text = isDark ? '#f5f5f7' : tokens.colors.text;\n  const muted = isDark ? '#a1a1aa' : tokens.colors.textSecondary;\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CAppText variant=\"title\" color={text}>\n        Мандрівник\n      \u003C\u002FAppText>\n      \u003CAppText variant=\"subtitle\" color={text}>\n        Карпати на вихідні\n      \u003C\u002FAppText>\n      \u003CAppText variant=\"body\" color={text}>\n        Основний абзац екрана: опис поїздки, інструкції, підказки. Розмір і міжрядковий інтервал\n        узгоджені з tokens.\n      \u003C\u002FAppText>\n      \u003CAppText variant=\"caption\" color={muted}>\n        12–14 бер. 2026 · підпис \u002F метадані\n      \u003C\u002FAppText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    padding: tokens.spacing.lg,\n    gap: tokens.spacing.sm,\n    justifyContent: 'center',\n  },\n  base: {\n    color: tokens.colors.text,\n  },\n  title: {\n    fontSize: tokens.fontSize.xl,\n    fontWeight: '700',\n    lineHeight: 34,\n  },\n  subtitle: {\n    fontSize: tokens.fontSize.lg,\n    fontWeight: '600',\n    lineHeight: 28,\n  },\n  body: {\n    fontSize: tokens.fontSize.md,\n    lineHeight: 24,\n    marginTop: tokens.spacing.sm,\n  },\n  caption: {\n    fontSize: tokens.fontSize.sm,\n    lineHeight: 20,\n    marginTop: tokens.spacing.xs,\n  },\n});\n",[3529,6622,6623,6651,6655,6663,6669,6677,6685,6693,6697,6727,6758,6762,6766,6791,6795,6803,6809,6819,6825,6830,6840,6851,6861,6866,6872,6936,6940,6944,6948,6960,6972,6988,7021,7051,7055,7061,7102,7129,7134,7142,7167,7172,7180,7205,7210,7215,7223,7249,7254,7262,7270,7274,7278,7282,7298,7304,7312,7328,7344,7360,7370,7374,7380,7396,7400,7406,7422,7430,7439,7444,7451,7468,7477,7486,7491,7498,7515,7524,7542,7547,7554,7571,7580,7598,7603],{"__ignoreMap":3744},[3919,6624,6625,6627,6629,6631,6633,6635,6637,6639,6641,6643,6645,6647,6649],{"class":3921,"line":3922},[3919,6626,4199],{"class":4198},[3919,6628,4202],{"class":4082},[3919,6630,4790],{"class":4205},[3919,6632,3558],{"class":4082},[3919,6634,5173],{"class":4205},[3919,6636,3558],{"class":4082},[3919,6638,4834],{"class":4205},[3919,6640,3558],{"class":4082},[3919,6642,5182],{"class":4205},[3919,6644,4208],{"class":4082},[3919,6646,4211],{"class":4198},[3919,6648,4850],{"class":4095},[3919,6650,4217],{"class":4082},[3919,6652,6653],{"class":3921,"line":3928},[3919,6654,3944],{"emptyLinePlaceholder":3943},[3919,6656,6657,6659,6661],{"class":3921,"line":3934},[3919,6658,5023],{"class":4117},[3919,6660,4361],{"class":4360},[3919,6662,4364],{"class":4082},[3919,6664,6665,6667],{"class":3921,"line":3940},[3919,6666,4369],{"class":4205},[3919,6668,4372],{"class":4082},[3919,6670,6671,6673,6675],{"class":3921,"line":3947},[3919,6672,4377],{"class":4205},[3919,6674,4380],{"class":4095},[3919,6676,4099],{"class":4082},[3919,6678,6679,6681,6683],{"class":3921,"line":3953},[3919,6680,4397],{"class":4205},[3919,6682,4400],{"class":4095},[3919,6684,4099],{"class":4082},[3919,6686,6687,6689,6691],{"class":3921,"line":3959},[3919,6688,4407],{"class":4205},[3919,6690,4410],{"class":4095},[3919,6692,4099],{"class":4082},[3919,6694,6695],{"class":3921,"line":3965},[3919,6696,4151],{"class":4082},[3919,6698,6699,6701,6703,6705,6707,6709,6711,6713,6715,6717,6719,6721,6723,6725],{"class":3921,"line":3970},[3919,6700,4470],{"class":4205},[3919,6702,4202],{"class":4082},[3919,6704,5261],{"class":4205},[3919,6706,4481],{"class":4480},[3919,6708,3558],{"class":4082},[3919,6710,5268],{"class":4205},[3919,6712,4491],{"class":4480},[3919,6714,3558],{"class":4082},[3919,6716,5275],{"class":4205},[3919,6718,4501],{"class":4480},[3919,6720,3558],{"class":4082},[3919,6722,5282],{"class":4205},[3919,6724,4511],{"class":4480},[3919,6726,5287],{"class":4082},[3919,6728,6729,6731,6733,6735,6737,6739,6741,6743,6745,6747,6749,6751,6754,6756],{"class":3921,"line":3976},[3919,6730,4574],{"class":4205},[3919,6732,4202],{"class":4082},[3919,6734,5268],{"class":4205},[3919,6736,4584],{"class":4480},[3919,6738,3558],{"class":4082},[3919,6740,5275],{"class":4205},[3919,6742,4501],{"class":4480},[3919,6744,3558],{"class":4082},[3919,6746,5282],{"class":4205},[3919,6748,4603],{"class":4480},[3919,6750,3558],{"class":4082},[3919,6752,6753],{"class":4205},"xl:",[3919,6755,4613],{"class":4480},[3919,6757,5287],{"class":4082},[3919,6759,6760],{"class":3921,"line":3982},[3919,6761,4914],{"class":4082},[3919,6763,6764],{"class":3921,"line":3988},[3919,6765,3944],{"emptyLinePlaceholder":3943},[3919,6767,6768,6770,6773,6775,6777,6779,6781,6783,6785,6787,6789],{"class":3921,"line":3993},[3919,6769,4881],{"class":4117},[3919,6771,6772],{"class":4649}," Variant",[3919,6774,4653],{"class":4082},[3919,6776,6110],{"class":4095},[3919,6778,6107],{"class":4082},[3919,6780,6115],{"class":4095},[3919,6782,6107],{"class":4082},[3919,6784,6104],{"class":4095},[3919,6786,6107],{"class":4082},[3919,6788,6120],{"class":4095},[3919,6790,4217],{"class":4082},[3919,6792,6793],{"class":3921,"line":3999},[3919,6794,3944],{"emptyLinePlaceholder":3943},[3919,6796,6797,6799,6801],{"class":3921,"line":4005},[3919,6798,5312],{"class":4117},[3919,6800,6201],{"class":4928},[3919,6802,5038],{"class":4082},[3919,6804,6805,6807],{"class":3921,"line":4011},[3919,6806,4891],{"class":4205},[3919,6808,4099],{"class":4082},[3919,6810,6811,6813,6815,6817],{"class":3921,"line":4017},[3919,6812,6155],{"class":4205},[3919,6814,4653],{"class":4082},[3919,6816,6104],{"class":4095},[3919,6818,4099],{"class":4082},[3919,6820,6821,6823],{"class":3921,"line":4023},[3919,6822,6167],{"class":4205},[3919,6824,4099],{"class":4082},[3919,6826,6827],{"class":3921,"line":4028},[3919,6828,6829],{"class":4082},"}: {\n",[3919,6831,6832,6834,6836,6838],{"class":3921,"line":4530},[3919,6833,4891],{"class":4205},[3919,6835,4092],{"class":4082},[3919,6837,5328],{"class":4649},[3919,6839,4217],{"class":4082},[3919,6841,6842,6844,6846,6849],{"class":3921,"line":4538},[3919,6843,6155],{"class":4205},[3919,6845,4905],{"class":4082},[3919,6847,6848],{"class":4649},"Variant",[3919,6850,4217],{"class":4082},[3919,6852,6853,6855,6857,6859],{"class":3921,"line":4547},[3919,6854,6167],{"class":4205},[3919,6856,4905],{"class":4082},[3919,6858,6172],{"class":4649},[3919,6860,4217],{"class":4082},[3919,6862,6863],{"class":3921,"line":4557},[3919,6864,6865],{"class":4082},"}) {\n",[3919,6867,6868,6870],{"class":3921,"line":4566},[3919,6869,4954],{"class":4198},[3919,6871,5439],{"class":4082},[3919,6873,6874,6876,6878,6880,6882,6884,6886,6888,6890,6892,6894,6896,6898,6900,6903,6905,6907,6909,6911,6913,6915,6918,6920,6922,6924,6926,6928,6930,6932,6934],{"class":3921,"line":4571},[3919,6875,5444],{"class":4957},[3919,6877,5173],{"class":4649},[3919,6879,4964],{"class":4963},[3919,6881,4967],{"class":4082},[3919,6883,4970],{"class":4117},[3919,6885,4974],{"class":4973},[3919,6887,4977],{"class":4205},[3919,6889,3572],{"class":4973},[3919,6891,6288],{"class":4205},[3919,6893,3558],{"class":4973},[3919,6895,4977],{"class":4205},[3919,6897,4974],{"class":4973},[3919,6899,6297],{"class":4205},[3919,6901,6902],{"class":4973},"], ",[3919,6904,6303],{"class":4205},[3919,6906,5496],{"class":4082},[3919,6908,4202],{"class":4973},[3919,6910,6303],{"class":4205},[3919,6912,4208],{"class":4973},[3919,6914,4070],{"class":4082},[3919,6916,6917],{"class":4117}," null",[3919,6919,4989],{"class":4973},[3919,6921,4992],{"class":4117},[3919,6923,4995],{"class":4957},[3919,6925,4970],{"class":4117},[3919,6927,4935],{"class":4205},[3919,6929,4992],{"class":4117},[3919,6931,5004],{"class":4957},[3919,6933,5173],{"class":4649},[3919,6935,5449],{"class":4957},[3919,6937,6938],{"class":3921,"line":4579},[3919,6939,5729],{"class":4082},[3919,6941,6942],{"class":3921,"line":4589},[3919,6943,4183],{"class":4082},[3919,6945,6946],{"class":3921,"line":4598},[3919,6947,3944],{"emptyLinePlaceholder":3943},[3919,6949,6950,6952,6954,6956,6958],{"class":3921,"line":4608},[3919,6951,4354],{"class":4198},[3919,6953,5385],{"class":4198},[3919,6955,4925],{"class":4117},[3919,6957,5390],{"class":4928},[3919,6959,5393],{"class":4082},[3919,6961,6962,6964,6966,6968,6970],{"class":3921,"line":4618},[3919,6963,5398],{"class":4117},[3919,6965,5401],{"class":4360},[3919,6967,4653],{"class":4082},[3919,6969,5182],{"class":4928},[3919,6971,5408],{"class":4082},[3919,6973,6974,6976,6978,6980,6982,6984,6986],{"class":3921,"line":4623},[3919,6975,5398],{"class":4117},[3919,6977,5415],{"class":4360},[3919,6979,4653],{"class":4082},[3919,6981,5420],{"class":4205},[3919,6983,5423],{"class":4082},[3919,6985,5426],{"class":4095},[3919,6987,4217],{"class":4082},[3919,6989,6990,6992,6995,6997,7000,7003,7006,7009,7011,7013,7015,7017,7019],{"class":3921,"line":4636},[3919,6991,5398],{"class":4117},[3919,6993,6994],{"class":4360}," text",[3919,6996,4653],{"class":4082},[3919,6998,6999],{"class":4205},"isDark",[3919,7001,7002],{"class":4082}," ? ",[3919,7004,7005],{"class":4095},"'#f5f5f7'",[3919,7007,7008],{"class":4082}," : ",[3919,7010,3711],{"class":4205},[3919,7012,3572],{"class":4082},[3919,7014,4665],{"class":4205},[3919,7016,3572],{"class":4082},[3919,7018,3743],{"class":4205},[3919,7020,4217],{"class":4082},[3919,7022,7023,7025,7028,7030,7032,7034,7037,7039,7041,7043,7045,7047,7049],{"class":3921,"line":4641},[3919,7024,5398],{"class":4117},[3919,7026,7027],{"class":4360}," muted",[3919,7029,4653],{"class":4082},[3919,7031,6999],{"class":4205},[3919,7033,7002],{"class":4082},[3919,7035,7036],{"class":4095},"'#a1a1aa'",[3919,7038,7008],{"class":4082},[3919,7040,3711],{"class":4205},[3919,7042,3572],{"class":4082},[3919,7044,4665],{"class":4205},[3919,7046,3572],{"class":4082},[3919,7048,5676],{"class":4205},[3919,7050,4217],{"class":4082},[3919,7052,7053],{"class":3921,"line":5562},[3919,7054,3944],{"emptyLinePlaceholder":3943},[3919,7056,7057,7059],{"class":3921,"line":5617},[3919,7058,4954],{"class":4198},[3919,7060,5439],{"class":4082},[3919,7062,7063,7065,7067,7069,7071,7073,7075,7077,7079,7081,7083,7085,7088,7090,7093,7096,7098,7100],{"class":3921,"line":5623},[3919,7064,5444],{"class":4957},[3919,7066,4790],{"class":4649},[3919,7068,4964],{"class":4963},[3919,7070,4967],{"class":4082},[3919,7072,4970],{"class":4117},[3919,7074,4974],{"class":4973},[3919,7076,4977],{"class":4205},[3919,7078,3572],{"class":4973},[3919,7080,5352],{"class":4205},[3919,7082,3558],{"class":4973},[3919,7084,6999],{"class":4205},[3919,7086,7087],{"class":4082}," &&",[3919,7089,4202],{"class":4973},[3919,7091,7092],{"class":4205},"backgroundColor:",[3919,7094,7095],{"class":4095}," '#000'",[3919,7097,5610],{"class":4973},[3919,7099,4992],{"class":4117},[3919,7101,5449],{"class":4957},[3919,7103,7104,7106,7108,7111,7113,7116,7119,7121,7123,7125,7127],{"class":3921,"line":5633},[3919,7105,5454],{"class":4957},[3919,7107,3640],{"class":4649},[3919,7109,7110],{"class":4963}," variant",[3919,7112,4967],{"class":4082},[3919,7114,7115],{"class":4095},"\"title\"",[3919,7117,7118],{"class":4963}," color",[3919,7120,4967],{"class":4082},[3919,7122,4970],{"class":4117},[3919,7124,3743],{"class":4205},[3919,7126,4992],{"class":4117},[3919,7128,5449],{"class":4957},[3919,7130,7131],{"class":3921,"line":5685},[3919,7132,7133],{"class":4082},"        Мандрівник\n",[3919,7135,7136,7138,7140],{"class":3921,"line":5691},[3919,7137,5709],{"class":4957},[3919,7139,3640],{"class":4649},[3919,7141,5449],{"class":4957},[3919,7143,7144,7146,7148,7150,7152,7155,7157,7159,7161,7163,7165],{"class":3921,"line":5697},[3919,7145,5454],{"class":4957},[3919,7147,3640],{"class":4649},[3919,7149,7110],{"class":4963},[3919,7151,4967],{"class":4082},[3919,7153,7154],{"class":4095},"\"subtitle\"",[3919,7156,7118],{"class":4963},[3919,7158,4967],{"class":4082},[3919,7160,4970],{"class":4117},[3919,7162,3743],{"class":4205},[3919,7164,4992],{"class":4117},[3919,7166,5449],{"class":4957},[3919,7168,7169],{"class":3921,"line":5706},[3919,7170,7171],{"class":4082},"        Карпати на вихідні\n",[3919,7173,7174,7176,7178],{"class":3921,"line":5716},[3919,7175,5709],{"class":4957},[3919,7177,3640],{"class":4649},[3919,7179,5449],{"class":4957},[3919,7181,7182,7184,7186,7188,7190,7193,7195,7197,7199,7201,7203],{"class":3921,"line":5726},[3919,7183,5454],{"class":4957},[3919,7185,3640],{"class":4649},[3919,7187,7110],{"class":4963},[3919,7189,4967],{"class":4082},[3919,7191,7192],{"class":4095},"\"body\"",[3919,7194,7118],{"class":4963},[3919,7196,4967],{"class":4082},[3919,7198,4970],{"class":4117},[3919,7200,3743],{"class":4205},[3919,7202,4992],{"class":4117},[3919,7204,5449],{"class":4957},[3919,7206,7207],{"class":3921,"line":5732},[3919,7208,7209],{"class":4082},"        Основний абзац екрана: опис поїздки, інструкції, підказки. Розмір і міжрядковий інтервал\n",[3919,7211,7212],{"class":3921,"line":5737},[3919,7213,7214],{"class":4082},"        узгоджені з tokens.\n",[3919,7216,7217,7219,7221],{"class":3921,"line":5742},[3919,7218,5709],{"class":4957},[3919,7220,3640],{"class":4649},[3919,7222,5449],{"class":4957},[3919,7224,7225,7227,7229,7231,7233,7236,7238,7240,7242,7245,7247],{"class":3921,"line":5759},[3919,7226,5454],{"class":4957},[3919,7228,3640],{"class":4649},[3919,7230,7110],{"class":4963},[3919,7232,4967],{"class":4082},[3919,7234,7235],{"class":4095},"\"caption\"",[3919,7237,7118],{"class":4963},[3919,7239,4967],{"class":4082},[3919,7241,4970],{"class":4117},[3919,7243,7244],{"class":4205},"muted",[3919,7246,4992],{"class":4117},[3919,7248,5449],{"class":4957},[3919,7250,7251],{"class":3921,"line":5767},[3919,7252,7253],{"class":4082},"        12–14 бер. 2026 · підпис \u002F метадані\n",[3919,7255,7256,7258,7260],{"class":3921,"line":5776},[3919,7257,5709],{"class":4957},[3919,7259,3640],{"class":4649},[3919,7261,5449],{"class":4957},[3919,7263,7264,7266,7268],{"class":3921,"line":5793},[3919,7265,5719],{"class":4957},[3919,7267,4790],{"class":4649},[3919,7269,5449],{"class":4957},[3919,7271,7272],{"class":3921,"line":5810},[3919,7273,5729],{"class":4082},[3919,7275,7276],{"class":3921,"line":5827},[3919,7277,4183],{"class":4082},[3919,7279,7280],{"class":3921,"line":5832},[3919,7281,3944],{"emptyLinePlaceholder":3943},[3919,7283,7284,7286,7288,7290,7292,7294,7296],{"class":3921,"line":5840},[3919,7285,5023],{"class":4117},[3919,7287,5026],{"class":4360},[3919,7289,4653],{"class":4082},[3919,7291,4834],{"class":4205},[3919,7293,3572],{"class":4082},[3919,7295,5035],{"class":4928},[3919,7297,5038],{"class":4082},[3919,7299,7300,7302],{"class":3921,"line":5859},[3919,7301,5762],{"class":4205},[3919,7303,4372],{"class":4082},[3919,7305,7306,7308,7310],{"class":3921,"line":5869},[3919,7307,5050],{"class":4205},[3919,7309,5053],{"class":4480},[3919,7311,4099],{"class":4082},[3919,7313,7314,7316,7318,7320,7322,7324,7326],{"class":3921,"line":5887},[3919,7315,5060],{"class":4205},[3919,7317,4361],{"class":4205},[3919,7319,3572],{"class":4082},[3919,7321,4665],{"class":4205},[3919,7323,3572],{"class":4082},[3919,7325,4680],{"class":4205},[3919,7327,4099],{"class":4082},[3919,7329,7330,7332,7334,7336,7338,7340,7342],{"class":3921,"line":5906},[3919,7331,5872],{"class":4205},[3919,7333,4361],{"class":4205},[3919,7335,3572],{"class":4082},[3919,7337,4684],{"class":4205},[3919,7339,3572],{"class":4082},[3919,7341,5106],{"class":4205},[3919,7343,4099],{"class":4082},[3919,7345,7346,7348,7350,7352,7354,7356,7358],{"class":3921,"line":5911},[3919,7347,5890],{"class":4205},[3919,7349,4361],{"class":4205},[3919,7351,3572],{"class":4082},[3919,7353,4684],{"class":4205},[3919,7355,3572],{"class":4082},[3919,7357,5901],{"class":4205},[3919,7359,4099],{"class":4082},[3919,7361,7362,7365,7368],{"class":3921,"line":5919},[3919,7363,7364],{"class":4205},"    justifyContent:",[3919,7366,7367],{"class":4095}," 'center'",[3919,7369,4099],{"class":4082},[3919,7371,7372],{"class":3921,"line":5930},[3919,7373,4151],{"class":4082},[3919,7375,7376,7378],{"class":3921,"line":5941},[3919,7377,6375],{"class":4205},[3919,7379,4372],{"class":4082},[3919,7381,7382,7384,7386,7388,7390,7392,7394],{"class":3921,"line":5946},[3919,7383,6382],{"class":4205},[3919,7385,4361],{"class":4205},[3919,7387,3572],{"class":4082},[3919,7389,4665],{"class":4205},[3919,7391,3572],{"class":4082},[3919,7393,3743],{"class":4205},[3919,7395,4099],{"class":4082},[3919,7397,7398],{"class":3921,"line":5954},[3919,7399,4151],{"class":4082},[3919,7401,7402,7404],{"class":3921,"line":5964},[3919,7403,5914],{"class":4205},[3919,7405,4372],{"class":4082},[3919,7407,7408,7410,7412,7414,7416,7418,7420],{"class":3921,"line":5974},[3919,7409,5922],{"class":4205},[3919,7411,4361],{"class":4205},[3919,7413,3572],{"class":4082},[3919,7415,6011],{"class":4205},[3919,7417,3572],{"class":4082},[3919,7419,6453],{"class":4205},[3919,7421,4099],{"class":4082},[3919,7423,7424,7426,7428],{"class":3921,"line":5979},[3919,7425,5933],{"class":4205},[3919,7427,5936],{"class":4095},[3919,7429,4099],{"class":4082},[3919,7431,7433,7435,7437],{"class":3921,"line":7432},68,[3919,7434,5967],{"class":4205},[3919,7436,6470],{"class":4480},[3919,7438,4099],{"class":4082},[3919,7440,7442],{"class":3921,"line":7441},69,[3919,7443,4151],{"class":4082},[3919,7445,7447,7449],{"class":3921,"line":7446},70,[3919,7448,6481],{"class":4205},[3919,7450,4372],{"class":4082},[3919,7452,7454,7456,7458,7460,7462,7464,7466],{"class":3921,"line":7453},71,[3919,7455,5922],{"class":4205},[3919,7457,4361],{"class":4205},[3919,7459,3572],{"class":4082},[3919,7461,6011],{"class":4205},[3919,7463,3572],{"class":4082},[3919,7465,5106],{"class":4205},[3919,7467,4099],{"class":4082},[3919,7469,7471,7473,7475],{"class":3921,"line":7470},72,[3919,7472,5933],{"class":4205},[3919,7474,6506],{"class":4095},[3919,7476,4099],{"class":4082},[3919,7478,7480,7482,7484],{"class":3921,"line":7479},73,[3919,7481,5967],{"class":4205},[3919,7483,4613],{"class":4480},[3919,7485,4099],{"class":4082},[3919,7487,7489],{"class":3921,"line":7488},74,[3919,7490,4151],{"class":4082},[3919,7492,7494,7496],{"class":3921,"line":7493},75,[3919,7495,5949],{"class":4205},[3919,7497,4372],{"class":4082},[3919,7499,7501,7503,7505,7507,7509,7511,7513],{"class":3921,"line":7500},76,[3919,7502,5922],{"class":4205},[3919,7504,4361],{"class":4205},[3919,7506,3572],{"class":4082},[3919,7508,6011],{"class":4205},[3919,7510,3572],{"class":4082},[3919,7512,5088],{"class":4205},[3919,7514,4099],{"class":4082},[3919,7516,7518,7520,7522],{"class":3921,"line":7517},77,[3919,7519,5967],{"class":4205},[3919,7521,4511],{"class":4480},[3919,7523,4099],{"class":4082},[3919,7525,7527,7530,7532,7534,7536,7538,7540],{"class":3921,"line":7526},78,[3919,7528,7529],{"class":4205},"    marginTop:",[3919,7531,4361],{"class":4205},[3919,7533,3572],{"class":4082},[3919,7535,4684],{"class":4205},[3919,7537,3572],{"class":4082},[3919,7539,5901],{"class":4205},[3919,7541,4099],{"class":4082},[3919,7543,7545],{"class":3921,"line":7544},79,[3919,7546,4151],{"class":4082},[3919,7548,7550,7552],{"class":3921,"line":7549},80,[3919,7551,6525],{"class":4205},[3919,7553,4372],{"class":4082},[3919,7555,7557,7559,7561,7563,7565,7567,7569],{"class":3921,"line":7556},81,[3919,7558,5922],{"class":4205},[3919,7560,4361],{"class":4205},[3919,7562,3572],{"class":4082},[3919,7564,6011],{"class":4205},[3919,7566,3572],{"class":4082},[3919,7568,5901],{"class":4205},[3919,7570,4099],{"class":4082},[3919,7572,7574,7576,7578],{"class":3921,"line":7573},82,[3919,7575,5967],{"class":4205},[3919,7577,4603],{"class":4480},[3919,7579,4099],{"class":4082},[3919,7581,7583,7585,7587,7589,7591,7593,7596],{"class":3921,"line":7582},83,[3919,7584,7529],{"class":4205},[3919,7586,4361],{"class":4205},[3919,7588,3572],{"class":4082},[3919,7590,4684],{"class":4205},[3919,7592,3572],{"class":4082},[3919,7594,7595],{"class":4205},"xs",[3919,7597,4099],{"class":4082},[3919,7599,7601],{"class":3921,"line":7600},84,[3919,7602,4151],{"class":4082},[3919,7604,7606],{"class":3921,"line":7605},85,[3919,7607,5117],{"class":4082},[3717,7609],{},[3507,7611,4756,7613,7615],{"id":7612},"примітив-button-головна-дія",[3529,7614,3645],{}," — головна дія",[3512,7617,7618,7619,7624,7625,7628],{},"Кнопка — місце, де найчастіше роз’їжджаються відступи й кольори. Зробимо простий варіант на ",[3516,7620,7621],{},[3529,7622,7623],{},"Pressable"," (сучасніший за старі ",[3529,7626,7627],{},"TouchableOpacity"," для нових екранів; деталі жестів — пізніше).",[3512,7630,7631,4070],{},[3529,7632,7633],{},"src\u002Fshared\u002Fui\u002FButton.tsx",[3738,7635,7637],{"className":4803,"code":7636,"language":4805,"meta":3744,"style":3744},"import { Pressable, StyleSheet, Text, ViewStyle } from 'react-native';\n\nimport { tokens } from '@\u002Fshared\u002Ftheme';\n\ntype ButtonProps = {\n  label: string;\n  onPress: () => void;\n  disabled?: boolean;\n  style?: ViewStyle;\n};\n\nexport function Button({ label, onPress, disabled = false, style }: ButtonProps) {\n  return (\n    \u003CPressable\n      accessibilityRole=\"button\"\n      disabled={disabled}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.base,\n        pressed && !disabled ? styles.pressed : null,\n        disabled ? styles.disabled : null,\n        style,\n      ]}\n    >\n      \u003CText style={styles.label}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  base: {\n    backgroundColor: tokens.colors.primary,\n    paddingVertical: tokens.spacing.sm + 4,\n    paddingHorizontal: tokens.spacing.md,\n    borderRadius: tokens.radius.md,\n    alignItems: 'center',\n  },\n  pressed: {\n    backgroundColor: tokens.colors.primaryPressed,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  label: {\n    color: tokens.colors.onPrimary,\n    fontSize: tokens.fontSize.md,\n    fontWeight: '600',\n  },\n});\n",[3529,7638,7639,7667,7671,7687,7691,7700,7711,7727,7739,7749,7753,7757,7797,7803,7810,7820,7833,7846,7868,7879,7905,7924,7930,7937,7942,7976,7984,7988,7992,7996,8012,8018,8034,8056,8072,8088,8097,8101,8108,8125,8129,8136,8146,8150,8157,8174,8190,8198,8202],{"__ignoreMap":3744},[3919,7640,7641,7643,7645,7647,7649,7651,7653,7655,7657,7659,7661,7663,7665],{"class":3921,"line":3922},[3919,7642,4199],{"class":4198},[3919,7644,4202],{"class":4082},[3919,7646,7623],{"class":4205},[3919,7648,3558],{"class":4082},[3919,7650,4834],{"class":4205},[3919,7652,3558],{"class":4082},[3919,7654,5173],{"class":4205},[3919,7656,3558],{"class":4082},[3919,7658,4843],{"class":4205},[3919,7660,4208],{"class":4082},[3919,7662,4211],{"class":4198},[3919,7664,4850],{"class":4095},[3919,7666,4217],{"class":4082},[3919,7668,7669],{"class":3921,"line":3928},[3919,7670,3944],{"emptyLinePlaceholder":3943},[3919,7672,7673,7675,7677,7679,7681,7683,7685],{"class":3921,"line":3934},[3919,7674,4199],{"class":4198},[3919,7676,4202],{"class":4082},[3919,7678,3711],{"class":4205},[3919,7680,4208],{"class":4082},[3919,7682,4211],{"class":4198},[3919,7684,4232],{"class":4095},[3919,7686,4217],{"class":4082},[3919,7688,7689],{"class":3921,"line":3940},[3919,7690,3944],{"emptyLinePlaceholder":3943},[3919,7692,7693,7695,7698],{"class":3921,"line":3947},[3919,7694,4881],{"class":4117},[3919,7696,7697],{"class":4649}," ButtonProps",[3919,7699,4364],{"class":4082},[3919,7701,7702,7705,7707,7709],{"class":3921,"line":3953},[3919,7703,7704],{"class":4205},"  label",[3919,7706,4092],{"class":4082},[3919,7708,6172],{"class":4649},[3919,7710,4217],{"class":4082},[3919,7712,7713,7716,7719,7722,7725],{"class":3921,"line":3959},[3919,7714,7715],{"class":4928},"  onPress",[3919,7717,7718],{"class":4082},": () ",[3919,7720,7721],{"class":4117},"=>",[3919,7723,7724],{"class":4649}," void",[3919,7726,4217],{"class":4082},[3919,7728,7729,7732,7734,7737],{"class":3921,"line":3965},[3919,7730,7731],{"class":4205},"  disabled",[3919,7733,4905],{"class":4082},[3919,7735,7736],{"class":4649},"boolean",[3919,7738,4217],{"class":4082},[3919,7740,7741,7743,7745,7747],{"class":3921,"line":3970},[3919,7742,4902],{"class":4205},[3919,7744,4905],{"class":4082},[3919,7746,4843],{"class":4649},[3919,7748,4217],{"class":4082},[3919,7750,7751],{"class":3921,"line":3976},[3919,7752,4914],{"class":4082},[3919,7754,7755],{"class":3921,"line":3982},[3919,7756,3944],{"emptyLinePlaceholder":3943},[3919,7758,7759,7761,7763,7766,7768,7771,7773,7776,7778,7781,7783,7786,7788,7790,7792,7795],{"class":3921,"line":3988},[3919,7760,4354],{"class":4198},[3919,7762,4925],{"class":4117},[3919,7764,7765],{"class":4928}," Button",[3919,7767,4932],{"class":4082},[3919,7769,7770],{"class":4205},"label",[3919,7772,3558],{"class":4082},[3919,7774,7775],{"class":4205},"onPress",[3919,7777,3558],{"class":4082},[3919,7779,7780],{"class":4205},"disabled",[3919,7782,4653],{"class":4082},[3919,7784,7785],{"class":4117},"false",[3919,7787,3558],{"class":4082},[3919,7789,4940],{"class":4205},[3919,7791,4943],{"class":4082},[3919,7793,7794],{"class":4649},"ButtonProps",[3919,7796,4949],{"class":4082},[3919,7798,7799,7801],{"class":3921,"line":3993},[3919,7800,4954],{"class":4198},[3919,7802,5439],{"class":4082},[3919,7804,7805,7807],{"class":3921,"line":3999},[3919,7806,5444],{"class":4957},[3919,7808,7809],{"class":4649},"Pressable\n",[3919,7811,7812,7815,7817],{"class":3921,"line":4005},[3919,7813,7814],{"class":4963},"      accessibilityRole",[3919,7816,4967],{"class":4082},[3919,7818,7819],{"class":4095},"\"button\"\n",[3919,7821,7822,7825,7827,7829,7831],{"class":3921,"line":4011},[3919,7823,7824],{"class":4963},"      disabled",[3919,7826,4967],{"class":4082},[3919,7828,4970],{"class":4117},[3919,7830,7780],{"class":4205},[3919,7832,4183],{"class":4117},[3919,7834,7835,7838,7840,7842,7844],{"class":3921,"line":4017},[3919,7836,7837],{"class":4963},"      onPress",[3919,7839,4967],{"class":4082},[3919,7841,4970],{"class":4117},[3919,7843,7775],{"class":4205},[3919,7845,4183],{"class":4117},[3919,7847,7848,7851,7853,7855,7857,7860,7863,7865],{"class":3921,"line":4023},[3919,7849,7850],{"class":4963},"      style",[3919,7852,4967],{"class":4082},[3919,7854,4970],{"class":4117},[3919,7856,4932],{"class":4973},[3919,7858,7859],{"class":4205},"pressed",[3919,7861,7862],{"class":4973}," }) ",[3919,7864,7721],{"class":4117},[3919,7866,7867],{"class":4973}," [\n",[3919,7869,7870,7873,7875,7877],{"class":3921,"line":4028},[3919,7871,7872],{"class":4205},"        styles",[3919,7874,3572],{"class":4973},[3919,7876,6288],{"class":4205},[3919,7878,4099],{"class":4973},[3919,7880,7881,7884,7886,7889,7891,7893,7895,7897,7899,7901,7903],{"class":3921,"line":4530},[3919,7882,7883],{"class":4205},"        pressed",[3919,7885,7087],{"class":4082},[3919,7887,7888],{"class":4082}," !",[3919,7890,7780],{"class":4205},[3919,7892,5496],{"class":4082},[3919,7894,5026],{"class":4205},[3919,7896,3572],{"class":4973},[3919,7898,7859],{"class":4205},[3919,7900,5502],{"class":4082},[3919,7902,6917],{"class":4117},[3919,7904,4099],{"class":4973},[3919,7906,7907,7910,7912,7914,7916,7918,7920,7922],{"class":3921,"line":4538},[3919,7908,7909],{"class":4205},"        disabled",[3919,7911,5496],{"class":4082},[3919,7913,5026],{"class":4205},[3919,7915,3572],{"class":4973},[3919,7917,7780],{"class":4205},[3919,7919,5502],{"class":4082},[3919,7921,6917],{"class":4117},[3919,7923,4099],{"class":4973},[3919,7925,7926,7928],{"class":3921,"line":4547},[3919,7927,5462],{"class":4205},[3919,7929,4099],{"class":4973},[3919,7931,7932,7935],{"class":3921,"line":4557},[3919,7933,7934],{"class":4973},"      ]",[3919,7936,4183],{"class":4117},[3919,7938,7939],{"class":3921,"line":4566},[3919,7940,7941],{"class":4957},"    >\n",[3919,7943,7944,7946,7948,7950,7952,7954,7956,7958,7960,7962,7964,7966,7968,7970,7972,7974],{"class":3921,"line":4571},[3919,7945,5454],{"class":4957},[3919,7947,5173],{"class":4649},[3919,7949,4964],{"class":4963},[3919,7951,4967],{"class":4082},[3919,7953,4970],{"class":4117},[3919,7955,4977],{"class":4205},[3919,7957,3572],{"class":4973},[3919,7959,7770],{"class":4205},[3919,7961,4992],{"class":4117},[3919,7963,4995],{"class":4957},[3919,7965,4970],{"class":4117},[3919,7967,7770],{"class":4205},[3919,7969,4992],{"class":4117},[3919,7971,5004],{"class":4957},[3919,7973,5173],{"class":4649},[3919,7975,5449],{"class":4957},[3919,7977,7978,7980,7982],{"class":3921,"line":4579},[3919,7979,5719],{"class":4957},[3919,7981,7623],{"class":4649},[3919,7983,5449],{"class":4957},[3919,7985,7986],{"class":3921,"line":4589},[3919,7987,5729],{"class":4082},[3919,7989,7990],{"class":3921,"line":4598},[3919,7991,4183],{"class":4082},[3919,7993,7994],{"class":3921,"line":4608},[3919,7995,3944],{"emptyLinePlaceholder":3943},[3919,7997,7998,8000,8002,8004,8006,8008,8010],{"class":3921,"line":4618},[3919,7999,5023],{"class":4117},[3919,8001,5026],{"class":4360},[3919,8003,4653],{"class":4082},[3919,8005,4834],{"class":4205},[3919,8007,3572],{"class":4082},[3919,8009,5035],{"class":4928},[3919,8011,5038],{"class":4082},[3919,8013,8014,8016],{"class":3921,"line":4623},[3919,8015,6375],{"class":4205},[3919,8017,4372],{"class":4082},[3919,8019,8020,8022,8024,8026,8028,8030,8032],{"class":3921,"line":4636},[3919,8021,5060],{"class":4205},[3919,8023,4361],{"class":4205},[3919,8025,3572],{"class":4082},[3919,8027,4665],{"class":4205},[3919,8029,3572],{"class":4082},[3919,8031,4673],{"class":4205},[3919,8033,4099],{"class":4082},[3919,8035,8036,8038,8040,8042,8044,8046,8048,8051,8054],{"class":3921,"line":4641},[3919,8037,5095],{"class":4205},[3919,8039,4361],{"class":4205},[3919,8041,3572],{"class":4082},[3919,8043,4684],{"class":4205},[3919,8045,3572],{"class":4082},[3919,8047,5901],{"class":4205},[3919,8049,8050],{"class":4082}," + ",[3919,8052,8053],{"class":4480},"4",[3919,8055,4099],{"class":4082},[3919,8057,8058,8060,8062,8064,8066,8068,8070],{"class":3921,"line":5562},[3919,8059,5077],{"class":4205},[3919,8061,4361],{"class":4205},[3919,8063,3572],{"class":4082},[3919,8065,4684],{"class":4205},[3919,8067,3572],{"class":4082},[3919,8069,5088],{"class":4205},[3919,8071,4099],{"class":4082},[3919,8073,8074,8076,8078,8080,8082,8084,8086],{"class":3921,"line":5617},[3919,8075,5843],{"class":4205},[3919,8077,4361],{"class":4205},[3919,8079,3572],{"class":4082},[3919,8081,5850],{"class":4205},[3919,8083,3572],{"class":4082},[3919,8085,5088],{"class":4205},[3919,8087,4099],{"class":4082},[3919,8089,8090,8093,8095],{"class":3921,"line":5623},[3919,8091,8092],{"class":4205},"    alignItems:",[3919,8094,7367],{"class":4095},[3919,8096,4099],{"class":4082},[3919,8098,8099],{"class":3921,"line":5633},[3919,8100,4151],{"class":4082},[3919,8102,8103,8106],{"class":3921,"line":5685},[3919,8104,8105],{"class":4205},"  pressed:",[3919,8107,4372],{"class":4082},[3919,8109,8110,8112,8114,8116,8118,8120,8123],{"class":3921,"line":5691},[3919,8111,5060],{"class":4205},[3919,8113,4361],{"class":4205},[3919,8115,3572],{"class":4082},[3919,8117,4665],{"class":4205},[3919,8119,3572],{"class":4082},[3919,8121,8122],{"class":4205},"primaryPressed",[3919,8124,4099],{"class":4082},[3919,8126,8127],{"class":3921,"line":5697},[3919,8128,4151],{"class":4082},[3919,8130,8131,8134],{"class":3921,"line":5706},[3919,8132,8133],{"class":4205},"  disabled:",[3919,8135,4372],{"class":4082},[3919,8137,8138,8141,8144],{"class":3921,"line":5716},[3919,8139,8140],{"class":4205},"    opacity:",[3919,8142,8143],{"class":4480}," 0.5",[3919,8145,4099],{"class":4082},[3919,8147,8148],{"class":3921,"line":5726},[3919,8149,4151],{"class":4082},[3919,8151,8152,8155],{"class":3921,"line":5732},[3919,8153,8154],{"class":4205},"  label:",[3919,8156,4372],{"class":4082},[3919,8158,8159,8161,8163,8165,8167,8169,8172],{"class":3921,"line":5737},[3919,8160,6382],{"class":4205},[3919,8162,4361],{"class":4205},[3919,8164,3572],{"class":4082},[3919,8166,4665],{"class":4205},[3919,8168,3572],{"class":4082},[3919,8170,8171],{"class":4205},"onPrimary",[3919,8173,4099],{"class":4082},[3919,8175,8176,8178,8180,8182,8184,8186,8188],{"class":3921,"line":5742},[3919,8177,5922],{"class":4205},[3919,8179,4361],{"class":4205},[3919,8181,3572],{"class":4082},[3919,8183,6011],{"class":4205},[3919,8185,3572],{"class":4082},[3919,8187,5088],{"class":4205},[3919,8189,4099],{"class":4082},[3919,8191,8192,8194,8196],{"class":3921,"line":5759},[3919,8193,5933],{"class":4205},[3919,8195,6506],{"class":4095},[3919,8197,4099],{"class":4082},[3919,8199,8200],{"class":3921,"line":5767},[3919,8201,4151],{"class":4082},[3919,8203,8204],{"class":3921,"line":5776},[3919,8205,5117],{"class":4082},[3853,8207,8208,8211,8216],{},[3856,8209,8210],{"name":7770,"type":6172},"Текст кнопки українською, наприклад «Нова поїздка». Поки рядок передається пропсом; винесення всіх рядків у словник i18n — пізніше.",[3856,8212,8215],{"name":8213,"type":8214},"accessibilityRole","a11y","Підказка для скрінрідера: це кнопка. Повний прохід доступності — в окремій статті; звичка ставити роль — корисна з першого примітива.",[3856,8217,8219,8220,8222],{"name":7859,"type":8218},"стан Pressable","Функція в ",[3529,8221,4940],{}," отримує, чи палець зараз натиснутий — можна змінити колір без окремого state.",[3512,8224,8225,8226,4070],{},"За бажанням ",[3529,8227,8228],{},"src\u002Fshared\u002Fui\u002Findex.ts",[3738,8230,8232],{"className":4189,"code":8231,"language":4191,"meta":3744,"style":3744},"export { AppText } from '.\u002FAppText';\nexport { Button } from '.\u002FButton';\nexport { Screen } from '.\u002FScreen';\n",[3529,8233,8234,8251,8268],{"__ignoreMap":3744},[3919,8235,8236,8238,8240,8242,8244,8246,8249],{"class":3921,"line":3922},[3919,8237,4354],{"class":4198},[3919,8239,4202],{"class":4082},[3919,8241,3640],{"class":4205},[3919,8243,4208],{"class":4082},[3919,8245,4211],{"class":4198},[3919,8247,8248],{"class":4095}," '.\u002FAppText'",[3919,8250,4217],{"class":4082},[3919,8252,8253,8255,8257,8259,8261,8263,8266],{"class":3921,"line":3928},[3919,8254,4354],{"class":4198},[3919,8256,4202],{"class":4082},[3919,8258,3645],{"class":4205},[3919,8260,4208],{"class":4082},[3919,8262,4211],{"class":4198},[3919,8264,8265],{"class":4095}," '.\u002FButton'",[3919,8267,4217],{"class":4082},[3919,8269,8270,8272,8274,8276,8278,8280,8283],{"class":3921,"line":3934},[3919,8271,4354],{"class":4198},[3919,8273,4202],{"class":4082},[3919,8275,3635],{"class":4205},[3919,8277,4208],{"class":4082},[3919,8279,4211],{"class":4198},[3919,8281,8282],{"class":4095}," '.\u002FScreen'",[3919,8284,4217],{"class":4082},[3733,8286,8288],{"id":8287},"кнопка-вживу-primary-pressed-disabled","Кнопка вживу: primary, pressed, disabled",[3512,8290,8291,8292,8294,8295,3572],{},"Натисніть «Нова поїздка» — лічильник і колір покажуть ",[3529,8293,7859],{},". Друга кнопка навмисно ",[3529,8296,7780],{},[5151,8298,8302],{"device":8299,"filename":8300,"title":8301},"android","ButtonDemo.tsx","Button — Pressable + tokens",[3738,8303,8305],{"className":4803,"code":8304,"language":4805,"meta":3744,"style":3744},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\nconst tokens = {\n  colors: {\n    background: '#F8FAFC',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    onPrimary: '#FFFFFF',\n  },\n  spacing: { sm: 8, md: 16, lg: 24 },\n  radius: { md: 12 },\n  fontSize: { md: 16 },\n};\n\nfunction Button({\n  label,\n  onPress,\n  disabled = false,\n}: {\n  label: string;\n  onPress: () => void;\n  disabled?: boolean;\n}) {\n  return (\n    \u003CPressable\n      accessibilityRole=\"button\"\n      disabled={disabled}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.base,\n        pressed && !disabled ? styles.pressed : null,\n        disabled ? styles.disabled : null,\n      ]}\n    >\n      \u003CText style={styles.label}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [taps, setTaps] = useState(0);\n  const scheme = useColorScheme();\n  const isDark = scheme === 'dark';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.heading, { color: isDark ? '#f5f5f7' : tokens.colors.text }]}>\n        Натискань: {taps}\n      \u003C\u002FText>\n      \u003CText style={[styles.hint, { color: isDark ? '#a1a1aa' : tokens.colors.textSecondary }]}>\n        style як функція від {'{ pressed }'} — без окремого useState для «втоплення».\n      \u003C\u002FText>\n      \u003CButton label=\"Нова поїздка\" onPress={() => setTaps((n) => n + 1)} \u002F>\n      \u003CButton label=\"Недоступно\" onPress={() => {}} disabled \u002F>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    padding: tokens.spacing.lg,\n    justifyContent: 'center',\n    gap: tokens.spacing.md,\n  },\n  heading: {\n    fontSize: 28,\n    fontWeight: '700',\n  },\n  hint: {\n    fontSize: 14,\n    lineHeight: 20,\n    marginBottom: tokens.spacing.sm,\n  },\n  base: {\n    backgroundColor: tokens.colors.primary,\n    paddingVertical: tokens.spacing.sm + 4,\n    paddingHorizontal: tokens.spacing.md,\n    borderRadius: tokens.radius.md,\n    alignItems: 'center',\n  },\n  pressed: {\n    backgroundColor: tokens.colors.primaryPressed,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  label: {\n    color: tokens.colors.onPrimary,\n    fontSize: tokens.fontSize.md,\n    fontWeight: '600',\n  },\n});\n",[3529,8306,8307,8324,8356,8360,8368,8374,8382,8390,8398,8406,8414,8422,8426,8450,8462,8474,8478,8482,8490,8496,8502,8512,8516,8526,8538,8548,8552,8558,8564,8572,8584,8596,8614,8624,8648,8666,8672,8676,8710,8718,8722,8726,8730,8742,8771,8783,8799,8803,8809,8847,8896,8907,8915,8964,8979,8987,9042,9075,9083,9087,9091,9095,9111,9117,9125,9141,9157,9165,9181,9185,9192,9200,9208,9212,9219,9227,9235,9252,9256,9262,9278,9298,9314,9330,9338,9342,9349,9366,9371,9378,9387,9392,9399,9416,9433,9442,9447],{"__ignoreMap":3744},[3919,8308,8309,8311,8313,8316,8318,8320,8322],{"class":3921,"line":3922},[3919,8310,4199],{"class":4198},[3919,8312,4202],{"class":4082},[3919,8314,8315],{"class":4205},"useState",[3919,8317,4208],{"class":4082},[3919,8319,4211],{"class":4198},[3919,8321,4823],{"class":4095},[3919,8323,4217],{"class":4082},[3919,8325,8326,8328,8330,8332,8334,8336,8338,8340,8342,8344,8346,8348,8350,8352,8354],{"class":3921,"line":3928},[3919,8327,4199],{"class":4198},[3919,8329,4202],{"class":4082},[3919,8331,4790],{"class":4205},[3919,8333,3558],{"class":4082},[3919,8335,5173],{"class":4205},[3919,8337,3558],{"class":4082},[3919,8339,7623],{"class":4205},[3919,8341,3558],{"class":4082},[3919,8343,4834],{"class":4205},[3919,8345,3558],{"class":4082},[3919,8347,5182],{"class":4205},[3919,8349,4208],{"class":4082},[3919,8351,4211],{"class":4198},[3919,8353,4850],{"class":4095},[3919,8355,4217],{"class":4082},[3919,8357,8358],{"class":3921,"line":3934},[3919,8359,3944],{"emptyLinePlaceholder":3943},[3919,8361,8362,8364,8366],{"class":3921,"line":3940},[3919,8363,5023],{"class":4117},[3919,8365,4361],{"class":4360},[3919,8367,4364],{"class":4082},[3919,8369,8370,8372],{"class":3921,"line":3947},[3919,8371,4369],{"class":4205},[3919,8373,4372],{"class":4082},[3919,8375,8376,8378,8380],{"class":3921,"line":3953},[3919,8377,4377],{"class":4205},[3919,8379,4380],{"class":4095},[3919,8381,4099],{"class":4082},[3919,8383,8384,8386,8388],{"class":3921,"line":3959},[3919,8385,4397],{"class":4205},[3919,8387,4400],{"class":4095},[3919,8389,4099],{"class":4082},[3919,8391,8392,8394,8396],{"class":3921,"line":3965},[3919,8393,4407],{"class":4205},[3919,8395,4410],{"class":4095},[3919,8397,4099],{"class":4082},[3919,8399,8400,8402,8404],{"class":3921,"line":3970},[3919,8401,4417],{"class":4205},[3919,8403,4420],{"class":4095},[3919,8405,4099],{"class":4082},[3919,8407,8408,8410,8412],{"class":3921,"line":3976},[3919,8409,4427],{"class":4205},[3919,8411,4430],{"class":4095},[3919,8413,4099],{"class":4082},[3919,8415,8416,8418,8420],{"class":3921,"line":3982},[3919,8417,4457],{"class":4205},[3919,8419,4390],{"class":4095},[3919,8421,4099],{"class":4082},[3919,8423,8424],{"class":3921,"line":3988},[3919,8425,4151],{"class":4082},[3919,8427,8428,8430,8432,8434,8436,8438,8440,8442,8444,8446,8448],{"class":3921,"line":3993},[3919,8429,4470],{"class":4205},[3919,8431,4202],{"class":4082},[3919,8433,5268],{"class":4205},[3919,8435,4491],{"class":4480},[3919,8437,3558],{"class":4082},[3919,8439,5275],{"class":4205},[3919,8441,4501],{"class":4480},[3919,8443,3558],{"class":4082},[3919,8445,5282],{"class":4205},[3919,8447,4511],{"class":4480},[3919,8449,5287],{"class":4082},[3919,8451,8452,8454,8456,8458,8460],{"class":3921,"line":3999},[3919,8453,4533],{"class":4205},[3919,8455,4202],{"class":4082},[3919,8457,5275],{"class":4205},[3919,8459,4552],{"class":4480},[3919,8461,5287],{"class":4082},[3919,8463,8464,8466,8468,8470,8472],{"class":3921,"line":4005},[3919,8465,4574],{"class":4205},[3919,8467,4202],{"class":4082},[3919,8469,5275],{"class":4205},[3919,8471,4501],{"class":4480},[3919,8473,5287],{"class":4082},[3919,8475,8476],{"class":3921,"line":4011},[3919,8477,4914],{"class":4082},[3919,8479,8480],{"class":3921,"line":4017},[3919,8481,3944],{"emptyLinePlaceholder":3943},[3919,8483,8484,8486,8488],{"class":3921,"line":4023},[3919,8485,5312],{"class":4117},[3919,8487,7765],{"class":4928},[3919,8489,5038],{"class":4082},[3919,8491,8492,8494],{"class":3921,"line":4028},[3919,8493,7704],{"class":4205},[3919,8495,4099],{"class":4082},[3919,8497,8498,8500],{"class":3921,"line":4530},[3919,8499,7715],{"class":4205},[3919,8501,4099],{"class":4082},[3919,8503,8504,8506,8508,8510],{"class":3921,"line":4538},[3919,8505,7731],{"class":4205},[3919,8507,4653],{"class":4082},[3919,8509,7785],{"class":4117},[3919,8511,4099],{"class":4082},[3919,8513,8514],{"class":3921,"line":4547},[3919,8515,6829],{"class":4082},[3919,8517,8518,8520,8522,8524],{"class":3921,"line":4557},[3919,8519,7704],{"class":4205},[3919,8521,4092],{"class":4082},[3919,8523,6172],{"class":4649},[3919,8525,4217],{"class":4082},[3919,8527,8528,8530,8532,8534,8536],{"class":3921,"line":4566},[3919,8529,7715],{"class":4928},[3919,8531,7718],{"class":4082},[3919,8533,7721],{"class":4117},[3919,8535,7724],{"class":4649},[3919,8537,4217],{"class":4082},[3919,8539,8540,8542,8544,8546],{"class":3921,"line":4571},[3919,8541,7731],{"class":4205},[3919,8543,4905],{"class":4082},[3919,8545,7736],{"class":4649},[3919,8547,4217],{"class":4082},[3919,8549,8550],{"class":3921,"line":4579},[3919,8551,6865],{"class":4082},[3919,8553,8554,8556],{"class":3921,"line":4589},[3919,8555,4954],{"class":4198},[3919,8557,5439],{"class":4082},[3919,8559,8560,8562],{"class":3921,"line":4598},[3919,8561,5444],{"class":4957},[3919,8563,7809],{"class":4649},[3919,8565,8566,8568,8570],{"class":3921,"line":4608},[3919,8567,7814],{"class":4963},[3919,8569,4967],{"class":4082},[3919,8571,7819],{"class":4095},[3919,8573,8574,8576,8578,8580,8582],{"class":3921,"line":4618},[3919,8575,7824],{"class":4963},[3919,8577,4967],{"class":4082},[3919,8579,4970],{"class":4117},[3919,8581,7780],{"class":4205},[3919,8583,4183],{"class":4117},[3919,8585,8586,8588,8590,8592,8594],{"class":3921,"line":4623},[3919,8587,7837],{"class":4963},[3919,8589,4967],{"class":4082},[3919,8591,4970],{"class":4117},[3919,8593,7775],{"class":4205},[3919,8595,4183],{"class":4117},[3919,8597,8598,8600,8602,8604,8606,8608,8610,8612],{"class":3921,"line":4636},[3919,8599,7850],{"class":4963},[3919,8601,4967],{"class":4082},[3919,8603,4970],{"class":4117},[3919,8605,4932],{"class":4973},[3919,8607,7859],{"class":4205},[3919,8609,7862],{"class":4973},[3919,8611,7721],{"class":4117},[3919,8613,7867],{"class":4973},[3919,8615,8616,8618,8620,8622],{"class":3921,"line":4641},[3919,8617,7872],{"class":4205},[3919,8619,3572],{"class":4973},[3919,8621,6288],{"class":4205},[3919,8623,4099],{"class":4973},[3919,8625,8626,8628,8630,8632,8634,8636,8638,8640,8642,8644,8646],{"class":3921,"line":5562},[3919,8627,7883],{"class":4205},[3919,8629,7087],{"class":4082},[3919,8631,7888],{"class":4082},[3919,8633,7780],{"class":4205},[3919,8635,5496],{"class":4082},[3919,8637,5026],{"class":4205},[3919,8639,3572],{"class":4973},[3919,8641,7859],{"class":4205},[3919,8643,5502],{"class":4082},[3919,8645,6917],{"class":4117},[3919,8647,4099],{"class":4973},[3919,8649,8650,8652,8654,8656,8658,8660,8662,8664],{"class":3921,"line":5617},[3919,8651,7909],{"class":4205},[3919,8653,5496],{"class":4082},[3919,8655,5026],{"class":4205},[3919,8657,3572],{"class":4973},[3919,8659,7780],{"class":4205},[3919,8661,5502],{"class":4082},[3919,8663,6917],{"class":4117},[3919,8665,4099],{"class":4973},[3919,8667,8668,8670],{"class":3921,"line":5623},[3919,8669,7934],{"class":4973},[3919,8671,4183],{"class":4117},[3919,8673,8674],{"class":3921,"line":5633},[3919,8675,7941],{"class":4957},[3919,8677,8678,8680,8682,8684,8686,8688,8690,8692,8694,8696,8698,8700,8702,8704,8706,8708],{"class":3921,"line":5685},[3919,8679,5454],{"class":4957},[3919,8681,5173],{"class":4649},[3919,8683,4964],{"class":4963},[3919,8685,4967],{"class":4082},[3919,8687,4970],{"class":4117},[3919,8689,4977],{"class":4205},[3919,8691,3572],{"class":4973},[3919,8693,7770],{"class":4205},[3919,8695,4992],{"class":4117},[3919,8697,4995],{"class":4957},[3919,8699,4970],{"class":4117},[3919,8701,7770],{"class":4205},[3919,8703,4992],{"class":4117},[3919,8705,5004],{"class":4957},[3919,8707,5173],{"class":4649},[3919,8709,5449],{"class":4957},[3919,8711,8712,8714,8716],{"class":3921,"line":5691},[3919,8713,5719],{"class":4957},[3919,8715,7623],{"class":4649},[3919,8717,5449],{"class":4957},[3919,8719,8720],{"class":3921,"line":5697},[3919,8721,5729],{"class":4082},[3919,8723,8724],{"class":3921,"line":5706},[3919,8725,4183],{"class":4082},[3919,8727,8728],{"class":3921,"line":5716},[3919,8729,3944],{"emptyLinePlaceholder":3943},[3919,8731,8732,8734,8736,8738,8740],{"class":3921,"line":5726},[3919,8733,4354],{"class":4198},[3919,8735,5385],{"class":4198},[3919,8737,4925],{"class":4117},[3919,8739,5390],{"class":4928},[3919,8741,5393],{"class":4082},[3919,8743,8744,8746,8749,8752,8754,8757,8760,8762,8765,8768],{"class":3921,"line":5732},[3919,8745,5398],{"class":4117},[3919,8747,8748],{"class":4082}," [",[3919,8750,8751],{"class":4360},"taps",[3919,8753,3558],{"class":4082},[3919,8755,8756],{"class":4360},"setTaps",[3919,8758,8759],{"class":4082},"] = ",[3919,8761,8315],{"class":4928},[3919,8763,8764],{"class":4082},"(",[3919,8766,8767],{"class":4480},"0",[3919,8769,8770],{"class":4082},");\n",[3919,8772,8773,8775,8777,8779,8781],{"class":3921,"line":5737},[3919,8774,5398],{"class":4117},[3919,8776,5401],{"class":4360},[3919,8778,4653],{"class":4082},[3919,8780,5182],{"class":4928},[3919,8782,5408],{"class":4082},[3919,8784,8785,8787,8789,8791,8793,8795,8797],{"class":3921,"line":5742},[3919,8786,5398],{"class":4117},[3919,8788,5415],{"class":4360},[3919,8790,4653],{"class":4082},[3919,8792,5420],{"class":4205},[3919,8794,5423],{"class":4082},[3919,8796,5426],{"class":4095},[3919,8798,4217],{"class":4082},[3919,8800,8801],{"class":3921,"line":5759},[3919,8802,3944],{"emptyLinePlaceholder":3943},[3919,8804,8805,8807],{"class":3921,"line":5767},[3919,8806,4954],{"class":4198},[3919,8808,5439],{"class":4082},[3919,8810,8811,8813,8815,8817,8819,8821,8823,8825,8827,8829,8831,8833,8835,8837,8839,8841,8843,8845],{"class":3921,"line":5776},[3919,8812,5444],{"class":4957},[3919,8814,4790],{"class":4649},[3919,8816,4964],{"class":4963},[3919,8818,4967],{"class":4082},[3919,8820,4970],{"class":4117},[3919,8822,4974],{"class":4973},[3919,8824,4977],{"class":4205},[3919,8826,3572],{"class":4973},[3919,8828,5352],{"class":4205},[3919,8830,3558],{"class":4973},[3919,8832,6999],{"class":4205},[3919,8834,7087],{"class":4082},[3919,8836,4202],{"class":4973},[3919,8838,7092],{"class":4205},[3919,8840,7095],{"class":4095},[3919,8842,5610],{"class":4973},[3919,8844,4992],{"class":4117},[3919,8846,5449],{"class":4957},[3919,8848,8849,8851,8853,8855,8857,8859,8861,8863,8865,8868,8870,8872,8874,8876,8878,8880,8882,8884,8886,8888,8890,8892,8894],{"class":3921,"line":5793},[3919,8850,5454],{"class":4957},[3919,8852,5173],{"class":4649},[3919,8854,4964],{"class":4963},[3919,8856,4967],{"class":4082},[3919,8858,4970],{"class":4117},[3919,8860,4974],{"class":4973},[3919,8862,4977],{"class":4205},[3919,8864,3572],{"class":4973},[3919,8866,8867],{"class":4205},"heading",[3919,8869,5585],{"class":4973},[3919,8871,5588],{"class":4205},[3919,8873,5415],{"class":4205},[3919,8875,5496],{"class":4082},[3919,8877,5595],{"class":4095},[3919,8879,5502],{"class":4082},[3919,8881,4361],{"class":4205},[3919,8883,3572],{"class":4973},[3919,8885,4665],{"class":4205},[3919,8887,3572],{"class":4973},[3919,8889,3743],{"class":4205},[3919,8891,5610],{"class":4973},[3919,8893,4992],{"class":4117},[3919,8895,5449],{"class":4957},[3919,8897,8898,8901,8903,8905],{"class":3921,"line":5810},[3919,8899,8900],{"class":4082},"        Натискань: ",[3919,8902,4970],{"class":4117},[3919,8904,8751],{"class":4205},[3919,8906,4183],{"class":4117},[3919,8908,8909,8911,8913],{"class":3921,"line":5827},[3919,8910,5709],{"class":4957},[3919,8912,5173],{"class":4649},[3919,8914,5449],{"class":4957},[3919,8916,8917,8919,8921,8923,8925,8927,8929,8931,8933,8936,8938,8940,8942,8944,8946,8948,8950,8952,8954,8956,8958,8960,8962],{"class":3921,"line":5832},[3919,8918,5454],{"class":4957},[3919,8920,5173],{"class":4649},[3919,8922,4964],{"class":4963},[3919,8924,4967],{"class":4082},[3919,8926,4970],{"class":4117},[3919,8928,4974],{"class":4973},[3919,8930,4977],{"class":4205},[3919,8932,3572],{"class":4973},[3919,8934,8935],{"class":4205},"hint",[3919,8937,5585],{"class":4973},[3919,8939,5588],{"class":4205},[3919,8941,5415],{"class":4205},[3919,8943,5496],{"class":4082},[3919,8945,5663],{"class":4095},[3919,8947,5502],{"class":4082},[3919,8949,4361],{"class":4205},[3919,8951,3572],{"class":4973},[3919,8953,4665],{"class":4205},[3919,8955,3572],{"class":4973},[3919,8957,5676],{"class":4205},[3919,8959,5610],{"class":4973},[3919,8961,4992],{"class":4117},[3919,8963,5449],{"class":4957},[3919,8965,8966,8969,8971,8974,8976],{"class":3921,"line":5840},[3919,8967,8968],{"class":4082},"        style як функція від ",[3919,8970,4970],{"class":4117},[3919,8972,8973],{"class":4095},"'{ pressed }'",[3919,8975,4992],{"class":4117},[3919,8977,8978],{"class":4082}," — без окремого useState для «втоплення».\n",[3919,8980,8981,8983,8985],{"class":3921,"line":5859},[3919,8982,5709],{"class":4957},[3919,8984,5173],{"class":4649},[3919,8986,5449],{"class":4957},[3919,8988,8989,8991,8993,8996,8998,9001,9004,9006,9008,9011,9013,9016,9019,9022,9025,9027,9030,9033,9035,9037,9039],{"class":3921,"line":5869},[3919,8990,5454],{"class":4957},[3919,8992,3645],{"class":4649},[3919,8994,8995],{"class":4963}," label",[3919,8997,4967],{"class":4082},[3919,8999,9000],{"class":4095},"\"Нова поїздка\"",[3919,9002,9003],{"class":4963}," onPress",[3919,9005,4967],{"class":4082},[3919,9007,4970],{"class":4117},[3919,9009,9010],{"class":4973},"() ",[3919,9012,7721],{"class":4117},[3919,9014,9015],{"class":4928}," setTaps",[3919,9017,9018],{"class":4973},"((",[3919,9020,9021],{"class":4205},"n",[3919,9023,9024],{"class":4973},") ",[3919,9026,7721],{"class":4117},[3919,9028,9029],{"class":4205}," n",[3919,9031,9032],{"class":4082}," +",[3919,9034,5053],{"class":4480},[3919,9036,4040],{"class":4973},[3919,9038,4992],{"class":4117},[3919,9040,9041],{"class":4957}," \u002F>\n",[3919,9043,9044,9046,9048,9050,9052,9055,9057,9059,9061,9063,9065,9068,9070,9073],{"class":3921,"line":5887},[3919,9045,5454],{"class":4957},[3919,9047,3645],{"class":4649},[3919,9049,8995],{"class":4963},[3919,9051,4967],{"class":4082},[3919,9053,9054],{"class":4095},"\"Недоступно\"",[3919,9056,9003],{"class":4963},[3919,9058,4967],{"class":4082},[3919,9060,4970],{"class":4117},[3919,9062,9010],{"class":4973},[3919,9064,7721],{"class":4117},[3919,9066,9067],{"class":4973}," {}",[3919,9069,4992],{"class":4117},[3919,9071,9072],{"class":4963}," disabled",[3919,9074,9041],{"class":4957},[3919,9076,9077,9079,9081],{"class":3921,"line":5906},[3919,9078,5719],{"class":4957},[3919,9080,4790],{"class":4649},[3919,9082,5449],{"class":4957},[3919,9084,9085],{"class":3921,"line":5911},[3919,9086,5729],{"class":4082},[3919,9088,9089],{"class":3921,"line":5919},[3919,9090,4183],{"class":4082},[3919,9092,9093],{"class":3921,"line":5930},[3919,9094,3944],{"emptyLinePlaceholder":3943},[3919,9096,9097,9099,9101,9103,9105,9107,9109],{"class":3921,"line":5941},[3919,9098,5023],{"class":4117},[3919,9100,5026],{"class":4360},[3919,9102,4653],{"class":4082},[3919,9104,4834],{"class":4205},[3919,9106,3572],{"class":4082},[3919,9108,5035],{"class":4928},[3919,9110,5038],{"class":4082},[3919,9112,9113,9115],{"class":3921,"line":5946},[3919,9114,5762],{"class":4205},[3919,9116,4372],{"class":4082},[3919,9118,9119,9121,9123],{"class":3921,"line":5954},[3919,9120,5050],{"class":4205},[3919,9122,5053],{"class":4480},[3919,9124,4099],{"class":4082},[3919,9126,9127,9129,9131,9133,9135,9137,9139],{"class":3921,"line":5964},[3919,9128,5060],{"class":4205},[3919,9130,4361],{"class":4205},[3919,9132,3572],{"class":4082},[3919,9134,4665],{"class":4205},[3919,9136,3572],{"class":4082},[3919,9138,4680],{"class":4205},[3919,9140,4099],{"class":4082},[3919,9142,9143,9145,9147,9149,9151,9153,9155],{"class":3921,"line":5974},[3919,9144,5872],{"class":4205},[3919,9146,4361],{"class":4205},[3919,9148,3572],{"class":4082},[3919,9150,4684],{"class":4205},[3919,9152,3572],{"class":4082},[3919,9154,5106],{"class":4205},[3919,9156,4099],{"class":4082},[3919,9158,9159,9161,9163],{"class":3921,"line":5979},[3919,9160,7364],{"class":4205},[3919,9162,7367],{"class":4095},[3919,9164,4099],{"class":4082},[3919,9166,9167,9169,9171,9173,9175,9177,9179],{"class":3921,"line":7432},[3919,9168,5890],{"class":4205},[3919,9170,4361],{"class":4205},[3919,9172,3572],{"class":4082},[3919,9174,4684],{"class":4205},[3919,9176,3572],{"class":4082},[3919,9178,5088],{"class":4205},[3919,9180,4099],{"class":4082},[3919,9182,9183],{"class":3921,"line":7441},[3919,9184,4151],{"class":4082},[3919,9186,9187,9190],{"class":3921,"line":7446},[3919,9188,9189],{"class":4205},"  heading:",[3919,9191,4372],{"class":4082},[3919,9193,9194,9196,9198],{"class":3921,"line":7453},[3919,9195,5922],{"class":4205},[3919,9197,4613],{"class":4480},[3919,9199,4099],{"class":4082},[3919,9201,9202,9204,9206],{"class":3921,"line":7470},[3919,9203,5933],{"class":4205},[3919,9205,5936],{"class":4095},[3919,9207,4099],{"class":4082},[3919,9209,9210],{"class":3921,"line":7479},[3919,9211,4151],{"class":4082},[3919,9213,9214,9217],{"class":3921,"line":7488},[3919,9215,9216],{"class":4205},"  hint:",[3919,9218,4372],{"class":4082},[3919,9220,9221,9223,9225],{"class":3921,"line":7493},[3919,9222,5922],{"class":4205},[3919,9224,4584],{"class":4480},[3919,9226,4099],{"class":4082},[3919,9228,9229,9231,9233],{"class":3921,"line":7500},[3919,9230,5967],{"class":4205},[3919,9232,4603],{"class":4480},[3919,9234,4099],{"class":4082},[3919,9236,9237,9240,9242,9244,9246,9248,9250],{"class":3921,"line":7517},[3919,9238,9239],{"class":4205},"    marginBottom:",[3919,9241,4361],{"class":4205},[3919,9243,3572],{"class":4082},[3919,9245,4684],{"class":4205},[3919,9247,3572],{"class":4082},[3919,9249,5901],{"class":4205},[3919,9251,4099],{"class":4082},[3919,9253,9254],{"class":3921,"line":7526},[3919,9255,4151],{"class":4082},[3919,9257,9258,9260],{"class":3921,"line":7544},[3919,9259,6375],{"class":4205},[3919,9261,4372],{"class":4082},[3919,9263,9264,9266,9268,9270,9272,9274,9276],{"class":3921,"line":7549},[3919,9265,5060],{"class":4205},[3919,9267,4361],{"class":4205},[3919,9269,3572],{"class":4082},[3919,9271,4665],{"class":4205},[3919,9273,3572],{"class":4082},[3919,9275,4673],{"class":4205},[3919,9277,4099],{"class":4082},[3919,9279,9280,9282,9284,9286,9288,9290,9292,9294,9296],{"class":3921,"line":7556},[3919,9281,5095],{"class":4205},[3919,9283,4361],{"class":4205},[3919,9285,3572],{"class":4082},[3919,9287,4684],{"class":4205},[3919,9289,3572],{"class":4082},[3919,9291,5901],{"class":4205},[3919,9293,8050],{"class":4082},[3919,9295,8053],{"class":4480},[3919,9297,4099],{"class":4082},[3919,9299,9300,9302,9304,9306,9308,9310,9312],{"class":3921,"line":7573},[3919,9301,5077],{"class":4205},[3919,9303,4361],{"class":4205},[3919,9305,3572],{"class":4082},[3919,9307,4684],{"class":4205},[3919,9309,3572],{"class":4082},[3919,9311,5088],{"class":4205},[3919,9313,4099],{"class":4082},[3919,9315,9316,9318,9320,9322,9324,9326,9328],{"class":3921,"line":7582},[3919,9317,5843],{"class":4205},[3919,9319,4361],{"class":4205},[3919,9321,3572],{"class":4082},[3919,9323,5850],{"class":4205},[3919,9325,3572],{"class":4082},[3919,9327,5088],{"class":4205},[3919,9329,4099],{"class":4082},[3919,9331,9332,9334,9336],{"class":3921,"line":7600},[3919,9333,8092],{"class":4205},[3919,9335,7367],{"class":4095},[3919,9337,4099],{"class":4082},[3919,9339,9340],{"class":3921,"line":7605},[3919,9341,4151],{"class":4082},[3919,9343,9345,9347],{"class":3921,"line":9344},86,[3919,9346,8105],{"class":4205},[3919,9348,4372],{"class":4082},[3919,9350,9352,9354,9356,9358,9360,9362,9364],{"class":3921,"line":9351},87,[3919,9353,5060],{"class":4205},[3919,9355,4361],{"class":4205},[3919,9357,3572],{"class":4082},[3919,9359,4665],{"class":4205},[3919,9361,3572],{"class":4082},[3919,9363,8122],{"class":4205},[3919,9365,4099],{"class":4082},[3919,9367,9369],{"class":3921,"line":9368},88,[3919,9370,4151],{"class":4082},[3919,9372,9374,9376],{"class":3921,"line":9373},89,[3919,9375,8133],{"class":4205},[3919,9377,4372],{"class":4082},[3919,9379,9381,9383,9385],{"class":3921,"line":9380},90,[3919,9382,8140],{"class":4205},[3919,9384,8143],{"class":4480},[3919,9386,4099],{"class":4082},[3919,9388,9390],{"class":3921,"line":9389},91,[3919,9391,4151],{"class":4082},[3919,9393,9395,9397],{"class":3921,"line":9394},92,[3919,9396,8154],{"class":4205},[3919,9398,4372],{"class":4082},[3919,9400,9402,9404,9406,9408,9410,9412,9414],{"class":3921,"line":9401},93,[3919,9403,6382],{"class":4205},[3919,9405,4361],{"class":4205},[3919,9407,3572],{"class":4082},[3919,9409,4665],{"class":4205},[3919,9411,3572],{"class":4082},[3919,9413,8171],{"class":4205},[3919,9415,4099],{"class":4082},[3919,9417,9419,9421,9423,9425,9427,9429,9431],{"class":3921,"line":9418},94,[3919,9420,5922],{"class":4205},[3919,9422,4361],{"class":4205},[3919,9424,3572],{"class":4082},[3919,9426,6011],{"class":4205},[3919,9428,3572],{"class":4082},[3919,9430,5088],{"class":4205},[3919,9432,4099],{"class":4082},[3919,9434,9436,9438,9440],{"class":3921,"line":9435},95,[3919,9437,5933],{"class":4205},[3919,9439,6506],{"class":4095},[3919,9441,4099],{"class":4082},[3919,9443,9445],{"class":3921,"line":9444},96,[3919,9446,4151],{"class":4082},[3919,9448,9450],{"class":3921,"line":9449},97,[3919,9451,5117],{"class":4082},[3717,9453],{},[3507,9455,9457],{"id":9456},"зібрати-домашній-екран-nomad","Зібрати домашній екран Nomad",[3512,9459,9460,9461,9463,9464,9467,9468,9471],{},"Оновіть ",[3529,9462,3868],{}," (шлях може бути ",[3529,9465,9466],{},"app\u002F(tabs)\u002Findex.tsx"," у вашому шаблоні — важливий ",[3516,9469,9470],{},"домашній"," екран). Мета: тонкий маршрут + примітиви + українські рядки.",[3738,9473,9475],{"className":4803,"code":9474,"language":4805,"meta":3744,"style":3744},"import { StyleSheet, View } from 'react-native';\n\nimport { tokens } from '@\u002Fshared\u002Ftheme';\nimport { AppText, Button, Screen } from '@\u002Fshared\u002Fui';\n\nexport default function HomeScreen() {\n  return (\n    \u003CScreen>\n      \u003CView style={styles.header}>\n        \u003CAppText variant=\"title\">Мандрівник\u003C\u002FAppText>\n        \u003CAppText variant=\"caption\" style={styles.caption}>\n          Щоденник подорожей\n        \u003C\u002FAppText>\n      \u003C\u002FView>\n\n      \u003CAppText style={styles.body}>\n        Тут згодом зʼявиться список поїздок. Зараз закладаємо структуру проєкту та спільні\n        компоненти.\n      \u003C\u002FAppText>\n\n      \u003CButton\n        label=\"Нова поїздка\"\n        onPress={() => {\n          \u002F\u002F Навігацію на форму додамо в модулі Router\n          console.log('TODO: відкрити створення поїздки');\n        }}\n      \u002F>\n    \u003C\u002FScreen>\n  );\n}\n\nconst styles = StyleSheet.create({\n  header: {\n    marginBottom: tokens.spacing.lg,\n    gap: tokens.spacing.xs,\n  },\n  caption: {\n    marginTop: tokens.spacing.xs,\n  },\n  body: {\n    marginBottom: tokens.spacing.lg,\n  },\n});\n",[3529,9476,9477,9497,9501,9517,9542,9546,9559,9565,9573,9596,9619,9647,9652,9660,9668,9672,9694,9699,9704,9712,9716,9723,9733,9748,9754,9771,9778,9783,9791,9795,9799,9803,9819,9826,9842,9858,9862,9868,9884,9888,9894,9910,9914],{"__ignoreMap":3744},[3919,9478,9479,9481,9483,9485,9487,9489,9491,9493,9495],{"class":3921,"line":3922},[3919,9480,4199],{"class":4198},[3919,9482,4202],{"class":4082},[3919,9484,4834],{"class":4205},[3919,9486,3558],{"class":4082},[3919,9488,4790],{"class":4205},[3919,9490,4208],{"class":4082},[3919,9492,4211],{"class":4198},[3919,9494,4850],{"class":4095},[3919,9496,4217],{"class":4082},[3919,9498,9499],{"class":3921,"line":3928},[3919,9500,3944],{"emptyLinePlaceholder":3943},[3919,9502,9503,9505,9507,9509,9511,9513,9515],{"class":3921,"line":3934},[3919,9504,4199],{"class":4198},[3919,9506,4202],{"class":4082},[3919,9508,3711],{"class":4205},[3919,9510,4208],{"class":4082},[3919,9512,4211],{"class":4198},[3919,9514,4232],{"class":4095},[3919,9516,4217],{"class":4082},[3919,9518,9519,9521,9523,9525,9527,9529,9531,9533,9535,9537,9540],{"class":3921,"line":3940},[3919,9520,4199],{"class":4198},[3919,9522,4202],{"class":4082},[3919,9524,3640],{"class":4205},[3919,9526,3558],{"class":4082},[3919,9528,3645],{"class":4205},[3919,9530,3558],{"class":4082},[3919,9532,3635],{"class":4205},[3919,9534,4208],{"class":4082},[3919,9536,4211],{"class":4198},[3919,9538,9539],{"class":4095}," '@\u002Fshared\u002Fui'",[3919,9541,4217],{"class":4082},[3919,9543,9544],{"class":3921,"line":3947},[3919,9545,3944],{"emptyLinePlaceholder":3943},[3919,9547,9548,9550,9552,9554,9557],{"class":3921,"line":3953},[3919,9549,4354],{"class":4198},[3919,9551,5385],{"class":4198},[3919,9553,4925],{"class":4117},[3919,9555,9556],{"class":4928}," HomeScreen",[3919,9558,5393],{"class":4082},[3919,9560,9561,9563],{"class":3921,"line":3959},[3919,9562,4954],{"class":4198},[3919,9564,5439],{"class":4082},[3919,9566,9567,9569,9571],{"class":3921,"line":3965},[3919,9568,5444],{"class":4957},[3919,9570,3635],{"class":4649},[3919,9572,5449],{"class":4957},[3919,9574,9575,9577,9579,9581,9583,9585,9587,9589,9592,9594],{"class":3921,"line":3970},[3919,9576,5454],{"class":4957},[3919,9578,4790],{"class":4649},[3919,9580,4964],{"class":4963},[3919,9582,4967],{"class":4082},[3919,9584,4970],{"class":4117},[3919,9586,4977],{"class":4205},[3919,9588,3572],{"class":4973},[3919,9590,9591],{"class":4205},"header",[3919,9593,4992],{"class":4117},[3919,9595,5449],{"class":4957},[3919,9597,9598,9600,9602,9604,9606,9608,9610,9613,9615,9617],{"class":3921,"line":3976},[3919,9599,5565],{"class":4957},[3919,9601,3640],{"class":4649},[3919,9603,7110],{"class":4963},[3919,9605,4967],{"class":4082},[3919,9607,7115],{"class":4095},[3919,9609,4995],{"class":4957},[3919,9611,9612],{"class":4082},"Мандрівник",[3919,9614,5004],{"class":4957},[3919,9616,3640],{"class":4649},[3919,9618,5449],{"class":4957},[3919,9620,9621,9623,9625,9627,9629,9631,9633,9635,9637,9639,9641,9643,9645],{"class":3921,"line":3982},[3919,9622,5565],{"class":4957},[3919,9624,3640],{"class":4649},[3919,9626,7110],{"class":4963},[3919,9628,4967],{"class":4082},[3919,9630,7235],{"class":4095},[3919,9632,4964],{"class":4963},[3919,9634,4967],{"class":4082},[3919,9636,4970],{"class":4117},[3919,9638,4977],{"class":4205},[3919,9640,3572],{"class":4973},[3919,9642,6607],{"class":4205},[3919,9644,4992],{"class":4117},[3919,9646,5449],{"class":4957},[3919,9648,9649],{"class":3921,"line":3988},[3919,9650,9651],{"class":4082},"          Щоденник подорожей\n",[3919,9653,9654,9656,9658],{"class":3921,"line":3993},[3919,9655,5626],{"class":4957},[3919,9657,3640],{"class":4649},[3919,9659,5449],{"class":4957},[3919,9661,9662,9664,9666],{"class":3921,"line":3999},[3919,9663,5709],{"class":4957},[3919,9665,4790],{"class":4649},[3919,9667,5449],{"class":4957},[3919,9669,9670],{"class":3921,"line":4005},[3919,9671,3944],{"emptyLinePlaceholder":3943},[3919,9673,9674,9676,9678,9680,9682,9684,9686,9688,9690,9692],{"class":3921,"line":4011},[3919,9675,5454],{"class":4957},[3919,9677,3640],{"class":4649},[3919,9679,4964],{"class":4963},[3919,9681,4967],{"class":4082},[3919,9683,4970],{"class":4117},[3919,9685,4977],{"class":4205},[3919,9687,3572],{"class":4973},[3919,9689,5652],{"class":4205},[3919,9691,4992],{"class":4117},[3919,9693,5449],{"class":4957},[3919,9695,9696],{"class":3921,"line":4017},[3919,9697,9698],{"class":4082},"        Тут згодом зʼявиться список поїздок. Зараз закладаємо структуру проєкту та спільні\n",[3919,9700,9701],{"class":3921,"line":4023},[3919,9702,9703],{"class":4082},"        компоненти.\n",[3919,9705,9706,9708,9710],{"class":3921,"line":4028},[3919,9707,5709],{"class":4957},[3919,9709,3640],{"class":4649},[3919,9711,5449],{"class":4957},[3919,9713,9714],{"class":3921,"line":4530},[3919,9715,3944],{"emptyLinePlaceholder":3943},[3919,9717,9718,9720],{"class":3921,"line":4538},[3919,9719,5454],{"class":4957},[3919,9721,9722],{"class":4649},"Button\n",[3919,9724,9725,9728,9730],{"class":3921,"line":4547},[3919,9726,9727],{"class":4963},"        label",[3919,9729,4967],{"class":4082},[3919,9731,9732],{"class":4095},"\"Нова поїздка\"\n",[3919,9734,9735,9738,9740,9742,9744,9746],{"class":3921,"line":4557},[3919,9736,9737],{"class":4963},"        onPress",[3919,9739,4967],{"class":4082},[3919,9741,4970],{"class":4117},[3919,9743,9010],{"class":4973},[3919,9745,7721],{"class":4117},[3919,9747,4372],{"class":4973},[3919,9749,9750],{"class":3921,"line":4566},[3919,9751,9753],{"class":9752},"spJ8K","          \u002F\u002F Навігацію на форму додамо в модулі Router\n",[3919,9755,9756,9759,9761,9764,9766,9769],{"class":3921,"line":4571},[3919,9757,9758],{"class":4205},"          console",[3919,9760,3572],{"class":4973},[3919,9762,9763],{"class":4928},"log",[3919,9765,8764],{"class":4973},[3919,9767,9768],{"class":4095},"'TODO: відкрити створення поїздки'",[3919,9770,8770],{"class":4973},[3919,9772,9773,9776],{"class":3921,"line":4579},[3919,9774,9775],{"class":4973},"        }",[3919,9777,4183],{"class":4117},[3919,9779,9780],{"class":3921,"line":4589},[3919,9781,9782],{"class":4957},"      \u002F>\n",[3919,9784,9785,9787,9789],{"class":3921,"line":4598},[3919,9786,5719],{"class":4957},[3919,9788,3635],{"class":4649},[3919,9790,5449],{"class":4957},[3919,9792,9793],{"class":3921,"line":4608},[3919,9794,5729],{"class":4082},[3919,9796,9797],{"class":3921,"line":4618},[3919,9798,4183],{"class":4082},[3919,9800,9801],{"class":3921,"line":4623},[3919,9802,3944],{"emptyLinePlaceholder":3943},[3919,9804,9805,9807,9809,9811,9813,9815,9817],{"class":3921,"line":4636},[3919,9806,5023],{"class":4117},[3919,9808,5026],{"class":4360},[3919,9810,4653],{"class":4082},[3919,9812,4834],{"class":4205},[3919,9814,3572],{"class":4082},[3919,9816,5035],{"class":4928},[3919,9818,5038],{"class":4082},[3919,9820,9821,9824],{"class":3921,"line":4641},[3919,9822,9823],{"class":4205},"  header:",[3919,9825,4372],{"class":4082},[3919,9827,9828,9830,9832,9834,9836,9838,9840],{"class":3921,"line":5562},[3919,9829,9239],{"class":4205},[3919,9831,4361],{"class":4205},[3919,9833,3572],{"class":4082},[3919,9835,4684],{"class":4205},[3919,9837,3572],{"class":4082},[3919,9839,5106],{"class":4205},[3919,9841,4099],{"class":4082},[3919,9843,9844,9846,9848,9850,9852,9854,9856],{"class":3921,"line":5617},[3919,9845,5890],{"class":4205},[3919,9847,4361],{"class":4205},[3919,9849,3572],{"class":4082},[3919,9851,4684],{"class":4205},[3919,9853,3572],{"class":4082},[3919,9855,7595],{"class":4205},[3919,9857,4099],{"class":4082},[3919,9859,9860],{"class":3921,"line":5623},[3919,9861,4151],{"class":4082},[3919,9863,9864,9866],{"class":3921,"line":5633},[3919,9865,6525],{"class":4205},[3919,9867,4372],{"class":4082},[3919,9869,9870,9872,9874,9876,9878,9880,9882],{"class":3921,"line":5685},[3919,9871,7529],{"class":4205},[3919,9873,4361],{"class":4205},[3919,9875,3572],{"class":4082},[3919,9877,4684],{"class":4205},[3919,9879,3572],{"class":4082},[3919,9881,7595],{"class":4205},[3919,9883,4099],{"class":4082},[3919,9885,9886],{"class":3921,"line":5691},[3919,9887,4151],{"class":4082},[3919,9889,9890,9892],{"class":3921,"line":5697},[3919,9891,5949],{"class":4205},[3919,9893,4372],{"class":4082},[3919,9895,9896,9898,9900,9902,9904,9906,9908],{"class":3921,"line":5706},[3919,9897,9239],{"class":4205},[3919,9899,4361],{"class":4205},[3919,9901,3572],{"class":4082},[3919,9903,4684],{"class":4205},[3919,9905,3572],{"class":4082},[3919,9907,5106],{"class":4205},[3919,9909,4099],{"class":4082},[3919,9911,9912],{"class":3921,"line":5716},[3919,9913,4151],{"class":4082},[3919,9915,9916],{"class":3921,"line":5726},[3919,9917,5117],{"class":4082},[4236,9919,9920,9924,9932,9941,9945],{},[3733,9921,9923],{"id":9922},"зберегти-файли-theme-та-ui","Зберегти файли theme та ui",[3733,9925,9927,9928,9931],{"id":9926},"переконатися-що-резолвиться","Переконатися, що ",[3529,9929,9930],{},"@\u002F"," резолвиться",[3733,9933,9935,9936,4058,9938],{"id":9934},"запустити-npx-expo-start-у-nomad","Запустити ",[3529,9937,4266],{},[3521,9939,3526],{"href":3523,"rel":9940},[3525],[3733,9942,9944],{"id":9943},"перевірити-екран","Перевірити екран",[3512,9946,9947,9948,3572],{},"Має бути заголовок «Мандрівник», підзаголовок, абзац і синя кнопка. Натискання пише в терминал Metro ",[3529,9949,9950],{},"TODO: …",[3733,9952,9954],{"id":9953},"превю-домашнього-екрана-самодостатній-демо-файл","Прев’ю домашнього екрана (самодостатній демо-файл)",[3512,9956,3616,9957,9960,9961,9963,9964,9967],{},[3521,9958,3526],{"href":3523,"rel":9959},[3525]," імпорти йдуть з ",[3529,9962,3715],{},". Нижче — ",[3516,9965,9966],{},"той самий вигляд",", зібраний у одному файлі, щоб побачити результат без запуску Metro.",[5151,9969,9972],{"device":5153,"filename":9970,"title":9971},"HomeScreen.tsx","Nomad Home — примітиви разом",[3738,9973,9975],{"className":4803,"code":9974,"language":4805,"meta":3744,"style":3744},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\nconst tokens = {\n  colors: {\n    background: '#F8FAFC',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    onPrimary: '#FFFFFF',\n  },\n  spacing: { xs: 4, sm: 8, md: 16, lg: 24 },\n  radius: { md: 12 },\n  fontSize: { sm: 14, md: 16, xl: 28 },\n};\n\nfunction Screen({ children }: { children: any }) {\n  return \u003CView style={styles.screen}>{children}\u003C\u002FView>;\n}\n\nfunction AppText({\n  children,\n  variant = 'body',\n  style,\n}: {\n  children: any;\n  variant?: 'title' | 'body' | 'caption';\n  style?: object;\n}) {\n  return \u003CText style={[styles.textBase, styles[variant], style]}>{children}\u003C\u002FText>;\n}\n\nfunction Button({ label, onPress }: { label: string; onPress: () => void }) {\n  return (\n    \u003CPressable\n      accessibilityRole=\"button\"\n      onPress={onPress}\n      style={({ pressed }) => [styles.btn, pressed && styles.btnPressed]}\n    >\n      \u003CText style={styles.btnLabel}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [log, setLog] = useState('Очікуємо дію…');\n  const scheme = useColorScheme();\n  const isDark = scheme === 'dark';\n  const text = isDark ? '#f5f5f7' : tokens.colors.text;\n  const muted = isDark ? '#a1a1aa' : tokens.colors.textSecondary;\n\n  return (\n    \u003CScreen>\n      \u003CView style={styles.header}>\n        \u003CAppText variant=\"title\" style={{ color: text }}>\n          Мандрівник\n        \u003C\u002FAppText>\n        \u003CAppText variant=\"caption\" style={{ color: muted }}>\n          Щоденник подорожей\n        \u003C\u002FAppText>\n      \u003C\u002FView>\n\n      \u003CAppText variant=\"body\" style={{ color: text, marginBottom: tokens.spacing.lg }}>\n        Тут згодом зʼявиться список поїздок. Зараз закладаємо структуру проєкту та спільні\n        компоненти.\n      \u003C\u002FAppText>\n\n      \u003CButton\n        label=\"Нова поїздка\"\n        onPress={() => setLog('TODO: відкрити створення поїздки')}\n      \u002F>\n\n      \u003CText style={[styles.log, { color: muted }]}>{log}\u003C\u002FText>\n    \u003C\u002FScreen>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    paddingHorizontal: tokens.spacing.md,\n    paddingVertical: tokens.spacing.lg,\n  },\n  header: {\n    marginBottom: tokens.spacing.lg,\n    gap: tokens.spacing.xs,\n  },\n  textBase: {\n    color: tokens.colors.text,\n  },\n  title: {\n    fontSize: tokens.fontSize.xl,\n    fontWeight: '700',\n    lineHeight: 34,\n  },\n  body: {\n    fontSize: tokens.fontSize.md,\n    lineHeight: 24,\n  },\n  caption: {\n    fontSize: tokens.fontSize.sm,\n    lineHeight: 20,\n  },\n  btn: {\n    backgroundColor: tokens.colors.primary,\n    paddingVertical: 12,\n    paddingHorizontal: tokens.spacing.md,\n    borderRadius: tokens.radius.md,\n    alignItems: 'center',\n  },\n  btnPressed: {\n    backgroundColor: tokens.colors.primaryPressed,\n  },\n  btnLabel: {\n    color: tokens.colors.onPrimary,\n    fontSize: tokens.fontSize.md,\n    fontWeight: '600',\n  },\n  log: {\n    marginTop: tokens.spacing.md,\n    fontSize: 12,\n    fontFamily: 'monospace',\n  },\n});\n",[3529,9976,9977,9993,10025,10029,10037,10043,10051,10059,10067,10075,10083,10091,10095,10125,10137,10161,10165,10169,10189,10227,10231,10235,10243,10249,10259,10265,10269,10279,10297,10308,10312,10367,10371,10375,10410,10416,10422,10430,10442,10484,10488,10523,10531,10535,10539,10543,10555,10579,10591,10607,10635,10663,10667,10673,10681,10703,10735,10740,10748,10778,10782,10790,10798,10802,10847,10851,10855,10863,10867,10873,10881,10904,10908,10912,10956,10964,10968,10972,10976,10992,10998,11006,11022,11038,11054,11058,11064,11080,11096,11100,11107,11123,11127,11133,11149,11157,11165,11169,11176,11193,11202,11207,11214,11231,11240,11245,11253,11270,11279,11296,11313,11322,11327,11335,11352,11357,11365,11382,11399,11408,11413,11421,11438,11447,11458,11463],{"__ignoreMap":3744},[3919,9978,9979,9981,9983,9985,9987,9989,9991],{"class":3921,"line":3922},[3919,9980,4199],{"class":4198},[3919,9982,4202],{"class":4082},[3919,9984,8315],{"class":4205},[3919,9986,4208],{"class":4082},[3919,9988,4211],{"class":4198},[3919,9990,4823],{"class":4095},[3919,9992,4217],{"class":4082},[3919,9994,9995,9997,9999,10001,10003,10005,10007,10009,10011,10013,10015,10017,10019,10021,10023],{"class":3921,"line":3928},[3919,9996,4199],{"class":4198},[3919,9998,4202],{"class":4082},[3919,10000,4790],{"class":4205},[3919,10002,3558],{"class":4082},[3919,10004,5173],{"class":4205},[3919,10006,3558],{"class":4082},[3919,10008,7623],{"class":4205},[3919,10010,3558],{"class":4082},[3919,10012,4834],{"class":4205},[3919,10014,3558],{"class":4082},[3919,10016,5182],{"class":4205},[3919,10018,4208],{"class":4082},[3919,10020,4211],{"class":4198},[3919,10022,4850],{"class":4095},[3919,10024,4217],{"class":4082},[3919,10026,10027],{"class":3921,"line":3934},[3919,10028,3944],{"emptyLinePlaceholder":3943},[3919,10030,10031,10033,10035],{"class":3921,"line":3940},[3919,10032,5023],{"class":4117},[3919,10034,4361],{"class":4360},[3919,10036,4364],{"class":4082},[3919,10038,10039,10041],{"class":3921,"line":3947},[3919,10040,4369],{"class":4205},[3919,10042,4372],{"class":4082},[3919,10044,10045,10047,10049],{"class":3921,"line":3953},[3919,10046,4377],{"class":4205},[3919,10048,4380],{"class":4095},[3919,10050,4099],{"class":4082},[3919,10052,10053,10055,10057],{"class":3921,"line":3959},[3919,10054,4397],{"class":4205},[3919,10056,4400],{"class":4095},[3919,10058,4099],{"class":4082},[3919,10060,10061,10063,10065],{"class":3921,"line":3965},[3919,10062,4407],{"class":4205},[3919,10064,4410],{"class":4095},[3919,10066,4099],{"class":4082},[3919,10068,10069,10071,10073],{"class":3921,"line":3970},[3919,10070,4417],{"class":4205},[3919,10072,4420],{"class":4095},[3919,10074,4099],{"class":4082},[3919,10076,10077,10079,10081],{"class":3921,"line":3976},[3919,10078,4427],{"class":4205},[3919,10080,4430],{"class":4095},[3919,10082,4099],{"class":4082},[3919,10084,10085,10087,10089],{"class":3921,"line":3982},[3919,10086,4457],{"class":4205},[3919,10088,4390],{"class":4095},[3919,10090,4099],{"class":4082},[3919,10092,10093],{"class":3921,"line":3988},[3919,10094,4151],{"class":4082},[3919,10096,10097,10099,10101,10103,10105,10107,10109,10111,10113,10115,10117,10119,10121,10123],{"class":3921,"line":3993},[3919,10098,4470],{"class":4205},[3919,10100,4202],{"class":4082},[3919,10102,5261],{"class":4205},[3919,10104,4481],{"class":4480},[3919,10106,3558],{"class":4082},[3919,10108,5268],{"class":4205},[3919,10110,4491],{"class":4480},[3919,10112,3558],{"class":4082},[3919,10114,5275],{"class":4205},[3919,10116,4501],{"class":4480},[3919,10118,3558],{"class":4082},[3919,10120,5282],{"class":4205},[3919,10122,4511],{"class":4480},[3919,10124,5287],{"class":4082},[3919,10126,10127,10129,10131,10133,10135],{"class":3921,"line":3999},[3919,10128,4533],{"class":4205},[3919,10130,4202],{"class":4082},[3919,10132,5275],{"class":4205},[3919,10134,4552],{"class":4480},[3919,10136,5287],{"class":4082},[3919,10138,10139,10141,10143,10145,10147,10149,10151,10153,10155,10157,10159],{"class":3921,"line":4005},[3919,10140,4574],{"class":4205},[3919,10142,4202],{"class":4082},[3919,10144,5268],{"class":4205},[3919,10146,4584],{"class":4480},[3919,10148,3558],{"class":4082},[3919,10150,5275],{"class":4205},[3919,10152,4501],{"class":4480},[3919,10154,3558],{"class":4082},[3919,10156,6753],{"class":4205},[3919,10158,4613],{"class":4480},[3919,10160,5287],{"class":4082},[3919,10162,10163],{"class":3921,"line":4011},[3919,10164,4914],{"class":4082},[3919,10166,10167],{"class":3921,"line":4017},[3919,10168,3944],{"emptyLinePlaceholder":3943},[3919,10170,10171,10173,10175,10177,10179,10181,10183,10185,10187],{"class":3921,"line":4023},[3919,10172,5312],{"class":4117},[3919,10174,4929],{"class":4928},[3919,10176,4932],{"class":4082},[3919,10178,4935],{"class":4205},[3919,10180,5321],{"class":4082},[3919,10182,4935],{"class":4205},[3919,10184,4092],{"class":4082},[3919,10186,5328],{"class":4649},[3919,10188,5331],{"class":4082},[3919,10190,10191,10193,10195,10197,10199,10201,10203,10205,10207,10209,10211,10213,10215,10217,10219,10221,10223,10225],{"class":3921,"line":4028},[3919,10192,4954],{"class":4198},[3919,10194,4958],{"class":4957},[3919,10196,4790],{"class":4649},[3919,10198,4964],{"class":4963},[3919,10200,4967],{"class":4082},[3919,10202,4970],{"class":4117},[3919,10204,4977],{"class":4205},[3919,10206,3572],{"class":4973},[3919,10208,5352],{"class":4205},[3919,10210,4992],{"class":4117},[3919,10212,4995],{"class":4957},[3919,10214,4970],{"class":4117},[3919,10216,4935],{"class":4205},[3919,10218,4992],{"class":4117},[3919,10220,5004],{"class":4957},[3919,10222,4790],{"class":4649},[3919,10224,4995],{"class":4957},[3919,10226,4217],{"class":4082},[3919,10228,10229],{"class":3921,"line":4530},[3919,10230,4183],{"class":4082},[3919,10232,10233],{"class":3921,"line":4538},[3919,10234,3944],{"emptyLinePlaceholder":3943},[3919,10236,10237,10239,10241],{"class":3921,"line":4547},[3919,10238,5312],{"class":4117},[3919,10240,6201],{"class":4928},[3919,10242,5038],{"class":4082},[3919,10244,10245,10247],{"class":3921,"line":4557},[3919,10246,4891],{"class":4205},[3919,10248,4099],{"class":4082},[3919,10250,10251,10253,10255,10257],{"class":3921,"line":4566},[3919,10252,6155],{"class":4205},[3919,10254,4653],{"class":4082},[3919,10256,6104],{"class":4095},[3919,10258,4099],{"class":4082},[3919,10260,10261,10263],{"class":3921,"line":4571},[3919,10262,4902],{"class":4205},[3919,10264,4099],{"class":4082},[3919,10266,10267],{"class":3921,"line":4579},[3919,10268,6829],{"class":4082},[3919,10270,10271,10273,10275,10277],{"class":3921,"line":4589},[3919,10272,4891],{"class":4205},[3919,10274,4092],{"class":4082},[3919,10276,5328],{"class":4649},[3919,10278,4217],{"class":4082},[3919,10280,10281,10283,10285,10287,10289,10291,10293,10295],{"class":3921,"line":4598},[3919,10282,6155],{"class":4205},[3919,10284,4905],{"class":4082},[3919,10286,6110],{"class":4095},[3919,10288,6107],{"class":4082},[3919,10290,6104],{"class":4095},[3919,10292,6107],{"class":4082},[3919,10294,6120],{"class":4095},[3919,10296,4217],{"class":4082},[3919,10298,10299,10301,10303,10306],{"class":3921,"line":4608},[3919,10300,4902],{"class":4205},[3919,10302,4905],{"class":4082},[3919,10304,10305],{"class":4649},"object",[3919,10307,4217],{"class":4082},[3919,10309,10310],{"class":3921,"line":4618},[3919,10311,6865],{"class":4082},[3919,10313,10314,10316,10318,10320,10322,10324,10326,10328,10330,10332,10335,10337,10339,10341,10343,10345,10347,10349,10351,10353,10355,10357,10359,10361,10363,10365],{"class":3921,"line":4623},[3919,10315,4954],{"class":4198},[3919,10317,4958],{"class":4957},[3919,10319,5173],{"class":4649},[3919,10321,4964],{"class":4963},[3919,10323,4967],{"class":4082},[3919,10325,4970],{"class":4117},[3919,10327,4974],{"class":4973},[3919,10329,4977],{"class":4205},[3919,10331,3572],{"class":4973},[3919,10333,10334],{"class":4205},"textBase",[3919,10336,3558],{"class":4973},[3919,10338,4977],{"class":4205},[3919,10340,4974],{"class":4973},[3919,10342,6297],{"class":4205},[3919,10344,6902],{"class":4973},[3919,10346,4940],{"class":4205},[3919,10348,4989],{"class":4973},[3919,10350,4992],{"class":4117},[3919,10352,4995],{"class":4957},[3919,10354,4970],{"class":4117},[3919,10356,4935],{"class":4205},[3919,10358,4992],{"class":4117},[3919,10360,5004],{"class":4957},[3919,10362,5173],{"class":4649},[3919,10364,4995],{"class":4957},[3919,10366,4217],{"class":4082},[3919,10368,10369],{"class":3921,"line":4636},[3919,10370,4183],{"class":4082},[3919,10372,10373],{"class":3921,"line":4641},[3919,10374,3944],{"emptyLinePlaceholder":3943},[3919,10376,10377,10379,10381,10383,10385,10387,10389,10391,10393,10395,10397,10400,10402,10404,10406,10408],{"class":3921,"line":5562},[3919,10378,5312],{"class":4117},[3919,10380,7765],{"class":4928},[3919,10382,4932],{"class":4082},[3919,10384,7770],{"class":4205},[3919,10386,3558],{"class":4082},[3919,10388,7775],{"class":4205},[3919,10390,5321],{"class":4082},[3919,10392,7770],{"class":4205},[3919,10394,4092],{"class":4082},[3919,10396,6172],{"class":4649},[3919,10398,10399],{"class":4082},"; ",[3919,10401,7775],{"class":4928},[3919,10403,7718],{"class":4082},[3919,10405,7721],{"class":4117},[3919,10407,7724],{"class":4649},[3919,10409,5331],{"class":4082},[3919,10411,10412,10414],{"class":3921,"line":5617},[3919,10413,4954],{"class":4198},[3919,10415,5439],{"class":4082},[3919,10417,10418,10420],{"class":3921,"line":5623},[3919,10419,5444],{"class":4957},[3919,10421,7809],{"class":4649},[3919,10423,10424,10426,10428],{"class":3921,"line":5633},[3919,10425,7814],{"class":4963},[3919,10427,4967],{"class":4082},[3919,10429,7819],{"class":4095},[3919,10431,10432,10434,10436,10438,10440],{"class":3921,"line":5685},[3919,10433,7837],{"class":4963},[3919,10435,4967],{"class":4082},[3919,10437,4970],{"class":4117},[3919,10439,7775],{"class":4205},[3919,10441,4183],{"class":4117},[3919,10443,10444,10446,10448,10450,10452,10454,10456,10458,10460,10462,10464,10467,10469,10471,10473,10475,10477,10480,10482],{"class":3921,"line":5691},[3919,10445,7850],{"class":4963},[3919,10447,4967],{"class":4082},[3919,10449,4970],{"class":4117},[3919,10451,4932],{"class":4973},[3919,10453,7859],{"class":4205},[3919,10455,7862],{"class":4973},[3919,10457,7721],{"class":4117},[3919,10459,8748],{"class":4973},[3919,10461,4977],{"class":4205},[3919,10463,3572],{"class":4973},[3919,10465,10466],{"class":4205},"btn",[3919,10468,3558],{"class":4973},[3919,10470,7859],{"class":4205},[3919,10472,7087],{"class":4082},[3919,10474,5026],{"class":4205},[3919,10476,3572],{"class":4973},[3919,10478,10479],{"class":4205},"btnPressed",[3919,10481,4989],{"class":4973},[3919,10483,4183],{"class":4117},[3919,10485,10486],{"class":3921,"line":5697},[3919,10487,7941],{"class":4957},[3919,10489,10490,10492,10494,10496,10498,10500,10502,10504,10507,10509,10511,10513,10515,10517,10519,10521],{"class":3921,"line":5706},[3919,10491,5454],{"class":4957},[3919,10493,5173],{"class":4649},[3919,10495,4964],{"class":4963},[3919,10497,4967],{"class":4082},[3919,10499,4970],{"class":4117},[3919,10501,4977],{"class":4205},[3919,10503,3572],{"class":4973},[3919,10505,10506],{"class":4205},"btnLabel",[3919,10508,4992],{"class":4117},[3919,10510,4995],{"class":4957},[3919,10512,4970],{"class":4117},[3919,10514,7770],{"class":4205},[3919,10516,4992],{"class":4117},[3919,10518,5004],{"class":4957},[3919,10520,5173],{"class":4649},[3919,10522,5449],{"class":4957},[3919,10524,10525,10527,10529],{"class":3921,"line":5716},[3919,10526,5719],{"class":4957},[3919,10528,7623],{"class":4649},[3919,10530,5449],{"class":4957},[3919,10532,10533],{"class":3921,"line":5726},[3919,10534,5729],{"class":4082},[3919,10536,10537],{"class":3921,"line":5732},[3919,10538,4183],{"class":4082},[3919,10540,10541],{"class":3921,"line":5737},[3919,10542,3944],{"emptyLinePlaceholder":3943},[3919,10544,10545,10547,10549,10551,10553],{"class":3921,"line":5742},[3919,10546,4354],{"class":4198},[3919,10548,5385],{"class":4198},[3919,10550,4925],{"class":4117},[3919,10552,5390],{"class":4928},[3919,10554,5393],{"class":4082},[3919,10556,10557,10559,10561,10563,10565,10568,10570,10572,10574,10577],{"class":3921,"line":5759},[3919,10558,5398],{"class":4117},[3919,10560,8748],{"class":4082},[3919,10562,9763],{"class":4360},[3919,10564,3558],{"class":4082},[3919,10566,10567],{"class":4360},"setLog",[3919,10569,8759],{"class":4082},[3919,10571,8315],{"class":4928},[3919,10573,8764],{"class":4082},[3919,10575,10576],{"class":4095},"'Очікуємо дію…'",[3919,10578,8770],{"class":4082},[3919,10580,10581,10583,10585,10587,10589],{"class":3921,"line":5767},[3919,10582,5398],{"class":4117},[3919,10584,5401],{"class":4360},[3919,10586,4653],{"class":4082},[3919,10588,5182],{"class":4928},[3919,10590,5408],{"class":4082},[3919,10592,10593,10595,10597,10599,10601,10603,10605],{"class":3921,"line":5776},[3919,10594,5398],{"class":4117},[3919,10596,5415],{"class":4360},[3919,10598,4653],{"class":4082},[3919,10600,5420],{"class":4205},[3919,10602,5423],{"class":4082},[3919,10604,5426],{"class":4095},[3919,10606,4217],{"class":4082},[3919,10608,10609,10611,10613,10615,10617,10619,10621,10623,10625,10627,10629,10631,10633],{"class":3921,"line":5793},[3919,10610,5398],{"class":4117},[3919,10612,6994],{"class":4360},[3919,10614,4653],{"class":4082},[3919,10616,6999],{"class":4205},[3919,10618,7002],{"class":4082},[3919,10620,7005],{"class":4095},[3919,10622,7008],{"class":4082},[3919,10624,3711],{"class":4205},[3919,10626,3572],{"class":4082},[3919,10628,4665],{"class":4205},[3919,10630,3572],{"class":4082},[3919,10632,3743],{"class":4205},[3919,10634,4217],{"class":4082},[3919,10636,10637,10639,10641,10643,10645,10647,10649,10651,10653,10655,10657,10659,10661],{"class":3921,"line":5810},[3919,10638,5398],{"class":4117},[3919,10640,7027],{"class":4360},[3919,10642,4653],{"class":4082},[3919,10644,6999],{"class":4205},[3919,10646,7002],{"class":4082},[3919,10648,7036],{"class":4095},[3919,10650,7008],{"class":4082},[3919,10652,3711],{"class":4205},[3919,10654,3572],{"class":4082},[3919,10656,4665],{"class":4205},[3919,10658,3572],{"class":4082},[3919,10660,5676],{"class":4205},[3919,10662,4217],{"class":4082},[3919,10664,10665],{"class":3921,"line":5827},[3919,10666,3944],{"emptyLinePlaceholder":3943},[3919,10668,10669,10671],{"class":3921,"line":5832},[3919,10670,4954],{"class":4198},[3919,10672,5439],{"class":4082},[3919,10674,10675,10677,10679],{"class":3921,"line":5840},[3919,10676,5444],{"class":4957},[3919,10678,3635],{"class":4649},[3919,10680,5449],{"class":4957},[3919,10682,10683,10685,10687,10689,10691,10693,10695,10697,10699,10701],{"class":3921,"line":5859},[3919,10684,5454],{"class":4957},[3919,10686,4790],{"class":4649},[3919,10688,4964],{"class":4963},[3919,10690,4967],{"class":4082},[3919,10692,4970],{"class":4117},[3919,10694,4977],{"class":4205},[3919,10696,3572],{"class":4973},[3919,10698,9591],{"class":4205},[3919,10700,4992],{"class":4117},[3919,10702,5449],{"class":4957},[3919,10704,10705,10707,10709,10711,10713,10715,10717,10719,10721,10724,10726,10728,10731,10733],{"class":3921,"line":5869},[3919,10706,5565],{"class":4957},[3919,10708,3640],{"class":4649},[3919,10710,7110],{"class":4963},[3919,10712,4967],{"class":4082},[3919,10714,7115],{"class":4095},[3919,10716,4964],{"class":4963},[3919,10718,4967],{"class":4082},[3919,10720,4970],{"class":4117},[3919,10722,10723],{"class":4973},"{ ",[3919,10725,5588],{"class":4205},[3919,10727,6994],{"class":4205},[3919,10729,10730],{"class":4973}," }",[3919,10732,4992],{"class":4117},[3919,10734,5449],{"class":4957},[3919,10736,10737],{"class":3921,"line":5887},[3919,10738,10739],{"class":4082},"          Мандрівник\n",[3919,10741,10742,10744,10746],{"class":3921,"line":5906},[3919,10743,5626],{"class":4957},[3919,10745,3640],{"class":4649},[3919,10747,5449],{"class":4957},[3919,10749,10750,10752,10754,10756,10758,10760,10762,10764,10766,10768,10770,10772,10774,10776],{"class":3921,"line":5911},[3919,10751,5565],{"class":4957},[3919,10753,3640],{"class":4649},[3919,10755,7110],{"class":4963},[3919,10757,4967],{"class":4082},[3919,10759,7235],{"class":4095},[3919,10761,4964],{"class":4963},[3919,10763,4967],{"class":4082},[3919,10765,4970],{"class":4117},[3919,10767,10723],{"class":4973},[3919,10769,5588],{"class":4205},[3919,10771,7027],{"class":4205},[3919,10773,10730],{"class":4973},[3919,10775,4992],{"class":4117},[3919,10777,5449],{"class":4957},[3919,10779,10780],{"class":3921,"line":5919},[3919,10781,9651],{"class":4082},[3919,10783,10784,10786,10788],{"class":3921,"line":5930},[3919,10785,5626],{"class":4957},[3919,10787,3640],{"class":4649},[3919,10789,5449],{"class":4957},[3919,10791,10792,10794,10796],{"class":3921,"line":5941},[3919,10793,5709],{"class":4957},[3919,10795,4790],{"class":4649},[3919,10797,5449],{"class":4957},[3919,10799,10800],{"class":3921,"line":5946},[3919,10801,3944],{"emptyLinePlaceholder":3943},[3919,10803,10804,10806,10808,10810,10812,10814,10816,10818,10820,10822,10824,10826,10828,10831,10833,10835,10837,10839,10841,10843,10845],{"class":3921,"line":5954},[3919,10805,5454],{"class":4957},[3919,10807,3640],{"class":4649},[3919,10809,7110],{"class":4963},[3919,10811,4967],{"class":4082},[3919,10813,7192],{"class":4095},[3919,10815,4964],{"class":4963},[3919,10817,4967],{"class":4082},[3919,10819,4970],{"class":4117},[3919,10821,10723],{"class":4973},[3919,10823,5588],{"class":4205},[3919,10825,6994],{"class":4205},[3919,10827,3558],{"class":4973},[3919,10829,10830],{"class":4205},"marginBottom:",[3919,10832,4361],{"class":4205},[3919,10834,3572],{"class":4973},[3919,10836,4684],{"class":4205},[3919,10838,3572],{"class":4973},[3919,10840,5106],{"class":4205},[3919,10842,10730],{"class":4973},[3919,10844,4992],{"class":4117},[3919,10846,5449],{"class":4957},[3919,10848,10849],{"class":3921,"line":5964},[3919,10850,9698],{"class":4082},[3919,10852,10853],{"class":3921,"line":5974},[3919,10854,9703],{"class":4082},[3919,10856,10857,10859,10861],{"class":3921,"line":5979},[3919,10858,5709],{"class":4957},[3919,10860,3640],{"class":4649},[3919,10862,5449],{"class":4957},[3919,10864,10865],{"class":3921,"line":7432},[3919,10866,3944],{"emptyLinePlaceholder":3943},[3919,10868,10869,10871],{"class":3921,"line":7441},[3919,10870,5454],{"class":4957},[3919,10872,9722],{"class":4649},[3919,10874,10875,10877,10879],{"class":3921,"line":7446},[3919,10876,9727],{"class":4963},[3919,10878,4967],{"class":4082},[3919,10880,9732],{"class":4095},[3919,10882,10883,10885,10887,10889,10891,10893,10896,10898,10900,10902],{"class":3921,"line":7453},[3919,10884,9737],{"class":4963},[3919,10886,4967],{"class":4082},[3919,10888,4970],{"class":4117},[3919,10890,9010],{"class":4973},[3919,10892,7721],{"class":4117},[3919,10894,10895],{"class":4928}," setLog",[3919,10897,8764],{"class":4973},[3919,10899,9768],{"class":4095},[3919,10901,4040],{"class":4973},[3919,10903,4183],{"class":4117},[3919,10905,10906],{"class":3921,"line":7470},[3919,10907,9782],{"class":4957},[3919,10909,10910],{"class":3921,"line":7479},[3919,10911,3944],{"emptyLinePlaceholder":3943},[3919,10913,10914,10916,10918,10920,10922,10924,10926,10928,10930,10932,10934,10936,10938,10940,10942,10944,10946,10948,10950,10952,10954],{"class":3921,"line":7488},[3919,10915,5454],{"class":4957},[3919,10917,5173],{"class":4649},[3919,10919,4964],{"class":4963},[3919,10921,4967],{"class":4082},[3919,10923,4970],{"class":4117},[3919,10925,4974],{"class":4973},[3919,10927,4977],{"class":4205},[3919,10929,3572],{"class":4973},[3919,10931,9763],{"class":4205},[3919,10933,5585],{"class":4973},[3919,10935,5588],{"class":4205},[3919,10937,7027],{"class":4205},[3919,10939,5610],{"class":4973},[3919,10941,4992],{"class":4117},[3919,10943,4995],{"class":4957},[3919,10945,4970],{"class":4117},[3919,10947,9763],{"class":4205},[3919,10949,4992],{"class":4117},[3919,10951,5004],{"class":4957},[3919,10953,5173],{"class":4649},[3919,10955,5449],{"class":4957},[3919,10957,10958,10960,10962],{"class":3921,"line":7493},[3919,10959,5719],{"class":4957},[3919,10961,3635],{"class":4649},[3919,10963,5449],{"class":4957},[3919,10965,10966],{"class":3921,"line":7500},[3919,10967,5729],{"class":4082},[3919,10969,10970],{"class":3921,"line":7517},[3919,10971,4183],{"class":4082},[3919,10973,10974],{"class":3921,"line":7526},[3919,10975,3944],{"emptyLinePlaceholder":3943},[3919,10977,10978,10980,10982,10984,10986,10988,10990],{"class":3921,"line":7544},[3919,10979,5023],{"class":4117},[3919,10981,5026],{"class":4360},[3919,10983,4653],{"class":4082},[3919,10985,4834],{"class":4205},[3919,10987,3572],{"class":4082},[3919,10989,5035],{"class":4928},[3919,10991,5038],{"class":4082},[3919,10993,10994,10996],{"class":3921,"line":7549},[3919,10995,5762],{"class":4205},[3919,10997,4372],{"class":4082},[3919,10999,11000,11002,11004],{"class":3921,"line":7556},[3919,11001,5050],{"class":4205},[3919,11003,5053],{"class":4480},[3919,11005,4099],{"class":4082},[3919,11007,11008,11010,11012,11014,11016,11018,11020],{"class":3921,"line":7573},[3919,11009,5060],{"class":4205},[3919,11011,4361],{"class":4205},[3919,11013,3572],{"class":4082},[3919,11015,4665],{"class":4205},[3919,11017,3572],{"class":4082},[3919,11019,4680],{"class":4205},[3919,11021,4099],{"class":4082},[3919,11023,11024,11026,11028,11030,11032,11034,11036],{"class":3921,"line":7582},[3919,11025,5077],{"class":4205},[3919,11027,4361],{"class":4205},[3919,11029,3572],{"class":4082},[3919,11031,4684],{"class":4205},[3919,11033,3572],{"class":4082},[3919,11035,5088],{"class":4205},[3919,11037,4099],{"class":4082},[3919,11039,11040,11042,11044,11046,11048,11050,11052],{"class":3921,"line":7600},[3919,11041,5095],{"class":4205},[3919,11043,4361],{"class":4205},[3919,11045,3572],{"class":4082},[3919,11047,4684],{"class":4205},[3919,11049,3572],{"class":4082},[3919,11051,5106],{"class":4205},[3919,11053,4099],{"class":4082},[3919,11055,11056],{"class":3921,"line":7605},[3919,11057,4151],{"class":4082},[3919,11059,11060,11062],{"class":3921,"line":9344},[3919,11061,9823],{"class":4205},[3919,11063,4372],{"class":4082},[3919,11065,11066,11068,11070,11072,11074,11076,11078],{"class":3921,"line":9351},[3919,11067,9239],{"class":4205},[3919,11069,4361],{"class":4205},[3919,11071,3572],{"class":4082},[3919,11073,4684],{"class":4205},[3919,11075,3572],{"class":4082},[3919,11077,5106],{"class":4205},[3919,11079,4099],{"class":4082},[3919,11081,11082,11084,11086,11088,11090,11092,11094],{"class":3921,"line":9368},[3919,11083,5890],{"class":4205},[3919,11085,4361],{"class":4205},[3919,11087,3572],{"class":4082},[3919,11089,4684],{"class":4205},[3919,11091,3572],{"class":4082},[3919,11093,7595],{"class":4205},[3919,11095,4099],{"class":4082},[3919,11097,11098],{"class":3921,"line":9373},[3919,11099,4151],{"class":4082},[3919,11101,11102,11105],{"class":3921,"line":9380},[3919,11103,11104],{"class":4205},"  textBase:",[3919,11106,4372],{"class":4082},[3919,11108,11109,11111,11113,11115,11117,11119,11121],{"class":3921,"line":9389},[3919,11110,6382],{"class":4205},[3919,11112,4361],{"class":4205},[3919,11114,3572],{"class":4082},[3919,11116,4665],{"class":4205},[3919,11118,3572],{"class":4082},[3919,11120,3743],{"class":4205},[3919,11122,4099],{"class":4082},[3919,11124,11125],{"class":3921,"line":9394},[3919,11126,4151],{"class":4082},[3919,11128,11129,11131],{"class":3921,"line":9401},[3919,11130,5914],{"class":4205},[3919,11132,4372],{"class":4082},[3919,11134,11135,11137,11139,11141,11143,11145,11147],{"class":3921,"line":9418},[3919,11136,5922],{"class":4205},[3919,11138,4361],{"class":4205},[3919,11140,3572],{"class":4082},[3919,11142,6011],{"class":4205},[3919,11144,3572],{"class":4082},[3919,11146,6453],{"class":4205},[3919,11148,4099],{"class":4082},[3919,11150,11151,11153,11155],{"class":3921,"line":9435},[3919,11152,5933],{"class":4205},[3919,11154,5936],{"class":4095},[3919,11156,4099],{"class":4082},[3919,11158,11159,11161,11163],{"class":3921,"line":9444},[3919,11160,5967],{"class":4205},[3919,11162,6470],{"class":4480},[3919,11164,4099],{"class":4082},[3919,11166,11167],{"class":3921,"line":9449},[3919,11168,4151],{"class":4082},[3919,11170,11172,11174],{"class":3921,"line":11171},98,[3919,11173,5949],{"class":4205},[3919,11175,4372],{"class":4082},[3919,11177,11179,11181,11183,11185,11187,11189,11191],{"class":3921,"line":11178},99,[3919,11180,5922],{"class":4205},[3919,11182,4361],{"class":4205},[3919,11184,3572],{"class":4082},[3919,11186,6011],{"class":4205},[3919,11188,3572],{"class":4082},[3919,11190,5088],{"class":4205},[3919,11192,4099],{"class":4082},[3919,11194,11196,11198,11200],{"class":3921,"line":11195},100,[3919,11197,5967],{"class":4205},[3919,11199,4511],{"class":4480},[3919,11201,4099],{"class":4082},[3919,11203,11205],{"class":3921,"line":11204},101,[3919,11206,4151],{"class":4082},[3919,11208,11210,11212],{"class":3921,"line":11209},102,[3919,11211,6525],{"class":4205},[3919,11213,4372],{"class":4082},[3919,11215,11217,11219,11221,11223,11225,11227,11229],{"class":3921,"line":11216},103,[3919,11218,5922],{"class":4205},[3919,11220,4361],{"class":4205},[3919,11222,3572],{"class":4082},[3919,11224,6011],{"class":4205},[3919,11226,3572],{"class":4082},[3919,11228,5901],{"class":4205},[3919,11230,4099],{"class":4082},[3919,11232,11234,11236,11238],{"class":3921,"line":11233},104,[3919,11235,5967],{"class":4205},[3919,11237,4603],{"class":4480},[3919,11239,4099],{"class":4082},[3919,11241,11243],{"class":3921,"line":11242},105,[3919,11244,4151],{"class":4082},[3919,11246,11248,11251],{"class":3921,"line":11247},106,[3919,11249,11250],{"class":4205},"  btn:",[3919,11252,4372],{"class":4082},[3919,11254,11256,11258,11260,11262,11264,11266,11268],{"class":3921,"line":11255},107,[3919,11257,5060],{"class":4205},[3919,11259,4361],{"class":4205},[3919,11261,3572],{"class":4082},[3919,11263,4665],{"class":4205},[3919,11265,3572],{"class":4082},[3919,11267,4673],{"class":4205},[3919,11269,4099],{"class":4082},[3919,11271,11273,11275,11277],{"class":3921,"line":11272},108,[3919,11274,5095],{"class":4205},[3919,11276,4552],{"class":4480},[3919,11278,4099],{"class":4082},[3919,11280,11282,11284,11286,11288,11290,11292,11294],{"class":3921,"line":11281},109,[3919,11283,5077],{"class":4205},[3919,11285,4361],{"class":4205},[3919,11287,3572],{"class":4082},[3919,11289,4684],{"class":4205},[3919,11291,3572],{"class":4082},[3919,11293,5088],{"class":4205},[3919,11295,4099],{"class":4082},[3919,11297,11299,11301,11303,11305,11307,11309,11311],{"class":3921,"line":11298},110,[3919,11300,5843],{"class":4205},[3919,11302,4361],{"class":4205},[3919,11304,3572],{"class":4082},[3919,11306,5850],{"class":4205},[3919,11308,3572],{"class":4082},[3919,11310,5088],{"class":4205},[3919,11312,4099],{"class":4082},[3919,11314,11316,11318,11320],{"class":3921,"line":11315},111,[3919,11317,8092],{"class":4205},[3919,11319,7367],{"class":4095},[3919,11321,4099],{"class":4082},[3919,11323,11325],{"class":3921,"line":11324},112,[3919,11326,4151],{"class":4082},[3919,11328,11330,11333],{"class":3921,"line":11329},113,[3919,11331,11332],{"class":4205},"  btnPressed:",[3919,11334,4372],{"class":4082},[3919,11336,11338,11340,11342,11344,11346,11348,11350],{"class":3921,"line":11337},114,[3919,11339,5060],{"class":4205},[3919,11341,4361],{"class":4205},[3919,11343,3572],{"class":4082},[3919,11345,4665],{"class":4205},[3919,11347,3572],{"class":4082},[3919,11349,8122],{"class":4205},[3919,11351,4099],{"class":4082},[3919,11353,11355],{"class":3921,"line":11354},115,[3919,11356,4151],{"class":4082},[3919,11358,11360,11363],{"class":3921,"line":11359},116,[3919,11361,11362],{"class":4205},"  btnLabel:",[3919,11364,4372],{"class":4082},[3919,11366,11368,11370,11372,11374,11376,11378,11380],{"class":3921,"line":11367},117,[3919,11369,6382],{"class":4205},[3919,11371,4361],{"class":4205},[3919,11373,3572],{"class":4082},[3919,11375,4665],{"class":4205},[3919,11377,3572],{"class":4082},[3919,11379,8171],{"class":4205},[3919,11381,4099],{"class":4082},[3919,11383,11385,11387,11389,11391,11393,11395,11397],{"class":3921,"line":11384},118,[3919,11386,5922],{"class":4205},[3919,11388,4361],{"class":4205},[3919,11390,3572],{"class":4082},[3919,11392,6011],{"class":4205},[3919,11394,3572],{"class":4082},[3919,11396,5088],{"class":4205},[3919,11398,4099],{"class":4082},[3919,11400,11402,11404,11406],{"class":3921,"line":11401},119,[3919,11403,5933],{"class":4205},[3919,11405,6506],{"class":4095},[3919,11407,4099],{"class":4082},[3919,11409,11411],{"class":3921,"line":11410},120,[3919,11412,4151],{"class":4082},[3919,11414,11416,11419],{"class":3921,"line":11415},121,[3919,11417,11418],{"class":4205},"  log:",[3919,11420,4372],{"class":4082},[3919,11422,11424,11426,11428,11430,11432,11434,11436],{"class":3921,"line":11423},122,[3919,11425,7529],{"class":4205},[3919,11427,4361],{"class":4205},[3919,11429,3572],{"class":4082},[3919,11431,4684],{"class":4205},[3919,11433,3572],{"class":4082},[3919,11435,5088],{"class":4205},[3919,11437,4099],{"class":4082},[3919,11439,11441,11443,11445],{"class":3921,"line":11440},123,[3919,11442,5922],{"class":4205},[3919,11444,4552],{"class":4480},[3919,11446,4099],{"class":4082},[3919,11448,11450,11453,11456],{"class":3921,"line":11449},124,[3919,11451,11452],{"class":4205},"    fontFamily:",[3919,11454,11455],{"class":4095}," 'monospace'",[3919,11457,4099],{"class":4082},[3919,11459,11461],{"class":3921,"line":11460},125,[3919,11462,4151],{"class":4082},[3919,11464,11466],{"class":3921,"line":11465},126,[3919,11467,5117],{"class":4082},[4277,11469,11470,11471,11473,11474,4058,11477,11479,11480,11483,11484,11486],{},"Якщо TypeScript скаржиться на ",[3529,11472,3691],{},", перевірте ",[3529,11475,11476],{},"paths",[3529,11478,4057],{}," і що файли справді лежать під ",[3529,11481,11482],{},"src\u002Fshared\u002F...",", а не під ",[3529,11485,3773],{}," у корені за звичкою з іншого шаблону.",[3512,11488,11489,11490,11492,11493,11496],{},"Кореневий ",[3529,11491,3872],{}," поки можна лишити близьким до шаблону. Головне — не видалити обгортку Router. Якщо в layout є Stack\u002FTabs з шаблону — не ламайте навігацію; змінюєте насамперед ",[3516,11494,11495],{},"вміст"," домашнього екрана.",[3717,11498],{},[3507,11500,11502,11503,3712,11505],{"id":11501},"платформні-відмінності-iostsx-і-androidtsx","Платформні відмінності: ",[3529,11504,3651],{},[3529,11506,3655],{},[3512,11508,11509,11510,11513],{},"Інколи один і той самий компонент на iPhone і Android має ",[3516,11511,11512],{},"різну"," реалізацію (рідко на старті, частіше з нативними модулями). React Native уміє підставити файл за суфіксом:",[11515,11516,11517,11530],"table",{},[11518,11519,11520],"thead",{},[11521,11522,11523,11527],"tr",{},[11524,11525,11526],"th",{},"Файл",[11524,11528,11529],{},"Коли береться",[11531,11532,11533,11544,11554,11564],"tbody",{},[11521,11534,11535,11541],{},[11536,11537,11538],"td",{},[3529,11539,11540],{},"Button.ios.tsx",[11536,11542,11543],{},"збірка під iOS",[11521,11545,11546,11551],{},[11536,11547,11548],{},[3529,11549,11550],{},"Button.android.tsx",[11536,11552,11553],{},"збірка під Android",[11521,11555,11556,11561],{},[11536,11557,11558],{},[3529,11559,11560],{},"Button.tsx",[11536,11562,11563],{},"запасний \u002F спільний варіант",[11521,11565,11566,11571],{},[11536,11567,11568],{},[3529,11569,11570],{},"Button.native.tsx",[11536,11572,11573],{},"будь-яка нативна платформа (не web)",[3512,11575,11576],{},"Імпорт лишається:",[3738,11578,11580],{"className":4189,"code":11579,"language":4191,"meta":3744,"style":3744},"import { Button } from '@\u002Fshared\u002Fui\u002FButton';\n",[3529,11581,11582],{"__ignoreMap":3744},[3919,11583,11584,11586,11588,11590,11592,11594,11596],{"class":3921,"line":3922},[3919,11585,4199],{"class":4198},[3919,11587,4202],{"class":4082},[3919,11589,3645],{"class":4205},[3919,11591,4208],{"class":4082},[3919,11593,4211],{"class":4198},[3919,11595,4214],{"class":4095},[3919,11597,4217],{"class":4082},[3512,11599,11600],{},"Збирач сам обере суфікс.",[3581,11602,11603,11606,11607,3652,11610,11613,11614,11617,11618,11620],{},[3516,11604,11605],{},"На цьому кроці курсу"," окремі ",[3529,11608,11609],{},".ios",[3529,11611,11612],{},".android"," файли ",[3516,11615,11616],{},"не обов’язкові",". Достатньо знати механізм, щоб не здивуватися в чужому репозиторії. Для Nomad поки один ",[3529,11619,11560],{}," на обидві платформи.",[3512,11622,11623,11624,11627,11628,11630,11631,11634,11635,11638],{},"Також існує об’єкт ",[3529,11625,11626],{},"Platform"," з ",[3529,11629,6589],{}," (",[3529,11632,11633],{},"Platform.OS === 'ios'","). Дрібні відмінності (один відступ) часто роблять через ",[3529,11636,11637],{},"Platform.select",", а не через два файли. Порівняння підходів — у статті про базові компоненти.",[3717,11640],{},[3507,11642,11644,11645],{"id":11643},"що-не-класти-в-app","Що не класти в ",[3529,11646,3535],{},[11648,11649,11650,11663,11672],"card-group",{},[11651,11652,11655,11656,11659,11660,11662],"card",{"icon":11653,"title":11654},"i-lucide-blocks","Великі форми й бізнес-логіка","Краще ",[3529,11657,11658],{},"src\u002Ffeatures\u002Ftrips\u002Fui\u002FTripForm.tsx",", а в ",[3529,11661,3535],{}," — кілька рядків імпорту й рендеру.",[11651,11664,11667,11668,11671],{"icon":11665,"title":11666},"i-lucide-palette","Токени й кнопки","Тільки ",[3529,11669,11670],{},"src\u002Fshared\u002F…",". Інакше фіча «поїздки» потягне за собою чужі кольори.",[11651,11673,11676],{"icon":11674,"title":11675},"i-lucide-key-round","Секрети API","Не в коміти. Пізніше — змінні оточення; зараз секретів ще немає.",[3717,11678],{},[3507,11680,11682],{"id":11681},"міні-проєкт-від-а-до-я-візитка","Міні-проєкт «від А до Я»: Візитка",[3733,11684,11686],{"id":11685},"мета","Мета",[3512,11688,11689,11690,11695],{},"Окремий маленький застосунок ",[3516,11691,11692],{},[3529,11693,11694],{},"projects\u002Fbusiness-card"," (не змішувати з Nomad), щоб закріпити:",[3538,11697,11698,11701,11710],{},[3541,11699,11700],{},"tokens;",[3541,11702,11703,3652,11705,3652,11707,11709],{},[3529,11704,3635],{},[3529,11706,3640],{},[3529,11708,3645],{},";",[3541,11711,11712,11715],{},[3516,11713,11714],{},"два"," екрани-заглушки без глибокої навігації (два файли маршрутів або два простих екрани в Router).",[3733,11717,11719],{"id":11718},"сценарій-продукту","Сценарій продукту",[3512,11721,11722,11723,11726,11727,11730,11731,11734,11735,11737,11738,11627,11741,11744,11745,3712,11747,11750],{},"Екран 1 — ",[3516,11724,11725],{},"візитка",": ім’я, роль, коротка біо.",[11728,11729],"br",{},"\nЕкран 2 — ",[3516,11732,11733],{},"контакти",": email \u002F телефон як текст (без реальної інтеграції).",[11728,11736],{},"\nКнопка «Контакти» на першому екрані веде на другий (через ",[3529,11739,11740],{},"router.push",[3529,11742,11743],{},"expo-router"," — мінімум API; якщо Router лякає, зробіть два проєкти blank… але краще один проєкт з ",[3529,11746,3868],{},[3529,11748,11749],{},"app\u002Fcontacts.tsx",").",[3733,11752,11754],{"id":11753},"кроки","Кроки",[4236,11756,11757,11761,11796,11806,11813,11822,11829,11832,11837,11845,11849],{},[3733,11758,11760],{"id":11759},"створити-проєкт","Створити проєкт",[3738,11762,11766],{"className":11763,"code":11764,"language":11765,"meta":3744,"style":3744},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","cd \u002Fpath\u002Fto  # поруч: git clone https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad.git\nnpx create-expo-app@latest business-card\ncd business-card\n","bash",[3529,11767,11768,11779,11790],{"__ignoreMap":3744},[3919,11769,11770,11773,11776],{"class":3921,"line":3922},[3919,11771,11772],{"class":4928},"cd",[3919,11774,11775],{"class":4095}," \u002Fpath\u002Fto",[3919,11777,11778],{"class":9752},"  # поруч: git clone https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad.git\n",[3919,11780,11781,11784,11787],{"class":3921,"line":3928},[3919,11782,11783],{"class":4928},"npx",[3919,11785,11786],{"class":4095}," create-expo-app@latest",[3919,11788,11789],{"class":4095}," business-card\n",[3919,11791,11792,11794],{"class":3921,"line":3934},[3919,11793,11772],{"class":4928},[3919,11795,11789],{"class":4095},[3733,11797,11799,11800,3712,11803],{"id":11798},"додати-srcsharedtheme-і-srcsharedui","Додати ",[3529,11801,11802],{},"src\u002Fshared\u002Ftheme",[3529,11804,11805],{},"src\u002Fshared\u002Fui",[3512,11807,11808,11809,11812],{},"Можна ",[3516,11810,11811],{},"скопіювати"," ідею токенів і примітивів з Nomad (навмисно повторити руками — краще, ніж copy-paste без читання).",[3733,11814,11816,11817,4283,11819,11821],{"id":11815},"налаштувати-src-у-tsconfig","Налаштувати ",[3529,11818,4282],{},[3529,11820,4286],{}," у tsconfig",[3733,11823,11825,11826,11828],{"id":11824},"зібрати-appindextsx-візитка","Зібрати ",[3529,11827,3868],{}," — візитка",[3512,11830,11831],{},"Українською: ім’я, «Розробник інтерфейсів», кнопка «Контакти».",[3733,11833,11799,11835],{"id":11834},"додати-appcontactstsx",[3529,11836,11749],{},[3512,11838,11839,11840,11627,11843,11750],{},"Текст контактів + кнопка «Назад» (",[3529,11841,11842],{},"router.back()",[3529,11844,11743],{},[3733,11846,11848],{"id":11847},"перевірити-на-пристрої-симуляторі","Перевірити на пристрої \u002F симуляторі",[3512,11850,11851,11852,11855],{},"Обидва екрани відкриваються, стилі з токенів, без «сирих» ",[3529,11853,11854],{},"#ff0000"," у JSX.",[3733,11857,11859],{"id":11858},"критерій-готово","Критерій «готово»",[3538,11861,11862,11869,11876,11879],{},[3541,11863,11864,11865,11868],{},"Є ",[3529,11866,11867],{},"tokens.ts"," і щонайменше три примітиви.",[3541,11870,11871,11872,11875],{},"На екранах ",[3516,11873,11874],{},"немає"," дубльованих hex-кольорів «від руки» (крім самого файлу токенів).",[3541,11877,11878],{},"Два маршрути працюють.",[3541,11880,11881,11882,11884],{},"Проєкт лежить у ",[3529,11883,11694],{},", Nomad не зламаний.",[3733,11886,11888],{"id":11887},"орієнтир-вигляду-візитка","Орієнтир вигляду (візитка)",[3512,11890,11891,11892,11630,11894,3652,11897,11900,11901,11903],{},"У реальному міні-проєкті буде два ",[3516,11893,3592],{},[3529,11895,11896],{},"index",[3529,11898,11899],{},"contacts",") і ",[3529,11902,11740],{},". Тут — один екран-візитка з кнопкою, яка «перемикає» вміст (імітація двох екранів без Router у прев’ю).",[5151,11905,11908],{"device":5153,"filename":11906,"title":11907},"BusinessCard.tsx","Візитка — Screen + tokens",[3738,11909,11911],{"className":4803,"code":11910,"language":4805,"meta":3744,"style":3744},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\nconst tokens = {\n  colors: {\n    background: '#F8FAFC',\n    surface: '#FFFFFF',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    onPrimary: '#FFFFFF',\n    border: '#E2E8F0',\n  },\n  spacing: { xs: 4, sm: 8, md: 16, lg: 24 },\n  radius: { md: 12, lg: 16 },\n  fontSize: { sm: 14, md: 16, lg: 20, xl: 28 },\n};\n\nfunction Button({ label, onPress }: { label: string; onPress: () => void }) {\n  return (\n    \u003CPressable\n      onPress={onPress}\n      style={({ pressed }) => [styles.btn, pressed && styles.btnPressed]}\n    >\n      \u003CText style={styles.btnLabel}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [page, setPage] = useState\u003C'card' | 'contacts'>('card');\n  const scheme = useColorScheme();\n  const isDark = scheme === 'dark';\n  const text = isDark ? '#f5f5f7' : tokens.colors.text;\n  const muted = isDark ? '#a1a1aa' : tokens.colors.textSecondary;\n  const surface = isDark ? '#1c1c1e' : tokens.colors.surface;\n  const border = isDark ? '#3a3a3c' : tokens.colors.border;\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CView style={[styles.card, { backgroundColor: surface, borderColor: border }]}>\n        {page === 'card' ? (\n          \u003C>\n            \u003CView style={styles.avatar}>\n              \u003CText style={styles.avatarText}>ОМ\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CText style={[styles.name, { color: text }]}>Олена Мельник\u003C\u002FText>\n            \u003CText style={[styles.role, { color: muted }]}>Розробниця інтерфейсів\u003C\u002FText>\n            \u003CText style={[styles.bio, { color: text }]}>\n              Роблю мобільні та веб-екрани, люблю чіткі tokens і спокійні відступи.\n            \u003C\u002FText>\n            \u003CButton label=\"Контакти\" onPress={() => setPage('contacts')} \u002F>\n          \u003C\u002F>\n        ) : (\n          \u003C>\n            \u003CText style={[styles.name, { color: text }]}>Контакти\u003C\u002FText>\n            \u003CText style={[styles.bio, { color: text }]}>email: olena@example.com\u003C\u002FText>\n            \u003CText style={[styles.bio, { color: text }]}>тел: +380 50 000 00 00\u003C\u002FText>\n            \u003CText style={[styles.role, { color: muted }]}>\n              У проєкті business-card це окремий маршрут app\u002Fcontacts.tsx\n            \u003C\u002FText>\n            \u003CButton label=\"Назад\" onPress={() => setPage('card')} \u002F>\n          \u003C\u002F>\n        )}\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    backgroundColor: tokens.colors.background,\n    padding: tokens.spacing.lg,\n    justifyContent: 'center',\n  },\n  card: {\n    borderRadius: tokens.radius.lg,\n    borderWidth: 1,\n    padding: tokens.spacing.lg,\n    gap: tokens.spacing.sm,\n    alignItems: 'center',\n  },\n  avatar: {\n    width: 72,\n    height: 72,\n    borderRadius: 36,\n    backgroundColor: tokens.colors.primary,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginBottom: tokens.spacing.sm,\n  },\n  avatarText: {\n    color: '#fff',\n    fontSize: 22,\n    fontWeight: '700',\n  },\n  name: {\n    fontSize: tokens.fontSize.xl,\n    fontWeight: '700',\n    textAlign: 'center',\n  },\n  role: {\n    fontSize: tokens.fontSize.sm,\n    textAlign: 'center',\n  },\n  bio: {\n    fontSize: tokens.fontSize.md,\n    lineHeight: 24,\n    textAlign: 'center',\n    marginVertical: tokens.spacing.sm,\n  },\n  btn: {\n    marginTop: tokens.spacing.sm,\n    alignSelf: 'stretch',\n    backgroundColor: tokens.colors.primary,\n    paddingVertical: 12,\n    borderRadius: tokens.radius.md,\n    alignItems: 'center',\n  },\n  btnPressed: {\n    backgroundColor: tokens.colors.primaryPressed,\n  },\n  btnLabel: {\n    color: tokens.colors.onPrimary,\n    fontSize: tokens.fontSize.md,\n    fontWeight: '600',\n  },\n});\n",[3529,11912,11913,11929,11961,11965,11973,11979,11987,11995,12003,12011,12019,12027,12035,12043,12047,12077,12095,12125,12129,12133,12167,12173,12179,12191,12231,12235,12269,12277,12281,12285,12289,12301,12337,12349,12365,12393,12421,12451,12481,12485,12491,12529,12568,12585,12590,12614,12647,12656,12698,12740,12773,12778,12786,12822,12827,12836,12840,12881,12922,12963,12995,13000,13008,13043,13047,13054,13062,13070,13074,13078,13082,13098,13104,13112,13128,13144,13152,13156,13163,13179,13187,13203,13219,13227,13231,13238,13248,13257,13266,13282,13290,13298,13314,13318,13325,13334,13342,13350,13354,13361,13377,13385,13394,13398,13405,13421,13429,13433,13440,13456,13464,13472,13489,13493,13499,13515,13525,13541,13549,13565,13573,13577,13583,13599,13603,13609,13625,13642,13651,13656],{"__ignoreMap":3744},[3919,11914,11915,11917,11919,11921,11923,11925,11927],{"class":3921,"line":3922},[3919,11916,4199],{"class":4198},[3919,11918,4202],{"class":4082},[3919,11920,8315],{"class":4205},[3919,11922,4208],{"class":4082},[3919,11924,4211],{"class":4198},[3919,11926,4823],{"class":4095},[3919,11928,4217],{"class":4082},[3919,11930,11931,11933,11935,11937,11939,11941,11943,11945,11947,11949,11951,11953,11955,11957,11959],{"class":3921,"line":3928},[3919,11932,4199],{"class":4198},[3919,11934,4202],{"class":4082},[3919,11936,4790],{"class":4205},[3919,11938,3558],{"class":4082},[3919,11940,5173],{"class":4205},[3919,11942,3558],{"class":4082},[3919,11944,7623],{"class":4205},[3919,11946,3558],{"class":4082},[3919,11948,4834],{"class":4205},[3919,11950,3558],{"class":4082},[3919,11952,5182],{"class":4205},[3919,11954,4208],{"class":4082},[3919,11956,4211],{"class":4198},[3919,11958,4850],{"class":4095},[3919,11960,4217],{"class":4082},[3919,11962,11963],{"class":3921,"line":3934},[3919,11964,3944],{"emptyLinePlaceholder":3943},[3919,11966,11967,11969,11971],{"class":3921,"line":3940},[3919,11968,5023],{"class":4117},[3919,11970,4361],{"class":4360},[3919,11972,4364],{"class":4082},[3919,11974,11975,11977],{"class":3921,"line":3947},[3919,11976,4369],{"class":4205},[3919,11978,4372],{"class":4082},[3919,11980,11981,11983,11985],{"class":3921,"line":3953},[3919,11982,4377],{"class":4205},[3919,11984,4380],{"class":4095},[3919,11986,4099],{"class":4082},[3919,11988,11989,11991,11993],{"class":3921,"line":3959},[3919,11990,4387],{"class":4205},[3919,11992,4390],{"class":4095},[3919,11994,4099],{"class":4082},[3919,11996,11997,11999,12001],{"class":3921,"line":3965},[3919,11998,4397],{"class":4205},[3919,12000,4400],{"class":4095},[3919,12002,4099],{"class":4082},[3919,12004,12005,12007,12009],{"class":3921,"line":3970},[3919,12006,4407],{"class":4205},[3919,12008,4410],{"class":4095},[3919,12010,4099],{"class":4082},[3919,12012,12013,12015,12017],{"class":3921,"line":3976},[3919,12014,4417],{"class":4205},[3919,12016,4420],{"class":4095},[3919,12018,4099],{"class":4082},[3919,12020,12021,12023,12025],{"class":3921,"line":3982},[3919,12022,4427],{"class":4205},[3919,12024,4430],{"class":4095},[3919,12026,4099],{"class":4082},[3919,12028,12029,12031,12033],{"class":3921,"line":3988},[3919,12030,4457],{"class":4205},[3919,12032,4390],{"class":4095},[3919,12034,4099],{"class":4082},[3919,12036,12037,12039,12041],{"class":3921,"line":3993},[3919,12038,4437],{"class":4205},[3919,12040,4440],{"class":4095},[3919,12042,4099],{"class":4082},[3919,12044,12045],{"class":3921,"line":3999},[3919,12046,4151],{"class":4082},[3919,12048,12049,12051,12053,12055,12057,12059,12061,12063,12065,12067,12069,12071,12073,12075],{"class":3921,"line":4005},[3919,12050,4470],{"class":4205},[3919,12052,4202],{"class":4082},[3919,12054,5261],{"class":4205},[3919,12056,4481],{"class":4480},[3919,12058,3558],{"class":4082},[3919,12060,5268],{"class":4205},[3919,12062,4491],{"class":4480},[3919,12064,3558],{"class":4082},[3919,12066,5275],{"class":4205},[3919,12068,4501],{"class":4480},[3919,12070,3558],{"class":4082},[3919,12072,5282],{"class":4205},[3919,12074,4511],{"class":4480},[3919,12076,5287],{"class":4082},[3919,12078,12079,12081,12083,12085,12087,12089,12091,12093],{"class":3921,"line":4011},[3919,12080,4533],{"class":4205},[3919,12082,4202],{"class":4082},[3919,12084,5275],{"class":4205},[3919,12086,4552],{"class":4480},[3919,12088,3558],{"class":4082},[3919,12090,5282],{"class":4205},[3919,12092,4501],{"class":4480},[3919,12094,5287],{"class":4082},[3919,12096,12097,12099,12101,12103,12105,12107,12109,12111,12113,12115,12117,12119,12121,12123],{"class":3921,"line":4017},[3919,12098,4574],{"class":4205},[3919,12100,4202],{"class":4082},[3919,12102,5268],{"class":4205},[3919,12104,4584],{"class":4480},[3919,12106,3558],{"class":4082},[3919,12108,5275],{"class":4205},[3919,12110,4501],{"class":4480},[3919,12112,3558],{"class":4082},[3919,12114,5282],{"class":4205},[3919,12116,4603],{"class":4480},[3919,12118,3558],{"class":4082},[3919,12120,6753],{"class":4205},[3919,12122,4613],{"class":4480},[3919,12124,5287],{"class":4082},[3919,12126,12127],{"class":3921,"line":4023},[3919,12128,4914],{"class":4082},[3919,12130,12131],{"class":3921,"line":4028},[3919,12132,3944],{"emptyLinePlaceholder":3943},[3919,12134,12135,12137,12139,12141,12143,12145,12147,12149,12151,12153,12155,12157,12159,12161,12163,12165],{"class":3921,"line":4530},[3919,12136,5312],{"class":4117},[3919,12138,7765],{"class":4928},[3919,12140,4932],{"class":4082},[3919,12142,7770],{"class":4205},[3919,12144,3558],{"class":4082},[3919,12146,7775],{"class":4205},[3919,12148,5321],{"class":4082},[3919,12150,7770],{"class":4205},[3919,12152,4092],{"class":4082},[3919,12154,6172],{"class":4649},[3919,12156,10399],{"class":4082},[3919,12158,7775],{"class":4928},[3919,12160,7718],{"class":4082},[3919,12162,7721],{"class":4117},[3919,12164,7724],{"class":4649},[3919,12166,5331],{"class":4082},[3919,12168,12169,12171],{"class":3921,"line":4538},[3919,12170,4954],{"class":4198},[3919,12172,5439],{"class":4082},[3919,12174,12175,12177],{"class":3921,"line":4547},[3919,12176,5444],{"class":4957},[3919,12178,7809],{"class":4649},[3919,12180,12181,12183,12185,12187,12189],{"class":3921,"line":4557},[3919,12182,7837],{"class":4963},[3919,12184,4967],{"class":4082},[3919,12186,4970],{"class":4117},[3919,12188,7775],{"class":4205},[3919,12190,4183],{"class":4117},[3919,12192,12193,12195,12197,12199,12201,12203,12205,12207,12209,12211,12213,12215,12217,12219,12221,12223,12225,12227,12229],{"class":3921,"line":4566},[3919,12194,7850],{"class":4963},[3919,12196,4967],{"class":4082},[3919,12198,4970],{"class":4117},[3919,12200,4932],{"class":4973},[3919,12202,7859],{"class":4205},[3919,12204,7862],{"class":4973},[3919,12206,7721],{"class":4117},[3919,12208,8748],{"class":4973},[3919,12210,4977],{"class":4205},[3919,12212,3572],{"class":4973},[3919,12214,10466],{"class":4205},[3919,12216,3558],{"class":4973},[3919,12218,7859],{"class":4205},[3919,12220,7087],{"class":4082},[3919,12222,5026],{"class":4205},[3919,12224,3572],{"class":4973},[3919,12226,10479],{"class":4205},[3919,12228,4989],{"class":4973},[3919,12230,4183],{"class":4117},[3919,12232,12233],{"class":3921,"line":4571},[3919,12234,7941],{"class":4957},[3919,12236,12237,12239,12241,12243,12245,12247,12249,12251,12253,12255,12257,12259,12261,12263,12265,12267],{"class":3921,"line":4579},[3919,12238,5454],{"class":4957},[3919,12240,5173],{"class":4649},[3919,12242,4964],{"class":4963},[3919,12244,4967],{"class":4082},[3919,12246,4970],{"class":4117},[3919,12248,4977],{"class":4205},[3919,12250,3572],{"class":4973},[3919,12252,10506],{"class":4205},[3919,12254,4992],{"class":4117},[3919,12256,4995],{"class":4957},[3919,12258,4970],{"class":4117},[3919,12260,7770],{"class":4205},[3919,12262,4992],{"class":4117},[3919,12264,5004],{"class":4957},[3919,12266,5173],{"class":4649},[3919,12268,5449],{"class":4957},[3919,12270,12271,12273,12275],{"class":3921,"line":4589},[3919,12272,5719],{"class":4957},[3919,12274,7623],{"class":4649},[3919,12276,5449],{"class":4957},[3919,12278,12279],{"class":3921,"line":4598},[3919,12280,5729],{"class":4082},[3919,12282,12283],{"class":3921,"line":4608},[3919,12284,4183],{"class":4082},[3919,12286,12287],{"class":3921,"line":4618},[3919,12288,3944],{"emptyLinePlaceholder":3943},[3919,12290,12291,12293,12295,12297,12299],{"class":3921,"line":4623},[3919,12292,4354],{"class":4198},[3919,12294,5385],{"class":4198},[3919,12296,4925],{"class":4117},[3919,12298,5390],{"class":4928},[3919,12300,5393],{"class":4082},[3919,12302,12303,12305,12307,12310,12312,12315,12317,12319,12322,12325,12327,12330,12333,12335],{"class":3921,"line":4636},[3919,12304,5398],{"class":4117},[3919,12306,8748],{"class":4082},[3919,12308,12309],{"class":4360},"page",[3919,12311,3558],{"class":4082},[3919,12313,12314],{"class":4360},"setPage",[3919,12316,8759],{"class":4082},[3919,12318,8315],{"class":4928},[3919,12320,12321],{"class":4082},"\u003C",[3919,12323,12324],{"class":4095},"'card'",[3919,12326,6107],{"class":4082},[3919,12328,12329],{"class":4095},"'contacts'",[3919,12331,12332],{"class":4082},">(",[3919,12334,12324],{"class":4095},[3919,12336,8770],{"class":4082},[3919,12338,12339,12341,12343,12345,12347],{"class":3921,"line":4641},[3919,12340,5398],{"class":4117},[3919,12342,5401],{"class":4360},[3919,12344,4653],{"class":4082},[3919,12346,5182],{"class":4928},[3919,12348,5408],{"class":4082},[3919,12350,12351,12353,12355,12357,12359,12361,12363],{"class":3921,"line":5562},[3919,12352,5398],{"class":4117},[3919,12354,5415],{"class":4360},[3919,12356,4653],{"class":4082},[3919,12358,5420],{"class":4205},[3919,12360,5423],{"class":4082},[3919,12362,5426],{"class":4095},[3919,12364,4217],{"class":4082},[3919,12366,12367,12369,12371,12373,12375,12377,12379,12381,12383,12385,12387,12389,12391],{"class":3921,"line":5617},[3919,12368,5398],{"class":4117},[3919,12370,6994],{"class":4360},[3919,12372,4653],{"class":4082},[3919,12374,6999],{"class":4205},[3919,12376,7002],{"class":4082},[3919,12378,7005],{"class":4095},[3919,12380,7008],{"class":4082},[3919,12382,3711],{"class":4205},[3919,12384,3572],{"class":4082},[3919,12386,4665],{"class":4205},[3919,12388,3572],{"class":4082},[3919,12390,3743],{"class":4205},[3919,12392,4217],{"class":4082},[3919,12394,12395,12397,12399,12401,12403,12405,12407,12409,12411,12413,12415,12417,12419],{"class":3921,"line":5623},[3919,12396,5398],{"class":4117},[3919,12398,7027],{"class":4360},[3919,12400,4653],{"class":4082},[3919,12402,6999],{"class":4205},[3919,12404,7002],{"class":4082},[3919,12406,7036],{"class":4095},[3919,12408,7008],{"class":4082},[3919,12410,3711],{"class":4205},[3919,12412,3572],{"class":4082},[3919,12414,4665],{"class":4205},[3919,12416,3572],{"class":4082},[3919,12418,5676],{"class":4205},[3919,12420,4217],{"class":4082},[3919,12422,12423,12425,12428,12430,12432,12434,12437,12439,12441,12443,12445,12447,12449],{"class":3921,"line":5633},[3919,12424,5398],{"class":4117},[3919,12426,12427],{"class":4360}," surface",[3919,12429,4653],{"class":4082},[3919,12431,6999],{"class":4205},[3919,12433,7002],{"class":4082},[3919,12435,12436],{"class":4095},"'#1c1c1e'",[3919,12438,7008],{"class":4082},[3919,12440,3711],{"class":4205},[3919,12442,3572],{"class":4082},[3919,12444,4665],{"class":4205},[3919,12446,3572],{"class":4082},[3919,12448,5513],{"class":4205},[3919,12450,4217],{"class":4082},[3919,12452,12453,12455,12458,12460,12462,12464,12467,12469,12471,12473,12475,12477,12479],{"class":3921,"line":5685},[3919,12454,5398],{"class":4117},[3919,12456,12457],{"class":4360}," border",[3919,12459,4653],{"class":4082},[3919,12461,6999],{"class":4205},[3919,12463,7002],{"class":4082},[3919,12465,12466],{"class":4095},"'#3a3a3c'",[3919,12468,7008],{"class":4082},[3919,12470,3711],{"class":4205},[3919,12472,3572],{"class":4082},[3919,12474,4665],{"class":4205},[3919,12476,3572],{"class":4082},[3919,12478,5540],{"class":4205},[3919,12480,4217],{"class":4082},[3919,12482,12483],{"class":3921,"line":5691},[3919,12484,3944],{"emptyLinePlaceholder":3943},[3919,12486,12487,12489],{"class":3921,"line":5697},[3919,12488,4954],{"class":4198},[3919,12490,5439],{"class":4082},[3919,12492,12493,12495,12497,12499,12501,12503,12505,12507,12509,12511,12513,12515,12517,12519,12521,12523,12525,12527],{"class":3921,"line":5706},[3919,12494,5444],{"class":4957},[3919,12496,4790],{"class":4649},[3919,12498,4964],{"class":4963},[3919,12500,4967],{"class":4082},[3919,12502,4970],{"class":4117},[3919,12504,4974],{"class":4973},[3919,12506,4977],{"class":4205},[3919,12508,3572],{"class":4973},[3919,12510,5352],{"class":4205},[3919,12512,3558],{"class":4973},[3919,12514,6999],{"class":4205},[3919,12516,7087],{"class":4082},[3919,12518,4202],{"class":4973},[3919,12520,7092],{"class":4205},[3919,12522,7095],{"class":4095},[3919,12524,5610],{"class":4973},[3919,12526,4992],{"class":4117},[3919,12528,5449],{"class":4957},[3919,12530,12531,12533,12535,12537,12539,12541,12543,12545,12547,12549,12551,12553,12555,12557,12560,12562,12564,12566],{"class":3921,"line":5716},[3919,12532,5454],{"class":4957},[3919,12534,4790],{"class":4649},[3919,12536,4964],{"class":4963},[3919,12538,4967],{"class":4082},[3919,12540,4970],{"class":4117},[3919,12542,4974],{"class":4973},[3919,12544,4977],{"class":4205},[3919,12546,3572],{"class":4973},[3919,12548,11651],{"class":4205},[3919,12550,5585],{"class":4973},[3919,12552,7092],{"class":4205},[3919,12554,12427],{"class":4205},[3919,12556,3558],{"class":4973},[3919,12558,12559],{"class":4205},"borderColor:",[3919,12561,12457],{"class":4205},[3919,12563,5610],{"class":4973},[3919,12565,4992],{"class":4117},[3919,12567,5449],{"class":4957},[3919,12569,12570,12573,12575,12578,12581,12583],{"class":3921,"line":5726},[3919,12571,12572],{"class":4117},"        {",[3919,12574,12309],{"class":4205},[3919,12576,12577],{"class":4082}," ===",[3919,12579,12580],{"class":4095}," 'card'",[3919,12582,5496],{"class":4082},[3919,12584,5439],{"class":4973},[3919,12586,12587],{"class":3921,"line":5732},[3919,12588,12589],{"class":4957},"          \u003C>\n",[3919,12591,12592,12595,12597,12599,12601,12603,12605,12607,12610,12612],{"class":3921,"line":5737},[3919,12593,12594],{"class":4957},"            \u003C",[3919,12596,4790],{"class":4649},[3919,12598,4964],{"class":4963},[3919,12600,4967],{"class":4082},[3919,12602,4970],{"class":4117},[3919,12604,4977],{"class":4205},[3919,12606,3572],{"class":4973},[3919,12608,12609],{"class":4205},"avatar",[3919,12611,4992],{"class":4117},[3919,12613,5449],{"class":4957},[3919,12615,12616,12619,12621,12623,12625,12627,12629,12631,12634,12636,12638,12641,12643,12645],{"class":3921,"line":5742},[3919,12617,12618],{"class":4957},"              \u003C",[3919,12620,5173],{"class":4649},[3919,12622,4964],{"class":4963},[3919,12624,4967],{"class":4082},[3919,12626,4970],{"class":4117},[3919,12628,4977],{"class":4205},[3919,12630,3572],{"class":4973},[3919,12632,12633],{"class":4205},"avatarText",[3919,12635,4992],{"class":4117},[3919,12637,4995],{"class":4957},[3919,12639,12640],{"class":4973},"ОМ",[3919,12642,5004],{"class":4957},[3919,12644,5173],{"class":4649},[3919,12646,5449],{"class":4957},[3919,12648,12649,12652,12654],{"class":3921,"line":5759},[3919,12650,12651],{"class":4957},"            \u003C\u002F",[3919,12653,4790],{"class":4649},[3919,12655,5449],{"class":4957},[3919,12657,12658,12660,12662,12664,12666,12668,12670,12672,12674,12677,12679,12681,12683,12685,12687,12689,12692,12694,12696],{"class":3921,"line":5767},[3919,12659,12594],{"class":4957},[3919,12661,5173],{"class":4649},[3919,12663,4964],{"class":4963},[3919,12665,4967],{"class":4082},[3919,12667,4970],{"class":4117},[3919,12669,4974],{"class":4973},[3919,12671,4977],{"class":4205},[3919,12673,3572],{"class":4973},[3919,12675,12676],{"class":4205},"name",[3919,12678,5585],{"class":4973},[3919,12680,5588],{"class":4205},[3919,12682,6994],{"class":4205},[3919,12684,5610],{"class":4973},[3919,12686,4992],{"class":4117},[3919,12688,4995],{"class":4957},[3919,12690,12691],{"class":4973},"Олена Мельник",[3919,12693,5004],{"class":4957},[3919,12695,5173],{"class":4649},[3919,12697,5449],{"class":4957},[3919,12699,12700,12702,12704,12706,12708,12710,12712,12714,12716,12719,12721,12723,12725,12727,12729,12731,12734,12736,12738],{"class":3921,"line":5776},[3919,12701,12594],{"class":4957},[3919,12703,5173],{"class":4649},[3919,12705,4964],{"class":4963},[3919,12707,4967],{"class":4082},[3919,12709,4970],{"class":4117},[3919,12711,4974],{"class":4973},[3919,12713,4977],{"class":4205},[3919,12715,3572],{"class":4973},[3919,12717,12718],{"class":4205},"role",[3919,12720,5585],{"class":4973},[3919,12722,5588],{"class":4205},[3919,12724,7027],{"class":4205},[3919,12726,5610],{"class":4973},[3919,12728,4992],{"class":4117},[3919,12730,4995],{"class":4957},[3919,12732,12733],{"class":4973},"Розробниця інтерфейсів",[3919,12735,5004],{"class":4957},[3919,12737,5173],{"class":4649},[3919,12739,5449],{"class":4957},[3919,12741,12742,12744,12746,12748,12750,12752,12754,12756,12758,12761,12763,12765,12767,12769,12771],{"class":3921,"line":5793},[3919,12743,12594],{"class":4957},[3919,12745,5173],{"class":4649},[3919,12747,4964],{"class":4963},[3919,12749,4967],{"class":4082},[3919,12751,4970],{"class":4117},[3919,12753,4974],{"class":4973},[3919,12755,4977],{"class":4205},[3919,12757,3572],{"class":4973},[3919,12759,12760],{"class":4205},"bio",[3919,12762,5585],{"class":4973},[3919,12764,5588],{"class":4205},[3919,12766,6994],{"class":4205},[3919,12768,5610],{"class":4973},[3919,12770,4992],{"class":4117},[3919,12772,5449],{"class":4957},[3919,12774,12775],{"class":3921,"line":5810},[3919,12776,12777],{"class":4973},"              Роблю мобільні та веб-екрани, люблю чіткі tokens і спокійні відступи.\n",[3919,12779,12780,12782,12784],{"class":3921,"line":5827},[3919,12781,12651],{"class":4957},[3919,12783,5173],{"class":4649},[3919,12785,5449],{"class":4957},[3919,12787,12788,12790,12792,12794,12796,12799,12801,12803,12805,12807,12809,12812,12814,12816,12818,12820],{"class":3921,"line":5832},[3919,12789,12594],{"class":4957},[3919,12791,3645],{"class":4649},[3919,12793,8995],{"class":4963},[3919,12795,4967],{"class":4082},[3919,12797,12798],{"class":4095},"\"Контакти\"",[3919,12800,9003],{"class":4963},[3919,12802,4967],{"class":4082},[3919,12804,4970],{"class":4117},[3919,12806,9010],{"class":4973},[3919,12808,7721],{"class":4117},[3919,12810,12811],{"class":4928}," setPage",[3919,12813,8764],{"class":4973},[3919,12815,12329],{"class":4095},[3919,12817,4040],{"class":4973},[3919,12819,4992],{"class":4117},[3919,12821,9041],{"class":4957},[3919,12823,12824],{"class":3921,"line":5840},[3919,12825,12826],{"class":4957},"          \u003C\u002F>\n",[3919,12828,12829,12832,12834],{"class":3921,"line":5859},[3919,12830,12831],{"class":4973},"        ) ",[3919,12833,4070],{"class":4082},[3919,12835,5439],{"class":4973},[3919,12837,12838],{"class":3921,"line":5869},[3919,12839,12589],{"class":4957},[3919,12841,12842,12844,12846,12848,12850,12852,12854,12856,12858,12860,12862,12864,12866,12868,12870,12872,12875,12877,12879],{"class":3921,"line":5887},[3919,12843,12594],{"class":4957},[3919,12845,5173],{"class":4649},[3919,12847,4964],{"class":4963},[3919,12849,4967],{"class":4082},[3919,12851,4970],{"class":4117},[3919,12853,4974],{"class":4973},[3919,12855,4977],{"class":4205},[3919,12857,3572],{"class":4973},[3919,12859,12676],{"class":4205},[3919,12861,5585],{"class":4973},[3919,12863,5588],{"class":4205},[3919,12865,6994],{"class":4205},[3919,12867,5610],{"class":4973},[3919,12869,4992],{"class":4117},[3919,12871,4995],{"class":4957},[3919,12873,12874],{"class":4973},"Контакти",[3919,12876,5004],{"class":4957},[3919,12878,5173],{"class":4649},[3919,12880,5449],{"class":4957},[3919,12882,12883,12885,12887,12889,12891,12893,12895,12897,12899,12901,12903,12905,12907,12909,12911,12913,12916,12918,12920],{"class":3921,"line":5906},[3919,12884,12594],{"class":4957},[3919,12886,5173],{"class":4649},[3919,12888,4964],{"class":4963},[3919,12890,4967],{"class":4082},[3919,12892,4970],{"class":4117},[3919,12894,4974],{"class":4973},[3919,12896,4977],{"class":4205},[3919,12898,3572],{"class":4973},[3919,12900,12760],{"class":4205},[3919,12902,5585],{"class":4973},[3919,12904,5588],{"class":4205},[3919,12906,6994],{"class":4205},[3919,12908,5610],{"class":4973},[3919,12910,4992],{"class":4117},[3919,12912,4995],{"class":4957},[3919,12914,12915],{"class":4973},"email: olena@example.com",[3919,12917,5004],{"class":4957},[3919,12919,5173],{"class":4649},[3919,12921,5449],{"class":4957},[3919,12923,12924,12926,12928,12930,12932,12934,12936,12938,12940,12942,12944,12946,12948,12950,12952,12954,12957,12959,12961],{"class":3921,"line":5911},[3919,12925,12594],{"class":4957},[3919,12927,5173],{"class":4649},[3919,12929,4964],{"class":4963},[3919,12931,4967],{"class":4082},[3919,12933,4970],{"class":4117},[3919,12935,4974],{"class":4973},[3919,12937,4977],{"class":4205},[3919,12939,3572],{"class":4973},[3919,12941,12760],{"class":4205},[3919,12943,5585],{"class":4973},[3919,12945,5588],{"class":4205},[3919,12947,6994],{"class":4205},[3919,12949,5610],{"class":4973},[3919,12951,4992],{"class":4117},[3919,12953,4995],{"class":4957},[3919,12955,12956],{"class":4973},"тел: +380 50 000 00 00",[3919,12958,5004],{"class":4957},[3919,12960,5173],{"class":4649},[3919,12962,5449],{"class":4957},[3919,12964,12965,12967,12969,12971,12973,12975,12977,12979,12981,12983,12985,12987,12989,12991,12993],{"class":3921,"line":5919},[3919,12966,12594],{"class":4957},[3919,12968,5173],{"class":4649},[3919,12970,4964],{"class":4963},[3919,12972,4967],{"class":4082},[3919,12974,4970],{"class":4117},[3919,12976,4974],{"class":4973},[3919,12978,4977],{"class":4205},[3919,12980,3572],{"class":4973},[3919,12982,12718],{"class":4205},[3919,12984,5585],{"class":4973},[3919,12986,5588],{"class":4205},[3919,12988,7027],{"class":4205},[3919,12990,5610],{"class":4973},[3919,12992,4992],{"class":4117},[3919,12994,5449],{"class":4957},[3919,12996,12997],{"class":3921,"line":5930},[3919,12998,12999],{"class":4973},"              У проєкті business-card це окремий маршрут app\u002Fcontacts.tsx\n",[3919,13001,13002,13004,13006],{"class":3921,"line":5941},[3919,13003,12651],{"class":4957},[3919,13005,5173],{"class":4649},[3919,13007,5449],{"class":4957},[3919,13009,13010,13012,13014,13016,13018,13021,13023,13025,13027,13029,13031,13033,13035,13037,13039,13041],{"class":3921,"line":5946},[3919,13011,12594],{"class":4957},[3919,13013,3645],{"class":4649},[3919,13015,8995],{"class":4963},[3919,13017,4967],{"class":4082},[3919,13019,13020],{"class":4095},"\"Назад\"",[3919,13022,9003],{"class":4963},[3919,13024,4967],{"class":4082},[3919,13026,4970],{"class":4117},[3919,13028,9010],{"class":4973},[3919,13030,7721],{"class":4117},[3919,13032,12811],{"class":4928},[3919,13034,8764],{"class":4973},[3919,13036,12324],{"class":4095},[3919,13038,4040],{"class":4973},[3919,13040,4992],{"class":4117},[3919,13042,9041],{"class":4957},[3919,13044,13045],{"class":3921,"line":5954},[3919,13046,12826],{"class":4957},[3919,13048,13049,13052],{"class":3921,"line":5964},[3919,13050,13051],{"class":4973},"        )",[3919,13053,4183],{"class":4117},[3919,13055,13056,13058,13060],{"class":3921,"line":5974},[3919,13057,5709],{"class":4957},[3919,13059,4790],{"class":4649},[3919,13061,5449],{"class":4957},[3919,13063,13064,13066,13068],{"class":3921,"line":5979},[3919,13065,5719],{"class":4957},[3919,13067,4790],{"class":4649},[3919,13069,5449],{"class":4957},[3919,13071,13072],{"class":3921,"line":7432},[3919,13073,5729],{"class":4082},[3919,13075,13076],{"class":3921,"line":7441},[3919,13077,4183],{"class":4082},[3919,13079,13080],{"class":3921,"line":7446},[3919,13081,3944],{"emptyLinePlaceholder":3943},[3919,13083,13084,13086,13088,13090,13092,13094,13096],{"class":3921,"line":7453},[3919,13085,5023],{"class":4117},[3919,13087,5026],{"class":4360},[3919,13089,4653],{"class":4082},[3919,13091,4834],{"class":4205},[3919,13093,3572],{"class":4082},[3919,13095,5035],{"class":4928},[3919,13097,5038],{"class":4082},[3919,13099,13100,13102],{"class":3921,"line":7470},[3919,13101,5762],{"class":4205},[3919,13103,4372],{"class":4082},[3919,13105,13106,13108,13110],{"class":3921,"line":7479},[3919,13107,5050],{"class":4205},[3919,13109,5053],{"class":4480},[3919,13111,4099],{"class":4082},[3919,13113,13114,13116,13118,13120,13122,13124,13126],{"class":3921,"line":7488},[3919,13115,5060],{"class":4205},[3919,13117,4361],{"class":4205},[3919,13119,3572],{"class":4082},[3919,13121,4665],{"class":4205},[3919,13123,3572],{"class":4082},[3919,13125,4680],{"class":4205},[3919,13127,4099],{"class":4082},[3919,13129,13130,13132,13134,13136,13138,13140,13142],{"class":3921,"line":7493},[3919,13131,5872],{"class":4205},[3919,13133,4361],{"class":4205},[3919,13135,3572],{"class":4082},[3919,13137,4684],{"class":4205},[3919,13139,3572],{"class":4082},[3919,13141,5106],{"class":4205},[3919,13143,4099],{"class":4082},[3919,13145,13146,13148,13150],{"class":3921,"line":7500},[3919,13147,7364],{"class":4205},[3919,13149,7367],{"class":4095},[3919,13151,4099],{"class":4082},[3919,13153,13154],{"class":3921,"line":7517},[3919,13155,4151],{"class":4082},[3919,13157,13158,13161],{"class":3921,"line":7526},[3919,13159,13160],{"class":4205},"  card:",[3919,13162,4372],{"class":4082},[3919,13164,13165,13167,13169,13171,13173,13175,13177],{"class":3921,"line":7544},[3919,13166,5843],{"class":4205},[3919,13168,4361],{"class":4205},[3919,13170,3572],{"class":4082},[3919,13172,5850],{"class":4205},[3919,13174,3572],{"class":4082},[3919,13176,5106],{"class":4205},[3919,13178,4099],{"class":4082},[3919,13180,13181,13183,13185],{"class":3921,"line":7549},[3919,13182,5862],{"class":4205},[3919,13184,5053],{"class":4480},[3919,13186,4099],{"class":4082},[3919,13188,13189,13191,13193,13195,13197,13199,13201],{"class":3921,"line":7556},[3919,13190,5872],{"class":4205},[3919,13192,4361],{"class":4205},[3919,13194,3572],{"class":4082},[3919,13196,4684],{"class":4205},[3919,13198,3572],{"class":4082},[3919,13200,5106],{"class":4205},[3919,13202,4099],{"class":4082},[3919,13204,13205,13207,13209,13211,13213,13215,13217],{"class":3921,"line":7573},[3919,13206,5890],{"class":4205},[3919,13208,4361],{"class":4205},[3919,13210,3572],{"class":4082},[3919,13212,4684],{"class":4205},[3919,13214,3572],{"class":4082},[3919,13216,5901],{"class":4205},[3919,13218,4099],{"class":4082},[3919,13220,13221,13223,13225],{"class":3921,"line":7582},[3919,13222,8092],{"class":4205},[3919,13224,7367],{"class":4095},[3919,13226,4099],{"class":4082},[3919,13228,13229],{"class":3921,"line":7600},[3919,13230,4151],{"class":4082},[3919,13232,13233,13236],{"class":3921,"line":7605},[3919,13234,13235],{"class":4205},"  avatar:",[3919,13237,4372],{"class":4082},[3919,13239,13240,13243,13246],{"class":3921,"line":9344},[3919,13241,13242],{"class":4205},"    width:",[3919,13244,13245],{"class":4480}," 72",[3919,13247,4099],{"class":4082},[3919,13249,13250,13253,13255],{"class":3921,"line":9351},[3919,13251,13252],{"class":4205},"    height:",[3919,13254,13245],{"class":4480},[3919,13256,4099],{"class":4082},[3919,13258,13259,13261,13264],{"class":3921,"line":9368},[3919,13260,5843],{"class":4205},[3919,13262,13263],{"class":4480}," 36",[3919,13265,4099],{"class":4082},[3919,13267,13268,13270,13272,13274,13276,13278,13280],{"class":3921,"line":9373},[3919,13269,5060],{"class":4205},[3919,13271,4361],{"class":4205},[3919,13273,3572],{"class":4082},[3919,13275,4665],{"class":4205},[3919,13277,3572],{"class":4082},[3919,13279,4673],{"class":4205},[3919,13281,4099],{"class":4082},[3919,13283,13284,13286,13288],{"class":3921,"line":9380},[3919,13285,8092],{"class":4205},[3919,13287,7367],{"class":4095},[3919,13289,4099],{"class":4082},[3919,13291,13292,13294,13296],{"class":3921,"line":9389},[3919,13293,7364],{"class":4205},[3919,13295,7367],{"class":4095},[3919,13297,4099],{"class":4082},[3919,13299,13300,13302,13304,13306,13308,13310,13312],{"class":3921,"line":9394},[3919,13301,9239],{"class":4205},[3919,13303,4361],{"class":4205},[3919,13305,3572],{"class":4082},[3919,13307,4684],{"class":4205},[3919,13309,3572],{"class":4082},[3919,13311,5901],{"class":4205},[3919,13313,4099],{"class":4082},[3919,13315,13316],{"class":3921,"line":9401},[3919,13317,4151],{"class":4082},[3919,13319,13320,13323],{"class":3921,"line":9418},[3919,13321,13322],{"class":4205},"  avatarText:",[3919,13324,4372],{"class":4082},[3919,13326,13327,13329,13332],{"class":3921,"line":9435},[3919,13328,6382],{"class":4205},[3919,13330,13331],{"class":4095}," '#fff'",[3919,13333,4099],{"class":4082},[3919,13335,13336,13338,13340],{"class":3921,"line":9444},[3919,13337,5922],{"class":4205},[3919,13339,5925],{"class":4480},[3919,13341,4099],{"class":4082},[3919,13343,13344,13346,13348],{"class":3921,"line":9449},[3919,13345,5933],{"class":4205},[3919,13347,5936],{"class":4095},[3919,13349,4099],{"class":4082},[3919,13351,13352],{"class":3921,"line":11171},[3919,13353,4151],{"class":4082},[3919,13355,13356,13359],{"class":3921,"line":11178},[3919,13357,13358],{"class":4205},"  name:",[3919,13360,4372],{"class":4082},[3919,13362,13363,13365,13367,13369,13371,13373,13375],{"class":3921,"line":11195},[3919,13364,5922],{"class":4205},[3919,13366,4361],{"class":4205},[3919,13368,3572],{"class":4082},[3919,13370,6011],{"class":4205},[3919,13372,3572],{"class":4082},[3919,13374,6453],{"class":4205},[3919,13376,4099],{"class":4082},[3919,13378,13379,13381,13383],{"class":3921,"line":11204},[3919,13380,5933],{"class":4205},[3919,13382,5936],{"class":4095},[3919,13384,4099],{"class":4082},[3919,13386,13387,13390,13392],{"class":3921,"line":11209},[3919,13388,13389],{"class":4205},"    textAlign:",[3919,13391,7367],{"class":4095},[3919,13393,4099],{"class":4082},[3919,13395,13396],{"class":3921,"line":11216},[3919,13397,4151],{"class":4082},[3919,13399,13400,13403],{"class":3921,"line":11233},[3919,13401,13402],{"class":4205},"  role:",[3919,13404,4372],{"class":4082},[3919,13406,13407,13409,13411,13413,13415,13417,13419],{"class":3921,"line":11242},[3919,13408,5922],{"class":4205},[3919,13410,4361],{"class":4205},[3919,13412,3572],{"class":4082},[3919,13414,6011],{"class":4205},[3919,13416,3572],{"class":4082},[3919,13418,5901],{"class":4205},[3919,13420,4099],{"class":4082},[3919,13422,13423,13425,13427],{"class":3921,"line":11247},[3919,13424,13389],{"class":4205},[3919,13426,7367],{"class":4095},[3919,13428,4099],{"class":4082},[3919,13430,13431],{"class":3921,"line":11255},[3919,13432,4151],{"class":4082},[3919,13434,13435,13438],{"class":3921,"line":11272},[3919,13436,13437],{"class":4205},"  bio:",[3919,13439,4372],{"class":4082},[3919,13441,13442,13444,13446,13448,13450,13452,13454],{"class":3921,"line":11281},[3919,13443,5922],{"class":4205},[3919,13445,4361],{"class":4205},[3919,13447,3572],{"class":4082},[3919,13449,6011],{"class":4205},[3919,13451,3572],{"class":4082},[3919,13453,5088],{"class":4205},[3919,13455,4099],{"class":4082},[3919,13457,13458,13460,13462],{"class":3921,"line":11298},[3919,13459,5967],{"class":4205},[3919,13461,4511],{"class":4480},[3919,13463,4099],{"class":4082},[3919,13465,13466,13468,13470],{"class":3921,"line":11315},[3919,13467,13389],{"class":4205},[3919,13469,7367],{"class":4095},[3919,13471,4099],{"class":4082},[3919,13473,13474,13477,13479,13481,13483,13485,13487],{"class":3921,"line":11324},[3919,13475,13476],{"class":4205},"    marginVertical:",[3919,13478,4361],{"class":4205},[3919,13480,3572],{"class":4082},[3919,13482,4684],{"class":4205},[3919,13484,3572],{"class":4082},[3919,13486,5901],{"class":4205},[3919,13488,4099],{"class":4082},[3919,13490,13491],{"class":3921,"line":11329},[3919,13492,4151],{"class":4082},[3919,13494,13495,13497],{"class":3921,"line":11337},[3919,13496,11250],{"class":4205},[3919,13498,4372],{"class":4082},[3919,13500,13501,13503,13505,13507,13509,13511,13513],{"class":3921,"line":11354},[3919,13502,7529],{"class":4205},[3919,13504,4361],{"class":4205},[3919,13506,3572],{"class":4082},[3919,13508,4684],{"class":4205},[3919,13510,3572],{"class":4082},[3919,13512,5901],{"class":4205},[3919,13514,4099],{"class":4082},[3919,13516,13517,13520,13523],{"class":3921,"line":11359},[3919,13518,13519],{"class":4205},"    alignSelf:",[3919,13521,13522],{"class":4095}," 'stretch'",[3919,13524,4099],{"class":4082},[3919,13526,13527,13529,13531,13533,13535,13537,13539],{"class":3921,"line":11367},[3919,13528,5060],{"class":4205},[3919,13530,4361],{"class":4205},[3919,13532,3572],{"class":4082},[3919,13534,4665],{"class":4205},[3919,13536,3572],{"class":4082},[3919,13538,4673],{"class":4205},[3919,13540,4099],{"class":4082},[3919,13542,13543,13545,13547],{"class":3921,"line":11384},[3919,13544,5095],{"class":4205},[3919,13546,4552],{"class":4480},[3919,13548,4099],{"class":4082},[3919,13550,13551,13553,13555,13557,13559,13561,13563],{"class":3921,"line":11401},[3919,13552,5843],{"class":4205},[3919,13554,4361],{"class":4205},[3919,13556,3572],{"class":4082},[3919,13558,5850],{"class":4205},[3919,13560,3572],{"class":4082},[3919,13562,5088],{"class":4205},[3919,13564,4099],{"class":4082},[3919,13566,13567,13569,13571],{"class":3921,"line":11410},[3919,13568,8092],{"class":4205},[3919,13570,7367],{"class":4095},[3919,13572,4099],{"class":4082},[3919,13574,13575],{"class":3921,"line":11415},[3919,13576,4151],{"class":4082},[3919,13578,13579,13581],{"class":3921,"line":11423},[3919,13580,11332],{"class":4205},[3919,13582,4372],{"class":4082},[3919,13584,13585,13587,13589,13591,13593,13595,13597],{"class":3921,"line":11440},[3919,13586,5060],{"class":4205},[3919,13588,4361],{"class":4205},[3919,13590,3572],{"class":4082},[3919,13592,4665],{"class":4205},[3919,13594,3572],{"class":4082},[3919,13596,8122],{"class":4205},[3919,13598,4099],{"class":4082},[3919,13600,13601],{"class":3921,"line":11449},[3919,13602,4151],{"class":4082},[3919,13604,13605,13607],{"class":3921,"line":11460},[3919,13606,11362],{"class":4205},[3919,13608,4372],{"class":4082},[3919,13610,13611,13613,13615,13617,13619,13621,13623],{"class":3921,"line":11465},[3919,13612,6382],{"class":4205},[3919,13614,4361],{"class":4205},[3919,13616,3572],{"class":4082},[3919,13618,4665],{"class":4205},[3919,13620,3572],{"class":4082},[3919,13622,8171],{"class":4205},[3919,13624,4099],{"class":4082},[3919,13626,13628,13630,13632,13634,13636,13638,13640],{"class":3921,"line":13627},127,[3919,13629,5922],{"class":4205},[3919,13631,4361],{"class":4205},[3919,13633,3572],{"class":4082},[3919,13635,6011],{"class":4205},[3919,13637,3572],{"class":4082},[3919,13639,5088],{"class":4205},[3919,13641,4099],{"class":4082},[3919,13643,13645,13647,13649],{"class":3921,"line":13644},128,[3919,13646,5933],{"class":4205},[3919,13648,6506],{"class":4095},[3919,13650,4099],{"class":4082},[3919,13652,13654],{"class":3921,"line":13653},129,[3919,13655,4151],{"class":4082},[3919,13657,13659],{"class":3921,"line":13658},130,[3919,13660,5117],{"class":4082},[13662,13663,13665],"collapsible",{"title":13664},"Орієнтир самоперевірки (після власної спроби)",[3612,13666,13667,13672,13678,13683,13689],{},[3541,13668,13669,13670,3572],{},"Кольори кнопок збігаються з ",[3529,13671,3897],{},[3541,13673,13674,13675,3572],{},"Заголовки через ",[3529,13676,13677],{},"AppText variant=\"title\"",[3541,13679,13680,13682],{},[3529,13681,3635],{}," задає фон і padding.",[3541,13684,13685,13686,3572],{},"Імпорти через ",[3529,13687,13688],{},"@\u002Fshared\u002F...",[3541,13690,13691],{},"Перехід index → contacts → back без падіння.",[3717,13693],{},[3507,13695,13697],{"id":13696},"nomad-структура-токени-та-ui-примітиви","Nomad: структура, токени та UI-примітиви",[3733,13699,13701],{"id":13700},"навіщо-користувачу","Навіщо користувачу",[3512,13703,13704,13705,13708,13709,3572],{},"Nomad — не «hello world назавжди». Уже на старті потрібна ",[3516,13706,13707],{},"зрозуміла структура",": куди класти тему, спільні кнопки, майбутні фічі. Інакше через три статті все звалиться в один ",[3529,13710,13711],{},"App.tsx",[3733,13713,13715],{"id":13714},"нитка-проєкту","Нитка проєкту",[3512,13717,13718,13721,13722,13725],{},[3516,13719,13720],{},"Уже є"," (з попередніх статей — ",[3516,13723,13724],{},"не викидаємо","):",[3538,13727,13728],{},[3541,13729,13730,13731,13733],{},"Репозиторій створено (стаття 04): Expo + TypeScript + ",[3529,13732,3535],{}," маршрути.",[3512,13735,13736],{},[3516,13737,13738],{},"Додаємо в цій статті:",[3538,13740,13741,13746,13757,13763],{},[3541,13742,13743,13745],{},[3529,13744,11802],{}," — design tokens.",[3541,13747,13748,13750,13751,3558,13753,3558,13755,3572],{},[3529,13749,11805],{}," — ",[3529,13752,3635],{},[3529,13754,3640],{},[3529,13756,3645],{},[3541,13758,4279,13759,4058,13761,3572],{},[3529,13760,4282],{},[3529,13762,4270],{},[3541,13764,13765],{},"Домашній екран збирається з примітивів, не з «голого» JSX на всю сторінку.",[3733,13767,13769],{"id":13768},"повний-знімок-проєкту-після-цієї-статті","Повний знімок проєкту після цієї статті",[3675,13771,13772,11627,13775,13778,13779,13782,13783,13786],{},[3516,13773,13774],{},"Готовий код 1:1",[3521,13776,3526],{"href":3523,"rel":13777},[3525],". Найшвидший шлях: ",[3529,13780,13781],{},"git pull"," у клоні репо. Нижче — ",[3516,13784,13785],{},"весь"," проєкт на момент цієї статті (усі файли з кодом), не фрагмент «лише нові папки». Клік по файлу в дереві → повний вміст для копіпасту.",[3738,13788,13790],{"className":11763,"code":13789,"language":11765,"meta":3744,"style":3744},"cd \u002Fpath\u002Fto\u002Fnomad\ngit pull\nnpm install\nnpx expo start\n",[3529,13791,13792,13799,13807,13815],{"__ignoreMap":3744},[3919,13793,13794,13796],{"class":3921,"line":3922},[3919,13795,11772],{"class":4928},[3919,13797,13798],{"class":4095}," \u002Fpath\u002Fto\u002Fnomad\n",[3919,13800,13801,13804],{"class":3921,"line":3928},[3919,13802,13803],{"class":4928},"git",[3919,13805,13806],{"class":4095}," pull\n",[3919,13808,13809,13812],{"class":3921,"line":3934},[3919,13810,13811],{"class":4928},"npm",[3919,13813,13814],{"class":4095}," install\n",[3919,13816,13817,13819,13822],{"class":3921,"line":3940},[3919,13818,11783],{"class":4928},[3919,13820,13821],{"class":4095}," expo",[3919,13823,13824],{"class":4095}," start\n",[13826,13827,13828,14095,14374,14467,14603,14915,14955,15325,15758,16216,16448],"code-tree",{},[3738,13829,13832],{"className":4073,"code":13830,"filename":13831,"language":4075,"meta":3744,"style":3744},"{\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\": \"~54.0.35\",\n    \"expo-constants\": \"~18.0.13\",\n    \"expo-linking\": \"~8.0.12\",\n    \"expo-router\": \"~6.0.24\",\n    \"expo-status-bar\": \"~3.0.9\",\n    \"react\": \"19.1.0\",\n    \"react-native\": \"0.81.5\",\n    \"react-native-safe-area-context\": \"~5.6.0\",\n    \"react-native-screens\": \"~4.16.0\"\n  },\n  \"devDependencies\": {\n    \"@types\u002Freact\": \"~19.1.0\",\n    \"typescript\": \"~5.9.2\"\n  },\n  \"private\": true\n}\n","package.json",[3529,13833,13834,13838,13850,13862,13874,13881,13893,13905,13917,13927,13931,13938,13950,13962,13974,13986,13998,14010,14022,14034,14044,14048,14055,14067,14077,14081,14091],{"__ignoreMap":3744},[3919,13835,13836],{"class":3921,"line":3922},[3919,13837,4083],{"class":4082},[3919,13839,13840,13843,13845,13848],{"class":3921,"line":3928},[3919,13841,13842],{"class":4088},"  \"name\"",[3919,13844,4092],{"class":4082},[3919,13846,13847],{"class":4095},"\"nomad\"",[3919,13849,4099],{"class":4082},[3919,13851,13852,13855,13857,13860],{"class":3921,"line":3934},[3919,13853,13854],{"class":4088},"  \"version\"",[3919,13856,4092],{"class":4082},[3919,13858,13859],{"class":4095},"\"1.0.0\"",[3919,13861,4099],{"class":4082},[3919,13863,13864,13867,13869,13872],{"class":3921,"line":3940},[3919,13865,13866],{"class":4088},"  \"main\"",[3919,13868,4092],{"class":4082},[3919,13870,13871],{"class":4095},"\"expo-router\u002Fentry\"",[3919,13873,4099],{"class":4082},[3919,13875,13876,13879],{"class":3921,"line":3947},[3919,13877,13878],{"class":4088},"  \"scripts\"",[3919,13880,4107],{"class":4082},[3919,13882,13883,13886,13888,13891],{"class":3921,"line":3953},[3919,13884,13885],{"class":4088},"    \"start\"",[3919,13887,4092],{"class":4082},[3919,13889,13890],{"class":4095},"\"expo start\"",[3919,13892,4099],{"class":4082},[3919,13894,13895,13898,13900,13903],{"class":3921,"line":3959},[3919,13896,13897],{"class":4088},"    \"android\"",[3919,13899,4092],{"class":4082},[3919,13901,13902],{"class":4095},"\"expo start --android\"",[3919,13904,4099],{"class":4082},[3919,13906,13907,13910,13912,13915],{"class":3921,"line":3965},[3919,13908,13909],{"class":4088},"    \"ios\"",[3919,13911,4092],{"class":4082},[3919,13913,13914],{"class":4095},"\"expo start --ios\"",[3919,13916,4099],{"class":4082},[3919,13918,13919,13922,13924],{"class":3921,"line":3970},[3919,13920,13921],{"class":4088},"    \"web\"",[3919,13923,4092],{"class":4082},[3919,13925,13926],{"class":4095},"\"expo start --web\"\n",[3919,13928,13929],{"class":3921,"line":3976},[3919,13930,4151],{"class":4082},[3919,13932,13933,13936],{"class":3921,"line":3982},[3919,13934,13935],{"class":4088},"  \"dependencies\"",[3919,13937,4107],{"class":4082},[3919,13939,13940,13943,13945,13948],{"class":3921,"line":3988},[3919,13941,13942],{"class":4088},"    \"expo\"",[3919,13944,4092],{"class":4082},[3919,13946,13947],{"class":4095},"\"~54.0.35\"",[3919,13949,4099],{"class":4082},[3919,13951,13952,13955,13957,13960],{"class":3921,"line":3993},[3919,13953,13954],{"class":4088},"    \"expo-constants\"",[3919,13956,4092],{"class":4082},[3919,13958,13959],{"class":4095},"\"~18.0.13\"",[3919,13961,4099],{"class":4082},[3919,13963,13964,13967,13969,13972],{"class":3921,"line":3999},[3919,13965,13966],{"class":4088},"    \"expo-linking\"",[3919,13968,4092],{"class":4082},[3919,13970,13971],{"class":4095},"\"~8.0.12\"",[3919,13973,4099],{"class":4082},[3919,13975,13976,13979,13981,13984],{"class":3921,"line":4005},[3919,13977,13978],{"class":4088},"    \"expo-router\"",[3919,13980,4092],{"class":4082},[3919,13982,13983],{"class":4095},"\"~6.0.24\"",[3919,13985,4099],{"class":4082},[3919,13987,13988,13991,13993,13996],{"class":3921,"line":4011},[3919,13989,13990],{"class":4088},"    \"expo-status-bar\"",[3919,13992,4092],{"class":4082},[3919,13994,13995],{"class":4095},"\"~3.0.9\"",[3919,13997,4099],{"class":4082},[3919,13999,14000,14003,14005,14008],{"class":3921,"line":4017},[3919,14001,14002],{"class":4088},"    \"react\"",[3919,14004,4092],{"class":4082},[3919,14006,14007],{"class":4095},"\"19.1.0\"",[3919,14009,4099],{"class":4082},[3919,14011,14012,14015,14017,14020],{"class":3921,"line":4023},[3919,14013,14014],{"class":4088},"    \"react-native\"",[3919,14016,4092],{"class":4082},[3919,14018,14019],{"class":4095},"\"0.81.5\"",[3919,14021,4099],{"class":4082},[3919,14023,14024,14027,14029,14032],{"class":3921,"line":4028},[3919,14025,14026],{"class":4088},"    \"react-native-safe-area-context\"",[3919,14028,4092],{"class":4082},[3919,14030,14031],{"class":4095},"\"~5.6.0\"",[3919,14033,4099],{"class":4082},[3919,14035,14036,14039,14041],{"class":3921,"line":4530},[3919,14037,14038],{"class":4088},"    \"react-native-screens\"",[3919,14040,4092],{"class":4082},[3919,14042,14043],{"class":4095},"\"~4.16.0\"\n",[3919,14045,14046],{"class":3921,"line":4538},[3919,14047,4151],{"class":4082},[3919,14049,14050,14053],{"class":3921,"line":4547},[3919,14051,14052],{"class":4088},"  \"devDependencies\"",[3919,14054,4107],{"class":4082},[3919,14056,14057,14060,14062,14065],{"class":3921,"line":4557},[3919,14058,14059],{"class":4088},"    \"@types\u002Freact\"",[3919,14061,4092],{"class":4082},[3919,14063,14064],{"class":4095},"\"~19.1.0\"",[3919,14066,4099],{"class":4082},[3919,14068,14069,14072,14074],{"class":3921,"line":4566},[3919,14070,14071],{"class":4088},"    \"typescript\"",[3919,14073,4092],{"class":4082},[3919,14075,14076],{"class":4095},"\"~5.9.2\"\n",[3919,14078,14079],{"class":3921,"line":4571},[3919,14080,4151],{"class":4082},[3919,14082,14083,14086,14088],{"class":3921,"line":4579},[3919,14084,14085],{"class":4088},"  \"private\"",[3919,14087,4092],{"class":4082},[3919,14089,14090],{"class":4117},"true\n",[3919,14092,14093],{"class":3921,"line":4589},[3919,14094,4183],{"class":4082},[3738,14096,14099],{"className":4073,"code":14097,"filename":14098,"language":4075,"meta":3744,"style":3744},"{\n  \"expo\": {\n    \"name\": \"Nomad\",\n    \"slug\": \"nomad\",\n    \"version\": \"1.0.0\",\n    \"orientation\": \"portrait\",\n    \"icon\": \".\u002Fassets\u002Ficon.png\",\n    \"userInterfaceStyle\": \"light\",\n    \"scheme\": \"nomad\",\n    \"newArchEnabled\": true,\n    \"splash\": {\n      \"image\": \".\u002Fassets\u002Fsplash-icon.png\",\n      \"resizeMode\": \"contain\",\n      \"backgroundColor\": \"#ffffff\"\n    },\n    \"ios\": {\n      \"supportsTablet\": true\n    },\n    \"android\": {\n      \"adaptiveIcon\": {\n        \"foregroundImage\": \".\u002Fassets\u002Fadaptive-icon.png\",\n        \"backgroundColor\": \"#ffffff\"\n      },\n      \"edgeToEdgeEnabled\": true,\n      \"predictiveBackGestureEnabled\": false\n    },\n    \"web\": {\n      \"favicon\": \".\u002Fassets\u002Ffavicon.png\"\n    },\n    \"plugins\": [\"expo-router\"]\n  }\n}\n","app.json",[3529,14100,14101,14105,14112,14124,14135,14146,14158,14170,14182,14193,14204,14211,14223,14235,14245,14250,14256,14265,14269,14275,14282,14294,14303,14308,14319,14329,14333,14339,14349,14353,14365,14370],{"__ignoreMap":3744},[3919,14102,14103],{"class":3921,"line":3922},[3919,14104,4083],{"class":4082},[3919,14106,14107,14110],{"class":3921,"line":3928},[3919,14108,14109],{"class":4088},"  \"expo\"",[3919,14111,4107],{"class":4082},[3919,14113,14114,14117,14119,14122],{"class":3921,"line":3934},[3919,14115,14116],{"class":4088},"    \"name\"",[3919,14118,4092],{"class":4082},[3919,14120,14121],{"class":4095},"\"Nomad\"",[3919,14123,4099],{"class":4082},[3919,14125,14126,14129,14131,14133],{"class":3921,"line":3940},[3919,14127,14128],{"class":4088},"    \"slug\"",[3919,14130,4092],{"class":4082},[3919,14132,13847],{"class":4095},[3919,14134,4099],{"class":4082},[3919,14136,14137,14140,14142,14144],{"class":3921,"line":3947},[3919,14138,14139],{"class":4088},"    \"version\"",[3919,14141,4092],{"class":4082},[3919,14143,13859],{"class":4095},[3919,14145,4099],{"class":4082},[3919,14147,14148,14151,14153,14156],{"class":3921,"line":3953},[3919,14149,14150],{"class":4088},"    \"orientation\"",[3919,14152,4092],{"class":4082},[3919,14154,14155],{"class":4095},"\"portrait\"",[3919,14157,4099],{"class":4082},[3919,14159,14160,14163,14165,14168],{"class":3921,"line":3959},[3919,14161,14162],{"class":4088},"    \"icon\"",[3919,14164,4092],{"class":4082},[3919,14166,14167],{"class":4095},"\".\u002Fassets\u002Ficon.png\"",[3919,14169,4099],{"class":4082},[3919,14171,14172,14175,14177,14180],{"class":3921,"line":3965},[3919,14173,14174],{"class":4088},"    \"userInterfaceStyle\"",[3919,14176,4092],{"class":4082},[3919,14178,14179],{"class":4095},"\"light\"",[3919,14181,4099],{"class":4082},[3919,14183,14184,14187,14189,14191],{"class":3921,"line":3970},[3919,14185,14186],{"class":4088},"    \"scheme\"",[3919,14188,4092],{"class":4082},[3919,14190,13847],{"class":4095},[3919,14192,4099],{"class":4082},[3919,14194,14195,14198,14200,14202],{"class":3921,"line":3976},[3919,14196,14197],{"class":4088},"    \"newArchEnabled\"",[3919,14199,4092],{"class":4082},[3919,14201,4118],{"class":4117},[3919,14203,4099],{"class":4082},[3919,14205,14206,14209],{"class":3921,"line":3982},[3919,14207,14208],{"class":4088},"    \"splash\"",[3919,14210,4107],{"class":4082},[3919,14212,14213,14216,14218,14221],{"class":3921,"line":3988},[3919,14214,14215],{"class":4088},"      \"image\"",[3919,14217,4092],{"class":4082},[3919,14219,14220],{"class":4095},"\".\u002Fassets\u002Fsplash-icon.png\"",[3919,14222,4099],{"class":4082},[3919,14224,14225,14228,14230,14233],{"class":3921,"line":3993},[3919,14226,14227],{"class":4088},"      \"resizeMode\"",[3919,14229,4092],{"class":4082},[3919,14231,14232],{"class":4095},"\"contain\"",[3919,14234,4099],{"class":4082},[3919,14236,14237,14240,14242],{"class":3921,"line":3999},[3919,14238,14239],{"class":4088},"      \"backgroundColor\"",[3919,14241,4092],{"class":4082},[3919,14243,14244],{"class":4095},"\"#ffffff\"\n",[3919,14246,14247],{"class":3921,"line":4005},[3919,14248,14249],{"class":4082},"    },\n",[3919,14251,14252,14254],{"class":3921,"line":4011},[3919,14253,13909],{"class":4088},[3919,14255,4107],{"class":4082},[3919,14257,14258,14261,14263],{"class":3921,"line":4017},[3919,14259,14260],{"class":4088},"      \"supportsTablet\"",[3919,14262,4092],{"class":4082},[3919,14264,14090],{"class":4117},[3919,14266,14267],{"class":3921,"line":4023},[3919,14268,14249],{"class":4082},[3919,14270,14271,14273],{"class":3921,"line":4028},[3919,14272,13897],{"class":4088},[3919,14274,4107],{"class":4082},[3919,14276,14277,14280],{"class":3921,"line":4530},[3919,14278,14279],{"class":4088},"      \"adaptiveIcon\"",[3919,14281,4107],{"class":4082},[3919,14283,14284,14287,14289,14292],{"class":3921,"line":4538},[3919,14285,14286],{"class":4088},"        \"foregroundImage\"",[3919,14288,4092],{"class":4082},[3919,14290,14291],{"class":4095},"\".\u002Fassets\u002Fadaptive-icon.png\"",[3919,14293,4099],{"class":4082},[3919,14295,14296,14299,14301],{"class":3921,"line":4547},[3919,14297,14298],{"class":4088},"        \"backgroundColor\"",[3919,14300,4092],{"class":4082},[3919,14302,14244],{"class":4095},[3919,14304,14305],{"class":3921,"line":4557},[3919,14306,14307],{"class":4082},"      },\n",[3919,14309,14310,14313,14315,14317],{"class":3921,"line":4566},[3919,14311,14312],{"class":4088},"      \"edgeToEdgeEnabled\"",[3919,14314,4092],{"class":4082},[3919,14316,4118],{"class":4117},[3919,14318,4099],{"class":4082},[3919,14320,14321,14324,14326],{"class":3921,"line":4571},[3919,14322,14323],{"class":4088},"      \"predictiveBackGestureEnabled\"",[3919,14325,4092],{"class":4082},[3919,14327,14328],{"class":4117},"false\n",[3919,14330,14331],{"class":3921,"line":4579},[3919,14332,14249],{"class":4082},[3919,14334,14335,14337],{"class":3921,"line":4589},[3919,14336,13921],{"class":4088},[3919,14338,4107],{"class":4082},[3919,14340,14341,14344,14346],{"class":3921,"line":4598},[3919,14342,14343],{"class":4088},"      \"favicon\"",[3919,14345,4092],{"class":4082},[3919,14347,14348],{"class":4095},"\".\u002Fassets\u002Ffavicon.png\"\n",[3919,14350,14351],{"class":3921,"line":4608},[3919,14352,14249],{"class":4082},[3919,14354,14355,14358,14360,14363],{"class":3921,"line":4618},[3919,14356,14357],{"class":4088},"    \"plugins\"",[3919,14359,4135],{"class":4082},[3919,14361,14362],{"class":4095},"\"expo-router\"",[3919,14364,4141],{"class":4082},[3919,14366,14367],{"class":3921,"line":4623},[3919,14368,14369],{"class":4082},"  }\n",[3919,14371,14372],{"class":3921,"line":4636},[3919,14373,4183],{"class":4082},[3738,14375,14377],{"className":4073,"code":14376,"filename":4057,"language":4075,"meta":3744,"style":3744},"{\n  \"extends\": \"expo\u002Ftsconfig.base\",\n  \"compilerOptions\": {\n    \"strict\": true,\n    \"paths\": {\n      \"@\u002F*\": [\n        \".\u002Fsrc\u002F*\"\n      ]\n    }\n  },\n  \"include\": [\n    \"**\u002F*.ts\",\n    \"**\u002F*.tsx\"\n  ]\n}\n",[3529,14378,14379,14383,14393,14399,14409,14415,14422,14427,14432,14436,14440,14446,14453,14458,14463],{"__ignoreMap":3744},[3919,14380,14381],{"class":3921,"line":3922},[3919,14382,4083],{"class":4082},[3919,14384,14385,14387,14389,14391],{"class":3921,"line":3928},[3919,14386,4089],{"class":4088},[3919,14388,4092],{"class":4082},[3919,14390,4096],{"class":4095},[3919,14392,4099],{"class":4082},[3919,14394,14395,14397],{"class":3921,"line":3934},[3919,14396,4104],{"class":4088},[3919,14398,4107],{"class":4082},[3919,14400,14401,14403,14405,14407],{"class":3921,"line":3940},[3919,14402,4112],{"class":4088},[3919,14404,4092],{"class":4082},[3919,14406,4118],{"class":4117},[3919,14408,4099],{"class":4082},[3919,14410,14411,14413],{"class":3921,"line":3947},[3919,14412,4125],{"class":4088},[3919,14414,4107],{"class":4082},[3919,14416,14417,14419],{"class":3921,"line":3953},[3919,14418,4132],{"class":4088},[3919,14420,14421],{"class":4082},": [\n",[3919,14423,14424],{"class":3921,"line":3959},[3919,14425,14426],{"class":4095},"        \".\u002Fsrc\u002F*\"\n",[3919,14428,14429],{"class":3921,"line":3965},[3919,14430,14431],{"class":4082},"      ]\n",[3919,14433,14434],{"class":3921,"line":3970},[3919,14435,4146],{"class":4082},[3919,14437,14438],{"class":3921,"line":3976},[3919,14439,4151],{"class":4082},[3919,14441,14442,14444],{"class":3921,"line":3982},[3919,14443,4156],{"class":4088},[3919,14445,14421],{"class":4082},[3919,14447,14448,14451],{"class":3921,"line":3988},[3919,14449,14450],{"class":4095},"    \"**\u002F*.ts\"",[3919,14452,4099],{"class":4082},[3919,14454,14455],{"class":3921,"line":3993},[3919,14456,14457],{"class":4095},"    \"**\u002F*.tsx\"\n",[3919,14459,14460],{"class":3921,"line":3999},[3919,14461,14462],{"class":4082},"  ]\n",[3919,14464,14465],{"class":3921,"line":4005},[3919,14466,4183],{"class":4082},[3738,14468,14470],{"className":4803,"code":14469,"filename":3872,"language":4805,"meta":3744,"style":3744},"import { Stack } from 'expo-router';\nimport { StatusBar } from 'expo-status-bar';\n\nexport default function RootLayout() {\n  return (\n    \u003C>\n      \u003CStatusBar style=\"dark\" \u002F>\n      \u003CStack screenOptions={{ headerShown: false, contentStyle: { backgroundColor: '#F8FAFC' } }} \u002F>\n    \u003C\u002F>\n  );\n}\n",[3529,14471,14472,14490,14508,14512,14525,14531,14536,14551,14590,14595,14599],{"__ignoreMap":3744},[3919,14473,14474,14476,14478,14481,14483,14485,14488],{"class":3921,"line":3922},[3919,14475,4199],{"class":4198},[3919,14477,4202],{"class":4082},[3919,14479,14480],{"class":4205},"Stack",[3919,14482,4208],{"class":4082},[3919,14484,4211],{"class":4198},[3919,14486,14487],{"class":4095}," 'expo-router'",[3919,14489,4217],{"class":4082},[3919,14491,14492,14494,14496,14499,14501,14503,14506],{"class":3921,"line":3928},[3919,14493,4199],{"class":4198},[3919,14495,4202],{"class":4082},[3919,14497,14498],{"class":4205},"StatusBar",[3919,14500,4208],{"class":4082},[3919,14502,4211],{"class":4198},[3919,14504,14505],{"class":4095}," 'expo-status-bar'",[3919,14507,4217],{"class":4082},[3919,14509,14510],{"class":3921,"line":3934},[3919,14511,3944],{"emptyLinePlaceholder":3943},[3919,14513,14514,14516,14518,14520,14523],{"class":3921,"line":3940},[3919,14515,4354],{"class":4198},[3919,14517,5385],{"class":4198},[3919,14519,4925],{"class":4117},[3919,14521,14522],{"class":4928}," RootLayout",[3919,14524,5393],{"class":4082},[3919,14526,14527,14529],{"class":3921,"line":3947},[3919,14528,4954],{"class":4198},[3919,14530,5439],{"class":4082},[3919,14532,14533],{"class":3921,"line":3953},[3919,14534,14535],{"class":4957},"    \u003C>\n",[3919,14537,14538,14540,14542,14544,14546,14549],{"class":3921,"line":3959},[3919,14539,5454],{"class":4957},[3919,14541,14498],{"class":4649},[3919,14543,4964],{"class":4963},[3919,14545,4967],{"class":4082},[3919,14547,14548],{"class":4095},"\"dark\"",[3919,14550,9041],{"class":4957},[3919,14552,14553,14555,14557,14560,14562,14564,14566,14569,14572,14574,14577,14579,14581,14583,14586,14588],{"class":3921,"line":3965},[3919,14554,5454],{"class":4957},[3919,14556,14480],{"class":4649},[3919,14558,14559],{"class":4963}," screenOptions",[3919,14561,4967],{"class":4082},[3919,14563,4970],{"class":4117},[3919,14565,10723],{"class":4973},[3919,14567,14568],{"class":4205},"headerShown:",[3919,14570,14571],{"class":4117}," false",[3919,14573,3558],{"class":4973},[3919,14575,14576],{"class":4205},"contentStyle:",[3919,14578,4202],{"class":4973},[3919,14580,7092],{"class":4205},[3919,14582,4380],{"class":4095},[3919,14584,14585],{"class":4973}," } }",[3919,14587,4992],{"class":4117},[3919,14589,9041],{"class":4957},[3919,14591,14592],{"class":3921,"line":3970},[3919,14593,14594],{"class":4957},"    \u003C\u002F>\n",[3919,14596,14597],{"class":3921,"line":3976},[3919,14598,5729],{"class":4082},[3919,14600,14601],{"class":3921,"line":3982},[3919,14602,4183],{"class":4082},[3738,14604,14606],{"className":4803,"code":14605,"filename":3868,"language":4805,"meta":3744,"style":3744},"import { StyleSheet, View } from 'react-native';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\nimport { AppText, Button, Screen } from '@\u002Fshared\u002Fui';\nexport default function HomeScreen() {\n  return (\n    \u003CScreen>\n      \u003CView style={styles.header}>\n        \u003CAppText variant=\"title\">Мандрівник\u003C\u002FAppText>\n        \u003CAppText variant=\"caption\" style={styles.caption}>Щоденник подорожей\u003C\u002FAppText>\n      \u003C\u002FView>\n      \u003CButton label=\"Нова поїздка\" onPress={() => console.log('TODO')} \u002F>\n    \u003C\u002FScreen>\n  );\n}\nconst styles = StyleSheet.create({\n  header: { marginBottom: tokens.spacing.lg, gap: tokens.spacing.xs },\n  caption: { marginTop: tokens.spacing.xs },\n});\n",[3529,14607,14608,14628,14644,14668,14680,14686,14694,14716,14738,14775,14783,14823,14831,14835,14839,14855,14890,14911],{"__ignoreMap":3744},[3919,14609,14610,14612,14614,14616,14618,14620,14622,14624,14626],{"class":3921,"line":3922},[3919,14611,4199],{"class":4198},[3919,14613,4202],{"class":4082},[3919,14615,4834],{"class":4205},[3919,14617,3558],{"class":4082},[3919,14619,4790],{"class":4205},[3919,14621,4208],{"class":4082},[3919,14623,4211],{"class":4198},[3919,14625,4850],{"class":4095},[3919,14627,4217],{"class":4082},[3919,14629,14630,14632,14634,14636,14638,14640,14642],{"class":3921,"line":3928},[3919,14631,4199],{"class":4198},[3919,14633,4202],{"class":4082},[3919,14635,3711],{"class":4205},[3919,14637,4208],{"class":4082},[3919,14639,4211],{"class":4198},[3919,14641,4232],{"class":4095},[3919,14643,4217],{"class":4082},[3919,14645,14646,14648,14650,14652,14654,14656,14658,14660,14662,14664,14666],{"class":3921,"line":3934},[3919,14647,4199],{"class":4198},[3919,14649,4202],{"class":4082},[3919,14651,3640],{"class":4205},[3919,14653,3558],{"class":4082},[3919,14655,3645],{"class":4205},[3919,14657,3558],{"class":4082},[3919,14659,3635],{"class":4205},[3919,14661,4208],{"class":4082},[3919,14663,4211],{"class":4198},[3919,14665,9539],{"class":4095},[3919,14667,4217],{"class":4082},[3919,14669,14670,14672,14674,14676,14678],{"class":3921,"line":3940},[3919,14671,4354],{"class":4198},[3919,14673,5385],{"class":4198},[3919,14675,4925],{"class":4117},[3919,14677,9556],{"class":4928},[3919,14679,5393],{"class":4082},[3919,14681,14682,14684],{"class":3921,"line":3947},[3919,14683,4954],{"class":4198},[3919,14685,5439],{"class":4082},[3919,14687,14688,14690,14692],{"class":3921,"line":3953},[3919,14689,5444],{"class":4957},[3919,14691,3635],{"class":4649},[3919,14693,5449],{"class":4957},[3919,14695,14696,14698,14700,14702,14704,14706,14708,14710,14712,14714],{"class":3921,"line":3959},[3919,14697,5454],{"class":4957},[3919,14699,4790],{"class":4649},[3919,14701,4964],{"class":4963},[3919,14703,4967],{"class":4082},[3919,14705,4970],{"class":4117},[3919,14707,4977],{"class":4205},[3919,14709,3572],{"class":4973},[3919,14711,9591],{"class":4205},[3919,14713,4992],{"class":4117},[3919,14715,5449],{"class":4957},[3919,14717,14718,14720,14722,14724,14726,14728,14730,14732,14734,14736],{"class":3921,"line":3965},[3919,14719,5565],{"class":4957},[3919,14721,3640],{"class":4649},[3919,14723,7110],{"class":4963},[3919,14725,4967],{"class":4082},[3919,14727,7115],{"class":4095},[3919,14729,4995],{"class":4957},[3919,14731,9612],{"class":4082},[3919,14733,5004],{"class":4957},[3919,14735,3640],{"class":4649},[3919,14737,5449],{"class":4957},[3919,14739,14740,14742,14744,14746,14748,14750,14752,14754,14756,14758,14760,14762,14764,14766,14769,14771,14773],{"class":3921,"line":3970},[3919,14741,5565],{"class":4957},[3919,14743,3640],{"class":4649},[3919,14745,7110],{"class":4963},[3919,14747,4967],{"class":4082},[3919,14749,7235],{"class":4095},[3919,14751,4964],{"class":4963},[3919,14753,4967],{"class":4082},[3919,14755,4970],{"class":4117},[3919,14757,4977],{"class":4205},[3919,14759,3572],{"class":4973},[3919,14761,6607],{"class":4205},[3919,14763,4992],{"class":4117},[3919,14765,4995],{"class":4957},[3919,14767,14768],{"class":4082},"Щоденник подорожей",[3919,14770,5004],{"class":4957},[3919,14772,3640],{"class":4649},[3919,14774,5449],{"class":4957},[3919,14776,14777,14779,14781],{"class":3921,"line":3976},[3919,14778,5709],{"class":4957},[3919,14780,4790],{"class":4649},[3919,14782,5449],{"class":4957},[3919,14784,14785,14787,14789,14791,14793,14795,14797,14799,14801,14803,14805,14808,14810,14812,14814,14817,14819,14821],{"class":3921,"line":3982},[3919,14786,5454],{"class":4957},[3919,14788,3645],{"class":4649},[3919,14790,8995],{"class":4963},[3919,14792,4967],{"class":4082},[3919,14794,9000],{"class":4095},[3919,14796,9003],{"class":4963},[3919,14798,4967],{"class":4082},[3919,14800,4970],{"class":4117},[3919,14802,9010],{"class":4973},[3919,14804,7721],{"class":4117},[3919,14806,14807],{"class":4205}," console",[3919,14809,3572],{"class":4973},[3919,14811,9763],{"class":4928},[3919,14813,8764],{"class":4973},[3919,14815,14816],{"class":4095},"'TODO'",[3919,14818,4040],{"class":4973},[3919,14820,4992],{"class":4117},[3919,14822,9041],{"class":4957},[3919,14824,14825,14827,14829],{"class":3921,"line":3988},[3919,14826,5719],{"class":4957},[3919,14828,3635],{"class":4649},[3919,14830,5449],{"class":4957},[3919,14832,14833],{"class":3921,"line":3993},[3919,14834,5729],{"class":4082},[3919,14836,14837],{"class":3921,"line":3999},[3919,14838,4183],{"class":4082},[3919,14840,14841,14843,14845,14847,14849,14851,14853],{"class":3921,"line":4005},[3919,14842,5023],{"class":4117},[3919,14844,5026],{"class":4360},[3919,14846,4653],{"class":4082},[3919,14848,4834],{"class":4205},[3919,14850,3572],{"class":4082},[3919,14852,5035],{"class":4928},[3919,14854,5038],{"class":4082},[3919,14856,14857,14859,14861,14863,14865,14867,14869,14871,14873,14875,14878,14880,14882,14884,14886,14888],{"class":3921,"line":4011},[3919,14858,9823],{"class":4205},[3919,14860,4202],{"class":4082},[3919,14862,10830],{"class":4205},[3919,14864,4361],{"class":4205},[3919,14866,3572],{"class":4082},[3919,14868,4684],{"class":4205},[3919,14870,3572],{"class":4082},[3919,14872,5106],{"class":4205},[3919,14874,3558],{"class":4082},[3919,14876,14877],{"class":4205},"gap:",[3919,14879,4361],{"class":4205},[3919,14881,3572],{"class":4082},[3919,14883,4684],{"class":4205},[3919,14885,3572],{"class":4082},[3919,14887,7595],{"class":4205},[3919,14889,5287],{"class":4082},[3919,14891,14892,14894,14896,14899,14901,14903,14905,14907,14909],{"class":3921,"line":4017},[3919,14893,6525],{"class":4205},[3919,14895,4202],{"class":4082},[3919,14897,14898],{"class":4205},"marginTop:",[3919,14900,4361],{"class":4205},[3919,14902,3572],{"class":4082},[3919,14904,4684],{"class":4205},[3919,14906,3572],{"class":4082},[3919,14908,7595],{"class":4205},[3919,14910,5287],{"class":4082},[3919,14912,14913],{"class":3921,"line":4023},[3919,14914,5117],{"class":4082},[3738,14916,14919],{"className":14917,"code":4706,"filename":4703,"language":14918,"meta":3744,"style":3744},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","ts",[3529,14920,14921,14937],{"__ignoreMap":3744},[3919,14922,14923,14925,14927,14929,14931,14933,14935],{"class":3921,"line":3922},[3919,14924,4354],{"class":4198},[3919,14926,4202],{"class":4082},[3919,14928,3711],{"class":4205},[3919,14930,4208],{"class":4082},[3919,14932,4211],{"class":4198},[3919,14934,4723],{"class":4095},[3919,14936,4217],{"class":4082},[3919,14938,14939,14941,14943,14945,14947,14949,14951,14953],{"class":3921,"line":3928},[3919,14940,4354],{"class":4198},[3919,14942,4646],{"class":4198},[3919,14944,4202],{"class":4082},[3919,14946,4736],{"class":4205},[3919,14948,4208],{"class":4082},[3919,14950,4211],{"class":4198},[3919,14952,4723],{"class":4095},[3919,14954,4217],{"class":4082},[3738,14956,14958],{"className":14917,"code":14957,"filename":4344,"language":14918,"meta":3744,"style":3744},"\u002F**\n * Токени, що **не** залежать від light\u002Fdark:\n * відступи, радіуси, розміри шрифтів.\n * Кольори — у colors.ts + ThemeProvider.\n *\u002F\n\nexport const space = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n} as const;\n\nexport const radius = {\n  sm: 8,\n  md: 12,\n  lg: 16,\n} as const;\n\nexport const fontSize = {\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 28,\n} as const;\n\n\u002F** @deprecated Використовуйте useTheme() для кольорів; space\u002Fradius\u002FfontSize — нижче. *\u002F\nexport const tokens = {\n  \u002F** Світла палітра (fallback, якщо хтось імпортує tokens.colors без теми). *\u002F\n  colors: {\n    background: '#F8FAFC',\n    surface: '#FFFFFF',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    border: '#E2E8F0',\n    danger: '#DC2626',\n    onPrimary: '#FFFFFF',\n  },\n  spacing: space,\n  radius,\n  fontSize,\n} as const;\n\nexport type Tokens = typeof tokens;\n",[3529,14959,14960,14965,14970,14975,14980,14985,14989,15000,15009,15018,15027,15036,15045,15055,15059,15070,15078,15086,15094,15104,15108,15119,15127,15135,15143,15151,15161,15165,15176,15186,15191,15197,15205,15213,15221,15229,15237,15245,15253,15261,15269,15273,15281,15288,15295,15305,15309],{"__ignoreMap":3744},[3919,14961,14962],{"class":3921,"line":3922},[3919,14963,14964],{"class":9752},"\u002F**\n",[3919,14966,14967],{"class":3921,"line":3928},[3919,14968,14969],{"class":9752}," * Токени, що **не** залежать від light\u002Fdark:\n",[3919,14971,14972],{"class":3921,"line":3934},[3919,14973,14974],{"class":9752}," * відступи, радіуси, розміри шрифтів.\n",[3919,14976,14977],{"class":3921,"line":3940},[3919,14978,14979],{"class":9752}," * Кольори — у colors.ts + ThemeProvider.\n",[3919,14981,14982],{"class":3921,"line":3947},[3919,14983,14984],{"class":9752}," *\u002F\n",[3919,14986,14987],{"class":3921,"line":3953},[3919,14988,3944],{"emptyLinePlaceholder":3943},[3919,14990,14991,14993,14995,14998],{"class":3921,"line":3959},[3919,14992,4354],{"class":4198},[3919,14994,4357],{"class":4117},[3919,14996,14997],{"class":4360}," space",[3919,14999,4364],{"class":4082},[3919,15001,15002,15005,15007],{"class":3921,"line":3965},[3919,15003,15004],{"class":4205},"  xs:",[3919,15006,4481],{"class":4480},[3919,15008,4099],{"class":4082},[3919,15010,15011,15014,15016],{"class":3921,"line":3970},[3919,15012,15013],{"class":4205},"  sm:",[3919,15015,4491],{"class":4480},[3919,15017,4099],{"class":4082},[3919,15019,15020,15023,15025],{"class":3921,"line":3976},[3919,15021,15022],{"class":4205},"  md:",[3919,15024,4501],{"class":4480},[3919,15026,4099],{"class":4082},[3919,15028,15029,15032,15034],{"class":3921,"line":3982},[3919,15030,15031],{"class":4205},"  lg:",[3919,15033,4511],{"class":4480},[3919,15035,4099],{"class":4082},[3919,15037,15038,15041,15043],{"class":3921,"line":3988},[3919,15039,15040],{"class":4205},"  xl:",[3919,15042,4521],{"class":4480},[3919,15044,4099],{"class":4082},[3919,15046,15047,15049,15051,15053],{"class":3921,"line":3993},[3919,15048,4626],{"class":4082},[3919,15050,4629],{"class":4198},[3919,15052,4357],{"class":4117},[3919,15054,4217],{"class":4082},[3919,15056,15057],{"class":3921,"line":3999},[3919,15058,3944],{"emptyLinePlaceholder":3943},[3919,15060,15061,15063,15065,15068],{"class":3921,"line":4005},[3919,15062,4354],{"class":4198},[3919,15064,4357],{"class":4117},[3919,15066,15067],{"class":4360}," radius",[3919,15069,4364],{"class":4082},[3919,15071,15072,15074,15076],{"class":3921,"line":4011},[3919,15073,15013],{"class":4205},[3919,15075,4491],{"class":4480},[3919,15077,4099],{"class":4082},[3919,15079,15080,15082,15084],{"class":3921,"line":4017},[3919,15081,15022],{"class":4205},[3919,15083,4552],{"class":4480},[3919,15085,4099],{"class":4082},[3919,15087,15088,15090,15092],{"class":3921,"line":4023},[3919,15089,15031],{"class":4205},[3919,15091,4501],{"class":4480},[3919,15093,4099],{"class":4082},[3919,15095,15096,15098,15100,15102],{"class":3921,"line":4028},[3919,15097,4626],{"class":4082},[3919,15099,4629],{"class":4198},[3919,15101,4357],{"class":4117},[3919,15103,4217],{"class":4082},[3919,15105,15106],{"class":3921,"line":4530},[3919,15107,3944],{"emptyLinePlaceholder":3943},[3919,15109,15110,15112,15114,15117],{"class":3921,"line":4538},[3919,15111,4354],{"class":4198},[3919,15113,4357],{"class":4117},[3919,15115,15116],{"class":4360}," fontSize",[3919,15118,4364],{"class":4082},[3919,15120,15121,15123,15125],{"class":3921,"line":4547},[3919,15122,15013],{"class":4205},[3919,15124,4584],{"class":4480},[3919,15126,4099],{"class":4082},[3919,15128,15129,15131,15133],{"class":3921,"line":4557},[3919,15130,15022],{"class":4205},[3919,15132,4501],{"class":4480},[3919,15134,4099],{"class":4082},[3919,15136,15137,15139,15141],{"class":3921,"line":4566},[3919,15138,15031],{"class":4205},[3919,15140,4603],{"class":4480},[3919,15142,4099],{"class":4082},[3919,15144,15145,15147,15149],{"class":3921,"line":4571},[3919,15146,15040],{"class":4205},[3919,15148,4613],{"class":4480},[3919,15150,4099],{"class":4082},[3919,15152,15153,15155,15157,15159],{"class":3921,"line":4579},[3919,15154,4626],{"class":4082},[3919,15156,4629],{"class":4198},[3919,15158,4357],{"class":4117},[3919,15160,4217],{"class":4082},[3919,15162,15163],{"class":3921,"line":4589},[3919,15164,3944],{"emptyLinePlaceholder":3943},[3919,15166,15167,15170,15173],{"class":3921,"line":4598},[3919,15168,15169],{"class":9752},"\u002F** ",[3919,15171,15172],{"class":4117},"@deprecated",[3919,15174,15175],{"class":9752}," Використовуйте useTheme() для кольорів; space\u002Fradius\u002FfontSize — нижче. *\u002F\n",[3919,15177,15178,15180,15182,15184],{"class":3921,"line":4608},[3919,15179,4354],{"class":4198},[3919,15181,4357],{"class":4117},[3919,15183,4361],{"class":4360},[3919,15185,4364],{"class":4082},[3919,15187,15188],{"class":3921,"line":4618},[3919,15189,15190],{"class":9752},"  \u002F** Світла палітра (fallback, якщо хтось імпортує tokens.colors без теми). *\u002F\n",[3919,15192,15193,15195],{"class":3921,"line":4623},[3919,15194,4369],{"class":4205},[3919,15196,4372],{"class":4082},[3919,15198,15199,15201,15203],{"class":3921,"line":4636},[3919,15200,4377],{"class":4205},[3919,15202,4380],{"class":4095},[3919,15204,4099],{"class":4082},[3919,15206,15207,15209,15211],{"class":3921,"line":4641},[3919,15208,4387],{"class":4205},[3919,15210,4390],{"class":4095},[3919,15212,4099],{"class":4082},[3919,15214,15215,15217,15219],{"class":3921,"line":5562},[3919,15216,4397],{"class":4205},[3919,15218,4400],{"class":4095},[3919,15220,4099],{"class":4082},[3919,15222,15223,15225,15227],{"class":3921,"line":5617},[3919,15224,4407],{"class":4205},[3919,15226,4410],{"class":4095},[3919,15228,4099],{"class":4082},[3919,15230,15231,15233,15235],{"class":3921,"line":5623},[3919,15232,4417],{"class":4205},[3919,15234,4420],{"class":4095},[3919,15236,4099],{"class":4082},[3919,15238,15239,15241,15243],{"class":3921,"line":5633},[3919,15240,4427],{"class":4205},[3919,15242,4430],{"class":4095},[3919,15244,4099],{"class":4082},[3919,15246,15247,15249,15251],{"class":3921,"line":5685},[3919,15248,4437],{"class":4205},[3919,15250,4440],{"class":4095},[3919,15252,4099],{"class":4082},[3919,15254,15255,15257,15259],{"class":3921,"line":5691},[3919,15256,4447],{"class":4205},[3919,15258,4450],{"class":4095},[3919,15260,4099],{"class":4082},[3919,15262,15263,15265,15267],{"class":3921,"line":5697},[3919,15264,4457],{"class":4205},[3919,15266,4390],{"class":4095},[3919,15268,4099],{"class":4082},[3919,15270,15271],{"class":3921,"line":5706},[3919,15272,4151],{"class":4082},[3919,15274,15275,15277,15279],{"class":3921,"line":5716},[3919,15276,4470],{"class":4205},[3919,15278,14997],{"class":4205},[3919,15280,4099],{"class":4082},[3919,15282,15283,15286],{"class":3921,"line":5726},[3919,15284,15285],{"class":4205},"  radius",[3919,15287,4099],{"class":4082},[3919,15289,15290,15293],{"class":3921,"line":5732},[3919,15291,15292],{"class":4205},"  fontSize",[3919,15294,4099],{"class":4082},[3919,15296,15297,15299,15301,15303],{"class":3921,"line":5737},[3919,15298,4626],{"class":4082},[3919,15300,4629],{"class":4198},[3919,15302,4357],{"class":4117},[3919,15304,4217],{"class":4082},[3919,15306,15307],{"class":3921,"line":5742},[3919,15308,3944],{"emptyLinePlaceholder":3943},[3919,15310,15311,15313,15315,15317,15319,15321,15323],{"class":3921,"line":5759},[3919,15312,4354],{"class":4198},[3919,15314,4646],{"class":4117},[3919,15316,4650],{"class":4649},[3919,15318,4653],{"class":4082},[3919,15320,4656],{"class":4117},[3919,15322,4361],{"class":4205},[3919,15324,4217],{"class":4082},[3738,15326,15328],{"className":4803,"code":15327,"filename":6017,"language":4805,"meta":3744,"style":3744},"import { ReactNode } from 'react';\nimport { StyleSheet, Text, TextProps, TextStyle } from 'react-native';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype AppTextVariant = 'body' | 'title' | 'subtitle' | 'caption';\ntype AppTextProps = TextProps & { children: ReactNode; variant?: AppTextVariant; color?: string; style?: TextStyle | TextStyle[] };\nexport function AppText({ children, variant = 'body', color = tokens.colors.text, style, ...rest }: AppTextProps) {\n  return \u003CText style={[styles.base, styles[variant], { color }, style]} {...rest}>{children}\u003C\u002FText>;\n}\nconst styles = StyleSheet.create({\n  base: { color: tokens.colors.text },\n  body: { fontSize: tokens.fontSize.md, lineHeight: 24 },\n  title: { fontSize: tokens.fontSize.xl, fontWeight: '700', lineHeight: 34 },\n  subtitle: { fontSize: tokens.fontSize.lg, fontWeight: '600', lineHeight: 28 },\n  caption: { fontSize: tokens.fontSize.sm, color: tokens.colors.textSecondary, lineHeight: 20 },\n});\n",[3529,15329,15330,15346,15374,15390,15414,15464,15515,15581,15585,15601,15621,15649,15682,15714,15754],{"__ignoreMap":3744},[3919,15331,15332,15334,15336,15338,15340,15342,15344],{"class":3921,"line":3922},[3919,15333,4199],{"class":4198},[3919,15335,4202],{"class":4082},[3919,15337,4816],{"class":4205},[3919,15339,4208],{"class":4082},[3919,15341,4211],{"class":4198},[3919,15343,4823],{"class":4095},[3919,15345,4217],{"class":4082},[3919,15347,15348,15350,15352,15354,15356,15358,15360,15362,15364,15366,15368,15370,15372],{"class":3921,"line":3928},[3919,15349,4199],{"class":4198},[3919,15351,4202],{"class":4082},[3919,15353,4834],{"class":4205},[3919,15355,3558],{"class":4082},[3919,15357,5173],{"class":4205},[3919,15359,3558],{"class":4082},[3919,15361,6055],{"class":4205},[3919,15363,3558],{"class":4082},[3919,15365,6060],{"class":4205},[3919,15367,4208],{"class":4082},[3919,15369,4211],{"class":4198},[3919,15371,4850],{"class":4095},[3919,15373,4217],{"class":4082},[3919,15375,15376,15378,15380,15382,15384,15386,15388],{"class":3921,"line":3934},[3919,15377,4199],{"class":4198},[3919,15379,4202],{"class":4082},[3919,15381,3711],{"class":4205},[3919,15383,4208],{"class":4082},[3919,15385,4211],{"class":4198},[3919,15387,4232],{"class":4095},[3919,15389,4217],{"class":4082},[3919,15391,15392,15394,15396,15398,15400,15402,15404,15406,15408,15410,15412],{"class":3921,"line":3940},[3919,15393,4881],{"class":4117},[3919,15395,6099],{"class":4649},[3919,15397,4653],{"class":4082},[3919,15399,6104],{"class":4095},[3919,15401,6107],{"class":4082},[3919,15403,6110],{"class":4095},[3919,15405,6107],{"class":4082},[3919,15407,6115],{"class":4095},[3919,15409,6107],{"class":4082},[3919,15411,6120],{"class":4095},[3919,15413,4217],{"class":4082},[3919,15415,15416,15418,15420,15422,15424,15427,15429,15431,15433,15435,15437,15439,15441,15443,15445,15447,15449,15451,15453,15455,15457,15459,15461],{"class":3921,"line":3947},[3919,15417,4881],{"class":4117},[3919,15419,6133],{"class":4649},[3919,15421,4653],{"class":4082},[3919,15423,6055],{"class":4649},[3919,15425,15426],{"class":4082}," & { ",[3919,15428,4935],{"class":4205},[3919,15430,4092],{"class":4082},[3919,15432,4816],{"class":4649},[3919,15434,10399],{"class":4082},[3919,15436,6297],{"class":4205},[3919,15438,4905],{"class":4082},[3919,15440,6160],{"class":4649},[3919,15442,10399],{"class":4082},[3919,15444,6303],{"class":4205},[3919,15446,4905],{"class":4082},[3919,15448,6172],{"class":4649},[3919,15450,10399],{"class":4082},[3919,15452,4940],{"class":4205},[3919,15454,4905],{"class":4082},[3919,15456,6060],{"class":4649},[3919,15458,6107],{"class":4082},[3919,15460,6060],{"class":4649},[3919,15462,15463],{"class":4082},"[] };\n",[3919,15465,15466,15468,15470,15472,15474,15476,15478,15480,15482,15484,15486,15488,15490,15492,15494,15496,15498,15500,15502,15504,15507,15509,15511,15513],{"class":3921,"line":3953},[3919,15467,4354],{"class":4198},[3919,15469,4925],{"class":4117},[3919,15471,6201],{"class":4928},[3919,15473,4932],{"class":4082},[3919,15475,4935],{"class":4205},[3919,15477,3558],{"class":4082},[3919,15479,6297],{"class":4205},[3919,15481,4653],{"class":4082},[3919,15483,6104],{"class":4095},[3919,15485,3558],{"class":4082},[3919,15487,6303],{"class":4205},[3919,15489,4653],{"class":4082},[3919,15491,3711],{"class":4205},[3919,15493,3572],{"class":4082},[3919,15495,4665],{"class":4205},[3919,15497,3572],{"class":4082},[3919,15499,3743],{"class":4205},[3919,15501,3558],{"class":4082},[3919,15503,4940],{"class":4205},[3919,15505,15506],{"class":4082},", ...",[3919,15508,6321],{"class":4205},[3919,15510,4943],{"class":4082},[3919,15512,6259],{"class":4649},[3919,15514,4949],{"class":4082},[3919,15516,15517,15519,15521,15523,15525,15527,15529,15531,15533,15535,15537,15539,15541,15543,15545,15547,15549,15551,15553,15555,15557,15559,15561,15563,15565,15567,15569,15571,15573,15575,15577,15579],{"class":3921,"line":3959},[3919,15518,4954],{"class":4198},[3919,15520,4958],{"class":4957},[3919,15522,5173],{"class":4649},[3919,15524,4964],{"class":4963},[3919,15526,4967],{"class":4082},[3919,15528,4970],{"class":4117},[3919,15530,4974],{"class":4973},[3919,15532,4977],{"class":4205},[3919,15534,3572],{"class":4973},[3919,15536,6288],{"class":4205},[3919,15538,3558],{"class":4973},[3919,15540,4977],{"class":4205},[3919,15542,4974],{"class":4973},[3919,15544,6297],{"class":4205},[3919,15546,6300],{"class":4973},[3919,15548,6303],{"class":4205},[3919,15550,6306],{"class":4973},[3919,15552,4940],{"class":4205},[3919,15554,4989],{"class":4973},[3919,15556,4992],{"class":4117},[3919,15558,6315],{"class":4117},[3919,15560,6318],{"class":4082},[3919,15562,6321],{"class":4205},[3919,15564,4992],{"class":4117},[3919,15566,4995],{"class":4957},[3919,15568,4970],{"class":4117},[3919,15570,4935],{"class":4205},[3919,15572,4992],{"class":4117},[3919,15574,5004],{"class":4957},[3919,15576,5173],{"class":4649},[3919,15578,4995],{"class":4957},[3919,15580,4217],{"class":4082},[3919,15582,15583],{"class":3921,"line":3965},[3919,15584,4183],{"class":4082},[3919,15586,15587,15589,15591,15593,15595,15597,15599],{"class":3921,"line":3970},[3919,15588,5023],{"class":4117},[3919,15590,5026],{"class":4360},[3919,15592,4653],{"class":4082},[3919,15594,4834],{"class":4205},[3919,15596,3572],{"class":4082},[3919,15598,5035],{"class":4928},[3919,15600,5038],{"class":4082},[3919,15602,15603,15605,15607,15609,15611,15613,15615,15617,15619],{"class":3921,"line":3976},[3919,15604,6375],{"class":4205},[3919,15606,4202],{"class":4082},[3919,15608,5588],{"class":4205},[3919,15610,4361],{"class":4205},[3919,15612,3572],{"class":4082},[3919,15614,4665],{"class":4205},[3919,15616,3572],{"class":4082},[3919,15618,3743],{"class":4205},[3919,15620,5287],{"class":4082},[3919,15622,15623,15625,15627,15630,15632,15634,15636,15638,15640,15642,15645,15647],{"class":3921,"line":3982},[3919,15624,5949],{"class":4205},[3919,15626,4202],{"class":4082},[3919,15628,15629],{"class":4205},"fontSize:",[3919,15631,4361],{"class":4205},[3919,15633,3572],{"class":4082},[3919,15635,6011],{"class":4205},[3919,15637,3572],{"class":4082},[3919,15639,5088],{"class":4205},[3919,15641,3558],{"class":4082},[3919,15643,15644],{"class":4205},"lineHeight:",[3919,15646,4511],{"class":4480},[3919,15648,5287],{"class":4082},[3919,15650,15651,15653,15655,15657,15659,15661,15663,15665,15667,15669,15672,15674,15676,15678,15680],{"class":3921,"line":3988},[3919,15652,5914],{"class":4205},[3919,15654,4202],{"class":4082},[3919,15656,15629],{"class":4205},[3919,15658,4361],{"class":4205},[3919,15660,3572],{"class":4082},[3919,15662,6011],{"class":4205},[3919,15664,3572],{"class":4082},[3919,15666,6453],{"class":4205},[3919,15668,3558],{"class":4082},[3919,15670,15671],{"class":4205},"fontWeight:",[3919,15673,5936],{"class":4095},[3919,15675,3558],{"class":4082},[3919,15677,15644],{"class":4205},[3919,15679,6470],{"class":4480},[3919,15681,5287],{"class":4082},[3919,15683,15684,15686,15688,15690,15692,15694,15696,15698,15700,15702,15704,15706,15708,15710,15712],{"class":3921,"line":3993},[3919,15685,6481],{"class":4205},[3919,15687,4202],{"class":4082},[3919,15689,15629],{"class":4205},[3919,15691,4361],{"class":4205},[3919,15693,3572],{"class":4082},[3919,15695,6011],{"class":4205},[3919,15697,3572],{"class":4082},[3919,15699,5106],{"class":4205},[3919,15701,3558],{"class":4082},[3919,15703,15671],{"class":4205},[3919,15705,6506],{"class":4095},[3919,15707,3558],{"class":4082},[3919,15709,15644],{"class":4205},[3919,15711,4613],{"class":4480},[3919,15713,5287],{"class":4082},[3919,15715,15716,15718,15720,15722,15724,15726,15728,15730,15732,15734,15736,15738,15740,15742,15744,15746,15748,15750,15752],{"class":3921,"line":3999},[3919,15717,6525],{"class":4205},[3919,15719,4202],{"class":4082},[3919,15721,15629],{"class":4205},[3919,15723,4361],{"class":4205},[3919,15725,3572],{"class":4082},[3919,15727,6011],{"class":4205},[3919,15729,3572],{"class":4082},[3919,15731,5901],{"class":4205},[3919,15733,3558],{"class":4082},[3919,15735,5588],{"class":4205},[3919,15737,4361],{"class":4205},[3919,15739,3572],{"class":4082},[3919,15741,4665],{"class":4205},[3919,15743,3572],{"class":4082},[3919,15745,5676],{"class":4205},[3919,15747,3558],{"class":4082},[3919,15749,15644],{"class":4205},[3919,15751,4603],{"class":4480},[3919,15753,5287],{"class":4082},[3919,15755,15756],{"class":3921,"line":4005},[3919,15757,5117],{"class":4082},[3738,15759,15761],{"className":4803,"code":15760,"filename":7633,"language":4805,"meta":3744,"style":3744},"import { Pressable, StyleSheet, Text, ViewStyle } from 'react-native';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype ButtonProps = { label: string; onPress: () => void; disabled?: boolean; style?: ViewStyle };\nexport function Button({ label, onPress, disabled = false, style }: ButtonProps) {\n  return (\n    \u003CPressable accessibilityRole=\"button\" disabled={disabled} onPress={onPress}\n      style={({ pressed }) => [styles.base, pressed && !disabled ? styles.pressed : null, disabled ? styles.disabled : null, style]}>\n      \u003CText style={styles.label}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\nconst styles = StyleSheet.create({\n  base: { backgroundColor: tokens.colors.primary, paddingVertical: tokens.spacing.sm + 4, paddingHorizontal: tokens.spacing.md, borderRadius: tokens.radius.md, alignItems: 'center' },\n  pressed: { backgroundColor: tokens.colors.primaryPressed },\n  disabled: { opacity: 0.5 },\n  label: { color: tokens.colors.onPrimary, fontSize: tokens.fontSize.md, fontWeight: '600' },\n});\n",[3529,15762,15763,15791,15807,15851,15885,15891,15925,15997,16031,16039,16043,16047,16063,16139,16159,16172,16212],{"__ignoreMap":3744},[3919,15764,15765,15767,15769,15771,15773,15775,15777,15779,15781,15783,15785,15787,15789],{"class":3921,"line":3922},[3919,15766,4199],{"class":4198},[3919,15768,4202],{"class":4082},[3919,15770,7623],{"class":4205},[3919,15772,3558],{"class":4082},[3919,15774,4834],{"class":4205},[3919,15776,3558],{"class":4082},[3919,15778,5173],{"class":4205},[3919,15780,3558],{"class":4082},[3919,15782,4843],{"class":4205},[3919,15784,4208],{"class":4082},[3919,15786,4211],{"class":4198},[3919,15788,4850],{"class":4095},[3919,15790,4217],{"class":4082},[3919,15792,15793,15795,15797,15799,15801,15803,15805],{"class":3921,"line":3928},[3919,15794,4199],{"class":4198},[3919,15796,4202],{"class":4082},[3919,15798,3711],{"class":4205},[3919,15800,4208],{"class":4082},[3919,15802,4211],{"class":4198},[3919,15804,4232],{"class":4095},[3919,15806,4217],{"class":4082},[3919,15808,15809,15811,15813,15816,15818,15820,15822,15824,15826,15828,15830,15832,15834,15836,15838,15840,15842,15844,15846,15848],{"class":3921,"line":3934},[3919,15810,4881],{"class":4117},[3919,15812,7697],{"class":4649},[3919,15814,15815],{"class":4082}," = { ",[3919,15817,7770],{"class":4205},[3919,15819,4092],{"class":4082},[3919,15821,6172],{"class":4649},[3919,15823,10399],{"class":4082},[3919,15825,7775],{"class":4928},[3919,15827,7718],{"class":4082},[3919,15829,7721],{"class":4117},[3919,15831,7724],{"class":4649},[3919,15833,10399],{"class":4082},[3919,15835,7780],{"class":4205},[3919,15837,4905],{"class":4082},[3919,15839,7736],{"class":4649},[3919,15841,10399],{"class":4082},[3919,15843,4940],{"class":4205},[3919,15845,4905],{"class":4082},[3919,15847,4843],{"class":4649},[3919,15849,15850],{"class":4082}," };\n",[3919,15852,15853,15855,15857,15859,15861,15863,15865,15867,15869,15871,15873,15875,15877,15879,15881,15883],{"class":3921,"line":3940},[3919,15854,4354],{"class":4198},[3919,15856,4925],{"class":4117},[3919,15858,7765],{"class":4928},[3919,15860,4932],{"class":4082},[3919,15862,7770],{"class":4205},[3919,15864,3558],{"class":4082},[3919,15866,7775],{"class":4205},[3919,15868,3558],{"class":4082},[3919,15870,7780],{"class":4205},[3919,15872,4653],{"class":4082},[3919,15874,7785],{"class":4117},[3919,15876,3558],{"class":4082},[3919,15878,4940],{"class":4205},[3919,15880,4943],{"class":4082},[3919,15882,7794],{"class":4649},[3919,15884,4949],{"class":4082},[3919,15886,15887,15889],{"class":3921,"line":3947},[3919,15888,4954],{"class":4198},[3919,15890,5439],{"class":4082},[3919,15892,15893,15895,15897,15900,15902,15905,15907,15909,15911,15913,15915,15917,15919,15921,15923],{"class":3921,"line":3953},[3919,15894,5444],{"class":4957},[3919,15896,7623],{"class":4649},[3919,15898,15899],{"class":4963}," accessibilityRole",[3919,15901,4967],{"class":4082},[3919,15903,15904],{"class":4095},"\"button\"",[3919,15906,9072],{"class":4963},[3919,15908,4967],{"class":4082},[3919,15910,4970],{"class":4117},[3919,15912,7780],{"class":4205},[3919,15914,4992],{"class":4117},[3919,15916,9003],{"class":4963},[3919,15918,4967],{"class":4082},[3919,15920,4970],{"class":4117},[3919,15922,7775],{"class":4205},[3919,15924,4183],{"class":4117},[3919,15926,15927,15929,15931,15933,15935,15937,15939,15941,15943,15945,15947,15949,15951,15953,15955,15957,15959,15961,15963,15965,15967,15969,15971,15973,15975,15977,15979,15981,15983,15985,15987,15989,15991,15993,15995],{"class":3921,"line":3959},[3919,15928,7850],{"class":4963},[3919,15930,4967],{"class":4082},[3919,15932,4970],{"class":4117},[3919,15934,4932],{"class":4973},[3919,15936,7859],{"class":4205},[3919,15938,7862],{"class":4973},[3919,15940,7721],{"class":4117},[3919,15942,8748],{"class":4973},[3919,15944,4977],{"class":4205},[3919,15946,3572],{"class":4973},[3919,15948,6288],{"class":4205},[3919,15950,3558],{"class":4973},[3919,15952,7859],{"class":4205},[3919,15954,7087],{"class":4082},[3919,15956,7888],{"class":4082},[3919,15958,7780],{"class":4205},[3919,15960,5496],{"class":4082},[3919,15962,5026],{"class":4205},[3919,15964,3572],{"class":4973},[3919,15966,7859],{"class":4205},[3919,15968,5502],{"class":4082},[3919,15970,6917],{"class":4117},[3919,15972,3558],{"class":4973},[3919,15974,7780],{"class":4205},[3919,15976,5496],{"class":4082},[3919,15978,5026],{"class":4205},[3919,15980,3572],{"class":4973},[3919,15982,7780],{"class":4205},[3919,15984,5502],{"class":4082},[3919,15986,6917],{"class":4117},[3919,15988,3558],{"class":4973},[3919,15990,4940],{"class":4205},[3919,15992,4989],{"class":4973},[3919,15994,4992],{"class":4117},[3919,15996,5449],{"class":4957},[3919,15998,15999,16001,16003,16005,16007,16009,16011,16013,16015,16017,16019,16021,16023,16025,16027,16029],{"class":3921,"line":3965},[3919,16000,5454],{"class":4957},[3919,16002,5173],{"class":4649},[3919,16004,4964],{"class":4963},[3919,16006,4967],{"class":4082},[3919,16008,4970],{"class":4117},[3919,16010,4977],{"class":4205},[3919,16012,3572],{"class":4973},[3919,16014,7770],{"class":4205},[3919,16016,4992],{"class":4117},[3919,16018,4995],{"class":4957},[3919,16020,4970],{"class":4117},[3919,16022,7770],{"class":4205},[3919,16024,4992],{"class":4117},[3919,16026,5004],{"class":4957},[3919,16028,5173],{"class":4649},[3919,16030,5449],{"class":4957},[3919,16032,16033,16035,16037],{"class":3921,"line":3970},[3919,16034,5719],{"class":4957},[3919,16036,7623],{"class":4649},[3919,16038,5449],{"class":4957},[3919,16040,16041],{"class":3921,"line":3976},[3919,16042,5729],{"class":4082},[3919,16044,16045],{"class":3921,"line":3982},[3919,16046,4183],{"class":4082},[3919,16048,16049,16051,16053,16055,16057,16059,16061],{"class":3921,"line":3988},[3919,16050,5023],{"class":4117},[3919,16052,5026],{"class":4360},[3919,16054,4653],{"class":4082},[3919,16056,4834],{"class":4205},[3919,16058,3572],{"class":4082},[3919,16060,5035],{"class":4928},[3919,16062,5038],{"class":4082},[3919,16064,16065,16067,16069,16071,16073,16075,16077,16079,16081,16083,16086,16088,16090,16092,16094,16096,16098,16100,16102,16105,16107,16109,16111,16113,16115,16117,16120,16122,16124,16126,16128,16130,16132,16135,16137],{"class":3921,"line":3993},[3919,16066,6375],{"class":4205},[3919,16068,4202],{"class":4082},[3919,16070,7092],{"class":4205},[3919,16072,4361],{"class":4205},[3919,16074,3572],{"class":4082},[3919,16076,4665],{"class":4205},[3919,16078,3572],{"class":4082},[3919,16080,4673],{"class":4205},[3919,16082,3558],{"class":4082},[3919,16084,16085],{"class":4205},"paddingVertical:",[3919,16087,4361],{"class":4205},[3919,16089,3572],{"class":4082},[3919,16091,4684],{"class":4205},[3919,16093,3572],{"class":4082},[3919,16095,5901],{"class":4205},[3919,16097,8050],{"class":4082},[3919,16099,8053],{"class":4480},[3919,16101,3558],{"class":4082},[3919,16103,16104],{"class":4205},"paddingHorizontal:",[3919,16106,4361],{"class":4205},[3919,16108,3572],{"class":4082},[3919,16110,4684],{"class":4205},[3919,16112,3572],{"class":4082},[3919,16114,5088],{"class":4205},[3919,16116,3558],{"class":4082},[3919,16118,16119],{"class":4205},"borderRadius:",[3919,16121,4361],{"class":4205},[3919,16123,3572],{"class":4082},[3919,16125,5850],{"class":4205},[3919,16127,3572],{"class":4082},[3919,16129,5088],{"class":4205},[3919,16131,3558],{"class":4082},[3919,16133,16134],{"class":4205},"alignItems:",[3919,16136,7367],{"class":4095},[3919,16138,5287],{"class":4082},[3919,16140,16141,16143,16145,16147,16149,16151,16153,16155,16157],{"class":3921,"line":3999},[3919,16142,8105],{"class":4205},[3919,16144,4202],{"class":4082},[3919,16146,7092],{"class":4205},[3919,16148,4361],{"class":4205},[3919,16150,3572],{"class":4082},[3919,16152,4665],{"class":4205},[3919,16154,3572],{"class":4082},[3919,16156,8122],{"class":4205},[3919,16158,5287],{"class":4082},[3919,16160,16161,16163,16165,16168,16170],{"class":3921,"line":4005},[3919,16162,8133],{"class":4205},[3919,16164,4202],{"class":4082},[3919,16166,16167],{"class":4205},"opacity:",[3919,16169,8143],{"class":4480},[3919,16171,5287],{"class":4082},[3919,16173,16174,16176,16178,16180,16182,16184,16186,16188,16190,16192,16194,16196,16198,16200,16202,16204,16206,16208,16210],{"class":3921,"line":4011},[3919,16175,8154],{"class":4205},[3919,16177,4202],{"class":4082},[3919,16179,5588],{"class":4205},[3919,16181,4361],{"class":4205},[3919,16183,3572],{"class":4082},[3919,16185,4665],{"class":4205},[3919,16187,3572],{"class":4082},[3919,16189,8171],{"class":4205},[3919,16191,3558],{"class":4082},[3919,16193,15629],{"class":4205},[3919,16195,4361],{"class":4205},[3919,16197,3572],{"class":4082},[3919,16199,6011],{"class":4205},[3919,16201,3572],{"class":4082},[3919,16203,5088],{"class":4205},[3919,16205,3558],{"class":4082},[3919,16207,15671],{"class":4205},[3919,16209,6506],{"class":4095},[3919,16211,5287],{"class":4082},[3919,16213,16214],{"class":3921,"line":4017},[3919,16215,5117],{"class":4082},[3738,16217,16219],{"className":4803,"code":16218,"filename":4800,"language":4805,"meta":3744,"style":3744},"import { ReactNode } from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype ScreenProps = { children: ReactNode; style?: ViewStyle };\nexport function Screen({ children, style }: ScreenProps) {\n  return \u003CSafeAreaView style={[styles.root, style]}>{children}\u003C\u002FSafeAreaView>;\n}\nconst styles = StyleSheet.create({\n  root: { flex: 1, backgroundColor: tokens.colors.background, paddingHorizontal: tokens.spacing.md },\n});\n",[3529,16220,16221,16237,16257,16275,16291,16315,16337,16383,16387,16403,16444],{"__ignoreMap":3744},[3919,16222,16223,16225,16227,16229,16231,16233,16235],{"class":3921,"line":3922},[3919,16224,4199],{"class":4198},[3919,16226,4202],{"class":4082},[3919,16228,4816],{"class":4205},[3919,16230,4208],{"class":4082},[3919,16232,4211],{"class":4198},[3919,16234,4823],{"class":4095},[3919,16236,4217],{"class":4082},[3919,16238,16239,16241,16243,16245,16247,16249,16251,16253,16255],{"class":3921,"line":3928},[3919,16240,4199],{"class":4198},[3919,16242,4202],{"class":4082},[3919,16244,4834],{"class":4205},[3919,16246,3558],{"class":4082},[3919,16248,4843],{"class":4205},[3919,16250,4208],{"class":4082},[3919,16252,4211],{"class":4198},[3919,16254,4850],{"class":4095},[3919,16256,4217],{"class":4082},[3919,16258,16259,16261,16263,16266,16268,16270,16273],{"class":3921,"line":3934},[3919,16260,4199],{"class":4198},[3919,16262,4202],{"class":4082},[3919,16264,16265],{"class":4205},"SafeAreaView",[3919,16267,4208],{"class":4082},[3919,16269,4211],{"class":4198},[3919,16271,16272],{"class":4095}," 'react-native-safe-area-context'",[3919,16274,4217],{"class":4082},[3919,16276,16277,16279,16281,16283,16285,16287,16289],{"class":3921,"line":3940},[3919,16278,4199],{"class":4198},[3919,16280,4202],{"class":4082},[3919,16282,3711],{"class":4205},[3919,16284,4208],{"class":4082},[3919,16286,4211],{"class":4198},[3919,16288,4232],{"class":4095},[3919,16290,4217],{"class":4082},[3919,16292,16293,16295,16297,16299,16301,16303,16305,16307,16309,16311,16313],{"class":3921,"line":3947},[3919,16294,4881],{"class":4117},[3919,16296,4884],{"class":4649},[3919,16298,15815],{"class":4082},[3919,16300,4935],{"class":4205},[3919,16302,4092],{"class":4082},[3919,16304,4816],{"class":4649},[3919,16306,10399],{"class":4082},[3919,16308,4940],{"class":4205},[3919,16310,4905],{"class":4082},[3919,16312,4843],{"class":4649},[3919,16314,15850],{"class":4082},[3919,16316,16317,16319,16321,16323,16325,16327,16329,16331,16333,16335],{"class":3921,"line":3953},[3919,16318,4354],{"class":4198},[3919,16320,4925],{"class":4117},[3919,16322,4929],{"class":4928},[3919,16324,4932],{"class":4082},[3919,16326,4935],{"class":4205},[3919,16328,3558],{"class":4082},[3919,16330,4940],{"class":4205},[3919,16332,4943],{"class":4082},[3919,16334,4946],{"class":4649},[3919,16336,4949],{"class":4082},[3919,16338,16339,16341,16343,16345,16347,16349,16351,16353,16355,16357,16359,16361,16363,16365,16367,16369,16371,16373,16375,16377,16379,16381],{"class":3921,"line":3959},[3919,16340,4954],{"class":4198},[3919,16342,4958],{"class":4957},[3919,16344,16265],{"class":4649},[3919,16346,4964],{"class":4963},[3919,16348,4967],{"class":4082},[3919,16350,4970],{"class":4117},[3919,16352,4974],{"class":4973},[3919,16354,4977],{"class":4205},[3919,16356,3572],{"class":4973},[3919,16358,4982],{"class":4205},[3919,16360,3558],{"class":4973},[3919,16362,4940],{"class":4205},[3919,16364,4989],{"class":4973},[3919,16366,4992],{"class":4117},[3919,16368,4995],{"class":4957},[3919,16370,4970],{"class":4117},[3919,16372,4935],{"class":4205},[3919,16374,4992],{"class":4117},[3919,16376,5004],{"class":4957},[3919,16378,16265],{"class":4649},[3919,16380,4995],{"class":4957},[3919,16382,4217],{"class":4082},[3919,16384,16385],{"class":3921,"line":3965},[3919,16386,4183],{"class":4082},[3919,16388,16389,16391,16393,16395,16397,16399,16401],{"class":3921,"line":3970},[3919,16390,5023],{"class":4117},[3919,16392,5026],{"class":4360},[3919,16394,4653],{"class":4082},[3919,16396,4834],{"class":4205},[3919,16398,3572],{"class":4082},[3919,16400,5035],{"class":4928},[3919,16402,5038],{"class":4082},[3919,16404,16405,16407,16409,16412,16414,16416,16418,16420,16422,16424,16426,16428,16430,16432,16434,16436,16438,16440,16442],{"class":3921,"line":3976},[3919,16406,5043],{"class":4205},[3919,16408,4202],{"class":4082},[3919,16410,16411],{"class":4205},"flex:",[3919,16413,5053],{"class":4480},[3919,16415,3558],{"class":4082},[3919,16417,7092],{"class":4205},[3919,16419,4361],{"class":4205},[3919,16421,3572],{"class":4082},[3919,16423,4665],{"class":4205},[3919,16425,3572],{"class":4082},[3919,16427,4680],{"class":4205},[3919,16429,3558],{"class":4082},[3919,16431,16104],{"class":4205},[3919,16433,4361],{"class":4205},[3919,16435,3572],{"class":4082},[3919,16437,4684],{"class":4205},[3919,16439,3572],{"class":4082},[3919,16441,5088],{"class":4205},[3919,16443,5287],{"class":4082},[3919,16445,16446],{"class":3921,"line":3982},[3919,16447,5117],{"class":4082},[3738,16449,16451],{"className":14917,"code":16450,"filename":8228,"language":14918,"meta":3744,"style":3744},"export { Screen } from '.\u002FScreen';\nexport { AppText } from '.\u002FAppText';\nexport { Button } from '.\u002FButton';\n",[3529,16452,16453,16469,16485],{"__ignoreMap":3744},[3919,16454,16455,16457,16459,16461,16463,16465,16467],{"class":3921,"line":3922},[3919,16456,4354],{"class":4198},[3919,16458,4202],{"class":4082},[3919,16460,3635],{"class":4205},[3919,16462,4208],{"class":4082},[3919,16464,4211],{"class":4198},[3919,16466,8282],{"class":4095},[3919,16468,4217],{"class":4082},[3919,16470,16471,16473,16475,16477,16479,16481,16483],{"class":3921,"line":3928},[3919,16472,4354],{"class":4198},[3919,16474,4202],{"class":4082},[3919,16476,3640],{"class":4205},[3919,16478,4208],{"class":4082},[3919,16480,4211],{"class":4198},[3919,16482,8248],{"class":4095},[3919,16484,4217],{"class":4082},[3919,16486,16487,16489,16491,16493,16495,16497,16499],{"class":3921,"line":3934},[3919,16488,4354],{"class":4198},[3919,16490,4202],{"class":4082},[3919,16492,3645],{"class":4205},[3919,16494,4208],{"class":4082},[3919,16496,4211],{"class":4198},[3919,16498,8265],{"class":4095},[3919,16500,4217],{"class":4082},[3733,16502,16504],{"id":16503},"перевірка","Перевірка",[3612,16506,16507,16514,16522],{},[3541,16508,16509,16511,16512,3572],{},[3529,16510,4266],{}," — екран відкривається без помилок імпорту ",[3529,16513,3691],{},[3541,16515,16516,16517,16519,16520,3572],{},"На екрані видно текст через ",[3529,16518,3640],{}," і кнопку ",[3529,16521,3645],{},[3541,16523,16524,16525,16527],{},"Файли лежать у ",[3529,16526,11670],{}," як у дереві нижче.",[3733,16529,16531],{"id":16530},"коміт","Коміт",[3512,16533,16534,16535,16537],{},"Якщо збирали вручну (не через ",[3529,16536,13781],{}," на вже запушений репо):",[3738,16539,16541],{"className":11763,"code":16540,"language":11765,"meta":3744,"style":3744},"cd \u002Fpath\u002Fto\u002Fnomad\ngit add -A\ngit commit -m \"$(cat \u003C\u003C'EOF'\nfeat: design tokens and base UI primitives\n\nMaterial: content\u002F15.react-native\u002F05.project-structure-and-conventions.md\nEOF\n)\"\ngit push\n",[3529,16542,16543,16549,16559,16581,16586,16590,16595,16600,16605],{"__ignoreMap":3744},[3919,16544,16545,16547],{"class":3921,"line":3922},[3919,16546,11772],{"class":4928},[3919,16548,13798],{"class":4095},[3919,16550,16551,16553,16556],{"class":3921,"line":3928},[3919,16552,13803],{"class":4928},[3919,16554,16555],{"class":4095}," add",[3919,16557,16558],{"class":4117}," -A\n",[3919,16560,16561,16563,16566,16569,16572,16575,16578],{"class":3921,"line":3934},[3919,16562,13803],{"class":4928},[3919,16564,16565],{"class":4095}," commit",[3919,16567,16568],{"class":4117}," -m",[3919,16570,16571],{"class":4095}," \"$(",[3919,16573,16574],{"class":4928},"cat",[3919,16576,16577],{"class":4082}," \u003C\u003C",[3919,16579,16580],{"class":4095},"'EOF'\n",[3919,16582,16583],{"class":3921,"line":3940},[3919,16584,16585],{"class":4095},"feat: design tokens and base UI primitives\n",[3919,16587,16588],{"class":3921,"line":3947},[3919,16589,3944],{"emptyLinePlaceholder":3943},[3919,16591,16592],{"class":3921,"line":3953},[3919,16593,16594],{"class":4095},"Material: content\u002F15.react-native\u002F05.project-structure-and-conventions.md\n",[3919,16596,16597],{"class":3921,"line":3959},[3919,16598,16599],{"class":4095},"EOF\n",[3919,16601,16602],{"class":3921,"line":3965},[3919,16603,16604],{"class":4095},")\"\n",[3919,16606,16607,16609],{"class":3921,"line":3970},[3919,16608,13803],{"class":4928},[3919,16610,16611],{"class":4095}," push\n",[3512,16613,16614,16615,16618,16619,16621],{},"У публічному репо цей коміт ",[3516,16616,16617],{},"уже є"," — після ",[3529,16620,13781],{}," повторно комітити не потрібно, якщо ви не змінювали код локально.",[3717,16623],{},[3507,16625,16627],{"id":16626},"підсумок","Підсумок",[4236,16629,16630,16636,16647,16651,16655,16661,16665],{},[3733,16631,16633,16635],{"id":16632},"app-маршрути-тонкі-екрани",[3529,16634,3535],{}," — маршрути, тонкі екрани",[3733,16637,16639,16642,16643,16646],{"id":16638},"srcfeatures-код-фіч-srcshared-тема-й-ui",[3529,16640,16641],{},"src\u002Ffeatures"," — код фіч; ",[3529,16644,16645],{},"src\u002Fshared"," — тема й UI",[3733,16648,16650],{"id":16649},"tokens-єдиний-словник-вигляду","Tokens — єдиний словник вигляду",[3733,16652,16654],{"id":16653},"screen-apptext-button-перші-цеглини","Screen, AppText, Button — перші цеглини",[3733,16656,16658,16660],{"id":16657},"короткі-імпорти",[3529,16659,9930],{}," — короткі імпорти",[3733,16662,16664],{"id":16663},"платформні-суфікси-знати-не-зловживати-на-старті","Платформні суфікси — знати, не зловживати на старті",[3733,16666,16668],{"id":16667},"візитка-окремий-тренажер-nomad-основний-продукт","Візитка — окремий тренажер; Nomad — основний продукт",[3512,16670,16671,16672,11630,16675,3558,16677,3558,16679,3558,16682,3558,16684,16687],{},"Далі — ",[3516,16673,16674],{},"базові компоненти React Native",[3529,16676,4790],{},[3529,16678,5173],{},[3529,16680,16681],{},"Image",[3529,16683,7623],{},[3529,16685,16686],{},"ScrollView",") уже з глибшим розбором API, на фундаменті структури з цієї статті.",[3717,16689],{},[3507,16691,16693],{"id":16692},"практичні-завдання","Практичні завдання",[3733,16695,16697],{"id":16696},"базовий-рівень","Базовий рівень",[3612,16699,16700,16706,16713],{},[3541,16701,3616,16702,16705],{},[3521,16703,3526],{"href":3523,"rel":16704},[3525]," створити tokens + три примітиви + український домашній екран.",[3541,16707,16708,16709,3712,16711,3572],{},"Пояснити своїми словами різницю між ",[3529,16710,3535],{},[3529,16712,3900],{},[3541,16714,16715,16716,3572],{},"Замінити один «магічний» відступ у своєму коді на ",[3529,16717,16718],{},"tokens.spacing.*",[3733,16720,16722],{"id":16721},"середній-рівень","Середній рівень",[3612,16724,16725,16731,16741],{},[3541,16726,16727,16728,3572],{},"Виконати міні-проєкт ",[3516,16729,16730],{},"Візитка",[3541,16732,16733,16734,16737,16738,16740],{},"Додати в tokens ще одну роль кольору (наприклад ",[3529,16735,16736],{},"success",") і використати її в ",[3529,16739,3640],{}," або другорядній кнопці.",[3541,16742,16743,16744,16746],{},"Зробити ",[3529,16745,8228],{}," і імпортувати примітиви одним рядком.",[3733,16748,16750],{"id":16749},"професійний-рівень","Професійний рівень",[3612,16752,16753,16756,16763],{},[3541,16754,16755],{},"Коротко (пів сторінки) порівняти feature-based і layer-based для команди з 5 людей.",[3541,16757,16758,16759,16762],{},"Додати другий варіант кнопки ",[3529,16760,16761],{},"variant: 'primary' | 'secondary'"," без дублювання всього компонента.",[3541,16764,11816,16765,4058,16768,11627,16771,16774,16775,16777],{},[3529,16766,16767],{},".vscode\u002Fsettings.json",[3521,16769,3526],{"href":3523,"rel":16770},[3525],[3529,16772,16773],{},"typescript.tsdk"," на проєктний TypeScript (з попередньої статті) і перевірити, що ",[3529,16776,9930],{}," підсвічується без помилок.",[3717,16779],{},[3507,16781,16783],{"id":16782},"часті-запитання","Часті запитання",[16785,16786,16787,16801,16805,16812],"accordion",{},[16788,16789,16792,16793,16796,16797,8050,16799,3572],"accordion-item",{"icon":16790,"label":16791},"i-lucide-circle-help","Чи обов'язково саме src\u002F, а не components\u002F у корені?","Ні, це угода курсу. Важливий ",[3516,16794,16795],{},"поділ"," «маршрути \u002F фічі \u002F спільне». Якщо шаблон уже має іншу схему — можна адаптувати ідеї, але для матеріалів курсу орієнтир — ",[3529,16798,3535],{},[3529,16800,3596],{},[16788,16802,16804],{"icon":16790,"label":16803},"Чому не styled-components \u002F NativeWind одразу?","Спочатку StyleSheet і токени — щоб зрозуміти модель стилів RN. Інші підходи можна оцінити пізніше; у плані курсу глибокий NativeWind не є основним треком.",[16788,16806,16808,16809,16811],{"icon":16790,"label":16807},"Скільки примітивів робити наперед?","Рівно стільки, скільки вже болить. ",[3529,16810,3635],{},", текст, кнопка — мінімум. Input, Card, ListRow — коли дійдете до форм і списків.",[16788,16813,16815],{"icon":16790,"label":16814},"Чи можна залишити демо-вкладки з шаблону Expo?","Тимчасово так. Коли дійдете до модуля навігації — свідомо зберіть дерево маршрутів Nomad і приберете зайве.",[4940,16817,16818],{},"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 .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}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 .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}",{"title":3744,"searchDepth":3928,"depth":3928,"links":16820},[16821,16822,16826,16828,16834,16838,16842,16846,16850,16859,16861,16863,16880,16887,16899,16904],{"id":3509,"depth":3928,"text":3510},{"id":3721,"depth":3928,"text":3722,"children":16823},[16824,16825],{"id":3735,"depth":3934,"text":3736},{"id":3756,"depth":3934,"text":3757},{"id":3809,"depth":3928,"text":16827},"Цільова структура Nomad",{"id":4036,"depth":3928,"text":16829,"children":16830},"Псевдоніми імпортів (@\u002F…)",[16831,16832,16833],{"id":4240,"depth":3934,"text":4241},{"id":4244,"depth":3934,"text":4245},{"id":4255,"depth":3934,"text":4256},{"id":4311,"depth":3928,"text":4312,"children":16835},[16836,16837],{"id":3843,"depth":3934,"text":4322},{"id":4337,"depth":3934,"text":4338},{"id":4755,"depth":3928,"text":16839,"children":16840},"Примітив Screen — рамка екрана",[16841],{"id":5135,"depth":3934,"text":5136},{"id":5986,"depth":3928,"text":16843,"children":16844},"Примітив AppText — текст з правилами",[16845],{"id":6593,"depth":3934,"text":6594},{"id":7612,"depth":3928,"text":16847,"children":16848},"Примітив Button — головна дія",[16849],{"id":8287,"depth":3934,"text":8288},{"id":9456,"depth":3928,"text":9457,"children":16851},[16852,16853,16855,16857,16858],{"id":9922,"depth":3934,"text":9923},{"id":9926,"depth":3934,"text":16854},"Переконатися, що @\u002F резолвиться",{"id":9934,"depth":3934,"text":16856},"Запустити npx expo start у Nomad",{"id":9943,"depth":3934,"text":9944},{"id":9953,"depth":3934,"text":9954},{"id":11501,"depth":3928,"text":16860},"Платформні відмінності: .ios.tsx і .android.tsx",{"id":11643,"depth":3928,"text":16862},"Що не класти в app\u002F",{"id":11681,"depth":3928,"text":11682,"children":16864},[16865,16866,16867,16868,16869,16871,16873,16875,16877,16878,16879],{"id":11685,"depth":3934,"text":11686},{"id":11718,"depth":3934,"text":11719},{"id":11753,"depth":3934,"text":11754},{"id":11759,"depth":3934,"text":11760},{"id":11798,"depth":3934,"text":16870},"Додати src\u002Fshared\u002Ftheme і src\u002Fshared\u002Fui",{"id":11815,"depth":3934,"text":16872},"Налаштувати @\u002F* → .\u002Fsrc\u002F* у tsconfig",{"id":11824,"depth":3934,"text":16874},"Зібрати app\u002Findex.tsx — візитка",{"id":11834,"depth":3934,"text":16876},"Додати app\u002Fcontacts.tsx",{"id":11847,"depth":3934,"text":11848},{"id":11858,"depth":3934,"text":11859},{"id":11887,"depth":3934,"text":11888},{"id":13696,"depth":3928,"text":13697,"children":16881},[16882,16883,16884,16885,16886],{"id":13700,"depth":3934,"text":13701},{"id":13714,"depth":3934,"text":13715},{"id":13768,"depth":3934,"text":13769},{"id":16503,"depth":3934,"text":16504},{"id":16530,"depth":3934,"text":16531},{"id":16626,"depth":3928,"text":16627,"children":16888},[16889,16891,16893,16894,16895,16897,16898],{"id":16632,"depth":3934,"text":16890},"app\u002F — маршрути, тонкі екрани",{"id":16638,"depth":3934,"text":16892},"src\u002Ffeatures — код фіч; src\u002Fshared — тема й UI",{"id":16649,"depth":3934,"text":16650},{"id":16653,"depth":3934,"text":16654},{"id":16657,"depth":3934,"text":16896},"@\u002F — короткі імпорти",{"id":16663,"depth":3934,"text":16664},{"id":16667,"depth":3934,"text":16668},{"id":16692,"depth":3928,"text":16693,"children":16900},[16901,16902,16903],{"id":16696,"depth":3934,"text":16697},{"id":16721,"depth":3934,"text":16722},{"id":16749,"depth":3934,"text":16750},{"id":16782,"depth":3928,"text":16783},"Як організувати Expo-проєкт для зростання — папки app і src, design tokens, Screen, AppText, Button, платформні файли",null,{},{"title":3384,"description":16905},"d-4egVA7EHSQBj_0cAG80ttO2MOA6ZWj1xEBHxa1dmY",[16911,16913],{"title":3380,"path":3381,"stem":3382,"description":16912,"children":-1},"Покрокове налаштування Node, створення проєкту через create-expo-app, запуск Metro і перегляд застосунку на телефоні або симуляторі",{"title":3388,"path":3389,"stem":3390,"description":16914,"children":-1},"View, Text, Image, Pressable, ScrollView, Safe Area та Platform — будівельні блоки екранів і mock-картка поїздки в Nomad",1785915326476]