[{"data":1,"prerenderedAt":17146},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version2-project-structure-and-conventions":3728,"-react-native-version2-project-structure-and-conventions-surround":17141},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3495,3512,3525,3671,3724],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475,3479,3483,3487,3491],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3472,"path":3473,"stem":3474},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3476,"path":3477,"stem":3478},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3480,"path":3481,"stem":3482},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3484,"path":3485,"stem":3486},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3488,"path":3489,"stem":3490},"Доступність та інтернаціоналізація","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3492,"path":3493,"stem":3494},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3496,"path":3497,"stem":3498,"children":3499,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3500,3504,3508],{"title":3501,"path":3502,"stem":3503},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3505,"path":3506,"stem":3507},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3509,"path":3510,"stem":3511},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3513,"icon":658,"path":3514,"stem":3515,"children":3516,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3517,3521],{"title":3518,"path":3519,"stem":3520},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3522,"path":3523,"stem":3524},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3526,"icon":1946,"path":3527,"stem":3528,"children":3529,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3530,3575,3613,3642],{"title":3531,"icon":658,"path":3532,"stem":3533,"children":3534,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571],{"title":3536,"path":3537,"stem":3538},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3540,"path":3541,"stem":3542},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3544,"path":3545,"stem":3546},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3548,"path":3549,"stem":3550},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":3552,"path":3553,"stem":3554},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3556,"path":3557,"stem":3558},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3560,"path":3561,"stem":3562},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3564,"path":3565,"stem":3566},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3568,"path":3569,"stem":3570},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3572,"path":3573,"stem":3574},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3576,"icon":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3581,3585,3589,3593,3597,3601,3605,3609],{"title":3582,"path":3583,"stem":3584},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3586,"path":3587,"stem":3588},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3590,"path":3591,"stem":3592},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3594,"path":3595,"stem":3596},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3598,"path":3599,"stem":3600},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3602,"path":3603,"stem":3604},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3606,"path":3607,"stem":3608},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3610,"path":3611,"stem":3612},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3614,"icon":2326,"path":3615,"stem":3616,"children":3617,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3618,3622,3626,3630,3634,3638],{"title":3619,"path":3620,"stem":3621},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3623,"path":3624,"stem":3625},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3627,"path":3628,"stem":3629},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3631,"path":3632,"stem":3633},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3635,"path":3636,"stem":3637},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3639,"path":3640,"stem":3641},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3643,"icon":2326,"path":3644,"stem":3645,"children":3646,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3647,3651,3655,3659,3663,3667],{"title":3648,"path":3649,"stem":3650},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3652,"path":3653,"stem":3654},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3656,"path":3657,"stem":3658},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3660,"path":3661,"stem":3662},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3664,"path":3665,"stem":3666},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3668,"path":3669,"stem":3670},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3672,"path":3673,"stem":3674,"children":3675,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3676,3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720],{"title":3677,"path":3678,"stem":3679},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3681,"path":3682,"stem":3683},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3685,"path":3686,"stem":3687},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3689,"path":3690,"stem":3691},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3693,"path":3694,"stem":3695},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3697,"path":3698,"stem":3699},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3701,"path":3702,"stem":3703},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3705,"path":3706,"stem":3707},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3709,"path":3710,"stem":3711},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3713,"path":3714,"stem":3715},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3717,"path":3718,"stem":3719},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3721,"path":3722,"stem":3723},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3725,"path":3726,"stem":3727},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3729,"title":3408,"body":3730,"description":17136,"extension":5319,"links":17137,"meta":17138,"navigation":4174,"path":3409,"seo":17139,"stem":3410,"__hash__":17140},"docs\u002F15.react-native\u002Fversion2\u002F05.project-structure-and-conventions.md",{"type":3731,"value":3732,"toc":17050},"minimark",[3733,3737,3742,3768,3804,3811,3839,3842,3900,3905,3947,3950,3954,3963,3968,3978,3985,3989,3995,4005,4011,4017,4036,4038,4045,4063,4069,4083,4139,4263,4265,4272,4283,4302,4415,4418,4466,4507,4538,4540,4544,4551,4554,4561,4566,4570,4576,4892,4929,4935,4976,4982,4984,4991,4998,5001,5016,5027,5032,5349,5364,5368,5381,6213,6215,6221,6244,6249,6807,6822,6826,6845,7839,7841,7847,7860,7865,8437,8454,8460,8516,8520,8528,9683,9685,9689,9703,10149,10182,10186,10199,11699,11718,11728,11730,11738,11745,11805,11808,11829,11832,11852,11870,11872,11878,11908,11910,11914,11918,11927,11947,11951,11982,11986,12087,12091,12116,12120,12135,13892,13923,13925,13929,13933,13943,13947,13957,13965,13970,13997,14001,14018,14056,16732,16736,16759,16763,16769,16843,16853,16855,16859,16900,16919,16921,16925,16929,16950,16954,16978,16982,17009,17011,17015,17047],[3734,3735,3408],"h1",{"id":3736},"структура-проєкту-та-перші-ui-примітиви",[3738,3739,3741],"h2",{"id":3740},"навіщо-ця-стаття","Навіщо ця стаття",[3743,3744,3745,3746,3750,3751,3758,3759,3763,3764,3767],"p",{},"У попередньому матеріалі проєкт ",[3747,3748,3749],"strong",{},"запускається",": є ",[3752,3753,3757],"a",{"href":3754,"rel":3755},"https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad",[3756],"nofollow","Nomad",", Metro, екран у Expo Go. Шаблон ",[3760,3761,3762],"code",{},"create-expo-app"," уже містить файли — інколи в корені, інколи з папкою ",[3760,3765,3766],{},"app\u002F"," для навігації. Якщо лишити все «як вийшло з генератора» і далі кидати нові екрани в одну купу, через кілька тижнів з’являться типові проблеми:",[3769,3770,3771,3779,3794,3797],"ul",{},[3772,3773,3774,3775,3778],"li",{},"незрозуміло, ",[3747,3776,3777],{},"де"," лежить логіка поїздок, а де — кнопки загального вигляду;",[3772,3780,3781,3782,3785,3786,3789,3790,3793],{},"кольори й відступи ",[3747,3783,3784],{},"скопичені"," в десятках файлів (",[3760,3787,3788],{},"#3B82F6",", ",[3760,3791,3792],{},"padding: 16"," усюди);",[3772,3795,3796],{},"той самий стиль кнопки скопійовано тричі з дрібними відмінностями;",[3772,3798,3799,3800,3803],{},"імпорти виглядають як ",[3760,3801,3802],{},"..\u002F..\u002F..\u002Fcomponents\u002FButton",".",[3743,3805,3806,3807,3810],{},"Мета цієї статті — закласти ",[3747,3808,3809],{},"просту, розжовану"," структуру, якої вистачить на весь курс Nomad, без надмірної «ентерпрайз-архітектури» в перший тиждень.",[3812,3813,3814,3817,3818,3820,3821,3824,3825,3828,3829,3832,3833,3835,3836,3838],"note",{},[3747,3815,3816],{},"Головна думка."," Папка ",[3760,3819,3766],{}," відповідає за ",[3747,3822,3823],{},"маршрути"," (які екрани є в застосунку). Папка ",[3760,3826,3827],{},"src\u002F"," — за ",[3747,3830,3831],{},"зміст"," (фічі, спільний UI, тема). Екран у ",[3760,3834,3766],{}," має бути тонким: зібрати готові шматки з ",[3760,3837,3827],{},", а не містити всю бізнес-логіку в одному файлі на 800 рядків.",[3743,3840,3841],{},"Після статті:",[3843,3844,3845,3852,3859,3877,3887,3894],"ol",{},[3772,3846,3847,3848,3851],{},"У ",[3752,3849,3757],{"href":3754,"rel":3850},[3756]," з’явиться узгоджена структура папок.",[3772,3853,3854,3855,3858],{},"З’являться ",[3747,3856,3857],{},"design tokens"," (словник кольорів, відступів, шрифтів).",[3772,3860,3861,3862,3789,3867,3789,3872,3803],{},"З’являться примітиви ",[3747,3863,3864],{},[3760,3865,3866],{},"Screen",[3747,3868,3869],{},[3760,3870,3871],{},"AppText",[3747,3873,3874],{},[3760,3875,3876],{},"Button",[3772,3878,3879,3880,3883,3884,3803],{},"Буде зрозуміло, навіщо файли ",[3760,3881,3882],{},".ios.tsx"," \u002F ",[3760,3885,3886],{},".android.tsx",[3772,3888,3889,3890,3893],{},"Міні-проєкт «Візитка» закріпить ідею ",[3747,3891,3892],{},"окремо"," від Nomad.",[3772,3895,3896,3897,3803],{},"Git-коміт: ",[3760,3898,3899],{},"feat: design tokens and base UI primitives",[3743,3901,3902,3903,3803],{},"Глибока навігація (таби, стеки, deep links) — у модулі навігації. Тут Router згадується лише настільки, щоб зрозуміти роль ",[3760,3904,3766],{},[3906,3907,3908,3911,3912,3915,3916,3919,3920,3923,3924,3927,3928,3931,3932,3935,3936,3939,3940,3943,3944,3803],"tip",{},[3747,3909,3910],{},"Живі прев’ю в статті."," Нижче поруч із кодом примітивів стоїть компонент ",[3760,3913,3914],{},"::react-native-preview",": у рамці телефону рендериться ",[3747,3917,3918],{},"react-native-web"," (не справжній симулятор iOS\u002FAndroid). Імпорти з ",[3760,3921,3922],{},"@\u002F…",", Expo Router і пакети ",[3760,3925,3926],{},"expo-*"," у прев’ю ",[3747,3929,3930],{},"не працюють"," — тому демо зібрані ",[3747,3933,3934],{},"самодостатнім"," TSX (токени «вшиті» в файл). У реальному ",[3752,3937,3757],{"href":3754,"rel":3938},[3756]," ви пишете той самий UI через ",[3760,3941,3942],{},"tokens"," і ",[3760,3945,3946],{},"@\u002Fshared\u002Fui",[3948,3949],"hr",{},[3738,3951,3953],{"id":3952},"дві-моделі-розкладки-і-що-обирає-курс","Дві моделі розкладки (і що обирає курс)",[3743,3955,3956],{},[3957,3958],"img",{"alt":3959,"className":3960,"src":3962},"app\u002F vs src\u002Ffeatures vs shared",[3961],"diagram-img","\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F01.svg",[3964,3965,3967],"h3",{"id":3966},"за-шарами-layer-based","За шарами (layer-based)",[3969,3970,3976],"pre",{"className":3971,"code":3973,"language":3974,"meta":3975},[3972],"language-text","components\u002F\nscreens\u002F\nhooks\u002F\nservices\u002F\n","text","",[3760,3977,3973],{"__ignoreMap":3975},[3743,3979,3980,3981,3984],{},"Усе «кнопкове» в одному місці, усі екрани — в іншому. На старті просто. Коли фіч багато, папка ",[3760,3982,3983],{},"components\u002F"," перетворюється на звалище з сотнею файлів без зв’язку «що до чого належить».",[3964,3986,3988],{"id":3987},"за-фічами-feature-based","За фічами (feature-based)",[3969,3990,3993],{"className":3991,"code":3992,"language":3974,"meta":3975},[3972],"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",[3760,3994,3992],{"__ignoreMap":3975},[3743,3996,3997,3998,4001,4002,3803],{},"Код ",[3747,3999,4000],{},"поїздок"," лежить поруч (екранні шматки, типи, локальна логіка). Спільне (кнопка, тема) — у ",[3760,4003,4004],{},"shared\u002F",[3906,4006,4007,4010],{},[3747,4008,4009],{},"Аналогія."," Шари — як розкласти речі за типом: «усі викрутки в одній шухляді». Фічі — як розкласти за кімнатами: «усе для кухні разом, усе для ванної — разом, а універсальний інструмент — у спільній шафі». Для продукту з кількома доменами (поїздки, місця, профіль) зручніша друга схема.",[3743,4012,4013,4016],{},[3747,4014,4015],{},"Курс:"," гібрид, який добре лягає на Expo Router:",[3769,4018,4019,4024,4030],{},[3772,4020,4021,4023],{},[3760,4022,3766],{}," — лише маршрути (тонка оболонка);",[3772,4025,4026,4029],{},[3760,4027,4028],{},"src\u002Ffeatures\u002F"," — код фіч;",[3772,4031,4032,4035],{},[3760,4033,4034],{},"src\u002Fshared\u002F"," — тема, UI-примітиви, утиліти.",[3948,4037],{},[3738,4039,4041,4042],{"id":4040},"цільова-структура-nomad","Цільова структура ",[3752,4043,3757],{"href":3754,"rel":4044},[3756],[3743,4046,4047,4048,4051,4052,4055,4056,4058,4059,4062],{},"Точні імена файлів у шаблоні Expo можуть трохи відрізнятися. Нижче — ",[3747,4049,4050],{},"ролі"," папок; ",[3747,4053,4054],{},"повний код усього проєкту"," (знімок після цієї статті) — у розділі ",[3747,4057,3757],{}," в кінці матеріалу (",[3760,4060,4061],{},"::code-tree"," з реальними файлами).",[3743,4064,4065,4066,3803],{},"Репозиторій: ",[3752,4067,3754],{"href":3754,"rel":4068},[3756],[3906,4070,4071,4072,4075,4076,3789,4078,3789,4080,4082],{},"Поки читаєте теорію — достатньо розуміти ",[3747,4073,4074],{},"навіщо"," ",[3760,4077,3766],{},[3760,4079,4034],{},[3760,4081,4028],{},". Копіювати код зручніше з розділу Nomad: там повний знімок, не «порожні» stubs.",[4084,4085,4086,4105,4113,4129,4134],"field-group",{},[4087,4088,3847,4089,4092,4093,4096,4097,4100,4101,4104],"field",{"name":3766,"type":3823},[3747,4090,4091],{},"Expo Router"," файли тут стають ",[3747,4094,4095],{},"екранами"," застосунку. ",[3760,4098,4099],{},"app\u002Findex.tsx"," — початковий екран. ",[3760,4102,4103],{},"app\u002F_layout.tsx"," — спільна обгортка (провайдери, загальний стек). Детальні правила імен — у статті про Router; зараз не роздувайте дерево маршрутів.",[4087,4106,4108,4109,4112],{"name":4028,"type":4107},"фічі","Кожна велика тема продукту (поїздки, автентифікація, карта) отримає свою підпапку. На цьому кроці достатньо завести ",[3760,4110,4111],{},"trips\u002F"," як заготовку — логіку поїздок додасте пізніше.",[4087,4114,4117,4118,4121,4122,4125,4126,3803],{"name":4115,"type":4116},"src\u002Fshared\u002Ftheme\u002F","тема","Єдине місце чисел і кольорів. Екрани ",[3747,4119,4120],{},"не"," вигадують ",[3760,4123,4124],{},"#2563eb"," щоразу — беруть ",[3760,4127,4128],{},"tokens.colors.primary",[4087,4130,4133],{"name":4131,"type":4132},"src\u002Fshared\u002Fui\u002F","примітиви","Маленькі будівельні блоки без бізнес-смислу «поїздка»: екран-обгортка, текст, кнопка.",[4087,4135,4138],{"name":4136,"type":4137},"assets\u002F","файли","Іконки, splash, зображення. Не змішувати з TypeScript-логікою.",[4140,4141,4142],"plant-uml",{},[3969,4143,4147],{"className":4144,"code":4145,"language":4146,"meta":3975,"style":3975},"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",[3760,4148,4149,4157,4163,4169,4176,4182,4188,4194,4199,4205,4211,4217,4222,4228,4234,4240,4246,4252,4257],{"__ignoreMap":3975},[4150,4151,4154],"span",{"class":4152,"line":4153},"line",1,[4150,4155,4156],{},"@startuml\n",[4150,4158,4160],{"class":4152,"line":4159},2,[4150,4161,4162],{},"skinparam style plain\n",[4150,4164,4166],{"class":4152,"line":4165},3,[4150,4167,4168],{},"skinparam backgroundColor #ffffff\n",[4150,4170,4172],{"class":4152,"line":4171},4,[4150,4173,4175],{"emptyLinePlaceholder":4174},true,"\n",[4150,4177,4179],{"class":4152,"line":4178},5,[4150,4180,4181],{},"rectangle \"app\u002F\\n(маршрути)\" as APP #e3f2fd\n",[4150,4183,4185],{"class":4152,"line":4184},6,[4150,4186,4187],{},"rectangle \"src\u002Ffeatures\u002F\\n(поїздки, auth, …)\" as FEAT #fff3e0\n",[4150,4189,4191],{"class":4152,"line":4190},7,[4150,4192,4193],{},"rectangle \"src\u002Fshared\u002F\\n(theme + ui)\" as SHARED #e8f5e9\n",[4150,4195,4197],{"class":4152,"line":4196},8,[4150,4198,4175],{"emptyLinePlaceholder":4174},[4150,4200,4202],{"class":4152,"line":4201},9,[4150,4203,4204],{},"APP --> FEAT : екран збирає\\nшматки фічі\n",[4150,4206,4208],{"class":4152,"line":4207},10,[4150,4209,4210],{},"APP --> SHARED : Screen, Button,\\nтокени\n",[4150,4212,4214],{"class":4152,"line":4213},11,[4150,4215,4216],{},"FEAT --> SHARED : фіча теж\\nвикористовує UI\n",[4150,4218,4220],{"class":4152,"line":4219},12,[4150,4221,4175],{"emptyLinePlaceholder":4174},[4150,4223,4225],{"class":4152,"line":4224},13,[4150,4226,4227],{},"note bottom of APP\n",[4150,4229,4231],{"class":4152,"line":4230},14,[4150,4232,4233],{},"  Тонкий шар:\n",[4150,4235,4237],{"class":4152,"line":4236},15,[4150,4238,4239],{},"  «який екран»\n",[4150,4241,4243],{"class":4152,"line":4242},16,[4150,4244,4245],{},"  а не «уся логіка світу»\n",[4150,4247,4249],{"class":4152,"line":4248},17,[4150,4250,4251],{},"end note\n",[4150,4253,4255],{"class":4152,"line":4254},18,[4150,4256,4175],{"emptyLinePlaceholder":4174},[4150,4258,4260],{"class":4152,"line":4259},19,[4150,4261,4262],{},"@enduml\n",[3948,4264],{},[3738,4266,4268,4269,4271],{"id":4267},"псевдоніми-імпортів","Псевдоніми імпортів (",[3760,4270,3922],{},")",[3743,4273,4274,4275,4278,4279,4282],{},"Щоб не писати ",[3760,4276,4277],{},"..\u002F..\u002F..\u002F..\u002Fshared\u002Fui\u002FButton",", у TypeScript налаштовують ",[3747,4280,4281],{},"path alias"," (псевдонім шляху).",[3743,4284,4285,4286,4289,4290,4293,4294,4297,4298,4301],{},"Відкрийте ",[3760,4287,4288],{},"tsconfig.json"," у ",[3752,4291,3757],{"href":3754,"rel":4292},[3756],". Зазвичай він уже має ",[3760,4295,4296],{},"\"extends\": \"expo\u002Ftsconfig.base\"",". Додайте (або узгодьте) шляхи до ",[3760,4299,4300],{},"src",":",[3969,4303,4307],{"className":4304,"code":4305,"language":4306,"meta":3975,"style":3975},"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",[3760,4308,4309,4315,4331,4339,4352,4359,4373,4378,4383,4410],{"__ignoreMap":3975},[4150,4310,4311],{"class":4152,"line":4153},[4150,4312,4314],{"class":4313},"sHH4Y","{\n",[4150,4316,4317,4321,4324,4328],{"class":4152,"line":4159},[4150,4318,4320],{"class":4319},"sLwNe","  \"extends\"",[4150,4322,4323],{"class":4313},": ",[4150,4325,4327],{"class":4326},"sbdoH","\"expo\u002Ftsconfig.base\"",[4150,4329,4330],{"class":4313},",\n",[4150,4332,4333,4336],{"class":4152,"line":4165},[4150,4334,4335],{"class":4319},"  \"compilerOptions\"",[4150,4337,4338],{"class":4313},": {\n",[4150,4340,4341,4344,4346,4350],{"class":4152,"line":4171},[4150,4342,4343],{"class":4319},"    \"strict\"",[4150,4345,4323],{"class":4313},[4150,4347,4349],{"class":4348},"su1O8","true",[4150,4351,4330],{"class":4313},[4150,4353,4354,4357],{"class":4152,"line":4178},[4150,4355,4356],{"class":4319},"    \"paths\"",[4150,4358,4338],{"class":4313},[4150,4360,4361,4364,4367,4370],{"class":4152,"line":4184},[4150,4362,4363],{"class":4319},"      \"@\u002F*\"",[4150,4365,4366],{"class":4313},": [",[4150,4368,4369],{"class":4326},"\".\u002Fsrc\u002F*\"",[4150,4371,4372],{"class":4313},"]\n",[4150,4374,4375],{"class":4152,"line":4190},[4150,4376,4377],{"class":4313},"    }\n",[4150,4379,4380],{"class":4152,"line":4196},[4150,4381,4382],{"class":4313},"  },\n",[4150,4384,4385,4388,4390,4393,4395,4398,4400,4403,4405,4408],{"class":4152,"line":4201},[4150,4386,4387],{"class":4319},"  \"include\"",[4150,4389,4366],{"class":4313},[4150,4391,4392],{"class":4326},"\"**\u002F*.ts\"",[4150,4394,3789],{"class":4313},[4150,4396,4397],{"class":4326},"\"**\u002F*.tsx\"",[4150,4399,3789],{"class":4313},[4150,4401,4402],{"class":4326},"\".expo\u002Ftypes\u002F**\u002F*.ts\"",[4150,4404,3789],{"class":4313},[4150,4406,4407],{"class":4326},"\"expo-env.d.ts\"",[4150,4409,4372],{"class":4313},[4150,4411,4412],{"class":4152,"line":4207},[4150,4413,4414],{"class":4313},"}\n",[3743,4416,4417],{},"Тоді імпорт виглядає так:",[3969,4419,4423],{"className":4420,"code":4421,"language":4422,"meta":3975,"style":3975},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","import { Button } from '@\u002Fshared\u002Fui\u002FButton';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\n","typescript",[3760,4424,4425,4449],{"__ignoreMap":3975},[4150,4426,4427,4431,4434,4437,4440,4443,4446],{"class":4152,"line":4153},[4150,4428,4430],{"class":4429},"s8xlr","import",[4150,4432,4433],{"class":4313}," { ",[4150,4435,3876],{"class":4436},"siwwj",[4150,4438,4439],{"class":4313}," } ",[4150,4441,4442],{"class":4429},"from",[4150,4444,4445],{"class":4326}," '@\u002Fshared\u002Fui\u002FButton'",[4150,4447,4448],{"class":4313},";\n",[4150,4450,4451,4453,4455,4457,4459,4461,4464],{"class":4152,"line":4159},[4150,4452,4430],{"class":4429},[4150,4454,4433],{"class":4313},[4150,4456,3942],{"class":4436},[4150,4458,4439],{"class":4313},[4150,4460,4442],{"class":4429},[4150,4462,4463],{"class":4326}," '@\u002Fshared\u002Ftheme'",[4150,4465,4448],{"class":4313},[4467,4468,4469,4473,4477,4484,4488],"steps",{},[3964,4470,4472],{"id":4471},"зберегти-tsconfigjson","Зберегти tsconfig.json",[3964,4474,4476],{"id":4475},"перезапустити-typescript-сервер-у-vs-code","Перезапустити TypeScript-сервер у VS Code",[3743,4478,4479,4480,4483],{},"Command Palette → ",[3747,4481,4482],{},"TypeScript: Restart TS Server"," (інколи достатньо закрити\u002Fвідкрити файл).",[3964,4485,4487],{"id":4486},"перезапустити-metro-за-потреби","Перезапустити Metro за потреби",[3743,4489,4490,4491,4494,4495,4498,4499,4502,4503,4506],{},"Якщо збирач «не бачить» аліас: зупинити ",[3760,4492,4493],{},"expo start"," і знову ",[3760,4496,4497],{},"npx expo start",". У сучасних шаблонах Expo аліаси з ",[3760,4500,4501],{},"tsconfig"," зазвичай підхоплюються; якщо ні — перевірте документацію вашої версії SDK щодо ",[3760,4504,4505],{},"experiments.tsconfigPaths"," \u002F налаштувань Metro.",[4508,4509,4510,4511,4514,4515,4518,4519,4524,4525,4527,4528,4531,4532,4534,4535,4537],"warning",{},"Псевдонім ",[3760,4512,4513],{},"@\u002F*"," → ",[3760,4516,4517],{},".\u002Fsrc\u002F*"," означає, що файли ",[3747,4520,4521,4522],{},"всередині ",[3760,4523,3766],{}," імпортують з ",[3760,4526,3922],{},", але ",[3747,4529,4530],{},"самі"," лежать не під ",[3760,4533,3827],{},". Це нормально: маршрути лишаються в ",[3760,4536,3766],{}," за правилами Expo Router.",[3948,4539],{},[3738,4541,4543],{"id":4542},"design-tokens-словник-вигляду","Design tokens — словник вигляду",[3743,4545,4546],{},[3957,4547],{"alt":4548,"className":4549,"src":4550},"Design tokens",[3961],"\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F02.svg",[3964,4552,4553],{"id":4074},"Навіщо",[3743,4555,4556,4557,4560],{},"Уявіть, що «основний синій» записаний у двадцяти файлах. Дизайнер просить зробити бренд ",[3747,4558,4559],{},"трохи темнішим"," — доведеться шукати двадцять місць і помилитися в половині.",[3743,4562,4563,4565],{},[3747,4564,4548],{}," (токени дизайну) — іменовані значення: колір, відступ, розмір шрифту, радіус скруглення. Змінили токен — оновився весь UI, який на нього посилається.",[3964,4567,4569],{"id":4568},"файл-токенів","Файл токенів",[3743,4571,4572,4573,4301],{},"Створіть ",[3760,4574,4575],{},"src\u002Fshared\u002Ftheme\u002Ftokens.ts",[3969,4577,4579],{"className":4420,"code":4578,"language":4422,"meta":3975,"style":3975},"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",[3760,4580,4581,4596,4604,4614,4624,4634,4644,4654,4664,4674,4684,4693,4697,4704,4715,4725,4735,4745,4755,4759,4767,4776,4786,4795,4800,4808,4818,4827,4837,4847,4852,4865,4870],{"__ignoreMap":3975},[4150,4582,4583,4586,4589,4593],{"class":4152,"line":4153},[4150,4584,4585],{"class":4429},"export",[4150,4587,4588],{"class":4348}," const",[4150,4590,4592],{"class":4591},"s-QsJ"," tokens",[4150,4594,4595],{"class":4313}," = {\n",[4150,4597,4598,4601],{"class":4152,"line":4159},[4150,4599,4600],{"class":4436},"  colors:",[4150,4602,4603],{"class":4313}," {\n",[4150,4605,4606,4609,4612],{"class":4152,"line":4165},[4150,4607,4608],{"class":4436},"    background:",[4150,4610,4611],{"class":4326}," '#F8FAFC'",[4150,4613,4330],{"class":4313},[4150,4615,4616,4619,4622],{"class":4152,"line":4171},[4150,4617,4618],{"class":4436},"    surface:",[4150,4620,4621],{"class":4326}," '#FFFFFF'",[4150,4623,4330],{"class":4313},[4150,4625,4626,4629,4632],{"class":4152,"line":4178},[4150,4627,4628],{"class":4436},"    text:",[4150,4630,4631],{"class":4326}," '#0F172A'",[4150,4633,4330],{"class":4313},[4150,4635,4636,4639,4642],{"class":4152,"line":4184},[4150,4637,4638],{"class":4436},"    textSecondary:",[4150,4640,4641],{"class":4326}," '#64748B'",[4150,4643,4330],{"class":4313},[4150,4645,4646,4649,4652],{"class":4152,"line":4190},[4150,4647,4648],{"class":4436},"    primary:",[4150,4650,4651],{"class":4326}," '#2563EB'",[4150,4653,4330],{"class":4313},[4150,4655,4656,4659,4662],{"class":4152,"line":4196},[4150,4657,4658],{"class":4436},"    primaryPressed:",[4150,4660,4661],{"class":4326}," '#1D4ED8'",[4150,4663,4330],{"class":4313},[4150,4665,4666,4669,4672],{"class":4152,"line":4201},[4150,4667,4668],{"class":4436},"    border:",[4150,4670,4671],{"class":4326}," '#E2E8F0'",[4150,4673,4330],{"class":4313},[4150,4675,4676,4679,4682],{"class":4152,"line":4207},[4150,4677,4678],{"class":4436},"    danger:",[4150,4680,4681],{"class":4326}," '#DC2626'",[4150,4683,4330],{"class":4313},[4150,4685,4686,4689,4691],{"class":4152,"line":4213},[4150,4687,4688],{"class":4436},"    onPrimary:",[4150,4690,4621],{"class":4326},[4150,4692,4330],{"class":4313},[4150,4694,4695],{"class":4152,"line":4219},[4150,4696,4382],{"class":4313},[4150,4698,4699,4702],{"class":4152,"line":4224},[4150,4700,4701],{"class":4436},"  spacing:",[4150,4703,4603],{"class":4313},[4150,4705,4706,4709,4713],{"class":4152,"line":4230},[4150,4707,4708],{"class":4436},"    xs:",[4150,4710,4712],{"class":4711},"sJj4R"," 4",[4150,4714,4330],{"class":4313},[4150,4716,4717,4720,4723],{"class":4152,"line":4236},[4150,4718,4719],{"class":4436},"    sm:",[4150,4721,4722],{"class":4711}," 8",[4150,4724,4330],{"class":4313},[4150,4726,4727,4730,4733],{"class":4152,"line":4242},[4150,4728,4729],{"class":4436},"    md:",[4150,4731,4732],{"class":4711}," 16",[4150,4734,4330],{"class":4313},[4150,4736,4737,4740,4743],{"class":4152,"line":4248},[4150,4738,4739],{"class":4436},"    lg:",[4150,4741,4742],{"class":4711}," 24",[4150,4744,4330],{"class":4313},[4150,4746,4747,4750,4753],{"class":4152,"line":4254},[4150,4748,4749],{"class":4436},"    xl:",[4150,4751,4752],{"class":4711}," 32",[4150,4754,4330],{"class":4313},[4150,4756,4757],{"class":4152,"line":4259},[4150,4758,4382],{"class":4313},[4150,4760,4762,4765],{"class":4152,"line":4761},20,[4150,4763,4764],{"class":4436},"  radius:",[4150,4766,4603],{"class":4313},[4150,4768,4770,4772,4774],{"class":4152,"line":4769},21,[4150,4771,4719],{"class":4436},[4150,4773,4722],{"class":4711},[4150,4775,4330],{"class":4313},[4150,4777,4779,4781,4784],{"class":4152,"line":4778},22,[4150,4780,4729],{"class":4436},[4150,4782,4783],{"class":4711}," 12",[4150,4785,4330],{"class":4313},[4150,4787,4789,4791,4793],{"class":4152,"line":4788},23,[4150,4790,4739],{"class":4436},[4150,4792,4732],{"class":4711},[4150,4794,4330],{"class":4313},[4150,4796,4798],{"class":4152,"line":4797},24,[4150,4799,4382],{"class":4313},[4150,4801,4803,4806],{"class":4152,"line":4802},25,[4150,4804,4805],{"class":4436},"  fontSize:",[4150,4807,4603],{"class":4313},[4150,4809,4811,4813,4816],{"class":4152,"line":4810},26,[4150,4812,4719],{"class":4436},[4150,4814,4815],{"class":4711}," 14",[4150,4817,4330],{"class":4313},[4150,4819,4821,4823,4825],{"class":4152,"line":4820},27,[4150,4822,4729],{"class":4436},[4150,4824,4732],{"class":4711},[4150,4826,4330],{"class":4313},[4150,4828,4830,4832,4835],{"class":4152,"line":4829},28,[4150,4831,4739],{"class":4436},[4150,4833,4834],{"class":4711}," 20",[4150,4836,4330],{"class":4313},[4150,4838,4840,4842,4845],{"class":4152,"line":4839},29,[4150,4841,4749],{"class":4436},[4150,4843,4844],{"class":4711}," 28",[4150,4846,4330],{"class":4313},[4150,4848,4850],{"class":4152,"line":4849},30,[4150,4851,4382],{"class":4313},[4150,4853,4855,4858,4861,4863],{"class":4152,"line":4854},31,[4150,4856,4857],{"class":4313},"} ",[4150,4859,4860],{"class":4429},"as",[4150,4862,4588],{"class":4348},[4150,4864,4448],{"class":4313},[4150,4866,4868],{"class":4152,"line":4867},32,[4150,4869,4175],{"emptyLinePlaceholder":4174},[4150,4871,4873,4875,4878,4882,4885,4888,4890],{"class":4152,"line":4872},33,[4150,4874,4585],{"class":4429},[4150,4876,4877],{"class":4348}," type",[4150,4879,4881],{"class":4880},"sN1BT"," Tokens",[4150,4883,4884],{"class":4313}," = ",[4150,4886,4887],{"class":4348},"typeof",[4150,4889,4592],{"class":4436},[4150,4891,4448],{"class":4313},[4084,4893,4894,4913,4925],{},[4087,4895,4898,4899,4323,4902,4905,4906,4908,4909,4912],{"name":4896,"type":4897},"colors","колір","Не «синій1 \u002F синій2», а ",[3747,4900,4901],{},"роль",[3760,4903,4904],{},"primary"," (головна дія), ",[3760,4907,3974],{}," (основний текст), ",[3760,4910,4911],{},"background"," (фон екрана). Ролі легше міняти під темну тему пізніше.",[4087,4914,4917,4918,3943,4921,4924],{"name":4915,"type":4916},"spacing","відступи","Сходинка 4 \u002F 8 \u002F 16 \u002F 24… замість випадкових ",[3760,4919,4920],{},"13",[3760,4922,4923],{},"17",". Око сприймає ритм спокійніше.",[4087,4926,4928],{"name":4927,"type":2325},"as const","Зафіксувати літеральні типи значень. Підказки в IDE стають точнішими.",[3743,4930,4931,4932,4301],{},"Експорт з ",[3760,4933,4934],{},"src\u002Fshared\u002Ftheme\u002Findex.ts",[3969,4936,4938],{"className":4420,"code":4937,"language":4422,"meta":3975,"style":3975},"export { tokens } from '.\u002Ftokens';\nexport type { Tokens } from '.\u002Ftokens';\n",[3760,4939,4940,4957],{"__ignoreMap":3975},[4150,4941,4942,4944,4946,4948,4950,4952,4955],{"class":4152,"line":4153},[4150,4943,4585],{"class":4429},[4150,4945,4433],{"class":4313},[4150,4947,3942],{"class":4436},[4150,4949,4439],{"class":4313},[4150,4951,4442],{"class":4429},[4150,4953,4954],{"class":4326}," '.\u002Ftokens'",[4150,4956,4448],{"class":4313},[4150,4958,4959,4961,4963,4965,4968,4970,4972,4974],{"class":4152,"line":4159},[4150,4960,4585],{"class":4429},[4150,4962,4877],{"class":4429},[4150,4964,4433],{"class":4313},[4150,4966,4967],{"class":4436},"Tokens",[4150,4969,4439],{"class":4313},[4150,4971,4442],{"class":4429},[4150,4973,4954],{"class":4326},[4150,4975,4448],{"class":4313},[3906,4977,4978,4979,4981],{},"Поки ",[3747,4980,4120],{}," обов’язково підключати темну тему й контекст. Достатньо одного набору токенів. Темну тему курс торкнеться в статті про StyleSheet і темизацію.",[3948,4983],{},[3738,4985,4987,4988,4990],{"id":4986},"примітив-screen-рамка-екрана","Примітив ",[3760,4989,3866],{}," — рамка екрана",[3743,4992,4993],{},[3957,4994],{"alt":4995,"className":4996,"src":4997},"Ієрархія Screen, AppText, Button",[3961],"\u002Fimages\u002Freact-native\u002Fproject-structure-and-conventions\u002F03.svg",[3743,4999,5000],{},"Майже кожен екран потребує:",[3769,5002,5003,5010,5013],{},[3772,5004,5005,5006,5009],{},"безпечних відступів від «чубчика» й домашньої смужки (пізніше поглибимо ",[3747,5007,5008],{},"Safe Area",");",[3772,5011,5012],{},"фонового кольору;",[3772,5014,5015],{},"горизонтальних полів.",[3743,5017,5018,5019,5022,5023,5026],{},"Поки зробимо просту обгортку на ",[3760,5020,5021],{},"View"," + padding з токенів. Safe Area підключимо свідомо в UI-модулі; зараз головне — ",[3747,5024,5025],{},"звичка"," не дублювати фон у кожному файлі.",[3743,5028,5029,4301],{},[3760,5030,5031],{},"src\u002Fshared\u002Fui\u002FScreen.tsx",[3969,5033,5037],{"className":5034,"code":5035,"language":5036,"meta":3975,"style":3975},"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",[3760,5038,5039,5057,5084,5088,5104,5108,5118,5129,5141,5146,5150,5181,5242,5246,5250,5270,5277,5287,5304,5322,5340,5344],{"__ignoreMap":3975},[4150,5040,5041,5043,5045,5048,5050,5052,5055],{"class":4152,"line":4153},[4150,5042,4430],{"class":4429},[4150,5044,4433],{"class":4313},[4150,5046,5047],{"class":4436},"ReactNode",[4150,5049,4439],{"class":4313},[4150,5051,4442],{"class":4429},[4150,5053,5054],{"class":4326}," 'react'",[4150,5056,4448],{"class":4313},[4150,5058,5059,5061,5063,5066,5068,5070,5072,5075,5077,5079,5082],{"class":4152,"line":4159},[4150,5060,4430],{"class":4429},[4150,5062,4433],{"class":4313},[4150,5064,5065],{"class":4436},"StyleSheet",[4150,5067,3789],{"class":4313},[4150,5069,5021],{"class":4436},[4150,5071,3789],{"class":4313},[4150,5073,5074],{"class":4436},"ViewStyle",[4150,5076,4439],{"class":4313},[4150,5078,4442],{"class":4429},[4150,5080,5081],{"class":4326}," 'react-native'",[4150,5083,4448],{"class":4313},[4150,5085,5086],{"class":4152,"line":4165},[4150,5087,4175],{"emptyLinePlaceholder":4174},[4150,5089,5090,5092,5094,5096,5098,5100,5102],{"class":4152,"line":4171},[4150,5091,4430],{"class":4429},[4150,5093,4433],{"class":4313},[4150,5095,3942],{"class":4436},[4150,5097,4439],{"class":4313},[4150,5099,4442],{"class":4429},[4150,5101,4463],{"class":4326},[4150,5103,4448],{"class":4313},[4150,5105,5106],{"class":4152,"line":4178},[4150,5107,4175],{"emptyLinePlaceholder":4174},[4150,5109,5110,5113,5116],{"class":4152,"line":4184},[4150,5111,5112],{"class":4348},"type",[4150,5114,5115],{"class":4880}," ScreenProps",[4150,5117,4595],{"class":4313},[4150,5119,5120,5123,5125,5127],{"class":4152,"line":4190},[4150,5121,5122],{"class":4436},"  children",[4150,5124,4323],{"class":4313},[4150,5126,5047],{"class":4880},[4150,5128,4448],{"class":4313},[4150,5130,5131,5134,5137,5139],{"class":4152,"line":4196},[4150,5132,5133],{"class":4436},"  style",[4150,5135,5136],{"class":4313},"?: ",[4150,5138,5074],{"class":4880},[4150,5140,4448],{"class":4313},[4150,5142,5143],{"class":4152,"line":4201},[4150,5144,5145],{"class":4313},"};\n",[4150,5147,5148],{"class":4152,"line":4207},[4150,5149,4175],{"emptyLinePlaceholder":4174},[4150,5151,5152,5154,5157,5161,5164,5167,5169,5172,5175,5178],{"class":4152,"line":4213},[4150,5153,4585],{"class":4429},[4150,5155,5156],{"class":4348}," function",[4150,5158,5160],{"class":5159},"s8Opu"," Screen",[4150,5162,5163],{"class":4313},"({ ",[4150,5165,5166],{"class":4436},"children",[4150,5168,3789],{"class":4313},[4150,5170,5171],{"class":4436},"style",[4150,5173,5174],{"class":4313}," }: ",[4150,5176,5177],{"class":4880},"ScreenProps",[4150,5179,5180],{"class":4313},") {\n",[4150,5182,5183,5186,5190,5192,5196,5199,5202,5206,5209,5211,5214,5216,5218,5221,5224,5227,5229,5231,5233,5236,5238,5240],{"class":4152,"line":4219},[4150,5184,5185],{"class":4429},"  return",[4150,5187,5189],{"class":5188},"s0P7L"," \u003C",[4150,5191,5021],{"class":4880},[4150,5193,5195],{"class":5194},"sa4r_"," style",[4150,5197,5198],{"class":4313},"=",[4150,5200,5201],{"class":4348},"{",[4150,5203,5205],{"class":5204},"sD7JJ","[",[4150,5207,5208],{"class":4436},"styles",[4150,5210,3803],{"class":5204},[4150,5212,5213],{"class":4436},"root",[4150,5215,3789],{"class":5204},[4150,5217,5171],{"class":4436},[4150,5219,5220],{"class":5204},"]",[4150,5222,5223],{"class":4348},"}",[4150,5225,5226],{"class":5188},">",[4150,5228,5201],{"class":4348},[4150,5230,5166],{"class":4436},[4150,5232,5223],{"class":4348},[4150,5234,5235],{"class":5188},"\u003C\u002F",[4150,5237,5021],{"class":4880},[4150,5239,5226],{"class":5188},[4150,5241,4448],{"class":4313},[4150,5243,5244],{"class":4152,"line":4224},[4150,5245,4414],{"class":4313},[4150,5247,5248],{"class":4152,"line":4230},[4150,5249,4175],{"emptyLinePlaceholder":4174},[4150,5251,5252,5255,5258,5260,5262,5264,5267],{"class":4152,"line":4236},[4150,5253,5254],{"class":4348},"const",[4150,5256,5257],{"class":4591}," styles",[4150,5259,4884],{"class":4313},[4150,5261,5065],{"class":4436},[4150,5263,3803],{"class":4313},[4150,5265,5266],{"class":5159},"create",[4150,5268,5269],{"class":4313},"({\n",[4150,5271,5272,5275],{"class":4152,"line":4242},[4150,5273,5274],{"class":4436},"  root:",[4150,5276,4603],{"class":4313},[4150,5278,5279,5282,5285],{"class":4152,"line":4248},[4150,5280,5281],{"class":4436},"    flex:",[4150,5283,5284],{"class":4711}," 1",[4150,5286,4330],{"class":4313},[4150,5288,5289,5292,5294,5296,5298,5300,5302],{"class":4152,"line":4254},[4150,5290,5291],{"class":4436},"    backgroundColor:",[4150,5293,4592],{"class":4436},[4150,5295,3803],{"class":4313},[4150,5297,4896],{"class":4436},[4150,5299,3803],{"class":4313},[4150,5301,4911],{"class":4436},[4150,5303,4330],{"class":4313},[4150,5305,5306,5309,5311,5313,5315,5317,5320],{"class":4152,"line":4259},[4150,5307,5308],{"class":4436},"    paddingHorizontal:",[4150,5310,4592],{"class":4436},[4150,5312,3803],{"class":4313},[4150,5314,4915],{"class":4436},[4150,5316,3803],{"class":4313},[4150,5318,5319],{"class":4436},"md",[4150,5321,4330],{"class":4313},[4150,5323,5324,5327,5329,5331,5333,5335,5338],{"class":4152,"line":4761},[4150,5325,5326],{"class":4436},"    paddingVertical:",[4150,5328,4592],{"class":4436},[4150,5330,3803],{"class":4313},[4150,5332,4915],{"class":4436},[4150,5334,3803],{"class":4313},[4150,5336,5337],{"class":4436},"lg",[4150,5339,4330],{"class":4313},[4150,5341,5342],{"class":4152,"line":4769},[4150,5343,4382],{"class":4313},[4150,5345,5346],{"class":4152,"line":4778},[4150,5347,5348],{"class":4313},"});\n",[4084,5350,5351,5354,5359],{},[4087,5352,5353],{"name":5166,"type":5047},"Уміст екрана — заголовки, кнопки, списки — передається всередину обгортки.",[4087,5355,5358],{"name":5356,"type":5357},"flex: 1","layout","Екран займає доступну висоту. Без цього фон часто «не дотягується» до низу на порожніх екранах.",[4087,5360,5363],{"name":5361,"type":5362},"style?","опційно","Дозволяє рідкісний виняток (інший padding), не ламаючи значення за замовчуванням.",[3964,5365,5367],{"id":5366},"як-це-виглядає-на-екрані","Як це виглядає на екрані",[3743,5369,5370,5371,5373,5374,5376,5377,5380],{},"Нижче — ідея ",[3760,5372,3866],{},": фон, горизонтальні поля, ",[3760,5375,5356],{},". У прев’ю токени записані літералами (у проєкті — ",[3760,5378,5379],{},"tokens.colors.background"," тощо).",[5382,5383,5387],"react-native-preview",{"device":5384,"filename":5385,"title":5386},"iphone","ScreenDemo.tsx","Screen — рамка екрана",[3969,5388,5390],{"className":5034,"code":5389,"language":5036,"meta":3975,"style":3975},"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",[3760,5391,5392,5422,5426,5434,5440,5448,5456,5464,5472,5480,5484,5519,5531,5535,5539,5563,5602,5606,5610,5625,5640,5660,5664,5671,5681,5689,5701,5713,5718,5747,5774,5779,5786,5791,5846,5852,5862,5914,5920,5926,5935,5945,5955,5961,5966,5971,5988,5996,6005,6022,6039,6056,6061,6069,6088,6098,6116,6135,6140,6148,6159,6170,6175,6183,6193,6203,6208],{"__ignoreMap":3975},[4150,5393,5394,5396,5398,5400,5402,5405,5407,5409,5411,5414,5416,5418,5420],{"class":4152,"line":4153},[4150,5395,4430],{"class":4429},[4150,5397,4433],{"class":4313},[4150,5399,5021],{"class":4436},[4150,5401,3789],{"class":4313},[4150,5403,5404],{"class":4436},"Text",[4150,5406,3789],{"class":4313},[4150,5408,5065],{"class":4436},[4150,5410,3789],{"class":4313},[4150,5412,5413],{"class":4436},"useColorScheme",[4150,5415,4439],{"class":4313},[4150,5417,4442],{"class":4429},[4150,5419,5081],{"class":4326},[4150,5421,4448],{"class":4313},[4150,5423,5424],{"class":4152,"line":4159},[4150,5425,4175],{"emptyLinePlaceholder":4174},[4150,5427,5428,5430,5432],{"class":4152,"line":4165},[4150,5429,5254],{"class":4348},[4150,5431,4592],{"class":4591},[4150,5433,4595],{"class":4313},[4150,5435,5436,5438],{"class":4152,"line":4171},[4150,5437,4600],{"class":4436},[4150,5439,4603],{"class":4313},[4150,5441,5442,5444,5446],{"class":4152,"line":4178},[4150,5443,4608],{"class":4436},[4150,5445,4611],{"class":4326},[4150,5447,4330],{"class":4313},[4150,5449,5450,5452,5454],{"class":4152,"line":4184},[4150,5451,4628],{"class":4436},[4150,5453,4631],{"class":4326},[4150,5455,4330],{"class":4313},[4150,5457,5458,5460,5462],{"class":4152,"line":4190},[4150,5459,4638],{"class":4436},[4150,5461,4641],{"class":4326},[4150,5463,4330],{"class":4313},[4150,5465,5466,5468,5470],{"class":4152,"line":4196},[4150,5467,4668],{"class":4436},[4150,5469,4671],{"class":4326},[4150,5471,4330],{"class":4313},[4150,5473,5474,5476,5478],{"class":4152,"line":4201},[4150,5475,4618],{"class":4436},[4150,5477,4621],{"class":4326},[4150,5479,4330],{"class":4313},[4150,5481,5482],{"class":4152,"line":4207},[4150,5483,4382],{"class":4313},[4150,5485,5486,5488,5490,5493,5495,5497,5500,5502,5504,5507,5509,5511,5514,5516],{"class":4152,"line":4213},[4150,5487,4701],{"class":4436},[4150,5489,4433],{"class":4313},[4150,5491,5492],{"class":4436},"xs:",[4150,5494,4712],{"class":4711},[4150,5496,3789],{"class":4313},[4150,5498,5499],{"class":4436},"sm:",[4150,5501,4722],{"class":4711},[4150,5503,3789],{"class":4313},[4150,5505,5506],{"class":4436},"md:",[4150,5508,4732],{"class":4711},[4150,5510,3789],{"class":4313},[4150,5512,5513],{"class":4436},"lg:",[4150,5515,4742],{"class":4711},[4150,5517,5518],{"class":4313}," },\n",[4150,5520,5521,5523,5525,5527,5529],{"class":4152,"line":4219},[4150,5522,4764],{"class":4436},[4150,5524,4433],{"class":4313},[4150,5526,5506],{"class":4436},[4150,5528,4783],{"class":4711},[4150,5530,5518],{"class":4313},[4150,5532,5533],{"class":4152,"line":4224},[4150,5534,5145],{"class":4313},[4150,5536,5537],{"class":4152,"line":4230},[4150,5538,4175],{"emptyLinePlaceholder":4174},[4150,5540,5541,5544,5546,5548,5550,5553,5555,5557,5560],{"class":4152,"line":4236},[4150,5542,5543],{"class":4348},"function",[4150,5545,5160],{"class":5159},[4150,5547,5163],{"class":4313},[4150,5549,5166],{"class":4436},[4150,5551,5552],{"class":4313}," }: { ",[4150,5554,5166],{"class":4436},[4150,5556,4323],{"class":4313},[4150,5558,5559],{"class":4880},"any",[4150,5561,5562],{"class":4313}," }) {\n",[4150,5564,5565,5567,5569,5571,5573,5575,5577,5579,5581,5584,5586,5588,5590,5592,5594,5596,5598,5600],{"class":4152,"line":4242},[4150,5566,5185],{"class":4429},[4150,5568,5189],{"class":5188},[4150,5570,5021],{"class":4880},[4150,5572,5195],{"class":5194},[4150,5574,5198],{"class":4313},[4150,5576,5201],{"class":4348},[4150,5578,5208],{"class":4436},[4150,5580,3803],{"class":5204},[4150,5582,5583],{"class":4436},"screen",[4150,5585,5223],{"class":4348},[4150,5587,5226],{"class":5188},[4150,5589,5201],{"class":4348},[4150,5591,5166],{"class":4436},[4150,5593,5223],{"class":4348},[4150,5595,5235],{"class":5188},[4150,5597,5021],{"class":4880},[4150,5599,5226],{"class":5188},[4150,5601,4448],{"class":4313},[4150,5603,5604],{"class":4152,"line":4248},[4150,5605,4414],{"class":4313},[4150,5607,5608],{"class":4152,"line":4254},[4150,5609,4175],{"emptyLinePlaceholder":4174},[4150,5611,5612,5614,5617,5619,5622],{"class":4152,"line":4259},[4150,5613,4585],{"class":4429},[4150,5615,5616],{"class":4429}," default",[4150,5618,5156],{"class":4348},[4150,5620,5621],{"class":5159}," App",[4150,5623,5624],{"class":4313},"() {\n",[4150,5626,5627,5630,5633,5635,5637],{"class":4152,"line":4761},[4150,5628,5629],{"class":4348},"  const",[4150,5631,5632],{"class":4591}," scheme",[4150,5634,4884],{"class":4313},[4150,5636,5413],{"class":5159},[4150,5638,5639],{"class":4313},"();\n",[4150,5641,5642,5644,5647,5649,5652,5655,5658],{"class":4152,"line":4769},[4150,5643,5629],{"class":4348},[4150,5645,5646],{"class":4591}," isDark",[4150,5648,4884],{"class":4313},[4150,5650,5651],{"class":4436},"scheme",[4150,5653,5654],{"class":4313}," === ",[4150,5656,5657],{"class":4326},"'dark'",[4150,5659,4448],{"class":4313},[4150,5661,5662],{"class":4152,"line":4778},[4150,5663,4175],{"emptyLinePlaceholder":4174},[4150,5665,5666,5668],{"class":4152,"line":4788},[4150,5667,5185],{"class":4429},[4150,5669,5670],{"class":4313}," (\n",[4150,5672,5673,5676,5678],{"class":4152,"line":4797},[4150,5674,5675],{"class":5188},"    \u003C",[4150,5677,3866],{"class":4880},[4150,5679,5680],{"class":5188},">\n",[4150,5682,5683,5686],{"class":4152,"line":4802},[4150,5684,5685],{"class":5188},"      \u003C",[4150,5687,5688],{"class":4880},"View\n",[4150,5690,5691,5694,5696,5698],{"class":4152,"line":4810},[4150,5692,5693],{"class":5194},"        style",[4150,5695,5198],{"class":4313},[4150,5697,5201],{"class":4348},[4150,5699,5700],{"class":5204},"[\n",[4150,5702,5703,5706,5708,5711],{"class":4152,"line":4820},[4150,5704,5705],{"class":4436},"          styles",[4150,5707,3803],{"class":5204},[4150,5709,5710],{"class":4436},"panel",[4150,5712,4330],{"class":5204},[4150,5714,5715],{"class":4152,"line":4829},[4150,5716,5717],{"class":5204},"          {\n",[4150,5719,5720,5723,5725,5728,5731,5734,5736,5738,5740,5742,5745],{"class":4152,"line":4839},[4150,5721,5722],{"class":4436},"            backgroundColor:",[4150,5724,5646],{"class":4436},[4150,5726,5727],{"class":4313}," ?",[4150,5729,5730],{"class":4326}," '#1c1c1e'",[4150,5732,5733],{"class":4313}," :",[4150,5735,4592],{"class":4436},[4150,5737,3803],{"class":5204},[4150,5739,4896],{"class":4436},[4150,5741,3803],{"class":5204},[4150,5743,5744],{"class":4436},"surface",[4150,5746,4330],{"class":5204},[4150,5748,5749,5752,5754,5756,5759,5761,5763,5765,5767,5769,5772],{"class":4152,"line":4849},[4150,5750,5751],{"class":4436},"            borderColor:",[4150,5753,5646],{"class":4436},[4150,5755,5727],{"class":4313},[4150,5757,5758],{"class":4326}," '#3a3a3c'",[4150,5760,5733],{"class":4313},[4150,5762,4592],{"class":4436},[4150,5764,3803],{"class":5204},[4150,5766,4896],{"class":4436},[4150,5768,3803],{"class":5204},[4150,5770,5771],{"class":4436},"border",[4150,5773,4330],{"class":5204},[4150,5775,5776],{"class":4152,"line":4854},[4150,5777,5778],{"class":5204},"          },\n",[4150,5780,5781,5784],{"class":4152,"line":4867},[4150,5782,5783],{"class":5204},"        ]",[4150,5785,4414],{"class":4348},[4150,5787,5788],{"class":4152,"line":4872},[4150,5789,5790],{"class":5188},"      >\n",[4150,5792,5794,5797,5799,5801,5803,5805,5807,5809,5811,5814,5817,5820,5822,5824,5827,5829,5831,5833,5835,5837,5839,5842,5844],{"class":4152,"line":5793},34,[4150,5795,5796],{"class":5188},"        \u003C",[4150,5798,5404],{"class":4880},[4150,5800,5195],{"class":5194},[4150,5802,5198],{"class":4313},[4150,5804,5201],{"class":4348},[4150,5806,5205],{"class":5204},[4150,5808,5208],{"class":4436},[4150,5810,3803],{"class":5204},[4150,5812,5813],{"class":4436},"title",[4150,5815,5816],{"class":5204},", { ",[4150,5818,5819],{"class":4436},"color:",[4150,5821,5646],{"class":4436},[4150,5823,5727],{"class":4313},[4150,5825,5826],{"class":4326}," '#f5f5f7'",[4150,5828,5733],{"class":4313},[4150,5830,4592],{"class":4436},[4150,5832,3803],{"class":5204},[4150,5834,4896],{"class":4436},[4150,5836,3803],{"class":5204},[4150,5838,3974],{"class":4436},[4150,5840,5841],{"class":5204}," }]",[4150,5843,5223],{"class":4348},[4150,5845,5680],{"class":5188},[4150,5847,5849],{"class":4152,"line":5848},35,[4150,5850,5851],{"class":4313},"          Screen\n",[4150,5853,5855,5858,5860],{"class":4152,"line":5854},36,[4150,5856,5857],{"class":5188},"        \u003C\u002F",[4150,5859,5404],{"class":4880},[4150,5861,5680],{"class":5188},[4150,5863,5865,5867,5869,5871,5873,5875,5877,5879,5881,5884,5886,5888,5890,5892,5895,5897,5899,5901,5903,5905,5908,5910,5912],{"class":4152,"line":5864},37,[4150,5866,5796],{"class":5188},[4150,5868,5404],{"class":4880},[4150,5870,5195],{"class":5194},[4150,5872,5198],{"class":4313},[4150,5874,5201],{"class":4348},[4150,5876,5205],{"class":5204},[4150,5878,5208],{"class":4436},[4150,5880,3803],{"class":5204},[4150,5882,5883],{"class":4436},"body",[4150,5885,5816],{"class":5204},[4150,5887,5819],{"class":4436},[4150,5889,5646],{"class":4436},[4150,5891,5727],{"class":4313},[4150,5893,5894],{"class":4326}," '#a1a1aa'",[4150,5896,5733],{"class":4313},[4150,5898,4592],{"class":4436},[4150,5900,3803],{"class":5204},[4150,5902,4896],{"class":4436},[4150,5904,3803],{"class":5204},[4150,5906,5907],{"class":4436},"textSecondary",[4150,5909,5841],{"class":5204},[4150,5911,5223],{"class":4348},[4150,5913,5680],{"class":5188},[4150,5915,5917],{"class":4152,"line":5916},38,[4150,5918,5919],{"class":4313},"          Фон, padding і flex: 1 — одна обгортка на всі екрани. Вміст (заголовки, кнопки, списки)\n",[4150,5921,5923],{"class":4152,"line":5922},39,[4150,5924,5925],{"class":4313},"          передається як children.\n",[4150,5927,5929,5931,5933],{"class":4152,"line":5928},40,[4150,5930,5857],{"class":5188},[4150,5932,5404],{"class":4880},[4150,5934,5680],{"class":5188},[4150,5936,5938,5941,5943],{"class":4152,"line":5937},41,[4150,5939,5940],{"class":5188},"      \u003C\u002F",[4150,5942,5021],{"class":4880},[4150,5944,5680],{"class":5188},[4150,5946,5948,5951,5953],{"class":4152,"line":5947},42,[4150,5949,5950],{"class":5188},"    \u003C\u002F",[4150,5952,3866],{"class":4880},[4150,5954,5680],{"class":5188},[4150,5956,5958],{"class":4152,"line":5957},43,[4150,5959,5960],{"class":4313},"  );\n",[4150,5962,5964],{"class":4152,"line":5963},44,[4150,5965,4414],{"class":4313},[4150,5967,5969],{"class":4152,"line":5968},45,[4150,5970,4175],{"emptyLinePlaceholder":4174},[4150,5972,5974,5976,5978,5980,5982,5984,5986],{"class":4152,"line":5973},46,[4150,5975,5254],{"class":4348},[4150,5977,5257],{"class":4591},[4150,5979,4884],{"class":4313},[4150,5981,5065],{"class":4436},[4150,5983,3803],{"class":4313},[4150,5985,5266],{"class":5159},[4150,5987,5269],{"class":4313},[4150,5989,5991,5994],{"class":4152,"line":5990},47,[4150,5992,5993],{"class":4436},"  screen:",[4150,5995,4603],{"class":4313},[4150,5997,5999,6001,6003],{"class":4152,"line":5998},48,[4150,6000,5281],{"class":4436},[4150,6002,5284],{"class":4711},[4150,6004,4330],{"class":4313},[4150,6006,6008,6010,6012,6014,6016,6018,6020],{"class":4152,"line":6007},49,[4150,6009,5291],{"class":4436},[4150,6011,4592],{"class":4436},[4150,6013,3803],{"class":4313},[4150,6015,4896],{"class":4436},[4150,6017,3803],{"class":4313},[4150,6019,4911],{"class":4436},[4150,6021,4330],{"class":4313},[4150,6023,6025,6027,6029,6031,6033,6035,6037],{"class":4152,"line":6024},50,[4150,6026,5308],{"class":4436},[4150,6028,4592],{"class":4436},[4150,6030,3803],{"class":4313},[4150,6032,4915],{"class":4436},[4150,6034,3803],{"class":4313},[4150,6036,5319],{"class":4436},[4150,6038,4330],{"class":4313},[4150,6040,6042,6044,6046,6048,6050,6052,6054],{"class":4152,"line":6041},51,[4150,6043,5326],{"class":4436},[4150,6045,4592],{"class":4436},[4150,6047,3803],{"class":4313},[4150,6049,4915],{"class":4436},[4150,6051,3803],{"class":4313},[4150,6053,5337],{"class":4436},[4150,6055,4330],{"class":4313},[4150,6057,6059],{"class":4152,"line":6058},52,[4150,6060,4382],{"class":4313},[4150,6062,6064,6067],{"class":4152,"line":6063},53,[4150,6065,6066],{"class":4436},"  panel:",[4150,6068,4603],{"class":4313},[4150,6070,6072,6075,6077,6079,6082,6084,6086],{"class":4152,"line":6071},54,[4150,6073,6074],{"class":4436},"    borderRadius:",[4150,6076,4592],{"class":4436},[4150,6078,3803],{"class":4313},[4150,6080,6081],{"class":4436},"radius",[4150,6083,3803],{"class":4313},[4150,6085,5319],{"class":4436},[4150,6087,4330],{"class":4313},[4150,6089,6091,6094,6096],{"class":4152,"line":6090},55,[4150,6092,6093],{"class":4436},"    borderWidth:",[4150,6095,5284],{"class":4711},[4150,6097,4330],{"class":4313},[4150,6099,6101,6104,6106,6108,6110,6112,6114],{"class":4152,"line":6100},56,[4150,6102,6103],{"class":4436},"    padding:",[4150,6105,4592],{"class":4436},[4150,6107,3803],{"class":4313},[4150,6109,4915],{"class":4436},[4150,6111,3803],{"class":4313},[4150,6113,5319],{"class":4436},[4150,6115,4330],{"class":4313},[4150,6117,6119,6122,6124,6126,6128,6130,6133],{"class":4152,"line":6118},57,[4150,6120,6121],{"class":4436},"    gap:",[4150,6123,4592],{"class":4436},[4150,6125,3803],{"class":4313},[4150,6127,4915],{"class":4436},[4150,6129,3803],{"class":4313},[4150,6131,6132],{"class":4436},"sm",[4150,6134,4330],{"class":4313},[4150,6136,6138],{"class":4152,"line":6137},58,[4150,6139,4382],{"class":4313},[4150,6141,6143,6146],{"class":4152,"line":6142},59,[4150,6144,6145],{"class":4436},"  title:",[4150,6147,4603],{"class":4313},[4150,6149,6151,6154,6157],{"class":4152,"line":6150},60,[4150,6152,6153],{"class":4436},"    fontSize:",[4150,6155,6156],{"class":4711}," 22",[4150,6158,4330],{"class":4313},[4150,6160,6162,6165,6168],{"class":4152,"line":6161},61,[4150,6163,6164],{"class":4436},"    fontWeight:",[4150,6166,6167],{"class":4326}," '700'",[4150,6169,4330],{"class":4313},[4150,6171,6173],{"class":4152,"line":6172},62,[4150,6174,4382],{"class":4313},[4150,6176,6178,6181],{"class":4152,"line":6177},63,[4150,6179,6180],{"class":4436},"  body:",[4150,6182,4603],{"class":4313},[4150,6184,6186,6188,6191],{"class":4152,"line":6185},64,[4150,6187,6153],{"class":4436},[4150,6189,6190],{"class":4711}," 15",[4150,6192,4330],{"class":4313},[4150,6194,6196,6199,6201],{"class":4152,"line":6195},65,[4150,6197,6198],{"class":4436},"    lineHeight:",[4150,6200,6156],{"class":4711},[4150,6202,4330],{"class":4313},[4150,6204,6206],{"class":4152,"line":6205},66,[4150,6207,4382],{"class":4313},[4150,6209,6211],{"class":4152,"line":6210},67,[4150,6212,5348],{"class":4313},[3948,6214],{},[3738,6216,4987,6218,6220],{"id":6217},"примітив-apptext-текст-з-правилами",[3760,6219,3871],{}," — текст з правилами",[3743,6222,6223,6224,6227,6228,6230,6231,6234,6235,6239,6240,6243],{},"У React Native ",[3747,6225,6226],{},"не можна"," покласти рядок просто в ",[3760,6229,5021],{},", як у ",[3760,6232,6233],{},"div"," у вебі — потрібен компонент ",[3747,6236,6237],{},[3760,6238,5404],{},". Якщо в кожному місці писати свій ",[3760,6241,6242],{},"fontSize"," і колір, ритм типографіки роз’їдеться.",[3743,6245,6246,4301],{},[3760,6247,6248],{},"src\u002Fshared\u002Fui\u002FAppText.tsx",[3969,6250,6252],{"className":5034,"code":6251,"language":5036,"meta":3975,"style":3975},"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",[3760,6253,6254,6270,6300,6304,6320,6324,6354,6358,6372,6382,6394,6406,6416,6420,6424,6435,6441,6451,6469,6475,6483,6493,6499,6557,6566,6574,6578,6582,6586,6602,6609,6626,6630,6636,6652,6660,6664,6670,6687,6695,6704,6708,6715,6731,6740,6748,6752,6759,6775,6791,6799,6803],{"__ignoreMap":3975},[4150,6255,6256,6258,6260,6262,6264,6266,6268],{"class":4152,"line":4153},[4150,6257,4430],{"class":4429},[4150,6259,4433],{"class":4313},[4150,6261,5047],{"class":4436},[4150,6263,4439],{"class":4313},[4150,6265,4442],{"class":4429},[4150,6267,5054],{"class":4326},[4150,6269,4448],{"class":4313},[4150,6271,6272,6274,6276,6278,6280,6282,6284,6287,6289,6292,6294,6296,6298],{"class":4152,"line":4159},[4150,6273,4430],{"class":4429},[4150,6275,4433],{"class":4313},[4150,6277,5065],{"class":4436},[4150,6279,3789],{"class":4313},[4150,6281,5404],{"class":4436},[4150,6283,3789],{"class":4313},[4150,6285,6286],{"class":4436},"TextProps",[4150,6288,3789],{"class":4313},[4150,6290,6291],{"class":4436},"TextStyle",[4150,6293,4439],{"class":4313},[4150,6295,4442],{"class":4429},[4150,6297,5081],{"class":4326},[4150,6299,4448],{"class":4313},[4150,6301,6302],{"class":4152,"line":4165},[4150,6303,4175],{"emptyLinePlaceholder":4174},[4150,6305,6306,6308,6310,6312,6314,6316,6318],{"class":4152,"line":4171},[4150,6307,4430],{"class":4429},[4150,6309,4433],{"class":4313},[4150,6311,3942],{"class":4436},[4150,6313,4439],{"class":4313},[4150,6315,4442],{"class":4429},[4150,6317,4463],{"class":4326},[4150,6319,4448],{"class":4313},[4150,6321,6322],{"class":4152,"line":4178},[4150,6323,4175],{"emptyLinePlaceholder":4174},[4150,6325,6326,6328,6331,6333,6336,6339,6342,6344,6347,6349,6352],{"class":4152,"line":4184},[4150,6327,5112],{"class":4348},[4150,6329,6330],{"class":4880}," AppTextVariant",[4150,6332,4884],{"class":4313},[4150,6334,6335],{"class":4326},"'body'",[4150,6337,6338],{"class":4313}," | ",[4150,6340,6341],{"class":4326},"'title'",[4150,6343,6338],{"class":4313},[4150,6345,6346],{"class":4326},"'subtitle'",[4150,6348,6338],{"class":4313},[4150,6350,6351],{"class":4326},"'caption'",[4150,6353,4448],{"class":4313},[4150,6355,6356],{"class":4152,"line":4190},[4150,6357,4175],{"emptyLinePlaceholder":4174},[4150,6359,6360,6362,6365,6367,6369],{"class":4152,"line":4196},[4150,6361,5112],{"class":4348},[4150,6363,6364],{"class":4880}," AppTextProps",[4150,6366,4884],{"class":4313},[4150,6368,6286],{"class":4880},[4150,6370,6371],{"class":4313}," & {\n",[4150,6373,6374,6376,6378,6380],{"class":4152,"line":4201},[4150,6375,5122],{"class":4436},[4150,6377,4323],{"class":4313},[4150,6379,5047],{"class":4880},[4150,6381,4448],{"class":4313},[4150,6383,6384,6387,6389,6392],{"class":4152,"line":4207},[4150,6385,6386],{"class":4436},"  variant",[4150,6388,5136],{"class":4313},[4150,6390,6391],{"class":4880},"AppTextVariant",[4150,6393,4448],{"class":4313},[4150,6395,6396,6399,6401,6404],{"class":4152,"line":4213},[4150,6397,6398],{"class":4436},"  color",[4150,6400,5136],{"class":4313},[4150,6402,6403],{"class":4880},"string",[4150,6405,4448],{"class":4313},[4150,6407,6408,6410,6412,6414],{"class":4152,"line":4219},[4150,6409,5133],{"class":4436},[4150,6411,5136],{"class":4313},[4150,6413,6291],{"class":4880},[4150,6415,4448],{"class":4313},[4150,6417,6418],{"class":4152,"line":4224},[4150,6419,5145],{"class":4313},[4150,6421,6422],{"class":4152,"line":4230},[4150,6423,4175],{"emptyLinePlaceholder":4174},[4150,6425,6426,6428,6430,6433],{"class":4152,"line":4236},[4150,6427,4585],{"class":4429},[4150,6429,5156],{"class":4348},[4150,6431,6432],{"class":5159}," AppText",[4150,6434,5269],{"class":4313},[4150,6436,6437,6439],{"class":4152,"line":4242},[4150,6438,5122],{"class":4436},[4150,6440,4330],{"class":4313},[4150,6442,6443,6445,6447,6449],{"class":4152,"line":4248},[4150,6444,6386],{"class":4436},[4150,6446,4884],{"class":4313},[4150,6448,6335],{"class":4326},[4150,6450,4330],{"class":4313},[4150,6452,6453,6455,6457,6459,6461,6463,6465,6467],{"class":4152,"line":4254},[4150,6454,6398],{"class":4436},[4150,6456,4884],{"class":4313},[4150,6458,3942],{"class":4436},[4150,6460,3803],{"class":4313},[4150,6462,4896],{"class":4436},[4150,6464,3803],{"class":4313},[4150,6466,3974],{"class":4436},[4150,6468,4330],{"class":4313},[4150,6470,6471,6473],{"class":4152,"line":4259},[4150,6472,5133],{"class":4436},[4150,6474,4330],{"class":4313},[4150,6476,6477,6480],{"class":4152,"line":4761},[4150,6478,6479],{"class":4313},"  ...",[4150,6481,6482],{"class":4436},"rest\n",[4150,6484,6485,6488,6491],{"class":4152,"line":4769},[4150,6486,6487],{"class":4313},"}: ",[4150,6489,6490],{"class":4880},"AppTextProps",[4150,6492,5180],{"class":4313},[4150,6494,6495,6497],{"class":4152,"line":4778},[4150,6496,5185],{"class":4429},[4150,6498,5670],{"class":4313},[4150,6500,6501,6503,6505,6507,6509,6511,6513,6515,6517,6520,6522,6524,6526,6529,6532,6535,6538,6540,6542,6544,6547,6550,6553,6555],{"class":4152,"line":4788},[4150,6502,5675],{"class":5188},[4150,6504,5404],{"class":4880},[4150,6506,5195],{"class":5194},[4150,6508,5198],{"class":4313},[4150,6510,5201],{"class":4348},[4150,6512,5205],{"class":5204},[4150,6514,5208],{"class":4436},[4150,6516,3803],{"class":5204},[4150,6518,6519],{"class":4436},"base",[4150,6521,3789],{"class":5204},[4150,6523,5208],{"class":4436},[4150,6525,5205],{"class":5204},[4150,6527,6528],{"class":4436},"variant",[4150,6530,6531],{"class":5204},"], { ",[4150,6533,6534],{"class":4436},"color",[4150,6536,6537],{"class":5204}," }, ",[4150,6539,5171],{"class":4436},[4150,6541,5220],{"class":5204},[4150,6543,5223],{"class":4348},[4150,6545,6546],{"class":4348}," {",[4150,6548,6549],{"class":4313},"...",[4150,6551,6552],{"class":4436},"rest",[4150,6554,5223],{"class":4348},[4150,6556,5680],{"class":5188},[4150,6558,6559,6562,6564],{"class":4152,"line":4797},[4150,6560,6561],{"class":4348},"      {",[4150,6563,5166],{"class":4436},[4150,6565,4414],{"class":4348},[4150,6567,6568,6570,6572],{"class":4152,"line":4802},[4150,6569,5950],{"class":5188},[4150,6571,5404],{"class":4880},[4150,6573,5680],{"class":5188},[4150,6575,6576],{"class":4152,"line":4810},[4150,6577,5960],{"class":4313},[4150,6579,6580],{"class":4152,"line":4820},[4150,6581,4414],{"class":4313},[4150,6583,6584],{"class":4152,"line":4829},[4150,6585,4175],{"emptyLinePlaceholder":4174},[4150,6587,6588,6590,6592,6594,6596,6598,6600],{"class":4152,"line":4839},[4150,6589,5254],{"class":4348},[4150,6591,5257],{"class":4591},[4150,6593,4884],{"class":4313},[4150,6595,5065],{"class":4436},[4150,6597,3803],{"class":4313},[4150,6599,5266],{"class":5159},[4150,6601,5269],{"class":4313},[4150,6603,6604,6607],{"class":4152,"line":4849},[4150,6605,6606],{"class":4436},"  base:",[4150,6608,4603],{"class":4313},[4150,6610,6611,6614,6616,6618,6620,6622,6624],{"class":4152,"line":4854},[4150,6612,6613],{"class":4436},"    color:",[4150,6615,4592],{"class":4436},[4150,6617,3803],{"class":4313},[4150,6619,4896],{"class":4436},[4150,6621,3803],{"class":4313},[4150,6623,3974],{"class":4436},[4150,6625,4330],{"class":4313},[4150,6627,6628],{"class":4152,"line":4867},[4150,6629,4382],{"class":4313},[4150,6631,6632,6634],{"class":4152,"line":4872},[4150,6633,6180],{"class":4436},[4150,6635,4603],{"class":4313},[4150,6637,6638,6640,6642,6644,6646,6648,6650],{"class":4152,"line":5793},[4150,6639,6153],{"class":4436},[4150,6641,4592],{"class":4436},[4150,6643,3803],{"class":4313},[4150,6645,6242],{"class":4436},[4150,6647,3803],{"class":4313},[4150,6649,5319],{"class":4436},[4150,6651,4330],{"class":4313},[4150,6653,6654,6656,6658],{"class":4152,"line":5848},[4150,6655,6198],{"class":4436},[4150,6657,4742],{"class":4711},[4150,6659,4330],{"class":4313},[4150,6661,6662],{"class":4152,"line":5854},[4150,6663,4382],{"class":4313},[4150,6665,6666,6668],{"class":4152,"line":5864},[4150,6667,6145],{"class":4436},[4150,6669,4603],{"class":4313},[4150,6671,6672,6674,6676,6678,6680,6682,6685],{"class":4152,"line":5916},[4150,6673,6153],{"class":4436},[4150,6675,4592],{"class":4436},[4150,6677,3803],{"class":4313},[4150,6679,6242],{"class":4436},[4150,6681,3803],{"class":4313},[4150,6683,6684],{"class":4436},"xl",[4150,6686,4330],{"class":4313},[4150,6688,6689,6691,6693],{"class":4152,"line":5922},[4150,6690,6164],{"class":4436},[4150,6692,6167],{"class":4326},[4150,6694,4330],{"class":4313},[4150,6696,6697,6699,6702],{"class":4152,"line":5928},[4150,6698,6198],{"class":4436},[4150,6700,6701],{"class":4711}," 34",[4150,6703,4330],{"class":4313},[4150,6705,6706],{"class":4152,"line":5937},[4150,6707,4382],{"class":4313},[4150,6709,6710,6713],{"class":4152,"line":5947},[4150,6711,6712],{"class":4436},"  subtitle:",[4150,6714,4603],{"class":4313},[4150,6716,6717,6719,6721,6723,6725,6727,6729],{"class":4152,"line":5957},[4150,6718,6153],{"class":4436},[4150,6720,4592],{"class":4436},[4150,6722,3803],{"class":4313},[4150,6724,6242],{"class":4436},[4150,6726,3803],{"class":4313},[4150,6728,5337],{"class":4436},[4150,6730,4330],{"class":4313},[4150,6732,6733,6735,6738],{"class":4152,"line":5963},[4150,6734,6164],{"class":4436},[4150,6736,6737],{"class":4326}," '600'",[4150,6739,4330],{"class":4313},[4150,6741,6742,6744,6746],{"class":4152,"line":5968},[4150,6743,6198],{"class":4436},[4150,6745,4844],{"class":4711},[4150,6747,4330],{"class":4313},[4150,6749,6750],{"class":4152,"line":5973},[4150,6751,4382],{"class":4313},[4150,6753,6754,6757],{"class":4152,"line":5990},[4150,6755,6756],{"class":4436},"  caption:",[4150,6758,4603],{"class":4313},[4150,6760,6761,6763,6765,6767,6769,6771,6773],{"class":4152,"line":5998},[4150,6762,6153],{"class":4436},[4150,6764,4592],{"class":4436},[4150,6766,3803],{"class":4313},[4150,6768,6242],{"class":4436},[4150,6770,3803],{"class":4313},[4150,6772,6132],{"class":4436},[4150,6774,4330],{"class":4313},[4150,6776,6777,6779,6781,6783,6785,6787,6789],{"class":4152,"line":6007},[4150,6778,6613],{"class":4436},[4150,6780,4592],{"class":4436},[4150,6782,3803],{"class":4313},[4150,6784,4896],{"class":4436},[4150,6786,3803],{"class":4313},[4150,6788,5907],{"class":4436},[4150,6790,4330],{"class":4313},[4150,6792,6793,6795,6797],{"class":4152,"line":6024},[4150,6794,6198],{"class":4436},[4150,6796,4834],{"class":4711},[4150,6798,4330],{"class":4313},[4150,6800,6801],{"class":4152,"line":6041},[4150,6802,4382],{"class":4313},[4150,6804,6805],{"class":4152,"line":6058},[4150,6806,5348],{"class":4313},[3812,6808,6809,6810,6814,6815,6817,6818,6821],{},"Назва ",[3747,6811,6812],{},[3760,6813,3871],{},", а не ",[3760,6816,5404],{},", щоб не плутати з імпортом з ",[3760,6819,6820],{},"react-native"," і одразу бачити в коді: «це наш узгоджений текст».",[3964,6823,6825],{"id":6824},"варіанти-типографіки-вживу","Варіанти типографіки вживу",[3743,6827,6828,6829,3789,6831,3789,6834,3789,6836,6839,6840,6842,6843,3803],{},"Чотири ролі поруч: ",[3760,6830,5813],{},[3760,6832,6833],{},"subtitle",[3760,6835,5883],{},[3760,6837,6838],{},"caption",". У проєкті це один компонент ",[3760,6841,3871],{}," з пропом ",[3760,6844,6528],{},[5382,6846,6849],{"device":5384,"filename":6847,"title":6848},"AppTextDemo.tsx","AppText — варіанти",[3969,6850,6852],{"className":5034,"code":6851,"language":5036,"meta":3975,"style":3975},"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",[3760,6853,6854,6882,6886,6894,6900,6908,6916,6924,6928,6958,6989,6993,6997,7022,7026,7034,7040,7050,7056,7061,7071,7082,7092,7097,7103,7167,7171,7175,7179,7191,7203,7219,7252,7282,7286,7292,7333,7360,7365,7373,7398,7403,7411,7436,7441,7446,7454,7480,7485,7493,7501,7505,7509,7513,7529,7535,7543,7559,7575,7591,7601,7605,7611,7627,7631,7637,7653,7661,7670,7675,7682,7699,7708,7717,7722,7729,7746,7755,7773,7778,7785,7802,7811,7829,7834],{"__ignoreMap":3975},[4150,6855,6856,6858,6860,6862,6864,6866,6868,6870,6872,6874,6876,6878,6880],{"class":4152,"line":4153},[4150,6857,4430],{"class":4429},[4150,6859,4433],{"class":4313},[4150,6861,5021],{"class":4436},[4150,6863,3789],{"class":4313},[4150,6865,5404],{"class":4436},[4150,6867,3789],{"class":4313},[4150,6869,5065],{"class":4436},[4150,6871,3789],{"class":4313},[4150,6873,5413],{"class":4436},[4150,6875,4439],{"class":4313},[4150,6877,4442],{"class":4429},[4150,6879,5081],{"class":4326},[4150,6881,4448],{"class":4313},[4150,6883,6884],{"class":4152,"line":4159},[4150,6885,4175],{"emptyLinePlaceholder":4174},[4150,6887,6888,6890,6892],{"class":4152,"line":4165},[4150,6889,5254],{"class":4348},[4150,6891,4592],{"class":4591},[4150,6893,4595],{"class":4313},[4150,6895,6896,6898],{"class":4152,"line":4171},[4150,6897,4600],{"class":4436},[4150,6899,4603],{"class":4313},[4150,6901,6902,6904,6906],{"class":4152,"line":4178},[4150,6903,4608],{"class":4436},[4150,6905,4611],{"class":4326},[4150,6907,4330],{"class":4313},[4150,6909,6910,6912,6914],{"class":4152,"line":4184},[4150,6911,4628],{"class":4436},[4150,6913,4631],{"class":4326},[4150,6915,4330],{"class":4313},[4150,6917,6918,6920,6922],{"class":4152,"line":4190},[4150,6919,4638],{"class":4436},[4150,6921,4641],{"class":4326},[4150,6923,4330],{"class":4313},[4150,6925,6926],{"class":4152,"line":4196},[4150,6927,4382],{"class":4313},[4150,6929,6930,6932,6934,6936,6938,6940,6942,6944,6946,6948,6950,6952,6954,6956],{"class":4152,"line":4201},[4150,6931,4701],{"class":4436},[4150,6933,4433],{"class":4313},[4150,6935,5492],{"class":4436},[4150,6937,4712],{"class":4711},[4150,6939,3789],{"class":4313},[4150,6941,5499],{"class":4436},[4150,6943,4722],{"class":4711},[4150,6945,3789],{"class":4313},[4150,6947,5506],{"class":4436},[4150,6949,4732],{"class":4711},[4150,6951,3789],{"class":4313},[4150,6953,5513],{"class":4436},[4150,6955,4742],{"class":4711},[4150,6957,5518],{"class":4313},[4150,6959,6960,6962,6964,6966,6968,6970,6972,6974,6976,6978,6980,6982,6985,6987],{"class":4152,"line":4207},[4150,6961,4805],{"class":4436},[4150,6963,4433],{"class":4313},[4150,6965,5499],{"class":4436},[4150,6967,4815],{"class":4711},[4150,6969,3789],{"class":4313},[4150,6971,5506],{"class":4436},[4150,6973,4732],{"class":4711},[4150,6975,3789],{"class":4313},[4150,6977,5513],{"class":4436},[4150,6979,4834],{"class":4711},[4150,6981,3789],{"class":4313},[4150,6983,6984],{"class":4436},"xl:",[4150,6986,4844],{"class":4711},[4150,6988,5518],{"class":4313},[4150,6990,6991],{"class":4152,"line":4213},[4150,6992,5145],{"class":4313},[4150,6994,6995],{"class":4152,"line":4219},[4150,6996,4175],{"emptyLinePlaceholder":4174},[4150,6998,6999,7001,7004,7006,7008,7010,7012,7014,7016,7018,7020],{"class":4152,"line":4224},[4150,7000,5112],{"class":4348},[4150,7002,7003],{"class":4880}," Variant",[4150,7005,4884],{"class":4313},[4150,7007,6341],{"class":4326},[4150,7009,6338],{"class":4313},[4150,7011,6346],{"class":4326},[4150,7013,6338],{"class":4313},[4150,7015,6335],{"class":4326},[4150,7017,6338],{"class":4313},[4150,7019,6351],{"class":4326},[4150,7021,4448],{"class":4313},[4150,7023,7024],{"class":4152,"line":4230},[4150,7025,4175],{"emptyLinePlaceholder":4174},[4150,7027,7028,7030,7032],{"class":4152,"line":4236},[4150,7029,5543],{"class":4348},[4150,7031,6432],{"class":5159},[4150,7033,5269],{"class":4313},[4150,7035,7036,7038],{"class":4152,"line":4242},[4150,7037,5122],{"class":4436},[4150,7039,4330],{"class":4313},[4150,7041,7042,7044,7046,7048],{"class":4152,"line":4248},[4150,7043,6386],{"class":4436},[4150,7045,4884],{"class":4313},[4150,7047,6335],{"class":4326},[4150,7049,4330],{"class":4313},[4150,7051,7052,7054],{"class":4152,"line":4254},[4150,7053,6398],{"class":4436},[4150,7055,4330],{"class":4313},[4150,7057,7058],{"class":4152,"line":4259},[4150,7059,7060],{"class":4313},"}: {\n",[4150,7062,7063,7065,7067,7069],{"class":4152,"line":4761},[4150,7064,5122],{"class":4436},[4150,7066,4323],{"class":4313},[4150,7068,5559],{"class":4880},[4150,7070,4448],{"class":4313},[4150,7072,7073,7075,7077,7080],{"class":4152,"line":4769},[4150,7074,6386],{"class":4436},[4150,7076,5136],{"class":4313},[4150,7078,7079],{"class":4880},"Variant",[4150,7081,4448],{"class":4313},[4150,7083,7084,7086,7088,7090],{"class":4152,"line":4778},[4150,7085,6398],{"class":4436},[4150,7087,5136],{"class":4313},[4150,7089,6403],{"class":4880},[4150,7091,4448],{"class":4313},[4150,7093,7094],{"class":4152,"line":4788},[4150,7095,7096],{"class":4313},"}) {\n",[4150,7098,7099,7101],{"class":4152,"line":4797},[4150,7100,5185],{"class":4429},[4150,7102,5670],{"class":4313},[4150,7104,7105,7107,7109,7111,7113,7115,7117,7119,7121,7123,7125,7127,7129,7131,7134,7136,7138,7140,7142,7144,7146,7149,7151,7153,7155,7157,7159,7161,7163,7165],{"class":4152,"line":4802},[4150,7106,5675],{"class":5188},[4150,7108,5404],{"class":4880},[4150,7110,5195],{"class":5194},[4150,7112,5198],{"class":4313},[4150,7114,5201],{"class":4348},[4150,7116,5205],{"class":5204},[4150,7118,5208],{"class":4436},[4150,7120,3803],{"class":5204},[4150,7122,6519],{"class":4436},[4150,7124,3789],{"class":5204},[4150,7126,5208],{"class":4436},[4150,7128,5205],{"class":5204},[4150,7130,6528],{"class":4436},[4150,7132,7133],{"class":5204},"], ",[4150,7135,6534],{"class":4436},[4150,7137,5727],{"class":4313},[4150,7139,4433],{"class":5204},[4150,7141,6534],{"class":4436},[4150,7143,4439],{"class":5204},[4150,7145,4301],{"class":4313},[4150,7147,7148],{"class":4348}," null",[4150,7150,5220],{"class":5204},[4150,7152,5223],{"class":4348},[4150,7154,5226],{"class":5188},[4150,7156,5201],{"class":4348},[4150,7158,5166],{"class":4436},[4150,7160,5223],{"class":4348},[4150,7162,5235],{"class":5188},[4150,7164,5404],{"class":4880},[4150,7166,5680],{"class":5188},[4150,7168,7169],{"class":4152,"line":4810},[4150,7170,5960],{"class":4313},[4150,7172,7173],{"class":4152,"line":4820},[4150,7174,4414],{"class":4313},[4150,7176,7177],{"class":4152,"line":4829},[4150,7178,4175],{"emptyLinePlaceholder":4174},[4150,7180,7181,7183,7185,7187,7189],{"class":4152,"line":4839},[4150,7182,4585],{"class":4429},[4150,7184,5616],{"class":4429},[4150,7186,5156],{"class":4348},[4150,7188,5621],{"class":5159},[4150,7190,5624],{"class":4313},[4150,7192,7193,7195,7197,7199,7201],{"class":4152,"line":4849},[4150,7194,5629],{"class":4348},[4150,7196,5632],{"class":4591},[4150,7198,4884],{"class":4313},[4150,7200,5413],{"class":5159},[4150,7202,5639],{"class":4313},[4150,7204,7205,7207,7209,7211,7213,7215,7217],{"class":4152,"line":4854},[4150,7206,5629],{"class":4348},[4150,7208,5646],{"class":4591},[4150,7210,4884],{"class":4313},[4150,7212,5651],{"class":4436},[4150,7214,5654],{"class":4313},[4150,7216,5657],{"class":4326},[4150,7218,4448],{"class":4313},[4150,7220,7221,7223,7226,7228,7231,7234,7237,7240,7242,7244,7246,7248,7250],{"class":4152,"line":4867},[4150,7222,5629],{"class":4348},[4150,7224,7225],{"class":4591}," text",[4150,7227,4884],{"class":4313},[4150,7229,7230],{"class":4436},"isDark",[4150,7232,7233],{"class":4313}," ? ",[4150,7235,7236],{"class":4326},"'#f5f5f7'",[4150,7238,7239],{"class":4313}," : ",[4150,7241,3942],{"class":4436},[4150,7243,3803],{"class":4313},[4150,7245,4896],{"class":4436},[4150,7247,3803],{"class":4313},[4150,7249,3974],{"class":4436},[4150,7251,4448],{"class":4313},[4150,7253,7254,7256,7259,7261,7263,7265,7268,7270,7272,7274,7276,7278,7280],{"class":4152,"line":4872},[4150,7255,5629],{"class":4348},[4150,7257,7258],{"class":4591}," muted",[4150,7260,4884],{"class":4313},[4150,7262,7230],{"class":4436},[4150,7264,7233],{"class":4313},[4150,7266,7267],{"class":4326},"'#a1a1aa'",[4150,7269,7239],{"class":4313},[4150,7271,3942],{"class":4436},[4150,7273,3803],{"class":4313},[4150,7275,4896],{"class":4436},[4150,7277,3803],{"class":4313},[4150,7279,5907],{"class":4436},[4150,7281,4448],{"class":4313},[4150,7283,7284],{"class":4152,"line":5793},[4150,7285,4175],{"emptyLinePlaceholder":4174},[4150,7287,7288,7290],{"class":4152,"line":5848},[4150,7289,5185],{"class":4429},[4150,7291,5670],{"class":4313},[4150,7293,7294,7296,7298,7300,7302,7304,7306,7308,7310,7312,7314,7316,7319,7321,7324,7327,7329,7331],{"class":4152,"line":5854},[4150,7295,5675],{"class":5188},[4150,7297,5021],{"class":4880},[4150,7299,5195],{"class":5194},[4150,7301,5198],{"class":4313},[4150,7303,5201],{"class":4348},[4150,7305,5205],{"class":5204},[4150,7307,5208],{"class":4436},[4150,7309,3803],{"class":5204},[4150,7311,5583],{"class":4436},[4150,7313,3789],{"class":5204},[4150,7315,7230],{"class":4436},[4150,7317,7318],{"class":4313}," &&",[4150,7320,4433],{"class":5204},[4150,7322,7323],{"class":4436},"backgroundColor:",[4150,7325,7326],{"class":4326}," '#000'",[4150,7328,5841],{"class":5204},[4150,7330,5223],{"class":4348},[4150,7332,5680],{"class":5188},[4150,7334,7335,7337,7339,7342,7344,7347,7350,7352,7354,7356,7358],{"class":4152,"line":5864},[4150,7336,5685],{"class":5188},[4150,7338,3871],{"class":4880},[4150,7340,7341],{"class":5194}," variant",[4150,7343,5198],{"class":4313},[4150,7345,7346],{"class":4326},"\"title\"",[4150,7348,7349],{"class":5194}," color",[4150,7351,5198],{"class":4313},[4150,7353,5201],{"class":4348},[4150,7355,3974],{"class":4436},[4150,7357,5223],{"class":4348},[4150,7359,5680],{"class":5188},[4150,7361,7362],{"class":4152,"line":5916},[4150,7363,7364],{"class":4313},"        Мандрівник\n",[4150,7366,7367,7369,7371],{"class":4152,"line":5922},[4150,7368,5940],{"class":5188},[4150,7370,3871],{"class":4880},[4150,7372,5680],{"class":5188},[4150,7374,7375,7377,7379,7381,7383,7386,7388,7390,7392,7394,7396],{"class":4152,"line":5928},[4150,7376,5685],{"class":5188},[4150,7378,3871],{"class":4880},[4150,7380,7341],{"class":5194},[4150,7382,5198],{"class":4313},[4150,7384,7385],{"class":4326},"\"subtitle\"",[4150,7387,7349],{"class":5194},[4150,7389,5198],{"class":4313},[4150,7391,5201],{"class":4348},[4150,7393,3974],{"class":4436},[4150,7395,5223],{"class":4348},[4150,7397,5680],{"class":5188},[4150,7399,7400],{"class":4152,"line":5937},[4150,7401,7402],{"class":4313},"        Карпати на вихідні\n",[4150,7404,7405,7407,7409],{"class":4152,"line":5947},[4150,7406,5940],{"class":5188},[4150,7408,3871],{"class":4880},[4150,7410,5680],{"class":5188},[4150,7412,7413,7415,7417,7419,7421,7424,7426,7428,7430,7432,7434],{"class":4152,"line":5957},[4150,7414,5685],{"class":5188},[4150,7416,3871],{"class":4880},[4150,7418,7341],{"class":5194},[4150,7420,5198],{"class":4313},[4150,7422,7423],{"class":4326},"\"body\"",[4150,7425,7349],{"class":5194},[4150,7427,5198],{"class":4313},[4150,7429,5201],{"class":4348},[4150,7431,3974],{"class":4436},[4150,7433,5223],{"class":4348},[4150,7435,5680],{"class":5188},[4150,7437,7438],{"class":4152,"line":5963},[4150,7439,7440],{"class":4313},"        Основний абзац екрана: опис поїздки, інструкції, підказки. Розмір і міжрядковий інтервал\n",[4150,7442,7443],{"class":4152,"line":5968},[4150,7444,7445],{"class":4313},"        узгоджені з tokens.\n",[4150,7447,7448,7450,7452],{"class":4152,"line":5973},[4150,7449,5940],{"class":5188},[4150,7451,3871],{"class":4880},[4150,7453,5680],{"class":5188},[4150,7455,7456,7458,7460,7462,7464,7467,7469,7471,7473,7476,7478],{"class":4152,"line":5990},[4150,7457,5685],{"class":5188},[4150,7459,3871],{"class":4880},[4150,7461,7341],{"class":5194},[4150,7463,5198],{"class":4313},[4150,7465,7466],{"class":4326},"\"caption\"",[4150,7468,7349],{"class":5194},[4150,7470,5198],{"class":4313},[4150,7472,5201],{"class":4348},[4150,7474,7475],{"class":4436},"muted",[4150,7477,5223],{"class":4348},[4150,7479,5680],{"class":5188},[4150,7481,7482],{"class":4152,"line":5998},[4150,7483,7484],{"class":4313},"        12–14 бер. 2026 · підпис \u002F метадані\n",[4150,7486,7487,7489,7491],{"class":4152,"line":6007},[4150,7488,5940],{"class":5188},[4150,7490,3871],{"class":4880},[4150,7492,5680],{"class":5188},[4150,7494,7495,7497,7499],{"class":4152,"line":6024},[4150,7496,5950],{"class":5188},[4150,7498,5021],{"class":4880},[4150,7500,5680],{"class":5188},[4150,7502,7503],{"class":4152,"line":6041},[4150,7504,5960],{"class":4313},[4150,7506,7507],{"class":4152,"line":6058},[4150,7508,4414],{"class":4313},[4150,7510,7511],{"class":4152,"line":6063},[4150,7512,4175],{"emptyLinePlaceholder":4174},[4150,7514,7515,7517,7519,7521,7523,7525,7527],{"class":4152,"line":6071},[4150,7516,5254],{"class":4348},[4150,7518,5257],{"class":4591},[4150,7520,4884],{"class":4313},[4150,7522,5065],{"class":4436},[4150,7524,3803],{"class":4313},[4150,7526,5266],{"class":5159},[4150,7528,5269],{"class":4313},[4150,7530,7531,7533],{"class":4152,"line":6090},[4150,7532,5993],{"class":4436},[4150,7534,4603],{"class":4313},[4150,7536,7537,7539,7541],{"class":4152,"line":6100},[4150,7538,5281],{"class":4436},[4150,7540,5284],{"class":4711},[4150,7542,4330],{"class":4313},[4150,7544,7545,7547,7549,7551,7553,7555,7557],{"class":4152,"line":6118},[4150,7546,5291],{"class":4436},[4150,7548,4592],{"class":4436},[4150,7550,3803],{"class":4313},[4150,7552,4896],{"class":4436},[4150,7554,3803],{"class":4313},[4150,7556,4911],{"class":4436},[4150,7558,4330],{"class":4313},[4150,7560,7561,7563,7565,7567,7569,7571,7573],{"class":4152,"line":6137},[4150,7562,6103],{"class":4436},[4150,7564,4592],{"class":4436},[4150,7566,3803],{"class":4313},[4150,7568,4915],{"class":4436},[4150,7570,3803],{"class":4313},[4150,7572,5337],{"class":4436},[4150,7574,4330],{"class":4313},[4150,7576,7577,7579,7581,7583,7585,7587,7589],{"class":4152,"line":6142},[4150,7578,6121],{"class":4436},[4150,7580,4592],{"class":4436},[4150,7582,3803],{"class":4313},[4150,7584,4915],{"class":4436},[4150,7586,3803],{"class":4313},[4150,7588,6132],{"class":4436},[4150,7590,4330],{"class":4313},[4150,7592,7593,7596,7599],{"class":4152,"line":6150},[4150,7594,7595],{"class":4436},"    justifyContent:",[4150,7597,7598],{"class":4326}," 'center'",[4150,7600,4330],{"class":4313},[4150,7602,7603],{"class":4152,"line":6161},[4150,7604,4382],{"class":4313},[4150,7606,7607,7609],{"class":4152,"line":6172},[4150,7608,6606],{"class":4436},[4150,7610,4603],{"class":4313},[4150,7612,7613,7615,7617,7619,7621,7623,7625],{"class":4152,"line":6177},[4150,7614,6613],{"class":4436},[4150,7616,4592],{"class":4436},[4150,7618,3803],{"class":4313},[4150,7620,4896],{"class":4436},[4150,7622,3803],{"class":4313},[4150,7624,3974],{"class":4436},[4150,7626,4330],{"class":4313},[4150,7628,7629],{"class":4152,"line":6185},[4150,7630,4382],{"class":4313},[4150,7632,7633,7635],{"class":4152,"line":6195},[4150,7634,6145],{"class":4436},[4150,7636,4603],{"class":4313},[4150,7638,7639,7641,7643,7645,7647,7649,7651],{"class":4152,"line":6205},[4150,7640,6153],{"class":4436},[4150,7642,4592],{"class":4436},[4150,7644,3803],{"class":4313},[4150,7646,6242],{"class":4436},[4150,7648,3803],{"class":4313},[4150,7650,6684],{"class":4436},[4150,7652,4330],{"class":4313},[4150,7654,7655,7657,7659],{"class":4152,"line":6210},[4150,7656,6164],{"class":4436},[4150,7658,6167],{"class":4326},[4150,7660,4330],{"class":4313},[4150,7662,7664,7666,7668],{"class":4152,"line":7663},68,[4150,7665,6198],{"class":4436},[4150,7667,6701],{"class":4711},[4150,7669,4330],{"class":4313},[4150,7671,7673],{"class":4152,"line":7672},69,[4150,7674,4382],{"class":4313},[4150,7676,7678,7680],{"class":4152,"line":7677},70,[4150,7679,6712],{"class":4436},[4150,7681,4603],{"class":4313},[4150,7683,7685,7687,7689,7691,7693,7695,7697],{"class":4152,"line":7684},71,[4150,7686,6153],{"class":4436},[4150,7688,4592],{"class":4436},[4150,7690,3803],{"class":4313},[4150,7692,6242],{"class":4436},[4150,7694,3803],{"class":4313},[4150,7696,5337],{"class":4436},[4150,7698,4330],{"class":4313},[4150,7700,7702,7704,7706],{"class":4152,"line":7701},72,[4150,7703,6164],{"class":4436},[4150,7705,6737],{"class":4326},[4150,7707,4330],{"class":4313},[4150,7709,7711,7713,7715],{"class":4152,"line":7710},73,[4150,7712,6198],{"class":4436},[4150,7714,4844],{"class":4711},[4150,7716,4330],{"class":4313},[4150,7718,7720],{"class":4152,"line":7719},74,[4150,7721,4382],{"class":4313},[4150,7723,7725,7727],{"class":4152,"line":7724},75,[4150,7726,6180],{"class":4436},[4150,7728,4603],{"class":4313},[4150,7730,7732,7734,7736,7738,7740,7742,7744],{"class":4152,"line":7731},76,[4150,7733,6153],{"class":4436},[4150,7735,4592],{"class":4436},[4150,7737,3803],{"class":4313},[4150,7739,6242],{"class":4436},[4150,7741,3803],{"class":4313},[4150,7743,5319],{"class":4436},[4150,7745,4330],{"class":4313},[4150,7747,7749,7751,7753],{"class":4152,"line":7748},77,[4150,7750,6198],{"class":4436},[4150,7752,4742],{"class":4711},[4150,7754,4330],{"class":4313},[4150,7756,7758,7761,7763,7765,7767,7769,7771],{"class":4152,"line":7757},78,[4150,7759,7760],{"class":4436},"    marginTop:",[4150,7762,4592],{"class":4436},[4150,7764,3803],{"class":4313},[4150,7766,4915],{"class":4436},[4150,7768,3803],{"class":4313},[4150,7770,6132],{"class":4436},[4150,7772,4330],{"class":4313},[4150,7774,7776],{"class":4152,"line":7775},79,[4150,7777,4382],{"class":4313},[4150,7779,7781,7783],{"class":4152,"line":7780},80,[4150,7782,6756],{"class":4436},[4150,7784,4603],{"class":4313},[4150,7786,7788,7790,7792,7794,7796,7798,7800],{"class":4152,"line":7787},81,[4150,7789,6153],{"class":4436},[4150,7791,4592],{"class":4436},[4150,7793,3803],{"class":4313},[4150,7795,6242],{"class":4436},[4150,7797,3803],{"class":4313},[4150,7799,6132],{"class":4436},[4150,7801,4330],{"class":4313},[4150,7803,7805,7807,7809],{"class":4152,"line":7804},82,[4150,7806,6198],{"class":4436},[4150,7808,4834],{"class":4711},[4150,7810,4330],{"class":4313},[4150,7812,7814,7816,7818,7820,7822,7824,7827],{"class":4152,"line":7813},83,[4150,7815,7760],{"class":4436},[4150,7817,4592],{"class":4436},[4150,7819,3803],{"class":4313},[4150,7821,4915],{"class":4436},[4150,7823,3803],{"class":4313},[4150,7825,7826],{"class":4436},"xs",[4150,7828,4330],{"class":4313},[4150,7830,7832],{"class":4152,"line":7831},84,[4150,7833,4382],{"class":4313},[4150,7835,7837],{"class":4152,"line":7836},85,[4150,7838,5348],{"class":4313},[3948,7840],{},[3738,7842,4987,7844,7846],{"id":7843},"примітив-button-головна-дія",[3760,7845,3876],{}," — головна дія",[3743,7848,7849,7850,7855,7856,7859],{},"Кнопка — місце, де найчастіше роз’їжджаються відступи й кольори. Зробимо простий варіант на ",[3747,7851,7852],{},[3760,7853,7854],{},"Pressable"," (сучасніший за старі ",[3760,7857,7858],{},"TouchableOpacity"," для нових екранів; деталі жестів — пізніше).",[3743,7861,7862,4301],{},[3760,7863,7864],{},"src\u002Fshared\u002Fui\u002FButton.tsx",[3969,7866,7868],{"className":5034,"code":7867,"language":5036,"meta":3975,"style":3975},"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",[3760,7869,7870,7898,7902,7918,7922,7931,7942,7958,7970,7980,7984,7988,8028,8034,8041,8051,8064,8077,8099,8110,8136,8155,8161,8168,8173,8207,8215,8219,8223,8227,8243,8249,8265,8287,8303,8319,8328,8332,8339,8356,8360,8367,8377,8381,8388,8405,8421,8429,8433],{"__ignoreMap":3975},[4150,7871,7872,7874,7876,7878,7880,7882,7884,7886,7888,7890,7892,7894,7896],{"class":4152,"line":4153},[4150,7873,4430],{"class":4429},[4150,7875,4433],{"class":4313},[4150,7877,7854],{"class":4436},[4150,7879,3789],{"class":4313},[4150,7881,5065],{"class":4436},[4150,7883,3789],{"class":4313},[4150,7885,5404],{"class":4436},[4150,7887,3789],{"class":4313},[4150,7889,5074],{"class":4436},[4150,7891,4439],{"class":4313},[4150,7893,4442],{"class":4429},[4150,7895,5081],{"class":4326},[4150,7897,4448],{"class":4313},[4150,7899,7900],{"class":4152,"line":4159},[4150,7901,4175],{"emptyLinePlaceholder":4174},[4150,7903,7904,7906,7908,7910,7912,7914,7916],{"class":4152,"line":4165},[4150,7905,4430],{"class":4429},[4150,7907,4433],{"class":4313},[4150,7909,3942],{"class":4436},[4150,7911,4439],{"class":4313},[4150,7913,4442],{"class":4429},[4150,7915,4463],{"class":4326},[4150,7917,4448],{"class":4313},[4150,7919,7920],{"class":4152,"line":4171},[4150,7921,4175],{"emptyLinePlaceholder":4174},[4150,7923,7924,7926,7929],{"class":4152,"line":4178},[4150,7925,5112],{"class":4348},[4150,7927,7928],{"class":4880}," ButtonProps",[4150,7930,4595],{"class":4313},[4150,7932,7933,7936,7938,7940],{"class":4152,"line":4184},[4150,7934,7935],{"class":4436},"  label",[4150,7937,4323],{"class":4313},[4150,7939,6403],{"class":4880},[4150,7941,4448],{"class":4313},[4150,7943,7944,7947,7950,7953,7956],{"class":4152,"line":4190},[4150,7945,7946],{"class":5159},"  onPress",[4150,7948,7949],{"class":4313},": () ",[4150,7951,7952],{"class":4348},"=>",[4150,7954,7955],{"class":4880}," void",[4150,7957,4448],{"class":4313},[4150,7959,7960,7963,7965,7968],{"class":4152,"line":4196},[4150,7961,7962],{"class":4436},"  disabled",[4150,7964,5136],{"class":4313},[4150,7966,7967],{"class":4880},"boolean",[4150,7969,4448],{"class":4313},[4150,7971,7972,7974,7976,7978],{"class":4152,"line":4201},[4150,7973,5133],{"class":4436},[4150,7975,5136],{"class":4313},[4150,7977,5074],{"class":4880},[4150,7979,4448],{"class":4313},[4150,7981,7982],{"class":4152,"line":4207},[4150,7983,5145],{"class":4313},[4150,7985,7986],{"class":4152,"line":4213},[4150,7987,4175],{"emptyLinePlaceholder":4174},[4150,7989,7990,7992,7994,7997,7999,8002,8004,8007,8009,8012,8014,8017,8019,8021,8023,8026],{"class":4152,"line":4219},[4150,7991,4585],{"class":4429},[4150,7993,5156],{"class":4348},[4150,7995,7996],{"class":5159}," Button",[4150,7998,5163],{"class":4313},[4150,8000,8001],{"class":4436},"label",[4150,8003,3789],{"class":4313},[4150,8005,8006],{"class":4436},"onPress",[4150,8008,3789],{"class":4313},[4150,8010,8011],{"class":4436},"disabled",[4150,8013,4884],{"class":4313},[4150,8015,8016],{"class":4348},"false",[4150,8018,3789],{"class":4313},[4150,8020,5171],{"class":4436},[4150,8022,5174],{"class":4313},[4150,8024,8025],{"class":4880},"ButtonProps",[4150,8027,5180],{"class":4313},[4150,8029,8030,8032],{"class":4152,"line":4224},[4150,8031,5185],{"class":4429},[4150,8033,5670],{"class":4313},[4150,8035,8036,8038],{"class":4152,"line":4230},[4150,8037,5675],{"class":5188},[4150,8039,8040],{"class":4880},"Pressable\n",[4150,8042,8043,8046,8048],{"class":4152,"line":4236},[4150,8044,8045],{"class":5194},"      accessibilityRole",[4150,8047,5198],{"class":4313},[4150,8049,8050],{"class":4326},"\"button\"\n",[4150,8052,8053,8056,8058,8060,8062],{"class":4152,"line":4242},[4150,8054,8055],{"class":5194},"      disabled",[4150,8057,5198],{"class":4313},[4150,8059,5201],{"class":4348},[4150,8061,8011],{"class":4436},[4150,8063,4414],{"class":4348},[4150,8065,8066,8069,8071,8073,8075],{"class":4152,"line":4248},[4150,8067,8068],{"class":5194},"      onPress",[4150,8070,5198],{"class":4313},[4150,8072,5201],{"class":4348},[4150,8074,8006],{"class":4436},[4150,8076,4414],{"class":4348},[4150,8078,8079,8082,8084,8086,8088,8091,8094,8096],{"class":4152,"line":4254},[4150,8080,8081],{"class":5194},"      style",[4150,8083,5198],{"class":4313},[4150,8085,5201],{"class":4348},[4150,8087,5163],{"class":5204},[4150,8089,8090],{"class":4436},"pressed",[4150,8092,8093],{"class":5204}," }) ",[4150,8095,7952],{"class":4348},[4150,8097,8098],{"class":5204}," [\n",[4150,8100,8101,8104,8106,8108],{"class":4152,"line":4259},[4150,8102,8103],{"class":4436},"        styles",[4150,8105,3803],{"class":5204},[4150,8107,6519],{"class":4436},[4150,8109,4330],{"class":5204},[4150,8111,8112,8115,8117,8120,8122,8124,8126,8128,8130,8132,8134],{"class":4152,"line":4761},[4150,8113,8114],{"class":4436},"        pressed",[4150,8116,7318],{"class":4313},[4150,8118,8119],{"class":4313}," !",[4150,8121,8011],{"class":4436},[4150,8123,5727],{"class":4313},[4150,8125,5257],{"class":4436},[4150,8127,3803],{"class":5204},[4150,8129,8090],{"class":4436},[4150,8131,5733],{"class":4313},[4150,8133,7148],{"class":4348},[4150,8135,4330],{"class":5204},[4150,8137,8138,8141,8143,8145,8147,8149,8151,8153],{"class":4152,"line":4769},[4150,8139,8140],{"class":4436},"        disabled",[4150,8142,5727],{"class":4313},[4150,8144,5257],{"class":4436},[4150,8146,3803],{"class":5204},[4150,8148,8011],{"class":4436},[4150,8150,5733],{"class":4313},[4150,8152,7148],{"class":4348},[4150,8154,4330],{"class":5204},[4150,8156,8157,8159],{"class":4152,"line":4778},[4150,8158,5693],{"class":4436},[4150,8160,4330],{"class":5204},[4150,8162,8163,8166],{"class":4152,"line":4788},[4150,8164,8165],{"class":5204},"      ]",[4150,8167,4414],{"class":4348},[4150,8169,8170],{"class":4152,"line":4797},[4150,8171,8172],{"class":5188},"    >\n",[4150,8174,8175,8177,8179,8181,8183,8185,8187,8189,8191,8193,8195,8197,8199,8201,8203,8205],{"class":4152,"line":4802},[4150,8176,5685],{"class":5188},[4150,8178,5404],{"class":4880},[4150,8180,5195],{"class":5194},[4150,8182,5198],{"class":4313},[4150,8184,5201],{"class":4348},[4150,8186,5208],{"class":4436},[4150,8188,3803],{"class":5204},[4150,8190,8001],{"class":4436},[4150,8192,5223],{"class":4348},[4150,8194,5226],{"class":5188},[4150,8196,5201],{"class":4348},[4150,8198,8001],{"class":4436},[4150,8200,5223],{"class":4348},[4150,8202,5235],{"class":5188},[4150,8204,5404],{"class":4880},[4150,8206,5680],{"class":5188},[4150,8208,8209,8211,8213],{"class":4152,"line":4810},[4150,8210,5950],{"class":5188},[4150,8212,7854],{"class":4880},[4150,8214,5680],{"class":5188},[4150,8216,8217],{"class":4152,"line":4820},[4150,8218,5960],{"class":4313},[4150,8220,8221],{"class":4152,"line":4829},[4150,8222,4414],{"class":4313},[4150,8224,8225],{"class":4152,"line":4839},[4150,8226,4175],{"emptyLinePlaceholder":4174},[4150,8228,8229,8231,8233,8235,8237,8239,8241],{"class":4152,"line":4849},[4150,8230,5254],{"class":4348},[4150,8232,5257],{"class":4591},[4150,8234,4884],{"class":4313},[4150,8236,5065],{"class":4436},[4150,8238,3803],{"class":4313},[4150,8240,5266],{"class":5159},[4150,8242,5269],{"class":4313},[4150,8244,8245,8247],{"class":4152,"line":4854},[4150,8246,6606],{"class":4436},[4150,8248,4603],{"class":4313},[4150,8250,8251,8253,8255,8257,8259,8261,8263],{"class":4152,"line":4867},[4150,8252,5291],{"class":4436},[4150,8254,4592],{"class":4436},[4150,8256,3803],{"class":4313},[4150,8258,4896],{"class":4436},[4150,8260,3803],{"class":4313},[4150,8262,4904],{"class":4436},[4150,8264,4330],{"class":4313},[4150,8266,8267,8269,8271,8273,8275,8277,8279,8282,8285],{"class":4152,"line":4872},[4150,8268,5326],{"class":4436},[4150,8270,4592],{"class":4436},[4150,8272,3803],{"class":4313},[4150,8274,4915],{"class":4436},[4150,8276,3803],{"class":4313},[4150,8278,6132],{"class":4436},[4150,8280,8281],{"class":4313}," + ",[4150,8283,8284],{"class":4711},"4",[4150,8286,4330],{"class":4313},[4150,8288,8289,8291,8293,8295,8297,8299,8301],{"class":4152,"line":5793},[4150,8290,5308],{"class":4436},[4150,8292,4592],{"class":4436},[4150,8294,3803],{"class":4313},[4150,8296,4915],{"class":4436},[4150,8298,3803],{"class":4313},[4150,8300,5319],{"class":4436},[4150,8302,4330],{"class":4313},[4150,8304,8305,8307,8309,8311,8313,8315,8317],{"class":4152,"line":5848},[4150,8306,6074],{"class":4436},[4150,8308,4592],{"class":4436},[4150,8310,3803],{"class":4313},[4150,8312,6081],{"class":4436},[4150,8314,3803],{"class":4313},[4150,8316,5319],{"class":4436},[4150,8318,4330],{"class":4313},[4150,8320,8321,8324,8326],{"class":4152,"line":5854},[4150,8322,8323],{"class":4436},"    alignItems:",[4150,8325,7598],{"class":4326},[4150,8327,4330],{"class":4313},[4150,8329,8330],{"class":4152,"line":5864},[4150,8331,4382],{"class":4313},[4150,8333,8334,8337],{"class":4152,"line":5916},[4150,8335,8336],{"class":4436},"  pressed:",[4150,8338,4603],{"class":4313},[4150,8340,8341,8343,8345,8347,8349,8351,8354],{"class":4152,"line":5922},[4150,8342,5291],{"class":4436},[4150,8344,4592],{"class":4436},[4150,8346,3803],{"class":4313},[4150,8348,4896],{"class":4436},[4150,8350,3803],{"class":4313},[4150,8352,8353],{"class":4436},"primaryPressed",[4150,8355,4330],{"class":4313},[4150,8357,8358],{"class":4152,"line":5928},[4150,8359,4382],{"class":4313},[4150,8361,8362,8365],{"class":4152,"line":5937},[4150,8363,8364],{"class":4436},"  disabled:",[4150,8366,4603],{"class":4313},[4150,8368,8369,8372,8375],{"class":4152,"line":5947},[4150,8370,8371],{"class":4436},"    opacity:",[4150,8373,8374],{"class":4711}," 0.5",[4150,8376,4330],{"class":4313},[4150,8378,8379],{"class":4152,"line":5957},[4150,8380,4382],{"class":4313},[4150,8382,8383,8386],{"class":4152,"line":5963},[4150,8384,8385],{"class":4436},"  label:",[4150,8387,4603],{"class":4313},[4150,8389,8390,8392,8394,8396,8398,8400,8403],{"class":4152,"line":5968},[4150,8391,6613],{"class":4436},[4150,8393,4592],{"class":4436},[4150,8395,3803],{"class":4313},[4150,8397,4896],{"class":4436},[4150,8399,3803],{"class":4313},[4150,8401,8402],{"class":4436},"onPrimary",[4150,8404,4330],{"class":4313},[4150,8406,8407,8409,8411,8413,8415,8417,8419],{"class":4152,"line":5973},[4150,8408,6153],{"class":4436},[4150,8410,4592],{"class":4436},[4150,8412,3803],{"class":4313},[4150,8414,6242],{"class":4436},[4150,8416,3803],{"class":4313},[4150,8418,5319],{"class":4436},[4150,8420,4330],{"class":4313},[4150,8422,8423,8425,8427],{"class":4152,"line":5990},[4150,8424,6164],{"class":4436},[4150,8426,6737],{"class":4326},[4150,8428,4330],{"class":4313},[4150,8430,8431],{"class":4152,"line":5998},[4150,8432,4382],{"class":4313},[4150,8434,8435],{"class":4152,"line":6007},[4150,8436,5348],{"class":4313},[4084,8438,8439,8442,8447],{},[4087,8440,8441],{"name":8001,"type":6403},"Текст кнопки українською, наприклад «Нова поїздка». Поки рядок передається пропсом; винесення всіх рядків у словник i18n — пізніше.",[4087,8443,8446],{"name":8444,"type":8445},"accessibilityRole","a11y","Підказка для скрінрідера: це кнопка. Повний прохід доступності — в окремій статті; звичка ставити роль — корисна з першого примітива.",[4087,8448,8450,8451,8453],{"name":8090,"type":8449},"стан Pressable","Функція в ",[3760,8452,5171],{}," отримує, чи палець зараз натиснутий — можна змінити колір без окремого state.",[3743,8455,8456,8457,4301],{},"За бажанням ",[3760,8458,8459],{},"src\u002Fshared\u002Fui\u002Findex.ts",[3969,8461,8463],{"className":4420,"code":8462,"language":4422,"meta":3975,"style":3975},"export { AppText } from '.\u002FAppText';\nexport { Button } from '.\u002FButton';\nexport { Screen } from '.\u002FScreen';\n",[3760,8464,8465,8482,8499],{"__ignoreMap":3975},[4150,8466,8467,8469,8471,8473,8475,8477,8480],{"class":4152,"line":4153},[4150,8468,4585],{"class":4429},[4150,8470,4433],{"class":4313},[4150,8472,3871],{"class":4436},[4150,8474,4439],{"class":4313},[4150,8476,4442],{"class":4429},[4150,8478,8479],{"class":4326}," '.\u002FAppText'",[4150,8481,4448],{"class":4313},[4150,8483,8484,8486,8488,8490,8492,8494,8497],{"class":4152,"line":4159},[4150,8485,4585],{"class":4429},[4150,8487,4433],{"class":4313},[4150,8489,3876],{"class":4436},[4150,8491,4439],{"class":4313},[4150,8493,4442],{"class":4429},[4150,8495,8496],{"class":4326}," '.\u002FButton'",[4150,8498,4448],{"class":4313},[4150,8500,8501,8503,8505,8507,8509,8511,8514],{"class":4152,"line":4165},[4150,8502,4585],{"class":4429},[4150,8504,4433],{"class":4313},[4150,8506,3866],{"class":4436},[4150,8508,4439],{"class":4313},[4150,8510,4442],{"class":4429},[4150,8512,8513],{"class":4326}," '.\u002FScreen'",[4150,8515,4448],{"class":4313},[3964,8517,8519],{"id":8518},"кнопка-вживу-primary-pressed-disabled","Кнопка вживу: primary, pressed, disabled",[3743,8521,8522,8523,8525,8526,3803],{},"Натисніть «Нова поїздка» — лічильник і колір покажуть ",[3760,8524,8090],{},". Друга кнопка навмисно ",[3760,8527,8011],{},[5382,8529,8533],{"device":8530,"filename":8531,"title":8532},"android","ButtonDemo.tsx","Button — Pressable + tokens",[3969,8534,8536],{"className":5034,"code":8535,"language":5036,"meta":3975,"style":3975},"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",[3760,8537,8538,8555,8587,8591,8599,8605,8613,8621,8629,8637,8645,8653,8657,8681,8693,8705,8709,8713,8721,8727,8733,8743,8747,8757,8769,8779,8783,8789,8795,8803,8815,8827,8845,8855,8879,8897,8903,8907,8941,8949,8953,8957,8961,8973,9002,9014,9030,9034,9040,9078,9127,9138,9146,9195,9210,9218,9273,9306,9314,9318,9322,9326,9342,9348,9356,9372,9388,9396,9412,9416,9423,9431,9439,9443,9450,9458,9466,9483,9487,9493,9509,9529,9545,9561,9569,9573,9580,9597,9602,9609,9618,9623,9630,9647,9664,9673,9678],{"__ignoreMap":3975},[4150,8539,8540,8542,8544,8547,8549,8551,8553],{"class":4152,"line":4153},[4150,8541,4430],{"class":4429},[4150,8543,4433],{"class":4313},[4150,8545,8546],{"class":4436},"useState",[4150,8548,4439],{"class":4313},[4150,8550,4442],{"class":4429},[4150,8552,5054],{"class":4326},[4150,8554,4448],{"class":4313},[4150,8556,8557,8559,8561,8563,8565,8567,8569,8571,8573,8575,8577,8579,8581,8583,8585],{"class":4152,"line":4159},[4150,8558,4430],{"class":4429},[4150,8560,4433],{"class":4313},[4150,8562,5021],{"class":4436},[4150,8564,3789],{"class":4313},[4150,8566,5404],{"class":4436},[4150,8568,3789],{"class":4313},[4150,8570,7854],{"class":4436},[4150,8572,3789],{"class":4313},[4150,8574,5065],{"class":4436},[4150,8576,3789],{"class":4313},[4150,8578,5413],{"class":4436},[4150,8580,4439],{"class":4313},[4150,8582,4442],{"class":4429},[4150,8584,5081],{"class":4326},[4150,8586,4448],{"class":4313},[4150,8588,8589],{"class":4152,"line":4165},[4150,8590,4175],{"emptyLinePlaceholder":4174},[4150,8592,8593,8595,8597],{"class":4152,"line":4171},[4150,8594,5254],{"class":4348},[4150,8596,4592],{"class":4591},[4150,8598,4595],{"class":4313},[4150,8600,8601,8603],{"class":4152,"line":4178},[4150,8602,4600],{"class":4436},[4150,8604,4603],{"class":4313},[4150,8606,8607,8609,8611],{"class":4152,"line":4184},[4150,8608,4608],{"class":4436},[4150,8610,4611],{"class":4326},[4150,8612,4330],{"class":4313},[4150,8614,8615,8617,8619],{"class":4152,"line":4190},[4150,8616,4628],{"class":4436},[4150,8618,4631],{"class":4326},[4150,8620,4330],{"class":4313},[4150,8622,8623,8625,8627],{"class":4152,"line":4196},[4150,8624,4638],{"class":4436},[4150,8626,4641],{"class":4326},[4150,8628,4330],{"class":4313},[4150,8630,8631,8633,8635],{"class":4152,"line":4201},[4150,8632,4648],{"class":4436},[4150,8634,4651],{"class":4326},[4150,8636,4330],{"class":4313},[4150,8638,8639,8641,8643],{"class":4152,"line":4207},[4150,8640,4658],{"class":4436},[4150,8642,4661],{"class":4326},[4150,8644,4330],{"class":4313},[4150,8646,8647,8649,8651],{"class":4152,"line":4213},[4150,8648,4688],{"class":4436},[4150,8650,4621],{"class":4326},[4150,8652,4330],{"class":4313},[4150,8654,8655],{"class":4152,"line":4219},[4150,8656,4382],{"class":4313},[4150,8658,8659,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679],{"class":4152,"line":4224},[4150,8660,4701],{"class":4436},[4150,8662,4433],{"class":4313},[4150,8664,5499],{"class":4436},[4150,8666,4722],{"class":4711},[4150,8668,3789],{"class":4313},[4150,8670,5506],{"class":4436},[4150,8672,4732],{"class":4711},[4150,8674,3789],{"class":4313},[4150,8676,5513],{"class":4436},[4150,8678,4742],{"class":4711},[4150,8680,5518],{"class":4313},[4150,8682,8683,8685,8687,8689,8691],{"class":4152,"line":4230},[4150,8684,4764],{"class":4436},[4150,8686,4433],{"class":4313},[4150,8688,5506],{"class":4436},[4150,8690,4783],{"class":4711},[4150,8692,5518],{"class":4313},[4150,8694,8695,8697,8699,8701,8703],{"class":4152,"line":4236},[4150,8696,4805],{"class":4436},[4150,8698,4433],{"class":4313},[4150,8700,5506],{"class":4436},[4150,8702,4732],{"class":4711},[4150,8704,5518],{"class":4313},[4150,8706,8707],{"class":4152,"line":4242},[4150,8708,5145],{"class":4313},[4150,8710,8711],{"class":4152,"line":4248},[4150,8712,4175],{"emptyLinePlaceholder":4174},[4150,8714,8715,8717,8719],{"class":4152,"line":4254},[4150,8716,5543],{"class":4348},[4150,8718,7996],{"class":5159},[4150,8720,5269],{"class":4313},[4150,8722,8723,8725],{"class":4152,"line":4259},[4150,8724,7935],{"class":4436},[4150,8726,4330],{"class":4313},[4150,8728,8729,8731],{"class":4152,"line":4761},[4150,8730,7946],{"class":4436},[4150,8732,4330],{"class":4313},[4150,8734,8735,8737,8739,8741],{"class":4152,"line":4769},[4150,8736,7962],{"class":4436},[4150,8738,4884],{"class":4313},[4150,8740,8016],{"class":4348},[4150,8742,4330],{"class":4313},[4150,8744,8745],{"class":4152,"line":4778},[4150,8746,7060],{"class":4313},[4150,8748,8749,8751,8753,8755],{"class":4152,"line":4788},[4150,8750,7935],{"class":4436},[4150,8752,4323],{"class":4313},[4150,8754,6403],{"class":4880},[4150,8756,4448],{"class":4313},[4150,8758,8759,8761,8763,8765,8767],{"class":4152,"line":4797},[4150,8760,7946],{"class":5159},[4150,8762,7949],{"class":4313},[4150,8764,7952],{"class":4348},[4150,8766,7955],{"class":4880},[4150,8768,4448],{"class":4313},[4150,8770,8771,8773,8775,8777],{"class":4152,"line":4802},[4150,8772,7962],{"class":4436},[4150,8774,5136],{"class":4313},[4150,8776,7967],{"class":4880},[4150,8778,4448],{"class":4313},[4150,8780,8781],{"class":4152,"line":4810},[4150,8782,7096],{"class":4313},[4150,8784,8785,8787],{"class":4152,"line":4820},[4150,8786,5185],{"class":4429},[4150,8788,5670],{"class":4313},[4150,8790,8791,8793],{"class":4152,"line":4829},[4150,8792,5675],{"class":5188},[4150,8794,8040],{"class":4880},[4150,8796,8797,8799,8801],{"class":4152,"line":4839},[4150,8798,8045],{"class":5194},[4150,8800,5198],{"class":4313},[4150,8802,8050],{"class":4326},[4150,8804,8805,8807,8809,8811,8813],{"class":4152,"line":4849},[4150,8806,8055],{"class":5194},[4150,8808,5198],{"class":4313},[4150,8810,5201],{"class":4348},[4150,8812,8011],{"class":4436},[4150,8814,4414],{"class":4348},[4150,8816,8817,8819,8821,8823,8825],{"class":4152,"line":4854},[4150,8818,8068],{"class":5194},[4150,8820,5198],{"class":4313},[4150,8822,5201],{"class":4348},[4150,8824,8006],{"class":4436},[4150,8826,4414],{"class":4348},[4150,8828,8829,8831,8833,8835,8837,8839,8841,8843],{"class":4152,"line":4867},[4150,8830,8081],{"class":5194},[4150,8832,5198],{"class":4313},[4150,8834,5201],{"class":4348},[4150,8836,5163],{"class":5204},[4150,8838,8090],{"class":4436},[4150,8840,8093],{"class":5204},[4150,8842,7952],{"class":4348},[4150,8844,8098],{"class":5204},[4150,8846,8847,8849,8851,8853],{"class":4152,"line":4872},[4150,8848,8103],{"class":4436},[4150,8850,3803],{"class":5204},[4150,8852,6519],{"class":4436},[4150,8854,4330],{"class":5204},[4150,8856,8857,8859,8861,8863,8865,8867,8869,8871,8873,8875,8877],{"class":4152,"line":5793},[4150,8858,8114],{"class":4436},[4150,8860,7318],{"class":4313},[4150,8862,8119],{"class":4313},[4150,8864,8011],{"class":4436},[4150,8866,5727],{"class":4313},[4150,8868,5257],{"class":4436},[4150,8870,3803],{"class":5204},[4150,8872,8090],{"class":4436},[4150,8874,5733],{"class":4313},[4150,8876,7148],{"class":4348},[4150,8878,4330],{"class":5204},[4150,8880,8881,8883,8885,8887,8889,8891,8893,8895],{"class":4152,"line":5848},[4150,8882,8140],{"class":4436},[4150,8884,5727],{"class":4313},[4150,8886,5257],{"class":4436},[4150,8888,3803],{"class":5204},[4150,8890,8011],{"class":4436},[4150,8892,5733],{"class":4313},[4150,8894,7148],{"class":4348},[4150,8896,4330],{"class":5204},[4150,8898,8899,8901],{"class":4152,"line":5854},[4150,8900,8165],{"class":5204},[4150,8902,4414],{"class":4348},[4150,8904,8905],{"class":4152,"line":5864},[4150,8906,8172],{"class":5188},[4150,8908,8909,8911,8913,8915,8917,8919,8921,8923,8925,8927,8929,8931,8933,8935,8937,8939],{"class":4152,"line":5916},[4150,8910,5685],{"class":5188},[4150,8912,5404],{"class":4880},[4150,8914,5195],{"class":5194},[4150,8916,5198],{"class":4313},[4150,8918,5201],{"class":4348},[4150,8920,5208],{"class":4436},[4150,8922,3803],{"class":5204},[4150,8924,8001],{"class":4436},[4150,8926,5223],{"class":4348},[4150,8928,5226],{"class":5188},[4150,8930,5201],{"class":4348},[4150,8932,8001],{"class":4436},[4150,8934,5223],{"class":4348},[4150,8936,5235],{"class":5188},[4150,8938,5404],{"class":4880},[4150,8940,5680],{"class":5188},[4150,8942,8943,8945,8947],{"class":4152,"line":5922},[4150,8944,5950],{"class":5188},[4150,8946,7854],{"class":4880},[4150,8948,5680],{"class":5188},[4150,8950,8951],{"class":4152,"line":5928},[4150,8952,5960],{"class":4313},[4150,8954,8955],{"class":4152,"line":5937},[4150,8956,4414],{"class":4313},[4150,8958,8959],{"class":4152,"line":5947},[4150,8960,4175],{"emptyLinePlaceholder":4174},[4150,8962,8963,8965,8967,8969,8971],{"class":4152,"line":5957},[4150,8964,4585],{"class":4429},[4150,8966,5616],{"class":4429},[4150,8968,5156],{"class":4348},[4150,8970,5621],{"class":5159},[4150,8972,5624],{"class":4313},[4150,8974,8975,8977,8980,8983,8985,8988,8991,8993,8996,8999],{"class":4152,"line":5963},[4150,8976,5629],{"class":4348},[4150,8978,8979],{"class":4313}," [",[4150,8981,8982],{"class":4591},"taps",[4150,8984,3789],{"class":4313},[4150,8986,8987],{"class":4591},"setTaps",[4150,8989,8990],{"class":4313},"] = ",[4150,8992,8546],{"class":5159},[4150,8994,8995],{"class":4313},"(",[4150,8997,8998],{"class":4711},"0",[4150,9000,9001],{"class":4313},");\n",[4150,9003,9004,9006,9008,9010,9012],{"class":4152,"line":5968},[4150,9005,5629],{"class":4348},[4150,9007,5632],{"class":4591},[4150,9009,4884],{"class":4313},[4150,9011,5413],{"class":5159},[4150,9013,5639],{"class":4313},[4150,9015,9016,9018,9020,9022,9024,9026,9028],{"class":4152,"line":5973},[4150,9017,5629],{"class":4348},[4150,9019,5646],{"class":4591},[4150,9021,4884],{"class":4313},[4150,9023,5651],{"class":4436},[4150,9025,5654],{"class":4313},[4150,9027,5657],{"class":4326},[4150,9029,4448],{"class":4313},[4150,9031,9032],{"class":4152,"line":5990},[4150,9033,4175],{"emptyLinePlaceholder":4174},[4150,9035,9036,9038],{"class":4152,"line":5998},[4150,9037,5185],{"class":4429},[4150,9039,5670],{"class":4313},[4150,9041,9042,9044,9046,9048,9050,9052,9054,9056,9058,9060,9062,9064,9066,9068,9070,9072,9074,9076],{"class":4152,"line":6007},[4150,9043,5675],{"class":5188},[4150,9045,5021],{"class":4880},[4150,9047,5195],{"class":5194},[4150,9049,5198],{"class":4313},[4150,9051,5201],{"class":4348},[4150,9053,5205],{"class":5204},[4150,9055,5208],{"class":4436},[4150,9057,3803],{"class":5204},[4150,9059,5583],{"class":4436},[4150,9061,3789],{"class":5204},[4150,9063,7230],{"class":4436},[4150,9065,7318],{"class":4313},[4150,9067,4433],{"class":5204},[4150,9069,7323],{"class":4436},[4150,9071,7326],{"class":4326},[4150,9073,5841],{"class":5204},[4150,9075,5223],{"class":4348},[4150,9077,5680],{"class":5188},[4150,9079,9080,9082,9084,9086,9088,9090,9092,9094,9096,9099,9101,9103,9105,9107,9109,9111,9113,9115,9117,9119,9121,9123,9125],{"class":4152,"line":6024},[4150,9081,5685],{"class":5188},[4150,9083,5404],{"class":4880},[4150,9085,5195],{"class":5194},[4150,9087,5198],{"class":4313},[4150,9089,5201],{"class":4348},[4150,9091,5205],{"class":5204},[4150,9093,5208],{"class":4436},[4150,9095,3803],{"class":5204},[4150,9097,9098],{"class":4436},"heading",[4150,9100,5816],{"class":5204},[4150,9102,5819],{"class":4436},[4150,9104,5646],{"class":4436},[4150,9106,5727],{"class":4313},[4150,9108,5826],{"class":4326},[4150,9110,5733],{"class":4313},[4150,9112,4592],{"class":4436},[4150,9114,3803],{"class":5204},[4150,9116,4896],{"class":4436},[4150,9118,3803],{"class":5204},[4150,9120,3974],{"class":4436},[4150,9122,5841],{"class":5204},[4150,9124,5223],{"class":4348},[4150,9126,5680],{"class":5188},[4150,9128,9129,9132,9134,9136],{"class":4152,"line":6041},[4150,9130,9131],{"class":4313},"        Натискань: ",[4150,9133,5201],{"class":4348},[4150,9135,8982],{"class":4436},[4150,9137,4414],{"class":4348},[4150,9139,9140,9142,9144],{"class":4152,"line":6058},[4150,9141,5940],{"class":5188},[4150,9143,5404],{"class":4880},[4150,9145,5680],{"class":5188},[4150,9147,9148,9150,9152,9154,9156,9158,9160,9162,9164,9167,9169,9171,9173,9175,9177,9179,9181,9183,9185,9187,9189,9191,9193],{"class":4152,"line":6063},[4150,9149,5685],{"class":5188},[4150,9151,5404],{"class":4880},[4150,9153,5195],{"class":5194},[4150,9155,5198],{"class":4313},[4150,9157,5201],{"class":4348},[4150,9159,5205],{"class":5204},[4150,9161,5208],{"class":4436},[4150,9163,3803],{"class":5204},[4150,9165,9166],{"class":4436},"hint",[4150,9168,5816],{"class":5204},[4150,9170,5819],{"class":4436},[4150,9172,5646],{"class":4436},[4150,9174,5727],{"class":4313},[4150,9176,5894],{"class":4326},[4150,9178,5733],{"class":4313},[4150,9180,4592],{"class":4436},[4150,9182,3803],{"class":5204},[4150,9184,4896],{"class":4436},[4150,9186,3803],{"class":5204},[4150,9188,5907],{"class":4436},[4150,9190,5841],{"class":5204},[4150,9192,5223],{"class":4348},[4150,9194,5680],{"class":5188},[4150,9196,9197,9200,9202,9205,9207],{"class":4152,"line":6071},[4150,9198,9199],{"class":4313},"        style як функція від ",[4150,9201,5201],{"class":4348},[4150,9203,9204],{"class":4326},"'{ pressed }'",[4150,9206,5223],{"class":4348},[4150,9208,9209],{"class":4313}," — без окремого useState для «втоплення».\n",[4150,9211,9212,9214,9216],{"class":4152,"line":6090},[4150,9213,5940],{"class":5188},[4150,9215,5404],{"class":4880},[4150,9217,5680],{"class":5188},[4150,9219,9220,9222,9224,9227,9229,9232,9235,9237,9239,9242,9244,9247,9250,9253,9256,9258,9261,9264,9266,9268,9270],{"class":4152,"line":6100},[4150,9221,5685],{"class":5188},[4150,9223,3876],{"class":4880},[4150,9225,9226],{"class":5194}," label",[4150,9228,5198],{"class":4313},[4150,9230,9231],{"class":4326},"\"Нова поїздка\"",[4150,9233,9234],{"class":5194}," onPress",[4150,9236,5198],{"class":4313},[4150,9238,5201],{"class":4348},[4150,9240,9241],{"class":5204},"() ",[4150,9243,7952],{"class":4348},[4150,9245,9246],{"class":5159}," setTaps",[4150,9248,9249],{"class":5204},"((",[4150,9251,9252],{"class":4436},"n",[4150,9254,9255],{"class":5204},") ",[4150,9257,7952],{"class":4348},[4150,9259,9260],{"class":4436}," n",[4150,9262,9263],{"class":4313}," +",[4150,9265,5284],{"class":4711},[4150,9267,4271],{"class":5204},[4150,9269,5223],{"class":4348},[4150,9271,9272],{"class":5188}," \u002F>\n",[4150,9274,9275,9277,9279,9281,9283,9286,9288,9290,9292,9294,9296,9299,9301,9304],{"class":4152,"line":6118},[4150,9276,5685],{"class":5188},[4150,9278,3876],{"class":4880},[4150,9280,9226],{"class":5194},[4150,9282,5198],{"class":4313},[4150,9284,9285],{"class":4326},"\"Недоступно\"",[4150,9287,9234],{"class":5194},[4150,9289,5198],{"class":4313},[4150,9291,5201],{"class":4348},[4150,9293,9241],{"class":5204},[4150,9295,7952],{"class":4348},[4150,9297,9298],{"class":5204}," {}",[4150,9300,5223],{"class":4348},[4150,9302,9303],{"class":5194}," disabled",[4150,9305,9272],{"class":5188},[4150,9307,9308,9310,9312],{"class":4152,"line":6137},[4150,9309,5950],{"class":5188},[4150,9311,5021],{"class":4880},[4150,9313,5680],{"class":5188},[4150,9315,9316],{"class":4152,"line":6142},[4150,9317,5960],{"class":4313},[4150,9319,9320],{"class":4152,"line":6150},[4150,9321,4414],{"class":4313},[4150,9323,9324],{"class":4152,"line":6161},[4150,9325,4175],{"emptyLinePlaceholder":4174},[4150,9327,9328,9330,9332,9334,9336,9338,9340],{"class":4152,"line":6172},[4150,9329,5254],{"class":4348},[4150,9331,5257],{"class":4591},[4150,9333,4884],{"class":4313},[4150,9335,5065],{"class":4436},[4150,9337,3803],{"class":4313},[4150,9339,5266],{"class":5159},[4150,9341,5269],{"class":4313},[4150,9343,9344,9346],{"class":4152,"line":6177},[4150,9345,5993],{"class":4436},[4150,9347,4603],{"class":4313},[4150,9349,9350,9352,9354],{"class":4152,"line":6185},[4150,9351,5281],{"class":4436},[4150,9353,5284],{"class":4711},[4150,9355,4330],{"class":4313},[4150,9357,9358,9360,9362,9364,9366,9368,9370],{"class":4152,"line":6195},[4150,9359,5291],{"class":4436},[4150,9361,4592],{"class":4436},[4150,9363,3803],{"class":4313},[4150,9365,4896],{"class":4436},[4150,9367,3803],{"class":4313},[4150,9369,4911],{"class":4436},[4150,9371,4330],{"class":4313},[4150,9373,9374,9376,9378,9380,9382,9384,9386],{"class":4152,"line":6205},[4150,9375,6103],{"class":4436},[4150,9377,4592],{"class":4436},[4150,9379,3803],{"class":4313},[4150,9381,4915],{"class":4436},[4150,9383,3803],{"class":4313},[4150,9385,5337],{"class":4436},[4150,9387,4330],{"class":4313},[4150,9389,9390,9392,9394],{"class":4152,"line":6210},[4150,9391,7595],{"class":4436},[4150,9393,7598],{"class":4326},[4150,9395,4330],{"class":4313},[4150,9397,9398,9400,9402,9404,9406,9408,9410],{"class":4152,"line":7663},[4150,9399,6121],{"class":4436},[4150,9401,4592],{"class":4436},[4150,9403,3803],{"class":4313},[4150,9405,4915],{"class":4436},[4150,9407,3803],{"class":4313},[4150,9409,5319],{"class":4436},[4150,9411,4330],{"class":4313},[4150,9413,9414],{"class":4152,"line":7672},[4150,9415,4382],{"class":4313},[4150,9417,9418,9421],{"class":4152,"line":7677},[4150,9419,9420],{"class":4436},"  heading:",[4150,9422,4603],{"class":4313},[4150,9424,9425,9427,9429],{"class":4152,"line":7684},[4150,9426,6153],{"class":4436},[4150,9428,4844],{"class":4711},[4150,9430,4330],{"class":4313},[4150,9432,9433,9435,9437],{"class":4152,"line":7701},[4150,9434,6164],{"class":4436},[4150,9436,6167],{"class":4326},[4150,9438,4330],{"class":4313},[4150,9440,9441],{"class":4152,"line":7710},[4150,9442,4382],{"class":4313},[4150,9444,9445,9448],{"class":4152,"line":7719},[4150,9446,9447],{"class":4436},"  hint:",[4150,9449,4603],{"class":4313},[4150,9451,9452,9454,9456],{"class":4152,"line":7724},[4150,9453,6153],{"class":4436},[4150,9455,4815],{"class":4711},[4150,9457,4330],{"class":4313},[4150,9459,9460,9462,9464],{"class":4152,"line":7731},[4150,9461,6198],{"class":4436},[4150,9463,4834],{"class":4711},[4150,9465,4330],{"class":4313},[4150,9467,9468,9471,9473,9475,9477,9479,9481],{"class":4152,"line":7748},[4150,9469,9470],{"class":4436},"    marginBottom:",[4150,9472,4592],{"class":4436},[4150,9474,3803],{"class":4313},[4150,9476,4915],{"class":4436},[4150,9478,3803],{"class":4313},[4150,9480,6132],{"class":4436},[4150,9482,4330],{"class":4313},[4150,9484,9485],{"class":4152,"line":7757},[4150,9486,4382],{"class":4313},[4150,9488,9489,9491],{"class":4152,"line":7775},[4150,9490,6606],{"class":4436},[4150,9492,4603],{"class":4313},[4150,9494,9495,9497,9499,9501,9503,9505,9507],{"class":4152,"line":7780},[4150,9496,5291],{"class":4436},[4150,9498,4592],{"class":4436},[4150,9500,3803],{"class":4313},[4150,9502,4896],{"class":4436},[4150,9504,3803],{"class":4313},[4150,9506,4904],{"class":4436},[4150,9508,4330],{"class":4313},[4150,9510,9511,9513,9515,9517,9519,9521,9523,9525,9527],{"class":4152,"line":7787},[4150,9512,5326],{"class":4436},[4150,9514,4592],{"class":4436},[4150,9516,3803],{"class":4313},[4150,9518,4915],{"class":4436},[4150,9520,3803],{"class":4313},[4150,9522,6132],{"class":4436},[4150,9524,8281],{"class":4313},[4150,9526,8284],{"class":4711},[4150,9528,4330],{"class":4313},[4150,9530,9531,9533,9535,9537,9539,9541,9543],{"class":4152,"line":7804},[4150,9532,5308],{"class":4436},[4150,9534,4592],{"class":4436},[4150,9536,3803],{"class":4313},[4150,9538,4915],{"class":4436},[4150,9540,3803],{"class":4313},[4150,9542,5319],{"class":4436},[4150,9544,4330],{"class":4313},[4150,9546,9547,9549,9551,9553,9555,9557,9559],{"class":4152,"line":7813},[4150,9548,6074],{"class":4436},[4150,9550,4592],{"class":4436},[4150,9552,3803],{"class":4313},[4150,9554,6081],{"class":4436},[4150,9556,3803],{"class":4313},[4150,9558,5319],{"class":4436},[4150,9560,4330],{"class":4313},[4150,9562,9563,9565,9567],{"class":4152,"line":7831},[4150,9564,8323],{"class":4436},[4150,9566,7598],{"class":4326},[4150,9568,4330],{"class":4313},[4150,9570,9571],{"class":4152,"line":7836},[4150,9572,4382],{"class":4313},[4150,9574,9576,9578],{"class":4152,"line":9575},86,[4150,9577,8336],{"class":4436},[4150,9579,4603],{"class":4313},[4150,9581,9583,9585,9587,9589,9591,9593,9595],{"class":4152,"line":9582},87,[4150,9584,5291],{"class":4436},[4150,9586,4592],{"class":4436},[4150,9588,3803],{"class":4313},[4150,9590,4896],{"class":4436},[4150,9592,3803],{"class":4313},[4150,9594,8353],{"class":4436},[4150,9596,4330],{"class":4313},[4150,9598,9600],{"class":4152,"line":9599},88,[4150,9601,4382],{"class":4313},[4150,9603,9605,9607],{"class":4152,"line":9604},89,[4150,9606,8364],{"class":4436},[4150,9608,4603],{"class":4313},[4150,9610,9612,9614,9616],{"class":4152,"line":9611},90,[4150,9613,8371],{"class":4436},[4150,9615,8374],{"class":4711},[4150,9617,4330],{"class":4313},[4150,9619,9621],{"class":4152,"line":9620},91,[4150,9622,4382],{"class":4313},[4150,9624,9626,9628],{"class":4152,"line":9625},92,[4150,9627,8385],{"class":4436},[4150,9629,4603],{"class":4313},[4150,9631,9633,9635,9637,9639,9641,9643,9645],{"class":4152,"line":9632},93,[4150,9634,6613],{"class":4436},[4150,9636,4592],{"class":4436},[4150,9638,3803],{"class":4313},[4150,9640,4896],{"class":4436},[4150,9642,3803],{"class":4313},[4150,9644,8402],{"class":4436},[4150,9646,4330],{"class":4313},[4150,9648,9650,9652,9654,9656,9658,9660,9662],{"class":4152,"line":9649},94,[4150,9651,6153],{"class":4436},[4150,9653,4592],{"class":4436},[4150,9655,3803],{"class":4313},[4150,9657,6242],{"class":4436},[4150,9659,3803],{"class":4313},[4150,9661,5319],{"class":4436},[4150,9663,4330],{"class":4313},[4150,9665,9667,9669,9671],{"class":4152,"line":9666},95,[4150,9668,6164],{"class":4436},[4150,9670,6737],{"class":4326},[4150,9672,4330],{"class":4313},[4150,9674,9676],{"class":4152,"line":9675},96,[4150,9677,4382],{"class":4313},[4150,9679,9681],{"class":4152,"line":9680},97,[4150,9682,5348],{"class":4313},[3948,9684],{},[3738,9686,9688],{"id":9687},"зібрати-домашній-екран-nomad","Зібрати домашній екран Nomad",[3743,9690,9691,9692,9694,9695,9698,9699,9702],{},"Оновіть ",[3760,9693,4099],{}," (шлях може бути ",[3760,9696,9697],{},"app\u002F(tabs)\u002Findex.tsx"," у вашому шаблоні — важливий ",[3747,9700,9701],{},"домашній"," екран). Мета: тонкий маршрут + примітиви + українські рядки.",[3969,9704,9706],{"className":5034,"code":9705,"language":5036,"meta":3975,"style":3975},"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",[3760,9707,9708,9728,9732,9748,9773,9777,9790,9796,9804,9827,9850,9878,9883,9891,9899,9903,9925,9930,9935,9943,9947,9954,9964,9979,9985,10002,10009,10014,10022,10026,10030,10034,10050,10057,10073,10089,10093,10099,10115,10119,10125,10141,10145],{"__ignoreMap":3975},[4150,9709,9710,9712,9714,9716,9718,9720,9722,9724,9726],{"class":4152,"line":4153},[4150,9711,4430],{"class":4429},[4150,9713,4433],{"class":4313},[4150,9715,5065],{"class":4436},[4150,9717,3789],{"class":4313},[4150,9719,5021],{"class":4436},[4150,9721,4439],{"class":4313},[4150,9723,4442],{"class":4429},[4150,9725,5081],{"class":4326},[4150,9727,4448],{"class":4313},[4150,9729,9730],{"class":4152,"line":4159},[4150,9731,4175],{"emptyLinePlaceholder":4174},[4150,9733,9734,9736,9738,9740,9742,9744,9746],{"class":4152,"line":4165},[4150,9735,4430],{"class":4429},[4150,9737,4433],{"class":4313},[4150,9739,3942],{"class":4436},[4150,9741,4439],{"class":4313},[4150,9743,4442],{"class":4429},[4150,9745,4463],{"class":4326},[4150,9747,4448],{"class":4313},[4150,9749,9750,9752,9754,9756,9758,9760,9762,9764,9766,9768,9771],{"class":4152,"line":4171},[4150,9751,4430],{"class":4429},[4150,9753,4433],{"class":4313},[4150,9755,3871],{"class":4436},[4150,9757,3789],{"class":4313},[4150,9759,3876],{"class":4436},[4150,9761,3789],{"class":4313},[4150,9763,3866],{"class":4436},[4150,9765,4439],{"class":4313},[4150,9767,4442],{"class":4429},[4150,9769,9770],{"class":4326}," '@\u002Fshared\u002Fui'",[4150,9772,4448],{"class":4313},[4150,9774,9775],{"class":4152,"line":4178},[4150,9776,4175],{"emptyLinePlaceholder":4174},[4150,9778,9779,9781,9783,9785,9788],{"class":4152,"line":4184},[4150,9780,4585],{"class":4429},[4150,9782,5616],{"class":4429},[4150,9784,5156],{"class":4348},[4150,9786,9787],{"class":5159}," HomeScreen",[4150,9789,5624],{"class":4313},[4150,9791,9792,9794],{"class":4152,"line":4190},[4150,9793,5185],{"class":4429},[4150,9795,5670],{"class":4313},[4150,9797,9798,9800,9802],{"class":4152,"line":4196},[4150,9799,5675],{"class":5188},[4150,9801,3866],{"class":4880},[4150,9803,5680],{"class":5188},[4150,9805,9806,9808,9810,9812,9814,9816,9818,9820,9823,9825],{"class":4152,"line":4201},[4150,9807,5685],{"class":5188},[4150,9809,5021],{"class":4880},[4150,9811,5195],{"class":5194},[4150,9813,5198],{"class":4313},[4150,9815,5201],{"class":4348},[4150,9817,5208],{"class":4436},[4150,9819,3803],{"class":5204},[4150,9821,9822],{"class":4436},"header",[4150,9824,5223],{"class":4348},[4150,9826,5680],{"class":5188},[4150,9828,9829,9831,9833,9835,9837,9839,9841,9844,9846,9848],{"class":4152,"line":4207},[4150,9830,5796],{"class":5188},[4150,9832,3871],{"class":4880},[4150,9834,7341],{"class":5194},[4150,9836,5198],{"class":4313},[4150,9838,7346],{"class":4326},[4150,9840,5226],{"class":5188},[4150,9842,9843],{"class":4313},"Мандрівник",[4150,9845,5235],{"class":5188},[4150,9847,3871],{"class":4880},[4150,9849,5680],{"class":5188},[4150,9851,9852,9854,9856,9858,9860,9862,9864,9866,9868,9870,9872,9874,9876],{"class":4152,"line":4213},[4150,9853,5796],{"class":5188},[4150,9855,3871],{"class":4880},[4150,9857,7341],{"class":5194},[4150,9859,5198],{"class":4313},[4150,9861,7466],{"class":4326},[4150,9863,5195],{"class":5194},[4150,9865,5198],{"class":4313},[4150,9867,5201],{"class":4348},[4150,9869,5208],{"class":4436},[4150,9871,3803],{"class":5204},[4150,9873,6838],{"class":4436},[4150,9875,5223],{"class":4348},[4150,9877,5680],{"class":5188},[4150,9879,9880],{"class":4152,"line":4219},[4150,9881,9882],{"class":4313},"          Щоденник подорожей\n",[4150,9884,9885,9887,9889],{"class":4152,"line":4224},[4150,9886,5857],{"class":5188},[4150,9888,3871],{"class":4880},[4150,9890,5680],{"class":5188},[4150,9892,9893,9895,9897],{"class":4152,"line":4230},[4150,9894,5940],{"class":5188},[4150,9896,5021],{"class":4880},[4150,9898,5680],{"class":5188},[4150,9900,9901],{"class":4152,"line":4236},[4150,9902,4175],{"emptyLinePlaceholder":4174},[4150,9904,9905,9907,9909,9911,9913,9915,9917,9919,9921,9923],{"class":4152,"line":4242},[4150,9906,5685],{"class":5188},[4150,9908,3871],{"class":4880},[4150,9910,5195],{"class":5194},[4150,9912,5198],{"class":4313},[4150,9914,5201],{"class":4348},[4150,9916,5208],{"class":4436},[4150,9918,3803],{"class":5204},[4150,9920,5883],{"class":4436},[4150,9922,5223],{"class":4348},[4150,9924,5680],{"class":5188},[4150,9926,9927],{"class":4152,"line":4248},[4150,9928,9929],{"class":4313},"        Тут згодом зʼявиться список поїздок. Зараз закладаємо структуру проєкту та спільні\n",[4150,9931,9932],{"class":4152,"line":4254},[4150,9933,9934],{"class":4313},"        компоненти.\n",[4150,9936,9937,9939,9941],{"class":4152,"line":4259},[4150,9938,5940],{"class":5188},[4150,9940,3871],{"class":4880},[4150,9942,5680],{"class":5188},[4150,9944,9945],{"class":4152,"line":4761},[4150,9946,4175],{"emptyLinePlaceholder":4174},[4150,9948,9949,9951],{"class":4152,"line":4769},[4150,9950,5685],{"class":5188},[4150,9952,9953],{"class":4880},"Button\n",[4150,9955,9956,9959,9961],{"class":4152,"line":4778},[4150,9957,9958],{"class":5194},"        label",[4150,9960,5198],{"class":4313},[4150,9962,9963],{"class":4326},"\"Нова поїздка\"\n",[4150,9965,9966,9969,9971,9973,9975,9977],{"class":4152,"line":4788},[4150,9967,9968],{"class":5194},"        onPress",[4150,9970,5198],{"class":4313},[4150,9972,5201],{"class":4348},[4150,9974,9241],{"class":5204},[4150,9976,7952],{"class":4348},[4150,9978,4603],{"class":5204},[4150,9980,9981],{"class":4152,"line":4797},[4150,9982,9984],{"class":9983},"spJ8K","          \u002F\u002F Навігацію на форму додамо в модулі Router\n",[4150,9986,9987,9990,9992,9995,9997,10000],{"class":4152,"line":4802},[4150,9988,9989],{"class":4436},"          console",[4150,9991,3803],{"class":5204},[4150,9993,9994],{"class":5159},"log",[4150,9996,8995],{"class":5204},[4150,9998,9999],{"class":4326},"'TODO: відкрити створення поїздки'",[4150,10001,9001],{"class":5204},[4150,10003,10004,10007],{"class":4152,"line":4810},[4150,10005,10006],{"class":5204},"        }",[4150,10008,4414],{"class":4348},[4150,10010,10011],{"class":4152,"line":4820},[4150,10012,10013],{"class":5188},"      \u002F>\n",[4150,10015,10016,10018,10020],{"class":4152,"line":4829},[4150,10017,5950],{"class":5188},[4150,10019,3866],{"class":4880},[4150,10021,5680],{"class":5188},[4150,10023,10024],{"class":4152,"line":4839},[4150,10025,5960],{"class":4313},[4150,10027,10028],{"class":4152,"line":4849},[4150,10029,4414],{"class":4313},[4150,10031,10032],{"class":4152,"line":4854},[4150,10033,4175],{"emptyLinePlaceholder":4174},[4150,10035,10036,10038,10040,10042,10044,10046,10048],{"class":4152,"line":4867},[4150,10037,5254],{"class":4348},[4150,10039,5257],{"class":4591},[4150,10041,4884],{"class":4313},[4150,10043,5065],{"class":4436},[4150,10045,3803],{"class":4313},[4150,10047,5266],{"class":5159},[4150,10049,5269],{"class":4313},[4150,10051,10052,10055],{"class":4152,"line":4872},[4150,10053,10054],{"class":4436},"  header:",[4150,10056,4603],{"class":4313},[4150,10058,10059,10061,10063,10065,10067,10069,10071],{"class":4152,"line":5793},[4150,10060,9470],{"class":4436},[4150,10062,4592],{"class":4436},[4150,10064,3803],{"class":4313},[4150,10066,4915],{"class":4436},[4150,10068,3803],{"class":4313},[4150,10070,5337],{"class":4436},[4150,10072,4330],{"class":4313},[4150,10074,10075,10077,10079,10081,10083,10085,10087],{"class":4152,"line":5848},[4150,10076,6121],{"class":4436},[4150,10078,4592],{"class":4436},[4150,10080,3803],{"class":4313},[4150,10082,4915],{"class":4436},[4150,10084,3803],{"class":4313},[4150,10086,7826],{"class":4436},[4150,10088,4330],{"class":4313},[4150,10090,10091],{"class":4152,"line":5854},[4150,10092,4382],{"class":4313},[4150,10094,10095,10097],{"class":4152,"line":5864},[4150,10096,6756],{"class":4436},[4150,10098,4603],{"class":4313},[4150,10100,10101,10103,10105,10107,10109,10111,10113],{"class":4152,"line":5916},[4150,10102,7760],{"class":4436},[4150,10104,4592],{"class":4436},[4150,10106,3803],{"class":4313},[4150,10108,4915],{"class":4436},[4150,10110,3803],{"class":4313},[4150,10112,7826],{"class":4436},[4150,10114,4330],{"class":4313},[4150,10116,10117],{"class":4152,"line":5922},[4150,10118,4382],{"class":4313},[4150,10120,10121,10123],{"class":4152,"line":5928},[4150,10122,6180],{"class":4436},[4150,10124,4603],{"class":4313},[4150,10126,10127,10129,10131,10133,10135,10137,10139],{"class":4152,"line":5937},[4150,10128,9470],{"class":4436},[4150,10130,4592],{"class":4436},[4150,10132,3803],{"class":4313},[4150,10134,4915],{"class":4436},[4150,10136,3803],{"class":4313},[4150,10138,5337],{"class":4436},[4150,10140,4330],{"class":4313},[4150,10142,10143],{"class":4152,"line":5947},[4150,10144,4382],{"class":4313},[4150,10146,10147],{"class":4152,"line":5957},[4150,10148,5348],{"class":4313},[4467,10150,10151,10155,10163,10172,10176],{},[3964,10152,10154],{"id":10153},"зберегти-файли-theme-та-ui","Зберегти файли theme та ui",[3964,10156,10158,10159,10162],{"id":10157},"переконатися-що-резолвиться","Переконатися, що ",[3760,10160,10161],{},"@\u002F"," резолвиться",[3964,10164,10166,10167,4289,10169],{"id":10165},"запустити-npx-expo-start-у-nomad","Запустити ",[3760,10168,4497],{},[3752,10170,3757],{"href":3754,"rel":10171},[3756],[3964,10173,10175],{"id":10174},"перевірити-екран","Перевірити екран",[3743,10177,10178,10179,3803],{},"Має бути заголовок «Мандрівник», підзаголовок, абзац і синя кнопка. Натискання пише в терминал Metro ",[3760,10180,10181],{},"TODO: …",[3964,10183,10185],{"id":10184},"превю-домашнього-екрана-самодостатній-демо-файл","Прев’ю домашнього екрана (самодостатній демо-файл)",[3743,10187,3847,10188,10191,10192,10194,10195,10198],{},[3752,10189,3757],{"href":3754,"rel":10190},[3756]," імпорти йдуть з ",[3760,10193,3946],{},". Нижче — ",[3747,10196,10197],{},"той самий вигляд",", зібраний у одному файлі, щоб побачити результат без запуску Metro.",[5382,10200,10203],{"device":5384,"filename":10201,"title":10202},"HomeScreen.tsx","Nomad Home — примітиви разом",[3969,10204,10206],{"className":5034,"code":10205,"language":5036,"meta":3975,"style":3975},"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",[3760,10207,10208,10224,10256,10260,10268,10274,10282,10290,10298,10306,10314,10322,10326,10356,10368,10392,10396,10400,10420,10458,10462,10466,10474,10480,10490,10496,10500,10510,10528,10539,10543,10598,10602,10606,10641,10647,10653,10661,10673,10715,10719,10754,10762,10766,10770,10774,10786,10810,10822,10838,10866,10894,10898,10904,10912,10934,10966,10971,10979,11009,11013,11021,11029,11033,11078,11082,11086,11094,11098,11104,11112,11135,11139,11143,11187,11195,11199,11203,11207,11223,11229,11237,11253,11269,11285,11289,11295,11311,11327,11331,11338,11354,11358,11364,11380,11388,11396,11400,11407,11424,11433,11438,11445,11462,11471,11476,11484,11501,11510,11527,11544,11553,11558,11566,11583,11588,11596,11613,11630,11639,11644,11652,11669,11678,11689,11694],{"__ignoreMap":3975},[4150,10209,10210,10212,10214,10216,10218,10220,10222],{"class":4152,"line":4153},[4150,10211,4430],{"class":4429},[4150,10213,4433],{"class":4313},[4150,10215,8546],{"class":4436},[4150,10217,4439],{"class":4313},[4150,10219,4442],{"class":4429},[4150,10221,5054],{"class":4326},[4150,10223,4448],{"class":4313},[4150,10225,10226,10228,10230,10232,10234,10236,10238,10240,10242,10244,10246,10248,10250,10252,10254],{"class":4152,"line":4159},[4150,10227,4430],{"class":4429},[4150,10229,4433],{"class":4313},[4150,10231,5021],{"class":4436},[4150,10233,3789],{"class":4313},[4150,10235,5404],{"class":4436},[4150,10237,3789],{"class":4313},[4150,10239,7854],{"class":4436},[4150,10241,3789],{"class":4313},[4150,10243,5065],{"class":4436},[4150,10245,3789],{"class":4313},[4150,10247,5413],{"class":4436},[4150,10249,4439],{"class":4313},[4150,10251,4442],{"class":4429},[4150,10253,5081],{"class":4326},[4150,10255,4448],{"class":4313},[4150,10257,10258],{"class":4152,"line":4165},[4150,10259,4175],{"emptyLinePlaceholder":4174},[4150,10261,10262,10264,10266],{"class":4152,"line":4171},[4150,10263,5254],{"class":4348},[4150,10265,4592],{"class":4591},[4150,10267,4595],{"class":4313},[4150,10269,10270,10272],{"class":4152,"line":4178},[4150,10271,4600],{"class":4436},[4150,10273,4603],{"class":4313},[4150,10275,10276,10278,10280],{"class":4152,"line":4184},[4150,10277,4608],{"class":4436},[4150,10279,4611],{"class":4326},[4150,10281,4330],{"class":4313},[4150,10283,10284,10286,10288],{"class":4152,"line":4190},[4150,10285,4628],{"class":4436},[4150,10287,4631],{"class":4326},[4150,10289,4330],{"class":4313},[4150,10291,10292,10294,10296],{"class":4152,"line":4196},[4150,10293,4638],{"class":4436},[4150,10295,4641],{"class":4326},[4150,10297,4330],{"class":4313},[4150,10299,10300,10302,10304],{"class":4152,"line":4201},[4150,10301,4648],{"class":4436},[4150,10303,4651],{"class":4326},[4150,10305,4330],{"class":4313},[4150,10307,10308,10310,10312],{"class":4152,"line":4207},[4150,10309,4658],{"class":4436},[4150,10311,4661],{"class":4326},[4150,10313,4330],{"class":4313},[4150,10315,10316,10318,10320],{"class":4152,"line":4213},[4150,10317,4688],{"class":4436},[4150,10319,4621],{"class":4326},[4150,10321,4330],{"class":4313},[4150,10323,10324],{"class":4152,"line":4219},[4150,10325,4382],{"class":4313},[4150,10327,10328,10330,10332,10334,10336,10338,10340,10342,10344,10346,10348,10350,10352,10354],{"class":4152,"line":4224},[4150,10329,4701],{"class":4436},[4150,10331,4433],{"class":4313},[4150,10333,5492],{"class":4436},[4150,10335,4712],{"class":4711},[4150,10337,3789],{"class":4313},[4150,10339,5499],{"class":4436},[4150,10341,4722],{"class":4711},[4150,10343,3789],{"class":4313},[4150,10345,5506],{"class":4436},[4150,10347,4732],{"class":4711},[4150,10349,3789],{"class":4313},[4150,10351,5513],{"class":4436},[4150,10353,4742],{"class":4711},[4150,10355,5518],{"class":4313},[4150,10357,10358,10360,10362,10364,10366],{"class":4152,"line":4230},[4150,10359,4764],{"class":4436},[4150,10361,4433],{"class":4313},[4150,10363,5506],{"class":4436},[4150,10365,4783],{"class":4711},[4150,10367,5518],{"class":4313},[4150,10369,10370,10372,10374,10376,10378,10380,10382,10384,10386,10388,10390],{"class":4152,"line":4236},[4150,10371,4805],{"class":4436},[4150,10373,4433],{"class":4313},[4150,10375,5499],{"class":4436},[4150,10377,4815],{"class":4711},[4150,10379,3789],{"class":4313},[4150,10381,5506],{"class":4436},[4150,10383,4732],{"class":4711},[4150,10385,3789],{"class":4313},[4150,10387,6984],{"class":4436},[4150,10389,4844],{"class":4711},[4150,10391,5518],{"class":4313},[4150,10393,10394],{"class":4152,"line":4242},[4150,10395,5145],{"class":4313},[4150,10397,10398],{"class":4152,"line":4248},[4150,10399,4175],{"emptyLinePlaceholder":4174},[4150,10401,10402,10404,10406,10408,10410,10412,10414,10416,10418],{"class":4152,"line":4254},[4150,10403,5543],{"class":4348},[4150,10405,5160],{"class":5159},[4150,10407,5163],{"class":4313},[4150,10409,5166],{"class":4436},[4150,10411,5552],{"class":4313},[4150,10413,5166],{"class":4436},[4150,10415,4323],{"class":4313},[4150,10417,5559],{"class":4880},[4150,10419,5562],{"class":4313},[4150,10421,10422,10424,10426,10428,10430,10432,10434,10436,10438,10440,10442,10444,10446,10448,10450,10452,10454,10456],{"class":4152,"line":4259},[4150,10423,5185],{"class":4429},[4150,10425,5189],{"class":5188},[4150,10427,5021],{"class":4880},[4150,10429,5195],{"class":5194},[4150,10431,5198],{"class":4313},[4150,10433,5201],{"class":4348},[4150,10435,5208],{"class":4436},[4150,10437,3803],{"class":5204},[4150,10439,5583],{"class":4436},[4150,10441,5223],{"class":4348},[4150,10443,5226],{"class":5188},[4150,10445,5201],{"class":4348},[4150,10447,5166],{"class":4436},[4150,10449,5223],{"class":4348},[4150,10451,5235],{"class":5188},[4150,10453,5021],{"class":4880},[4150,10455,5226],{"class":5188},[4150,10457,4448],{"class":4313},[4150,10459,10460],{"class":4152,"line":4761},[4150,10461,4414],{"class":4313},[4150,10463,10464],{"class":4152,"line":4769},[4150,10465,4175],{"emptyLinePlaceholder":4174},[4150,10467,10468,10470,10472],{"class":4152,"line":4778},[4150,10469,5543],{"class":4348},[4150,10471,6432],{"class":5159},[4150,10473,5269],{"class":4313},[4150,10475,10476,10478],{"class":4152,"line":4788},[4150,10477,5122],{"class":4436},[4150,10479,4330],{"class":4313},[4150,10481,10482,10484,10486,10488],{"class":4152,"line":4797},[4150,10483,6386],{"class":4436},[4150,10485,4884],{"class":4313},[4150,10487,6335],{"class":4326},[4150,10489,4330],{"class":4313},[4150,10491,10492,10494],{"class":4152,"line":4802},[4150,10493,5133],{"class":4436},[4150,10495,4330],{"class":4313},[4150,10497,10498],{"class":4152,"line":4810},[4150,10499,7060],{"class":4313},[4150,10501,10502,10504,10506,10508],{"class":4152,"line":4820},[4150,10503,5122],{"class":4436},[4150,10505,4323],{"class":4313},[4150,10507,5559],{"class":4880},[4150,10509,4448],{"class":4313},[4150,10511,10512,10514,10516,10518,10520,10522,10524,10526],{"class":4152,"line":4829},[4150,10513,6386],{"class":4436},[4150,10515,5136],{"class":4313},[4150,10517,6341],{"class":4326},[4150,10519,6338],{"class":4313},[4150,10521,6335],{"class":4326},[4150,10523,6338],{"class":4313},[4150,10525,6351],{"class":4326},[4150,10527,4448],{"class":4313},[4150,10529,10530,10532,10534,10537],{"class":4152,"line":4839},[4150,10531,5133],{"class":4436},[4150,10533,5136],{"class":4313},[4150,10535,10536],{"class":4880},"object",[4150,10538,4448],{"class":4313},[4150,10540,10541],{"class":4152,"line":4849},[4150,10542,7096],{"class":4313},[4150,10544,10545,10547,10549,10551,10553,10555,10557,10559,10561,10563,10566,10568,10570,10572,10574,10576,10578,10580,10582,10584,10586,10588,10590,10592,10594,10596],{"class":4152,"line":4854},[4150,10546,5185],{"class":4429},[4150,10548,5189],{"class":5188},[4150,10550,5404],{"class":4880},[4150,10552,5195],{"class":5194},[4150,10554,5198],{"class":4313},[4150,10556,5201],{"class":4348},[4150,10558,5205],{"class":5204},[4150,10560,5208],{"class":4436},[4150,10562,3803],{"class":5204},[4150,10564,10565],{"class":4436},"textBase",[4150,10567,3789],{"class":5204},[4150,10569,5208],{"class":4436},[4150,10571,5205],{"class":5204},[4150,10573,6528],{"class":4436},[4150,10575,7133],{"class":5204},[4150,10577,5171],{"class":4436},[4150,10579,5220],{"class":5204},[4150,10581,5223],{"class":4348},[4150,10583,5226],{"class":5188},[4150,10585,5201],{"class":4348},[4150,10587,5166],{"class":4436},[4150,10589,5223],{"class":4348},[4150,10591,5235],{"class":5188},[4150,10593,5404],{"class":4880},[4150,10595,5226],{"class":5188},[4150,10597,4448],{"class":4313},[4150,10599,10600],{"class":4152,"line":4867},[4150,10601,4414],{"class":4313},[4150,10603,10604],{"class":4152,"line":4872},[4150,10605,4175],{"emptyLinePlaceholder":4174},[4150,10607,10608,10610,10612,10614,10616,10618,10620,10622,10624,10626,10628,10631,10633,10635,10637,10639],{"class":4152,"line":5793},[4150,10609,5543],{"class":4348},[4150,10611,7996],{"class":5159},[4150,10613,5163],{"class":4313},[4150,10615,8001],{"class":4436},[4150,10617,3789],{"class":4313},[4150,10619,8006],{"class":4436},[4150,10621,5552],{"class":4313},[4150,10623,8001],{"class":4436},[4150,10625,4323],{"class":4313},[4150,10627,6403],{"class":4880},[4150,10629,10630],{"class":4313},"; ",[4150,10632,8006],{"class":5159},[4150,10634,7949],{"class":4313},[4150,10636,7952],{"class":4348},[4150,10638,7955],{"class":4880},[4150,10640,5562],{"class":4313},[4150,10642,10643,10645],{"class":4152,"line":5848},[4150,10644,5185],{"class":4429},[4150,10646,5670],{"class":4313},[4150,10648,10649,10651],{"class":4152,"line":5854},[4150,10650,5675],{"class":5188},[4150,10652,8040],{"class":4880},[4150,10654,10655,10657,10659],{"class":4152,"line":5864},[4150,10656,8045],{"class":5194},[4150,10658,5198],{"class":4313},[4150,10660,8050],{"class":4326},[4150,10662,10663,10665,10667,10669,10671],{"class":4152,"line":5916},[4150,10664,8068],{"class":5194},[4150,10666,5198],{"class":4313},[4150,10668,5201],{"class":4348},[4150,10670,8006],{"class":4436},[4150,10672,4414],{"class":4348},[4150,10674,10675,10677,10679,10681,10683,10685,10687,10689,10691,10693,10695,10698,10700,10702,10704,10706,10708,10711,10713],{"class":4152,"line":5922},[4150,10676,8081],{"class":5194},[4150,10678,5198],{"class":4313},[4150,10680,5201],{"class":4348},[4150,10682,5163],{"class":5204},[4150,10684,8090],{"class":4436},[4150,10686,8093],{"class":5204},[4150,10688,7952],{"class":4348},[4150,10690,8979],{"class":5204},[4150,10692,5208],{"class":4436},[4150,10694,3803],{"class":5204},[4150,10696,10697],{"class":4436},"btn",[4150,10699,3789],{"class":5204},[4150,10701,8090],{"class":4436},[4150,10703,7318],{"class":4313},[4150,10705,5257],{"class":4436},[4150,10707,3803],{"class":5204},[4150,10709,10710],{"class":4436},"btnPressed",[4150,10712,5220],{"class":5204},[4150,10714,4414],{"class":4348},[4150,10716,10717],{"class":4152,"line":5928},[4150,10718,8172],{"class":5188},[4150,10720,10721,10723,10725,10727,10729,10731,10733,10735,10738,10740,10742,10744,10746,10748,10750,10752],{"class":4152,"line":5937},[4150,10722,5685],{"class":5188},[4150,10724,5404],{"class":4880},[4150,10726,5195],{"class":5194},[4150,10728,5198],{"class":4313},[4150,10730,5201],{"class":4348},[4150,10732,5208],{"class":4436},[4150,10734,3803],{"class":5204},[4150,10736,10737],{"class":4436},"btnLabel",[4150,10739,5223],{"class":4348},[4150,10741,5226],{"class":5188},[4150,10743,5201],{"class":4348},[4150,10745,8001],{"class":4436},[4150,10747,5223],{"class":4348},[4150,10749,5235],{"class":5188},[4150,10751,5404],{"class":4880},[4150,10753,5680],{"class":5188},[4150,10755,10756,10758,10760],{"class":4152,"line":5947},[4150,10757,5950],{"class":5188},[4150,10759,7854],{"class":4880},[4150,10761,5680],{"class":5188},[4150,10763,10764],{"class":4152,"line":5957},[4150,10765,5960],{"class":4313},[4150,10767,10768],{"class":4152,"line":5963},[4150,10769,4414],{"class":4313},[4150,10771,10772],{"class":4152,"line":5968},[4150,10773,4175],{"emptyLinePlaceholder":4174},[4150,10775,10776,10778,10780,10782,10784],{"class":4152,"line":5973},[4150,10777,4585],{"class":4429},[4150,10779,5616],{"class":4429},[4150,10781,5156],{"class":4348},[4150,10783,5621],{"class":5159},[4150,10785,5624],{"class":4313},[4150,10787,10788,10790,10792,10794,10796,10799,10801,10803,10805,10808],{"class":4152,"line":5990},[4150,10789,5629],{"class":4348},[4150,10791,8979],{"class":4313},[4150,10793,9994],{"class":4591},[4150,10795,3789],{"class":4313},[4150,10797,10798],{"class":4591},"setLog",[4150,10800,8990],{"class":4313},[4150,10802,8546],{"class":5159},[4150,10804,8995],{"class":4313},[4150,10806,10807],{"class":4326},"'Очікуємо дію…'",[4150,10809,9001],{"class":4313},[4150,10811,10812,10814,10816,10818,10820],{"class":4152,"line":5998},[4150,10813,5629],{"class":4348},[4150,10815,5632],{"class":4591},[4150,10817,4884],{"class":4313},[4150,10819,5413],{"class":5159},[4150,10821,5639],{"class":4313},[4150,10823,10824,10826,10828,10830,10832,10834,10836],{"class":4152,"line":6007},[4150,10825,5629],{"class":4348},[4150,10827,5646],{"class":4591},[4150,10829,4884],{"class":4313},[4150,10831,5651],{"class":4436},[4150,10833,5654],{"class":4313},[4150,10835,5657],{"class":4326},[4150,10837,4448],{"class":4313},[4150,10839,10840,10842,10844,10846,10848,10850,10852,10854,10856,10858,10860,10862,10864],{"class":4152,"line":6024},[4150,10841,5629],{"class":4348},[4150,10843,7225],{"class":4591},[4150,10845,4884],{"class":4313},[4150,10847,7230],{"class":4436},[4150,10849,7233],{"class":4313},[4150,10851,7236],{"class":4326},[4150,10853,7239],{"class":4313},[4150,10855,3942],{"class":4436},[4150,10857,3803],{"class":4313},[4150,10859,4896],{"class":4436},[4150,10861,3803],{"class":4313},[4150,10863,3974],{"class":4436},[4150,10865,4448],{"class":4313},[4150,10867,10868,10870,10872,10874,10876,10878,10880,10882,10884,10886,10888,10890,10892],{"class":4152,"line":6041},[4150,10869,5629],{"class":4348},[4150,10871,7258],{"class":4591},[4150,10873,4884],{"class":4313},[4150,10875,7230],{"class":4436},[4150,10877,7233],{"class":4313},[4150,10879,7267],{"class":4326},[4150,10881,7239],{"class":4313},[4150,10883,3942],{"class":4436},[4150,10885,3803],{"class":4313},[4150,10887,4896],{"class":4436},[4150,10889,3803],{"class":4313},[4150,10891,5907],{"class":4436},[4150,10893,4448],{"class":4313},[4150,10895,10896],{"class":4152,"line":6058},[4150,10897,4175],{"emptyLinePlaceholder":4174},[4150,10899,10900,10902],{"class":4152,"line":6063},[4150,10901,5185],{"class":4429},[4150,10903,5670],{"class":4313},[4150,10905,10906,10908,10910],{"class":4152,"line":6071},[4150,10907,5675],{"class":5188},[4150,10909,3866],{"class":4880},[4150,10911,5680],{"class":5188},[4150,10913,10914,10916,10918,10920,10922,10924,10926,10928,10930,10932],{"class":4152,"line":6090},[4150,10915,5685],{"class":5188},[4150,10917,5021],{"class":4880},[4150,10919,5195],{"class":5194},[4150,10921,5198],{"class":4313},[4150,10923,5201],{"class":4348},[4150,10925,5208],{"class":4436},[4150,10927,3803],{"class":5204},[4150,10929,9822],{"class":4436},[4150,10931,5223],{"class":4348},[4150,10933,5680],{"class":5188},[4150,10935,10936,10938,10940,10942,10944,10946,10948,10950,10952,10955,10957,10959,10962,10964],{"class":4152,"line":6100},[4150,10937,5796],{"class":5188},[4150,10939,3871],{"class":4880},[4150,10941,7341],{"class":5194},[4150,10943,5198],{"class":4313},[4150,10945,7346],{"class":4326},[4150,10947,5195],{"class":5194},[4150,10949,5198],{"class":4313},[4150,10951,5201],{"class":4348},[4150,10953,10954],{"class":5204},"{ ",[4150,10956,5819],{"class":4436},[4150,10958,7225],{"class":4436},[4150,10960,10961],{"class":5204}," }",[4150,10963,5223],{"class":4348},[4150,10965,5680],{"class":5188},[4150,10967,10968],{"class":4152,"line":6118},[4150,10969,10970],{"class":4313},"          Мандрівник\n",[4150,10972,10973,10975,10977],{"class":4152,"line":6137},[4150,10974,5857],{"class":5188},[4150,10976,3871],{"class":4880},[4150,10978,5680],{"class":5188},[4150,10980,10981,10983,10985,10987,10989,10991,10993,10995,10997,10999,11001,11003,11005,11007],{"class":4152,"line":6142},[4150,10982,5796],{"class":5188},[4150,10984,3871],{"class":4880},[4150,10986,7341],{"class":5194},[4150,10988,5198],{"class":4313},[4150,10990,7466],{"class":4326},[4150,10992,5195],{"class":5194},[4150,10994,5198],{"class":4313},[4150,10996,5201],{"class":4348},[4150,10998,10954],{"class":5204},[4150,11000,5819],{"class":4436},[4150,11002,7258],{"class":4436},[4150,11004,10961],{"class":5204},[4150,11006,5223],{"class":4348},[4150,11008,5680],{"class":5188},[4150,11010,11011],{"class":4152,"line":6150},[4150,11012,9882],{"class":4313},[4150,11014,11015,11017,11019],{"class":4152,"line":6161},[4150,11016,5857],{"class":5188},[4150,11018,3871],{"class":4880},[4150,11020,5680],{"class":5188},[4150,11022,11023,11025,11027],{"class":4152,"line":6172},[4150,11024,5940],{"class":5188},[4150,11026,5021],{"class":4880},[4150,11028,5680],{"class":5188},[4150,11030,11031],{"class":4152,"line":6177},[4150,11032,4175],{"emptyLinePlaceholder":4174},[4150,11034,11035,11037,11039,11041,11043,11045,11047,11049,11051,11053,11055,11057,11059,11062,11064,11066,11068,11070,11072,11074,11076],{"class":4152,"line":6185},[4150,11036,5685],{"class":5188},[4150,11038,3871],{"class":4880},[4150,11040,7341],{"class":5194},[4150,11042,5198],{"class":4313},[4150,11044,7423],{"class":4326},[4150,11046,5195],{"class":5194},[4150,11048,5198],{"class":4313},[4150,11050,5201],{"class":4348},[4150,11052,10954],{"class":5204},[4150,11054,5819],{"class":4436},[4150,11056,7225],{"class":4436},[4150,11058,3789],{"class":5204},[4150,11060,11061],{"class":4436},"marginBottom:",[4150,11063,4592],{"class":4436},[4150,11065,3803],{"class":5204},[4150,11067,4915],{"class":4436},[4150,11069,3803],{"class":5204},[4150,11071,5337],{"class":4436},[4150,11073,10961],{"class":5204},[4150,11075,5223],{"class":4348},[4150,11077,5680],{"class":5188},[4150,11079,11080],{"class":4152,"line":6195},[4150,11081,9929],{"class":4313},[4150,11083,11084],{"class":4152,"line":6205},[4150,11085,9934],{"class":4313},[4150,11087,11088,11090,11092],{"class":4152,"line":6210},[4150,11089,5940],{"class":5188},[4150,11091,3871],{"class":4880},[4150,11093,5680],{"class":5188},[4150,11095,11096],{"class":4152,"line":7663},[4150,11097,4175],{"emptyLinePlaceholder":4174},[4150,11099,11100,11102],{"class":4152,"line":7672},[4150,11101,5685],{"class":5188},[4150,11103,9953],{"class":4880},[4150,11105,11106,11108,11110],{"class":4152,"line":7677},[4150,11107,9958],{"class":5194},[4150,11109,5198],{"class":4313},[4150,11111,9963],{"class":4326},[4150,11113,11114,11116,11118,11120,11122,11124,11127,11129,11131,11133],{"class":4152,"line":7684},[4150,11115,9968],{"class":5194},[4150,11117,5198],{"class":4313},[4150,11119,5201],{"class":4348},[4150,11121,9241],{"class":5204},[4150,11123,7952],{"class":4348},[4150,11125,11126],{"class":5159}," setLog",[4150,11128,8995],{"class":5204},[4150,11130,9999],{"class":4326},[4150,11132,4271],{"class":5204},[4150,11134,4414],{"class":4348},[4150,11136,11137],{"class":4152,"line":7701},[4150,11138,10013],{"class":5188},[4150,11140,11141],{"class":4152,"line":7710},[4150,11142,4175],{"emptyLinePlaceholder":4174},[4150,11144,11145,11147,11149,11151,11153,11155,11157,11159,11161,11163,11165,11167,11169,11171,11173,11175,11177,11179,11181,11183,11185],{"class":4152,"line":7719},[4150,11146,5685],{"class":5188},[4150,11148,5404],{"class":4880},[4150,11150,5195],{"class":5194},[4150,11152,5198],{"class":4313},[4150,11154,5201],{"class":4348},[4150,11156,5205],{"class":5204},[4150,11158,5208],{"class":4436},[4150,11160,3803],{"class":5204},[4150,11162,9994],{"class":4436},[4150,11164,5816],{"class":5204},[4150,11166,5819],{"class":4436},[4150,11168,7258],{"class":4436},[4150,11170,5841],{"class":5204},[4150,11172,5223],{"class":4348},[4150,11174,5226],{"class":5188},[4150,11176,5201],{"class":4348},[4150,11178,9994],{"class":4436},[4150,11180,5223],{"class":4348},[4150,11182,5235],{"class":5188},[4150,11184,5404],{"class":4880},[4150,11186,5680],{"class":5188},[4150,11188,11189,11191,11193],{"class":4152,"line":7724},[4150,11190,5950],{"class":5188},[4150,11192,3866],{"class":4880},[4150,11194,5680],{"class":5188},[4150,11196,11197],{"class":4152,"line":7731},[4150,11198,5960],{"class":4313},[4150,11200,11201],{"class":4152,"line":7748},[4150,11202,4414],{"class":4313},[4150,11204,11205],{"class":4152,"line":7757},[4150,11206,4175],{"emptyLinePlaceholder":4174},[4150,11208,11209,11211,11213,11215,11217,11219,11221],{"class":4152,"line":7775},[4150,11210,5254],{"class":4348},[4150,11212,5257],{"class":4591},[4150,11214,4884],{"class":4313},[4150,11216,5065],{"class":4436},[4150,11218,3803],{"class":4313},[4150,11220,5266],{"class":5159},[4150,11222,5269],{"class":4313},[4150,11224,11225,11227],{"class":4152,"line":7780},[4150,11226,5993],{"class":4436},[4150,11228,4603],{"class":4313},[4150,11230,11231,11233,11235],{"class":4152,"line":7787},[4150,11232,5281],{"class":4436},[4150,11234,5284],{"class":4711},[4150,11236,4330],{"class":4313},[4150,11238,11239,11241,11243,11245,11247,11249,11251],{"class":4152,"line":7804},[4150,11240,5291],{"class":4436},[4150,11242,4592],{"class":4436},[4150,11244,3803],{"class":4313},[4150,11246,4896],{"class":4436},[4150,11248,3803],{"class":4313},[4150,11250,4911],{"class":4436},[4150,11252,4330],{"class":4313},[4150,11254,11255,11257,11259,11261,11263,11265,11267],{"class":4152,"line":7813},[4150,11256,5308],{"class":4436},[4150,11258,4592],{"class":4436},[4150,11260,3803],{"class":4313},[4150,11262,4915],{"class":4436},[4150,11264,3803],{"class":4313},[4150,11266,5319],{"class":4436},[4150,11268,4330],{"class":4313},[4150,11270,11271,11273,11275,11277,11279,11281,11283],{"class":4152,"line":7831},[4150,11272,5326],{"class":4436},[4150,11274,4592],{"class":4436},[4150,11276,3803],{"class":4313},[4150,11278,4915],{"class":4436},[4150,11280,3803],{"class":4313},[4150,11282,5337],{"class":4436},[4150,11284,4330],{"class":4313},[4150,11286,11287],{"class":4152,"line":7836},[4150,11288,4382],{"class":4313},[4150,11290,11291,11293],{"class":4152,"line":9575},[4150,11292,10054],{"class":4436},[4150,11294,4603],{"class":4313},[4150,11296,11297,11299,11301,11303,11305,11307,11309],{"class":4152,"line":9582},[4150,11298,9470],{"class":4436},[4150,11300,4592],{"class":4436},[4150,11302,3803],{"class":4313},[4150,11304,4915],{"class":4436},[4150,11306,3803],{"class":4313},[4150,11308,5337],{"class":4436},[4150,11310,4330],{"class":4313},[4150,11312,11313,11315,11317,11319,11321,11323,11325],{"class":4152,"line":9599},[4150,11314,6121],{"class":4436},[4150,11316,4592],{"class":4436},[4150,11318,3803],{"class":4313},[4150,11320,4915],{"class":4436},[4150,11322,3803],{"class":4313},[4150,11324,7826],{"class":4436},[4150,11326,4330],{"class":4313},[4150,11328,11329],{"class":4152,"line":9604},[4150,11330,4382],{"class":4313},[4150,11332,11333,11336],{"class":4152,"line":9611},[4150,11334,11335],{"class":4436},"  textBase:",[4150,11337,4603],{"class":4313},[4150,11339,11340,11342,11344,11346,11348,11350,11352],{"class":4152,"line":9620},[4150,11341,6613],{"class":4436},[4150,11343,4592],{"class":4436},[4150,11345,3803],{"class":4313},[4150,11347,4896],{"class":4436},[4150,11349,3803],{"class":4313},[4150,11351,3974],{"class":4436},[4150,11353,4330],{"class":4313},[4150,11355,11356],{"class":4152,"line":9625},[4150,11357,4382],{"class":4313},[4150,11359,11360,11362],{"class":4152,"line":9632},[4150,11361,6145],{"class":4436},[4150,11363,4603],{"class":4313},[4150,11365,11366,11368,11370,11372,11374,11376,11378],{"class":4152,"line":9649},[4150,11367,6153],{"class":4436},[4150,11369,4592],{"class":4436},[4150,11371,3803],{"class":4313},[4150,11373,6242],{"class":4436},[4150,11375,3803],{"class":4313},[4150,11377,6684],{"class":4436},[4150,11379,4330],{"class":4313},[4150,11381,11382,11384,11386],{"class":4152,"line":9666},[4150,11383,6164],{"class":4436},[4150,11385,6167],{"class":4326},[4150,11387,4330],{"class":4313},[4150,11389,11390,11392,11394],{"class":4152,"line":9675},[4150,11391,6198],{"class":4436},[4150,11393,6701],{"class":4711},[4150,11395,4330],{"class":4313},[4150,11397,11398],{"class":4152,"line":9680},[4150,11399,4382],{"class":4313},[4150,11401,11403,11405],{"class":4152,"line":11402},98,[4150,11404,6180],{"class":4436},[4150,11406,4603],{"class":4313},[4150,11408,11410,11412,11414,11416,11418,11420,11422],{"class":4152,"line":11409},99,[4150,11411,6153],{"class":4436},[4150,11413,4592],{"class":4436},[4150,11415,3803],{"class":4313},[4150,11417,6242],{"class":4436},[4150,11419,3803],{"class":4313},[4150,11421,5319],{"class":4436},[4150,11423,4330],{"class":4313},[4150,11425,11427,11429,11431],{"class":4152,"line":11426},100,[4150,11428,6198],{"class":4436},[4150,11430,4742],{"class":4711},[4150,11432,4330],{"class":4313},[4150,11434,11436],{"class":4152,"line":11435},101,[4150,11437,4382],{"class":4313},[4150,11439,11441,11443],{"class":4152,"line":11440},102,[4150,11442,6756],{"class":4436},[4150,11444,4603],{"class":4313},[4150,11446,11448,11450,11452,11454,11456,11458,11460],{"class":4152,"line":11447},103,[4150,11449,6153],{"class":4436},[4150,11451,4592],{"class":4436},[4150,11453,3803],{"class":4313},[4150,11455,6242],{"class":4436},[4150,11457,3803],{"class":4313},[4150,11459,6132],{"class":4436},[4150,11461,4330],{"class":4313},[4150,11463,11465,11467,11469],{"class":4152,"line":11464},104,[4150,11466,6198],{"class":4436},[4150,11468,4834],{"class":4711},[4150,11470,4330],{"class":4313},[4150,11472,11474],{"class":4152,"line":11473},105,[4150,11475,4382],{"class":4313},[4150,11477,11479,11482],{"class":4152,"line":11478},106,[4150,11480,11481],{"class":4436},"  btn:",[4150,11483,4603],{"class":4313},[4150,11485,11487,11489,11491,11493,11495,11497,11499],{"class":4152,"line":11486},107,[4150,11488,5291],{"class":4436},[4150,11490,4592],{"class":4436},[4150,11492,3803],{"class":4313},[4150,11494,4896],{"class":4436},[4150,11496,3803],{"class":4313},[4150,11498,4904],{"class":4436},[4150,11500,4330],{"class":4313},[4150,11502,11504,11506,11508],{"class":4152,"line":11503},108,[4150,11505,5326],{"class":4436},[4150,11507,4783],{"class":4711},[4150,11509,4330],{"class":4313},[4150,11511,11513,11515,11517,11519,11521,11523,11525],{"class":4152,"line":11512},109,[4150,11514,5308],{"class":4436},[4150,11516,4592],{"class":4436},[4150,11518,3803],{"class":4313},[4150,11520,4915],{"class":4436},[4150,11522,3803],{"class":4313},[4150,11524,5319],{"class":4436},[4150,11526,4330],{"class":4313},[4150,11528,11530,11532,11534,11536,11538,11540,11542],{"class":4152,"line":11529},110,[4150,11531,6074],{"class":4436},[4150,11533,4592],{"class":4436},[4150,11535,3803],{"class":4313},[4150,11537,6081],{"class":4436},[4150,11539,3803],{"class":4313},[4150,11541,5319],{"class":4436},[4150,11543,4330],{"class":4313},[4150,11545,11547,11549,11551],{"class":4152,"line":11546},111,[4150,11548,8323],{"class":4436},[4150,11550,7598],{"class":4326},[4150,11552,4330],{"class":4313},[4150,11554,11556],{"class":4152,"line":11555},112,[4150,11557,4382],{"class":4313},[4150,11559,11561,11564],{"class":4152,"line":11560},113,[4150,11562,11563],{"class":4436},"  btnPressed:",[4150,11565,4603],{"class":4313},[4150,11567,11569,11571,11573,11575,11577,11579,11581],{"class":4152,"line":11568},114,[4150,11570,5291],{"class":4436},[4150,11572,4592],{"class":4436},[4150,11574,3803],{"class":4313},[4150,11576,4896],{"class":4436},[4150,11578,3803],{"class":4313},[4150,11580,8353],{"class":4436},[4150,11582,4330],{"class":4313},[4150,11584,11586],{"class":4152,"line":11585},115,[4150,11587,4382],{"class":4313},[4150,11589,11591,11594],{"class":4152,"line":11590},116,[4150,11592,11593],{"class":4436},"  btnLabel:",[4150,11595,4603],{"class":4313},[4150,11597,11599,11601,11603,11605,11607,11609,11611],{"class":4152,"line":11598},117,[4150,11600,6613],{"class":4436},[4150,11602,4592],{"class":4436},[4150,11604,3803],{"class":4313},[4150,11606,4896],{"class":4436},[4150,11608,3803],{"class":4313},[4150,11610,8402],{"class":4436},[4150,11612,4330],{"class":4313},[4150,11614,11616,11618,11620,11622,11624,11626,11628],{"class":4152,"line":11615},118,[4150,11617,6153],{"class":4436},[4150,11619,4592],{"class":4436},[4150,11621,3803],{"class":4313},[4150,11623,6242],{"class":4436},[4150,11625,3803],{"class":4313},[4150,11627,5319],{"class":4436},[4150,11629,4330],{"class":4313},[4150,11631,11633,11635,11637],{"class":4152,"line":11632},119,[4150,11634,6164],{"class":4436},[4150,11636,6737],{"class":4326},[4150,11638,4330],{"class":4313},[4150,11640,11642],{"class":4152,"line":11641},120,[4150,11643,4382],{"class":4313},[4150,11645,11647,11650],{"class":4152,"line":11646},121,[4150,11648,11649],{"class":4436},"  log:",[4150,11651,4603],{"class":4313},[4150,11653,11655,11657,11659,11661,11663,11665,11667],{"class":4152,"line":11654},122,[4150,11656,7760],{"class":4436},[4150,11658,4592],{"class":4436},[4150,11660,3803],{"class":4313},[4150,11662,4915],{"class":4436},[4150,11664,3803],{"class":4313},[4150,11666,5319],{"class":4436},[4150,11668,4330],{"class":4313},[4150,11670,11672,11674,11676],{"class":4152,"line":11671},123,[4150,11673,6153],{"class":4436},[4150,11675,4783],{"class":4711},[4150,11677,4330],{"class":4313},[4150,11679,11681,11684,11687],{"class":4152,"line":11680},124,[4150,11682,11683],{"class":4436},"    fontFamily:",[4150,11685,11686],{"class":4326}," 'monospace'",[4150,11688,4330],{"class":4313},[4150,11690,11692],{"class":4152,"line":11691},125,[4150,11693,4382],{"class":4313},[4150,11695,11697],{"class":4152,"line":11696},126,[4150,11698,5348],{"class":4313},[4508,11700,11701,11702,11704,11705,4289,11708,11710,11711,11714,11715,11717],{},"Якщо TypeScript скаржиться на ",[3760,11703,3922],{},", перевірте ",[3760,11706,11707],{},"paths",[3760,11709,4288],{}," і що файли справді лежать під ",[3760,11712,11713],{},"src\u002Fshared\u002F...",", а не під ",[3760,11716,4004],{}," у корені за звичкою з іншого шаблону.",[3743,11719,11720,11721,11723,11724,11727],{},"Кореневий ",[3760,11722,4103],{}," поки можна лишити близьким до шаблону. Головне — не видалити обгортку Router. Якщо в layout є Stack\u002FTabs з шаблону — не ламайте навігацію; змінюєте насамперед ",[3747,11725,11726],{},"вміст"," домашнього екрана.",[3948,11729],{},[3738,11731,11733,11734,3943,11736],{"id":11732},"платформні-відмінності-iostsx-і-androidtsx","Платформні відмінності: ",[3760,11735,3882],{},[3760,11737,3886],{},[3743,11739,11740,11741,11744],{},"Інколи один і той самий компонент на iPhone і Android має ",[3747,11742,11743],{},"різну"," реалізацію (рідко на старті, частіше з нативними модулями). React Native уміє підставити файл за суфіксом:",[11746,11747,11748,11761],"table",{},[11749,11750,11751],"thead",{},[11752,11753,11754,11758],"tr",{},[11755,11756,11757],"th",{},"Файл",[11755,11759,11760],{},"Коли береться",[11762,11763,11764,11775,11785,11795],"tbody",{},[11752,11765,11766,11772],{},[11767,11768,11769],"td",{},[3760,11770,11771],{},"Button.ios.tsx",[11767,11773,11774],{},"збірка під iOS",[11752,11776,11777,11782],{},[11767,11778,11779],{},[3760,11780,11781],{},"Button.android.tsx",[11767,11783,11784],{},"збірка під Android",[11752,11786,11787,11792],{},[11767,11788,11789],{},[3760,11790,11791],{},"Button.tsx",[11767,11793,11794],{},"запасний \u002F спільний варіант",[11752,11796,11797,11802],{},[11767,11798,11799],{},[3760,11800,11801],{},"Button.native.tsx",[11767,11803,11804],{},"будь-яка нативна платформа (не web)",[3743,11806,11807],{},"Імпорт лишається:",[3969,11809,11811],{"className":4420,"code":11810,"language":4422,"meta":3975,"style":3975},"import { Button } from '@\u002Fshared\u002Fui\u002FButton';\n",[3760,11812,11813],{"__ignoreMap":3975},[4150,11814,11815,11817,11819,11821,11823,11825,11827],{"class":4152,"line":4153},[4150,11816,4430],{"class":4429},[4150,11818,4433],{"class":4313},[4150,11820,3876],{"class":4436},[4150,11822,4439],{"class":4313},[4150,11824,4442],{"class":4429},[4150,11826,4445],{"class":4326},[4150,11828,4448],{"class":4313},[3743,11830,11831],{},"Збирач сам обере суфікс.",[3812,11833,11834,11837,11838,3883,11841,11844,11845,11848,11849,11851],{},[3747,11835,11836],{},"На цьому кроці курсу"," окремі ",[3760,11839,11840],{},".ios",[3760,11842,11843],{},".android"," файли ",[3747,11846,11847],{},"не обов’язкові",". Достатньо знати механізм, щоб не здивуватися в чужому репозиторії. Для Nomad поки один ",[3760,11850,11791],{}," на обидві платформи.",[3743,11853,11854,11855,11858,11859,11861,11862,11865,11866,11869],{},"Також існує об’єкт ",[3760,11856,11857],{},"Platform"," з ",[3760,11860,6820],{}," (",[3760,11863,11864],{},"Platform.OS === 'ios'","). Дрібні відмінності (один відступ) часто роблять через ",[3760,11867,11868],{},"Platform.select",", а не через два файли. Порівняння підходів — у статті про базові компоненти.",[3948,11871],{},[3738,11873,11875,11876],{"id":11874},"що-не-класти-в-app","Що не класти в ",[3760,11877,3766],{},[11879,11880,11881,11894,11903],"card-group",{},[11882,11883,11886,11887,11890,11891,11893],"card",{"icon":11884,"title":11885},"i-lucide-blocks","Великі форми й бізнес-логіка","Краще ",[3760,11888,11889],{},"src\u002Ffeatures\u002Ftrips\u002Fui\u002FTripForm.tsx",", а в ",[3760,11892,3766],{}," — кілька рядків імпорту й рендеру.",[11882,11895,11898,11899,11902],{"icon":11896,"title":11897},"i-lucide-palette","Токени й кнопки","Тільки ",[3760,11900,11901],{},"src\u002Fshared\u002F…",". Інакше фіча «поїздки» потягне за собою чужі кольори.",[11882,11904,11907],{"icon":11905,"title":11906},"i-lucide-key-round","Секрети API","Не в коміти. Пізніше — змінні оточення; зараз секретів ще немає.",[3948,11909],{},[3738,11911,11913],{"id":11912},"міні-проєкт-від-а-до-я-візитка","Міні-проєкт «від А до Я»: Візитка",[3964,11915,11917],{"id":11916},"мета","Мета",[3743,11919,11920,11921,11926],{},"Окремий маленький застосунок ",[3747,11922,11923],{},[3760,11924,11925],{},"projects\u002Fbusiness-card"," (не змішувати з Nomad), щоб закріпити:",[3769,11928,11929,11932,11941],{},[3772,11930,11931],{},"tokens;",[3772,11933,11934,3883,11936,3883,11938,11940],{},[3760,11935,3866],{},[3760,11937,3871],{},[3760,11939,3876],{},";",[3772,11942,11943,11946],{},[3747,11944,11945],{},"два"," екрани-заглушки без глибокої навігації (два файли маршрутів або два простих екрани в Router).",[3964,11948,11950],{"id":11949},"сценарій-продукту","Сценарій продукту",[3743,11952,11953,11954,11957,11958,11961,11962,11965,11966,11968,11969,11858,11972,11975,11976,3943,11978,11981],{},"Екран 1 — ",[3747,11955,11956],{},"візитка",": ім’я, роль, коротка біо.",[11959,11960],"br",{},"\nЕкран 2 — ",[3747,11963,11964],{},"контакти",": email \u002F телефон як текст (без реальної інтеграції).",[11959,11967],{},"\nКнопка «Контакти» на першому екрані веде на другий (через ",[3760,11970,11971],{},"router.push",[3760,11973,11974],{},"expo-router"," — мінімум API; якщо Router лякає, зробіть два проєкти blank… але краще один проєкт з ",[3760,11977,4099],{},[3760,11979,11980],{},"app\u002Fcontacts.tsx",").",[3964,11983,11985],{"id":11984},"кроки","Кроки",[4467,11987,11988,11992,12027,12037,12044,12053,12060,12063,12068,12076,12080],{},[3964,11989,11991],{"id":11990},"створити-проєкт","Створити проєкт",[3969,11993,11997],{"className":11994,"code":11995,"language":11996,"meta":3975,"style":3975},"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",[3760,11998,11999,12010,12021],{"__ignoreMap":3975},[4150,12000,12001,12004,12007],{"class":4152,"line":4153},[4150,12002,12003],{"class":5159},"cd",[4150,12005,12006],{"class":4326}," \u002Fpath\u002Fto",[4150,12008,12009],{"class":9983},"  # поруч: git clone https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad.git\n",[4150,12011,12012,12015,12018],{"class":4152,"line":4159},[4150,12013,12014],{"class":5159},"npx",[4150,12016,12017],{"class":4326}," create-expo-app@latest",[4150,12019,12020],{"class":4326}," business-card\n",[4150,12022,12023,12025],{"class":4152,"line":4165},[4150,12024,12003],{"class":5159},[4150,12026,12020],{"class":4326},[3964,12028,12030,12031,3943,12034],{"id":12029},"додати-srcsharedtheme-і-srcsharedui","Додати ",[3760,12032,12033],{},"src\u002Fshared\u002Ftheme",[3760,12035,12036],{},"src\u002Fshared\u002Fui",[3743,12038,12039,12040,12043],{},"Можна ",[3747,12041,12042],{},"скопіювати"," ідею токенів і примітивів з Nomad (навмисно повторити руками — краще, ніж copy-paste без читання).",[3964,12045,12047,12048,4514,12050,12052],{"id":12046},"налаштувати-src-у-tsconfig","Налаштувати ",[3760,12049,4513],{},[3760,12051,4517],{}," у tsconfig",[3964,12054,12056,12057,12059],{"id":12055},"зібрати-appindextsx-візитка","Зібрати ",[3760,12058,4099],{}," — візитка",[3743,12061,12062],{},"Українською: ім’я, «Розробник інтерфейсів», кнопка «Контакти».",[3964,12064,12030,12066],{"id":12065},"додати-appcontactstsx",[3760,12067,11980],{},[3743,12069,12070,12071,11858,12074,11981],{},"Текст контактів + кнопка «Назад» (",[3760,12072,12073],{},"router.back()",[3760,12075,11974],{},[3964,12077,12079],{"id":12078},"перевірити-на-пристрої-симуляторі","Перевірити на пристрої \u002F симуляторі",[3743,12081,12082,12083,12086],{},"Обидва екрани відкриваються, стилі з токенів, без «сирих» ",[3760,12084,12085],{},"#ff0000"," у JSX.",[3964,12088,12090],{"id":12089},"критерій-готово","Критерій «готово»",[3769,12092,12093,12100,12107,12110],{},[3772,12094,12095,12096,12099],{},"Є ",[3760,12097,12098],{},"tokens.ts"," і щонайменше три примітиви.",[3772,12101,12102,12103,12106],{},"На екранах ",[3747,12104,12105],{},"немає"," дубльованих hex-кольорів «від руки» (крім самого файлу токенів).",[3772,12108,12109],{},"Два маршрути працюють.",[3772,12111,12112,12113,12115],{},"Проєкт лежить у ",[3760,12114,11925],{},", Nomad не зламаний.",[3964,12117,12119],{"id":12118},"орієнтир-вигляду-візитка","Орієнтир вигляду (візитка)",[3743,12121,12122,12123,11861,12125,3883,12128,12131,12132,12134],{},"У реальному міні-проєкті буде два ",[3747,12124,3823],{},[3760,12126,12127],{},"index",[3760,12129,12130],{},"contacts",") і ",[3760,12133,11971],{},". Тут — один екран-візитка з кнопкою, яка «перемикає» вміст (імітація двох екранів без Router у прев’ю).",[5382,12136,12139],{"device":5384,"filename":12137,"title":12138},"BusinessCard.tsx","Візитка — Screen + tokens",[3969,12140,12142],{"className":5034,"code":12141,"language":5036,"meta":3975,"style":3975},"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",[3760,12143,12144,12160,12192,12196,12204,12210,12218,12226,12234,12242,12250,12258,12266,12274,12278,12308,12326,12356,12360,12364,12398,12404,12410,12422,12462,12466,12500,12508,12512,12516,12520,12532,12568,12580,12596,12624,12652,12682,12712,12716,12722,12760,12799,12816,12821,12845,12878,12887,12929,12971,13004,13009,13017,13053,13058,13067,13071,13112,13153,13194,13226,13231,13239,13274,13278,13285,13293,13301,13305,13309,13313,13329,13335,13343,13359,13375,13383,13387,13394,13410,13418,13434,13450,13458,13462,13469,13479,13488,13497,13513,13521,13529,13545,13549,13556,13565,13573,13581,13585,13592,13608,13616,13625,13629,13636,13652,13660,13664,13671,13687,13695,13703,13720,13724,13730,13746,13756,13772,13780,13796,13804,13808,13814,13830,13834,13840,13856,13873,13882,13887],{"__ignoreMap":3975},[4150,12145,12146,12148,12150,12152,12154,12156,12158],{"class":4152,"line":4153},[4150,12147,4430],{"class":4429},[4150,12149,4433],{"class":4313},[4150,12151,8546],{"class":4436},[4150,12153,4439],{"class":4313},[4150,12155,4442],{"class":4429},[4150,12157,5054],{"class":4326},[4150,12159,4448],{"class":4313},[4150,12161,12162,12164,12166,12168,12170,12172,12174,12176,12178,12180,12182,12184,12186,12188,12190],{"class":4152,"line":4159},[4150,12163,4430],{"class":4429},[4150,12165,4433],{"class":4313},[4150,12167,5021],{"class":4436},[4150,12169,3789],{"class":4313},[4150,12171,5404],{"class":4436},[4150,12173,3789],{"class":4313},[4150,12175,7854],{"class":4436},[4150,12177,3789],{"class":4313},[4150,12179,5065],{"class":4436},[4150,12181,3789],{"class":4313},[4150,12183,5413],{"class":4436},[4150,12185,4439],{"class":4313},[4150,12187,4442],{"class":4429},[4150,12189,5081],{"class":4326},[4150,12191,4448],{"class":4313},[4150,12193,12194],{"class":4152,"line":4165},[4150,12195,4175],{"emptyLinePlaceholder":4174},[4150,12197,12198,12200,12202],{"class":4152,"line":4171},[4150,12199,5254],{"class":4348},[4150,12201,4592],{"class":4591},[4150,12203,4595],{"class":4313},[4150,12205,12206,12208],{"class":4152,"line":4178},[4150,12207,4600],{"class":4436},[4150,12209,4603],{"class":4313},[4150,12211,12212,12214,12216],{"class":4152,"line":4184},[4150,12213,4608],{"class":4436},[4150,12215,4611],{"class":4326},[4150,12217,4330],{"class":4313},[4150,12219,12220,12222,12224],{"class":4152,"line":4190},[4150,12221,4618],{"class":4436},[4150,12223,4621],{"class":4326},[4150,12225,4330],{"class":4313},[4150,12227,12228,12230,12232],{"class":4152,"line":4196},[4150,12229,4628],{"class":4436},[4150,12231,4631],{"class":4326},[4150,12233,4330],{"class":4313},[4150,12235,12236,12238,12240],{"class":4152,"line":4201},[4150,12237,4638],{"class":4436},[4150,12239,4641],{"class":4326},[4150,12241,4330],{"class":4313},[4150,12243,12244,12246,12248],{"class":4152,"line":4207},[4150,12245,4648],{"class":4436},[4150,12247,4651],{"class":4326},[4150,12249,4330],{"class":4313},[4150,12251,12252,12254,12256],{"class":4152,"line":4213},[4150,12253,4658],{"class":4436},[4150,12255,4661],{"class":4326},[4150,12257,4330],{"class":4313},[4150,12259,12260,12262,12264],{"class":4152,"line":4219},[4150,12261,4688],{"class":4436},[4150,12263,4621],{"class":4326},[4150,12265,4330],{"class":4313},[4150,12267,12268,12270,12272],{"class":4152,"line":4224},[4150,12269,4668],{"class":4436},[4150,12271,4671],{"class":4326},[4150,12273,4330],{"class":4313},[4150,12275,12276],{"class":4152,"line":4230},[4150,12277,4382],{"class":4313},[4150,12279,12280,12282,12284,12286,12288,12290,12292,12294,12296,12298,12300,12302,12304,12306],{"class":4152,"line":4236},[4150,12281,4701],{"class":4436},[4150,12283,4433],{"class":4313},[4150,12285,5492],{"class":4436},[4150,12287,4712],{"class":4711},[4150,12289,3789],{"class":4313},[4150,12291,5499],{"class":4436},[4150,12293,4722],{"class":4711},[4150,12295,3789],{"class":4313},[4150,12297,5506],{"class":4436},[4150,12299,4732],{"class":4711},[4150,12301,3789],{"class":4313},[4150,12303,5513],{"class":4436},[4150,12305,4742],{"class":4711},[4150,12307,5518],{"class":4313},[4150,12309,12310,12312,12314,12316,12318,12320,12322,12324],{"class":4152,"line":4242},[4150,12311,4764],{"class":4436},[4150,12313,4433],{"class":4313},[4150,12315,5506],{"class":4436},[4150,12317,4783],{"class":4711},[4150,12319,3789],{"class":4313},[4150,12321,5513],{"class":4436},[4150,12323,4732],{"class":4711},[4150,12325,5518],{"class":4313},[4150,12327,12328,12330,12332,12334,12336,12338,12340,12342,12344,12346,12348,12350,12352,12354],{"class":4152,"line":4248},[4150,12329,4805],{"class":4436},[4150,12331,4433],{"class":4313},[4150,12333,5499],{"class":4436},[4150,12335,4815],{"class":4711},[4150,12337,3789],{"class":4313},[4150,12339,5506],{"class":4436},[4150,12341,4732],{"class":4711},[4150,12343,3789],{"class":4313},[4150,12345,5513],{"class":4436},[4150,12347,4834],{"class":4711},[4150,12349,3789],{"class":4313},[4150,12351,6984],{"class":4436},[4150,12353,4844],{"class":4711},[4150,12355,5518],{"class":4313},[4150,12357,12358],{"class":4152,"line":4254},[4150,12359,5145],{"class":4313},[4150,12361,12362],{"class":4152,"line":4259},[4150,12363,4175],{"emptyLinePlaceholder":4174},[4150,12365,12366,12368,12370,12372,12374,12376,12378,12380,12382,12384,12386,12388,12390,12392,12394,12396],{"class":4152,"line":4761},[4150,12367,5543],{"class":4348},[4150,12369,7996],{"class":5159},[4150,12371,5163],{"class":4313},[4150,12373,8001],{"class":4436},[4150,12375,3789],{"class":4313},[4150,12377,8006],{"class":4436},[4150,12379,5552],{"class":4313},[4150,12381,8001],{"class":4436},[4150,12383,4323],{"class":4313},[4150,12385,6403],{"class":4880},[4150,12387,10630],{"class":4313},[4150,12389,8006],{"class":5159},[4150,12391,7949],{"class":4313},[4150,12393,7952],{"class":4348},[4150,12395,7955],{"class":4880},[4150,12397,5562],{"class":4313},[4150,12399,12400,12402],{"class":4152,"line":4769},[4150,12401,5185],{"class":4429},[4150,12403,5670],{"class":4313},[4150,12405,12406,12408],{"class":4152,"line":4778},[4150,12407,5675],{"class":5188},[4150,12409,8040],{"class":4880},[4150,12411,12412,12414,12416,12418,12420],{"class":4152,"line":4788},[4150,12413,8068],{"class":5194},[4150,12415,5198],{"class":4313},[4150,12417,5201],{"class":4348},[4150,12419,8006],{"class":4436},[4150,12421,4414],{"class":4348},[4150,12423,12424,12426,12428,12430,12432,12434,12436,12438,12440,12442,12444,12446,12448,12450,12452,12454,12456,12458,12460],{"class":4152,"line":4797},[4150,12425,8081],{"class":5194},[4150,12427,5198],{"class":4313},[4150,12429,5201],{"class":4348},[4150,12431,5163],{"class":5204},[4150,12433,8090],{"class":4436},[4150,12435,8093],{"class":5204},[4150,12437,7952],{"class":4348},[4150,12439,8979],{"class":5204},[4150,12441,5208],{"class":4436},[4150,12443,3803],{"class":5204},[4150,12445,10697],{"class":4436},[4150,12447,3789],{"class":5204},[4150,12449,8090],{"class":4436},[4150,12451,7318],{"class":4313},[4150,12453,5257],{"class":4436},[4150,12455,3803],{"class":5204},[4150,12457,10710],{"class":4436},[4150,12459,5220],{"class":5204},[4150,12461,4414],{"class":4348},[4150,12463,12464],{"class":4152,"line":4802},[4150,12465,8172],{"class":5188},[4150,12467,12468,12470,12472,12474,12476,12478,12480,12482,12484,12486,12488,12490,12492,12494,12496,12498],{"class":4152,"line":4810},[4150,12469,5685],{"class":5188},[4150,12471,5404],{"class":4880},[4150,12473,5195],{"class":5194},[4150,12475,5198],{"class":4313},[4150,12477,5201],{"class":4348},[4150,12479,5208],{"class":4436},[4150,12481,3803],{"class":5204},[4150,12483,10737],{"class":4436},[4150,12485,5223],{"class":4348},[4150,12487,5226],{"class":5188},[4150,12489,5201],{"class":4348},[4150,12491,8001],{"class":4436},[4150,12493,5223],{"class":4348},[4150,12495,5235],{"class":5188},[4150,12497,5404],{"class":4880},[4150,12499,5680],{"class":5188},[4150,12501,12502,12504,12506],{"class":4152,"line":4820},[4150,12503,5950],{"class":5188},[4150,12505,7854],{"class":4880},[4150,12507,5680],{"class":5188},[4150,12509,12510],{"class":4152,"line":4829},[4150,12511,5960],{"class":4313},[4150,12513,12514],{"class":4152,"line":4839},[4150,12515,4414],{"class":4313},[4150,12517,12518],{"class":4152,"line":4849},[4150,12519,4175],{"emptyLinePlaceholder":4174},[4150,12521,12522,12524,12526,12528,12530],{"class":4152,"line":4854},[4150,12523,4585],{"class":4429},[4150,12525,5616],{"class":4429},[4150,12527,5156],{"class":4348},[4150,12529,5621],{"class":5159},[4150,12531,5624],{"class":4313},[4150,12533,12534,12536,12538,12541,12543,12546,12548,12550,12553,12556,12558,12561,12564,12566],{"class":4152,"line":4867},[4150,12535,5629],{"class":4348},[4150,12537,8979],{"class":4313},[4150,12539,12540],{"class":4591},"page",[4150,12542,3789],{"class":4313},[4150,12544,12545],{"class":4591},"setPage",[4150,12547,8990],{"class":4313},[4150,12549,8546],{"class":5159},[4150,12551,12552],{"class":4313},"\u003C",[4150,12554,12555],{"class":4326},"'card'",[4150,12557,6338],{"class":4313},[4150,12559,12560],{"class":4326},"'contacts'",[4150,12562,12563],{"class":4313},">(",[4150,12565,12555],{"class":4326},[4150,12567,9001],{"class":4313},[4150,12569,12570,12572,12574,12576,12578],{"class":4152,"line":4872},[4150,12571,5629],{"class":4348},[4150,12573,5632],{"class":4591},[4150,12575,4884],{"class":4313},[4150,12577,5413],{"class":5159},[4150,12579,5639],{"class":4313},[4150,12581,12582,12584,12586,12588,12590,12592,12594],{"class":4152,"line":5793},[4150,12583,5629],{"class":4348},[4150,12585,5646],{"class":4591},[4150,12587,4884],{"class":4313},[4150,12589,5651],{"class":4436},[4150,12591,5654],{"class":4313},[4150,12593,5657],{"class":4326},[4150,12595,4448],{"class":4313},[4150,12597,12598,12600,12602,12604,12606,12608,12610,12612,12614,12616,12618,12620,12622],{"class":4152,"line":5848},[4150,12599,5629],{"class":4348},[4150,12601,7225],{"class":4591},[4150,12603,4884],{"class":4313},[4150,12605,7230],{"class":4436},[4150,12607,7233],{"class":4313},[4150,12609,7236],{"class":4326},[4150,12611,7239],{"class":4313},[4150,12613,3942],{"class":4436},[4150,12615,3803],{"class":4313},[4150,12617,4896],{"class":4436},[4150,12619,3803],{"class":4313},[4150,12621,3974],{"class":4436},[4150,12623,4448],{"class":4313},[4150,12625,12626,12628,12630,12632,12634,12636,12638,12640,12642,12644,12646,12648,12650],{"class":4152,"line":5854},[4150,12627,5629],{"class":4348},[4150,12629,7258],{"class":4591},[4150,12631,4884],{"class":4313},[4150,12633,7230],{"class":4436},[4150,12635,7233],{"class":4313},[4150,12637,7267],{"class":4326},[4150,12639,7239],{"class":4313},[4150,12641,3942],{"class":4436},[4150,12643,3803],{"class":4313},[4150,12645,4896],{"class":4436},[4150,12647,3803],{"class":4313},[4150,12649,5907],{"class":4436},[4150,12651,4448],{"class":4313},[4150,12653,12654,12656,12659,12661,12663,12665,12668,12670,12672,12674,12676,12678,12680],{"class":4152,"line":5864},[4150,12655,5629],{"class":4348},[4150,12657,12658],{"class":4591}," surface",[4150,12660,4884],{"class":4313},[4150,12662,7230],{"class":4436},[4150,12664,7233],{"class":4313},[4150,12666,12667],{"class":4326},"'#1c1c1e'",[4150,12669,7239],{"class":4313},[4150,12671,3942],{"class":4436},[4150,12673,3803],{"class":4313},[4150,12675,4896],{"class":4436},[4150,12677,3803],{"class":4313},[4150,12679,5744],{"class":4436},[4150,12681,4448],{"class":4313},[4150,12683,12684,12686,12689,12691,12693,12695,12698,12700,12702,12704,12706,12708,12710],{"class":4152,"line":5916},[4150,12685,5629],{"class":4348},[4150,12687,12688],{"class":4591}," border",[4150,12690,4884],{"class":4313},[4150,12692,7230],{"class":4436},[4150,12694,7233],{"class":4313},[4150,12696,12697],{"class":4326},"'#3a3a3c'",[4150,12699,7239],{"class":4313},[4150,12701,3942],{"class":4436},[4150,12703,3803],{"class":4313},[4150,12705,4896],{"class":4436},[4150,12707,3803],{"class":4313},[4150,12709,5771],{"class":4436},[4150,12711,4448],{"class":4313},[4150,12713,12714],{"class":4152,"line":5922},[4150,12715,4175],{"emptyLinePlaceholder":4174},[4150,12717,12718,12720],{"class":4152,"line":5928},[4150,12719,5185],{"class":4429},[4150,12721,5670],{"class":4313},[4150,12723,12724,12726,12728,12730,12732,12734,12736,12738,12740,12742,12744,12746,12748,12750,12752,12754,12756,12758],{"class":4152,"line":5937},[4150,12725,5675],{"class":5188},[4150,12727,5021],{"class":4880},[4150,12729,5195],{"class":5194},[4150,12731,5198],{"class":4313},[4150,12733,5201],{"class":4348},[4150,12735,5205],{"class":5204},[4150,12737,5208],{"class":4436},[4150,12739,3803],{"class":5204},[4150,12741,5583],{"class":4436},[4150,12743,3789],{"class":5204},[4150,12745,7230],{"class":4436},[4150,12747,7318],{"class":4313},[4150,12749,4433],{"class":5204},[4150,12751,7323],{"class":4436},[4150,12753,7326],{"class":4326},[4150,12755,5841],{"class":5204},[4150,12757,5223],{"class":4348},[4150,12759,5680],{"class":5188},[4150,12761,12762,12764,12766,12768,12770,12772,12774,12776,12778,12780,12782,12784,12786,12788,12791,12793,12795,12797],{"class":4152,"line":5947},[4150,12763,5685],{"class":5188},[4150,12765,5021],{"class":4880},[4150,12767,5195],{"class":5194},[4150,12769,5198],{"class":4313},[4150,12771,5201],{"class":4348},[4150,12773,5205],{"class":5204},[4150,12775,5208],{"class":4436},[4150,12777,3803],{"class":5204},[4150,12779,11882],{"class":4436},[4150,12781,5816],{"class":5204},[4150,12783,7323],{"class":4436},[4150,12785,12658],{"class":4436},[4150,12787,3789],{"class":5204},[4150,12789,12790],{"class":4436},"borderColor:",[4150,12792,12688],{"class":4436},[4150,12794,5841],{"class":5204},[4150,12796,5223],{"class":4348},[4150,12798,5680],{"class":5188},[4150,12800,12801,12804,12806,12809,12812,12814],{"class":4152,"line":5957},[4150,12802,12803],{"class":4348},"        {",[4150,12805,12540],{"class":4436},[4150,12807,12808],{"class":4313}," ===",[4150,12810,12811],{"class":4326}," 'card'",[4150,12813,5727],{"class":4313},[4150,12815,5670],{"class":5204},[4150,12817,12818],{"class":4152,"line":5963},[4150,12819,12820],{"class":5188},"          \u003C>\n",[4150,12822,12823,12826,12828,12830,12832,12834,12836,12838,12841,12843],{"class":4152,"line":5968},[4150,12824,12825],{"class":5188},"            \u003C",[4150,12827,5021],{"class":4880},[4150,12829,5195],{"class":5194},[4150,12831,5198],{"class":4313},[4150,12833,5201],{"class":4348},[4150,12835,5208],{"class":4436},[4150,12837,3803],{"class":5204},[4150,12839,12840],{"class":4436},"avatar",[4150,12842,5223],{"class":4348},[4150,12844,5680],{"class":5188},[4150,12846,12847,12850,12852,12854,12856,12858,12860,12862,12865,12867,12869,12872,12874,12876],{"class":4152,"line":5973},[4150,12848,12849],{"class":5188},"              \u003C",[4150,12851,5404],{"class":4880},[4150,12853,5195],{"class":5194},[4150,12855,5198],{"class":4313},[4150,12857,5201],{"class":4348},[4150,12859,5208],{"class":4436},[4150,12861,3803],{"class":5204},[4150,12863,12864],{"class":4436},"avatarText",[4150,12866,5223],{"class":4348},[4150,12868,5226],{"class":5188},[4150,12870,12871],{"class":5204},"ОМ",[4150,12873,5235],{"class":5188},[4150,12875,5404],{"class":4880},[4150,12877,5680],{"class":5188},[4150,12879,12880,12883,12885],{"class":4152,"line":5990},[4150,12881,12882],{"class":5188},"            \u003C\u002F",[4150,12884,5021],{"class":4880},[4150,12886,5680],{"class":5188},[4150,12888,12889,12891,12893,12895,12897,12899,12901,12903,12905,12908,12910,12912,12914,12916,12918,12920,12923,12925,12927],{"class":4152,"line":5998},[4150,12890,12825],{"class":5188},[4150,12892,5404],{"class":4880},[4150,12894,5195],{"class":5194},[4150,12896,5198],{"class":4313},[4150,12898,5201],{"class":4348},[4150,12900,5205],{"class":5204},[4150,12902,5208],{"class":4436},[4150,12904,3803],{"class":5204},[4150,12906,12907],{"class":4436},"name",[4150,12909,5816],{"class":5204},[4150,12911,5819],{"class":4436},[4150,12913,7225],{"class":4436},[4150,12915,5841],{"class":5204},[4150,12917,5223],{"class":4348},[4150,12919,5226],{"class":5188},[4150,12921,12922],{"class":5204},"Олена Мельник",[4150,12924,5235],{"class":5188},[4150,12926,5404],{"class":4880},[4150,12928,5680],{"class":5188},[4150,12930,12931,12933,12935,12937,12939,12941,12943,12945,12947,12950,12952,12954,12956,12958,12960,12962,12965,12967,12969],{"class":4152,"line":6007},[4150,12932,12825],{"class":5188},[4150,12934,5404],{"class":4880},[4150,12936,5195],{"class":5194},[4150,12938,5198],{"class":4313},[4150,12940,5201],{"class":4348},[4150,12942,5205],{"class":5204},[4150,12944,5208],{"class":4436},[4150,12946,3803],{"class":5204},[4150,12948,12949],{"class":4436},"role",[4150,12951,5816],{"class":5204},[4150,12953,5819],{"class":4436},[4150,12955,7258],{"class":4436},[4150,12957,5841],{"class":5204},[4150,12959,5223],{"class":4348},[4150,12961,5226],{"class":5188},[4150,12963,12964],{"class":5204},"Розробниця інтерфейсів",[4150,12966,5235],{"class":5188},[4150,12968,5404],{"class":4880},[4150,12970,5680],{"class":5188},[4150,12972,12973,12975,12977,12979,12981,12983,12985,12987,12989,12992,12994,12996,12998,13000,13002],{"class":4152,"line":6024},[4150,12974,12825],{"class":5188},[4150,12976,5404],{"class":4880},[4150,12978,5195],{"class":5194},[4150,12980,5198],{"class":4313},[4150,12982,5201],{"class":4348},[4150,12984,5205],{"class":5204},[4150,12986,5208],{"class":4436},[4150,12988,3803],{"class":5204},[4150,12990,12991],{"class":4436},"bio",[4150,12993,5816],{"class":5204},[4150,12995,5819],{"class":4436},[4150,12997,7225],{"class":4436},[4150,12999,5841],{"class":5204},[4150,13001,5223],{"class":4348},[4150,13003,5680],{"class":5188},[4150,13005,13006],{"class":4152,"line":6041},[4150,13007,13008],{"class":5204},"              Роблю мобільні та веб-екрани, люблю чіткі tokens і спокійні відступи.\n",[4150,13010,13011,13013,13015],{"class":4152,"line":6058},[4150,13012,12882],{"class":5188},[4150,13014,5404],{"class":4880},[4150,13016,5680],{"class":5188},[4150,13018,13019,13021,13023,13025,13027,13030,13032,13034,13036,13038,13040,13043,13045,13047,13049,13051],{"class":4152,"line":6063},[4150,13020,12825],{"class":5188},[4150,13022,3876],{"class":4880},[4150,13024,9226],{"class":5194},[4150,13026,5198],{"class":4313},[4150,13028,13029],{"class":4326},"\"Контакти\"",[4150,13031,9234],{"class":5194},[4150,13033,5198],{"class":4313},[4150,13035,5201],{"class":4348},[4150,13037,9241],{"class":5204},[4150,13039,7952],{"class":4348},[4150,13041,13042],{"class":5159}," setPage",[4150,13044,8995],{"class":5204},[4150,13046,12560],{"class":4326},[4150,13048,4271],{"class":5204},[4150,13050,5223],{"class":4348},[4150,13052,9272],{"class":5188},[4150,13054,13055],{"class":4152,"line":6071},[4150,13056,13057],{"class":5188},"          \u003C\u002F>\n",[4150,13059,13060,13063,13065],{"class":4152,"line":6090},[4150,13061,13062],{"class":5204},"        ) ",[4150,13064,4301],{"class":4313},[4150,13066,5670],{"class":5204},[4150,13068,13069],{"class":4152,"line":6100},[4150,13070,12820],{"class":5188},[4150,13072,13073,13075,13077,13079,13081,13083,13085,13087,13089,13091,13093,13095,13097,13099,13101,13103,13106,13108,13110],{"class":4152,"line":6118},[4150,13074,12825],{"class":5188},[4150,13076,5404],{"class":4880},[4150,13078,5195],{"class":5194},[4150,13080,5198],{"class":4313},[4150,13082,5201],{"class":4348},[4150,13084,5205],{"class":5204},[4150,13086,5208],{"class":4436},[4150,13088,3803],{"class":5204},[4150,13090,12907],{"class":4436},[4150,13092,5816],{"class":5204},[4150,13094,5819],{"class":4436},[4150,13096,7225],{"class":4436},[4150,13098,5841],{"class":5204},[4150,13100,5223],{"class":4348},[4150,13102,5226],{"class":5188},[4150,13104,13105],{"class":5204},"Контакти",[4150,13107,5235],{"class":5188},[4150,13109,5404],{"class":4880},[4150,13111,5680],{"class":5188},[4150,13113,13114,13116,13118,13120,13122,13124,13126,13128,13130,13132,13134,13136,13138,13140,13142,13144,13147,13149,13151],{"class":4152,"line":6137},[4150,13115,12825],{"class":5188},[4150,13117,5404],{"class":4880},[4150,13119,5195],{"class":5194},[4150,13121,5198],{"class":4313},[4150,13123,5201],{"class":4348},[4150,13125,5205],{"class":5204},[4150,13127,5208],{"class":4436},[4150,13129,3803],{"class":5204},[4150,13131,12991],{"class":4436},[4150,13133,5816],{"class":5204},[4150,13135,5819],{"class":4436},[4150,13137,7225],{"class":4436},[4150,13139,5841],{"class":5204},[4150,13141,5223],{"class":4348},[4150,13143,5226],{"class":5188},[4150,13145,13146],{"class":5204},"email: olena@example.com",[4150,13148,5235],{"class":5188},[4150,13150,5404],{"class":4880},[4150,13152,5680],{"class":5188},[4150,13154,13155,13157,13159,13161,13163,13165,13167,13169,13171,13173,13175,13177,13179,13181,13183,13185,13188,13190,13192],{"class":4152,"line":6142},[4150,13156,12825],{"class":5188},[4150,13158,5404],{"class":4880},[4150,13160,5195],{"class":5194},[4150,13162,5198],{"class":4313},[4150,13164,5201],{"class":4348},[4150,13166,5205],{"class":5204},[4150,13168,5208],{"class":4436},[4150,13170,3803],{"class":5204},[4150,13172,12991],{"class":4436},[4150,13174,5816],{"class":5204},[4150,13176,5819],{"class":4436},[4150,13178,7225],{"class":4436},[4150,13180,5841],{"class":5204},[4150,13182,5223],{"class":4348},[4150,13184,5226],{"class":5188},[4150,13186,13187],{"class":5204},"тел: +380 50 000 00 00",[4150,13189,5235],{"class":5188},[4150,13191,5404],{"class":4880},[4150,13193,5680],{"class":5188},[4150,13195,13196,13198,13200,13202,13204,13206,13208,13210,13212,13214,13216,13218,13220,13222,13224],{"class":4152,"line":6150},[4150,13197,12825],{"class":5188},[4150,13199,5404],{"class":4880},[4150,13201,5195],{"class":5194},[4150,13203,5198],{"class":4313},[4150,13205,5201],{"class":4348},[4150,13207,5205],{"class":5204},[4150,13209,5208],{"class":4436},[4150,13211,3803],{"class":5204},[4150,13213,12949],{"class":4436},[4150,13215,5816],{"class":5204},[4150,13217,5819],{"class":4436},[4150,13219,7258],{"class":4436},[4150,13221,5841],{"class":5204},[4150,13223,5223],{"class":4348},[4150,13225,5680],{"class":5188},[4150,13227,13228],{"class":4152,"line":6161},[4150,13229,13230],{"class":5204},"              У проєкті business-card це окремий маршрут app\u002Fcontacts.tsx\n",[4150,13232,13233,13235,13237],{"class":4152,"line":6172},[4150,13234,12882],{"class":5188},[4150,13236,5404],{"class":4880},[4150,13238,5680],{"class":5188},[4150,13240,13241,13243,13245,13247,13249,13252,13254,13256,13258,13260,13262,13264,13266,13268,13270,13272],{"class":4152,"line":6177},[4150,13242,12825],{"class":5188},[4150,13244,3876],{"class":4880},[4150,13246,9226],{"class":5194},[4150,13248,5198],{"class":4313},[4150,13250,13251],{"class":4326},"\"Назад\"",[4150,13253,9234],{"class":5194},[4150,13255,5198],{"class":4313},[4150,13257,5201],{"class":4348},[4150,13259,9241],{"class":5204},[4150,13261,7952],{"class":4348},[4150,13263,13042],{"class":5159},[4150,13265,8995],{"class":5204},[4150,13267,12555],{"class":4326},[4150,13269,4271],{"class":5204},[4150,13271,5223],{"class":4348},[4150,13273,9272],{"class":5188},[4150,13275,13276],{"class":4152,"line":6185},[4150,13277,13057],{"class":5188},[4150,13279,13280,13283],{"class":4152,"line":6195},[4150,13281,13282],{"class":5204},"        )",[4150,13284,4414],{"class":4348},[4150,13286,13287,13289,13291],{"class":4152,"line":6205},[4150,13288,5940],{"class":5188},[4150,13290,5021],{"class":4880},[4150,13292,5680],{"class":5188},[4150,13294,13295,13297,13299],{"class":4152,"line":6210},[4150,13296,5950],{"class":5188},[4150,13298,5021],{"class":4880},[4150,13300,5680],{"class":5188},[4150,13302,13303],{"class":4152,"line":7663},[4150,13304,5960],{"class":4313},[4150,13306,13307],{"class":4152,"line":7672},[4150,13308,4414],{"class":4313},[4150,13310,13311],{"class":4152,"line":7677},[4150,13312,4175],{"emptyLinePlaceholder":4174},[4150,13314,13315,13317,13319,13321,13323,13325,13327],{"class":4152,"line":7684},[4150,13316,5254],{"class":4348},[4150,13318,5257],{"class":4591},[4150,13320,4884],{"class":4313},[4150,13322,5065],{"class":4436},[4150,13324,3803],{"class":4313},[4150,13326,5266],{"class":5159},[4150,13328,5269],{"class":4313},[4150,13330,13331,13333],{"class":4152,"line":7701},[4150,13332,5993],{"class":4436},[4150,13334,4603],{"class":4313},[4150,13336,13337,13339,13341],{"class":4152,"line":7710},[4150,13338,5281],{"class":4436},[4150,13340,5284],{"class":4711},[4150,13342,4330],{"class":4313},[4150,13344,13345,13347,13349,13351,13353,13355,13357],{"class":4152,"line":7719},[4150,13346,5291],{"class":4436},[4150,13348,4592],{"class":4436},[4150,13350,3803],{"class":4313},[4150,13352,4896],{"class":4436},[4150,13354,3803],{"class":4313},[4150,13356,4911],{"class":4436},[4150,13358,4330],{"class":4313},[4150,13360,13361,13363,13365,13367,13369,13371,13373],{"class":4152,"line":7724},[4150,13362,6103],{"class":4436},[4150,13364,4592],{"class":4436},[4150,13366,3803],{"class":4313},[4150,13368,4915],{"class":4436},[4150,13370,3803],{"class":4313},[4150,13372,5337],{"class":4436},[4150,13374,4330],{"class":4313},[4150,13376,13377,13379,13381],{"class":4152,"line":7731},[4150,13378,7595],{"class":4436},[4150,13380,7598],{"class":4326},[4150,13382,4330],{"class":4313},[4150,13384,13385],{"class":4152,"line":7748},[4150,13386,4382],{"class":4313},[4150,13388,13389,13392],{"class":4152,"line":7757},[4150,13390,13391],{"class":4436},"  card:",[4150,13393,4603],{"class":4313},[4150,13395,13396,13398,13400,13402,13404,13406,13408],{"class":4152,"line":7775},[4150,13397,6074],{"class":4436},[4150,13399,4592],{"class":4436},[4150,13401,3803],{"class":4313},[4150,13403,6081],{"class":4436},[4150,13405,3803],{"class":4313},[4150,13407,5337],{"class":4436},[4150,13409,4330],{"class":4313},[4150,13411,13412,13414,13416],{"class":4152,"line":7780},[4150,13413,6093],{"class":4436},[4150,13415,5284],{"class":4711},[4150,13417,4330],{"class":4313},[4150,13419,13420,13422,13424,13426,13428,13430,13432],{"class":4152,"line":7787},[4150,13421,6103],{"class":4436},[4150,13423,4592],{"class":4436},[4150,13425,3803],{"class":4313},[4150,13427,4915],{"class":4436},[4150,13429,3803],{"class":4313},[4150,13431,5337],{"class":4436},[4150,13433,4330],{"class":4313},[4150,13435,13436,13438,13440,13442,13444,13446,13448],{"class":4152,"line":7804},[4150,13437,6121],{"class":4436},[4150,13439,4592],{"class":4436},[4150,13441,3803],{"class":4313},[4150,13443,4915],{"class":4436},[4150,13445,3803],{"class":4313},[4150,13447,6132],{"class":4436},[4150,13449,4330],{"class":4313},[4150,13451,13452,13454,13456],{"class":4152,"line":7813},[4150,13453,8323],{"class":4436},[4150,13455,7598],{"class":4326},[4150,13457,4330],{"class":4313},[4150,13459,13460],{"class":4152,"line":7831},[4150,13461,4382],{"class":4313},[4150,13463,13464,13467],{"class":4152,"line":7836},[4150,13465,13466],{"class":4436},"  avatar:",[4150,13468,4603],{"class":4313},[4150,13470,13471,13474,13477],{"class":4152,"line":9575},[4150,13472,13473],{"class":4436},"    width:",[4150,13475,13476],{"class":4711}," 72",[4150,13478,4330],{"class":4313},[4150,13480,13481,13484,13486],{"class":4152,"line":9582},[4150,13482,13483],{"class":4436},"    height:",[4150,13485,13476],{"class":4711},[4150,13487,4330],{"class":4313},[4150,13489,13490,13492,13495],{"class":4152,"line":9599},[4150,13491,6074],{"class":4436},[4150,13493,13494],{"class":4711}," 36",[4150,13496,4330],{"class":4313},[4150,13498,13499,13501,13503,13505,13507,13509,13511],{"class":4152,"line":9604},[4150,13500,5291],{"class":4436},[4150,13502,4592],{"class":4436},[4150,13504,3803],{"class":4313},[4150,13506,4896],{"class":4436},[4150,13508,3803],{"class":4313},[4150,13510,4904],{"class":4436},[4150,13512,4330],{"class":4313},[4150,13514,13515,13517,13519],{"class":4152,"line":9611},[4150,13516,8323],{"class":4436},[4150,13518,7598],{"class":4326},[4150,13520,4330],{"class":4313},[4150,13522,13523,13525,13527],{"class":4152,"line":9620},[4150,13524,7595],{"class":4436},[4150,13526,7598],{"class":4326},[4150,13528,4330],{"class":4313},[4150,13530,13531,13533,13535,13537,13539,13541,13543],{"class":4152,"line":9625},[4150,13532,9470],{"class":4436},[4150,13534,4592],{"class":4436},[4150,13536,3803],{"class":4313},[4150,13538,4915],{"class":4436},[4150,13540,3803],{"class":4313},[4150,13542,6132],{"class":4436},[4150,13544,4330],{"class":4313},[4150,13546,13547],{"class":4152,"line":9632},[4150,13548,4382],{"class":4313},[4150,13550,13551,13554],{"class":4152,"line":9649},[4150,13552,13553],{"class":4436},"  avatarText:",[4150,13555,4603],{"class":4313},[4150,13557,13558,13560,13563],{"class":4152,"line":9666},[4150,13559,6613],{"class":4436},[4150,13561,13562],{"class":4326}," '#fff'",[4150,13564,4330],{"class":4313},[4150,13566,13567,13569,13571],{"class":4152,"line":9675},[4150,13568,6153],{"class":4436},[4150,13570,6156],{"class":4711},[4150,13572,4330],{"class":4313},[4150,13574,13575,13577,13579],{"class":4152,"line":9680},[4150,13576,6164],{"class":4436},[4150,13578,6167],{"class":4326},[4150,13580,4330],{"class":4313},[4150,13582,13583],{"class":4152,"line":11402},[4150,13584,4382],{"class":4313},[4150,13586,13587,13590],{"class":4152,"line":11409},[4150,13588,13589],{"class":4436},"  name:",[4150,13591,4603],{"class":4313},[4150,13593,13594,13596,13598,13600,13602,13604,13606],{"class":4152,"line":11426},[4150,13595,6153],{"class":4436},[4150,13597,4592],{"class":4436},[4150,13599,3803],{"class":4313},[4150,13601,6242],{"class":4436},[4150,13603,3803],{"class":4313},[4150,13605,6684],{"class":4436},[4150,13607,4330],{"class":4313},[4150,13609,13610,13612,13614],{"class":4152,"line":11435},[4150,13611,6164],{"class":4436},[4150,13613,6167],{"class":4326},[4150,13615,4330],{"class":4313},[4150,13617,13618,13621,13623],{"class":4152,"line":11440},[4150,13619,13620],{"class":4436},"    textAlign:",[4150,13622,7598],{"class":4326},[4150,13624,4330],{"class":4313},[4150,13626,13627],{"class":4152,"line":11447},[4150,13628,4382],{"class":4313},[4150,13630,13631,13634],{"class":4152,"line":11464},[4150,13632,13633],{"class":4436},"  role:",[4150,13635,4603],{"class":4313},[4150,13637,13638,13640,13642,13644,13646,13648,13650],{"class":4152,"line":11473},[4150,13639,6153],{"class":4436},[4150,13641,4592],{"class":4436},[4150,13643,3803],{"class":4313},[4150,13645,6242],{"class":4436},[4150,13647,3803],{"class":4313},[4150,13649,6132],{"class":4436},[4150,13651,4330],{"class":4313},[4150,13653,13654,13656,13658],{"class":4152,"line":11478},[4150,13655,13620],{"class":4436},[4150,13657,7598],{"class":4326},[4150,13659,4330],{"class":4313},[4150,13661,13662],{"class":4152,"line":11486},[4150,13663,4382],{"class":4313},[4150,13665,13666,13669],{"class":4152,"line":11503},[4150,13667,13668],{"class":4436},"  bio:",[4150,13670,4603],{"class":4313},[4150,13672,13673,13675,13677,13679,13681,13683,13685],{"class":4152,"line":11512},[4150,13674,6153],{"class":4436},[4150,13676,4592],{"class":4436},[4150,13678,3803],{"class":4313},[4150,13680,6242],{"class":4436},[4150,13682,3803],{"class":4313},[4150,13684,5319],{"class":4436},[4150,13686,4330],{"class":4313},[4150,13688,13689,13691,13693],{"class":4152,"line":11529},[4150,13690,6198],{"class":4436},[4150,13692,4742],{"class":4711},[4150,13694,4330],{"class":4313},[4150,13696,13697,13699,13701],{"class":4152,"line":11546},[4150,13698,13620],{"class":4436},[4150,13700,7598],{"class":4326},[4150,13702,4330],{"class":4313},[4150,13704,13705,13708,13710,13712,13714,13716,13718],{"class":4152,"line":11555},[4150,13706,13707],{"class":4436},"    marginVertical:",[4150,13709,4592],{"class":4436},[4150,13711,3803],{"class":4313},[4150,13713,4915],{"class":4436},[4150,13715,3803],{"class":4313},[4150,13717,6132],{"class":4436},[4150,13719,4330],{"class":4313},[4150,13721,13722],{"class":4152,"line":11560},[4150,13723,4382],{"class":4313},[4150,13725,13726,13728],{"class":4152,"line":11568},[4150,13727,11481],{"class":4436},[4150,13729,4603],{"class":4313},[4150,13731,13732,13734,13736,13738,13740,13742,13744],{"class":4152,"line":11585},[4150,13733,7760],{"class":4436},[4150,13735,4592],{"class":4436},[4150,13737,3803],{"class":4313},[4150,13739,4915],{"class":4436},[4150,13741,3803],{"class":4313},[4150,13743,6132],{"class":4436},[4150,13745,4330],{"class":4313},[4150,13747,13748,13751,13754],{"class":4152,"line":11590},[4150,13749,13750],{"class":4436},"    alignSelf:",[4150,13752,13753],{"class":4326}," 'stretch'",[4150,13755,4330],{"class":4313},[4150,13757,13758,13760,13762,13764,13766,13768,13770],{"class":4152,"line":11598},[4150,13759,5291],{"class":4436},[4150,13761,4592],{"class":4436},[4150,13763,3803],{"class":4313},[4150,13765,4896],{"class":4436},[4150,13767,3803],{"class":4313},[4150,13769,4904],{"class":4436},[4150,13771,4330],{"class":4313},[4150,13773,13774,13776,13778],{"class":4152,"line":11615},[4150,13775,5326],{"class":4436},[4150,13777,4783],{"class":4711},[4150,13779,4330],{"class":4313},[4150,13781,13782,13784,13786,13788,13790,13792,13794],{"class":4152,"line":11632},[4150,13783,6074],{"class":4436},[4150,13785,4592],{"class":4436},[4150,13787,3803],{"class":4313},[4150,13789,6081],{"class":4436},[4150,13791,3803],{"class":4313},[4150,13793,5319],{"class":4436},[4150,13795,4330],{"class":4313},[4150,13797,13798,13800,13802],{"class":4152,"line":11641},[4150,13799,8323],{"class":4436},[4150,13801,7598],{"class":4326},[4150,13803,4330],{"class":4313},[4150,13805,13806],{"class":4152,"line":11646},[4150,13807,4382],{"class":4313},[4150,13809,13810,13812],{"class":4152,"line":11654},[4150,13811,11563],{"class":4436},[4150,13813,4603],{"class":4313},[4150,13815,13816,13818,13820,13822,13824,13826,13828],{"class":4152,"line":11671},[4150,13817,5291],{"class":4436},[4150,13819,4592],{"class":4436},[4150,13821,3803],{"class":4313},[4150,13823,4896],{"class":4436},[4150,13825,3803],{"class":4313},[4150,13827,8353],{"class":4436},[4150,13829,4330],{"class":4313},[4150,13831,13832],{"class":4152,"line":11680},[4150,13833,4382],{"class":4313},[4150,13835,13836,13838],{"class":4152,"line":11691},[4150,13837,11593],{"class":4436},[4150,13839,4603],{"class":4313},[4150,13841,13842,13844,13846,13848,13850,13852,13854],{"class":4152,"line":11696},[4150,13843,6613],{"class":4436},[4150,13845,4592],{"class":4436},[4150,13847,3803],{"class":4313},[4150,13849,4896],{"class":4436},[4150,13851,3803],{"class":4313},[4150,13853,8402],{"class":4436},[4150,13855,4330],{"class":4313},[4150,13857,13859,13861,13863,13865,13867,13869,13871],{"class":4152,"line":13858},127,[4150,13860,6153],{"class":4436},[4150,13862,4592],{"class":4436},[4150,13864,3803],{"class":4313},[4150,13866,6242],{"class":4436},[4150,13868,3803],{"class":4313},[4150,13870,5319],{"class":4436},[4150,13872,4330],{"class":4313},[4150,13874,13876,13878,13880],{"class":4152,"line":13875},128,[4150,13877,6164],{"class":4436},[4150,13879,6737],{"class":4326},[4150,13881,4330],{"class":4313},[4150,13883,13885],{"class":4152,"line":13884},129,[4150,13886,4382],{"class":4313},[4150,13888,13890],{"class":4152,"line":13889},130,[4150,13891,5348],{"class":4313},[13893,13894,13896],"collapsible",{"title":13895},"Орієнтир самоперевірки (після власної спроби)",[3843,13897,13898,13903,13909,13914,13920],{},[3772,13899,13900,13901,3803],{},"Кольори кнопок збігаються з ",[3760,13902,4128],{},[3772,13904,13905,13906,3803],{},"Заголовки через ",[3760,13907,13908],{},"AppText variant=\"title\"",[3772,13910,13911,13913],{},[3760,13912,3866],{}," задає фон і padding.",[3772,13915,13916,13917,3803],{},"Імпорти через ",[3760,13918,13919],{},"@\u002Fshared\u002F...",[3772,13921,13922],{},"Перехід index → contacts → back без падіння.",[3948,13924],{},[3738,13926,13928],{"id":13927},"nomad-структура-токени-та-ui-примітиви","Nomad: структура, токени та UI-примітиви",[3964,13930,13932],{"id":13931},"навіщо-користувачу","Навіщо користувачу",[3743,13934,13935,13936,13939,13940,3803],{},"Nomad — не «hello world назавжди». Уже на старті потрібна ",[3747,13937,13938],{},"зрозуміла структура",": куди класти тему, спільні кнопки, майбутні фічі. Інакше через три статті все звалиться в один ",[3760,13941,13942],{},"App.tsx",[3964,13944,13946],{"id":13945},"нитка-проєкту","Нитка проєкту",[3743,13948,13949,13952,13953,13956],{},[3747,13950,13951],{},"Уже є"," (з попередніх статей — ",[3747,13954,13955],{},"не викидаємо","):",[3769,13958,13959],{},[3772,13960,13961,13962,13964],{},"Репозиторій створено (стаття 04): Expo + TypeScript + ",[3760,13963,3766],{}," маршрути.",[3743,13966,13967],{},[3747,13968,13969],{},"Додаємо в цій статті:",[3769,13971,13972,13977,13988,13994],{},[3772,13973,13974,13976],{},[3760,13975,12033],{}," — design tokens.",[3772,13978,13979,13981,13982,3789,13984,3789,13986,3803],{},[3760,13980,12036],{}," — ",[3760,13983,3866],{},[3760,13985,3871],{},[3760,13987,3876],{},[3772,13989,4510,13990,4289,13992,3803],{},[3760,13991,4513],{},[3760,13993,4501],{},[3772,13995,13996],{},"Домашній екран збирається з примітивів, не з «голого» JSX на всю сторінку.",[3964,13998,14000],{"id":13999},"повний-знімок-проєкту-після-цієї-статті","Повний знімок проєкту після цієї статті",[3906,14002,14003,11858,14006,14009,14010,14013,14014,14017],{},[3747,14004,14005],{},"Готовий код 1:1",[3752,14007,3757],{"href":3754,"rel":14008},[3756],". Найшвидший шлях: ",[3760,14011,14012],{},"git pull"," у клоні репо. Нижче — ",[3747,14015,14016],{},"весь"," проєкт на момент цієї статті (усі файли з кодом), не фрагмент «лише нові папки». Клік по файлу в дереві → повний вміст для копіпасту.",[3969,14019,14021],{"className":11994,"code":14020,"language":11996,"meta":3975,"style":3975},"cd \u002Fpath\u002Fto\u002Fnomad\ngit pull\nnpm install\nnpx expo start\n",[3760,14022,14023,14030,14038,14046],{"__ignoreMap":3975},[4150,14024,14025,14027],{"class":4152,"line":4153},[4150,14026,12003],{"class":5159},[4150,14028,14029],{"class":4326}," \u002Fpath\u002Fto\u002Fnomad\n",[4150,14031,14032,14035],{"class":4152,"line":4159},[4150,14033,14034],{"class":5159},"git",[4150,14036,14037],{"class":4326}," pull\n",[4150,14039,14040,14043],{"class":4152,"line":4165},[4150,14041,14042],{"class":5159},"npm",[4150,14044,14045],{"class":4326}," install\n",[4150,14047,14048,14050,14053],{"class":4152,"line":4171},[4150,14049,12014],{"class":5159},[4150,14051,14052],{"class":4326}," expo",[4150,14054,14055],{"class":4326}," start\n",[14057,14058,14059,14326,14605,14698,14834,15146,15186,15556,15989,16447,16679],"code-tree",{},[3969,14060,14063],{"className":4304,"code":14061,"filename":14062,"language":4306,"meta":3975,"style":3975},"{\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",[3760,14064,14065,14069,14081,14093,14105,14112,14124,14136,14148,14158,14162,14169,14181,14193,14205,14217,14229,14241,14253,14265,14275,14279,14286,14298,14308,14312,14322],{"__ignoreMap":3975},[4150,14066,14067],{"class":4152,"line":4153},[4150,14068,4314],{"class":4313},[4150,14070,14071,14074,14076,14079],{"class":4152,"line":4159},[4150,14072,14073],{"class":4319},"  \"name\"",[4150,14075,4323],{"class":4313},[4150,14077,14078],{"class":4326},"\"nomad\"",[4150,14080,4330],{"class":4313},[4150,14082,14083,14086,14088,14091],{"class":4152,"line":4165},[4150,14084,14085],{"class":4319},"  \"version\"",[4150,14087,4323],{"class":4313},[4150,14089,14090],{"class":4326},"\"1.0.0\"",[4150,14092,4330],{"class":4313},[4150,14094,14095,14098,14100,14103],{"class":4152,"line":4171},[4150,14096,14097],{"class":4319},"  \"main\"",[4150,14099,4323],{"class":4313},[4150,14101,14102],{"class":4326},"\"expo-router\u002Fentry\"",[4150,14104,4330],{"class":4313},[4150,14106,14107,14110],{"class":4152,"line":4178},[4150,14108,14109],{"class":4319},"  \"scripts\"",[4150,14111,4338],{"class":4313},[4150,14113,14114,14117,14119,14122],{"class":4152,"line":4184},[4150,14115,14116],{"class":4319},"    \"start\"",[4150,14118,4323],{"class":4313},[4150,14120,14121],{"class":4326},"\"expo start\"",[4150,14123,4330],{"class":4313},[4150,14125,14126,14129,14131,14134],{"class":4152,"line":4190},[4150,14127,14128],{"class":4319},"    \"android\"",[4150,14130,4323],{"class":4313},[4150,14132,14133],{"class":4326},"\"expo start --android\"",[4150,14135,4330],{"class":4313},[4150,14137,14138,14141,14143,14146],{"class":4152,"line":4196},[4150,14139,14140],{"class":4319},"    \"ios\"",[4150,14142,4323],{"class":4313},[4150,14144,14145],{"class":4326},"\"expo start --ios\"",[4150,14147,4330],{"class":4313},[4150,14149,14150,14153,14155],{"class":4152,"line":4201},[4150,14151,14152],{"class":4319},"    \"web\"",[4150,14154,4323],{"class":4313},[4150,14156,14157],{"class":4326},"\"expo start --web\"\n",[4150,14159,14160],{"class":4152,"line":4207},[4150,14161,4382],{"class":4313},[4150,14163,14164,14167],{"class":4152,"line":4213},[4150,14165,14166],{"class":4319},"  \"dependencies\"",[4150,14168,4338],{"class":4313},[4150,14170,14171,14174,14176,14179],{"class":4152,"line":4219},[4150,14172,14173],{"class":4319},"    \"expo\"",[4150,14175,4323],{"class":4313},[4150,14177,14178],{"class":4326},"\"~54.0.35\"",[4150,14180,4330],{"class":4313},[4150,14182,14183,14186,14188,14191],{"class":4152,"line":4224},[4150,14184,14185],{"class":4319},"    \"expo-constants\"",[4150,14187,4323],{"class":4313},[4150,14189,14190],{"class":4326},"\"~18.0.13\"",[4150,14192,4330],{"class":4313},[4150,14194,14195,14198,14200,14203],{"class":4152,"line":4230},[4150,14196,14197],{"class":4319},"    \"expo-linking\"",[4150,14199,4323],{"class":4313},[4150,14201,14202],{"class":4326},"\"~8.0.12\"",[4150,14204,4330],{"class":4313},[4150,14206,14207,14210,14212,14215],{"class":4152,"line":4236},[4150,14208,14209],{"class":4319},"    \"expo-router\"",[4150,14211,4323],{"class":4313},[4150,14213,14214],{"class":4326},"\"~6.0.24\"",[4150,14216,4330],{"class":4313},[4150,14218,14219,14222,14224,14227],{"class":4152,"line":4242},[4150,14220,14221],{"class":4319},"    \"expo-status-bar\"",[4150,14223,4323],{"class":4313},[4150,14225,14226],{"class":4326},"\"~3.0.9\"",[4150,14228,4330],{"class":4313},[4150,14230,14231,14234,14236,14239],{"class":4152,"line":4248},[4150,14232,14233],{"class":4319},"    \"react\"",[4150,14235,4323],{"class":4313},[4150,14237,14238],{"class":4326},"\"19.1.0\"",[4150,14240,4330],{"class":4313},[4150,14242,14243,14246,14248,14251],{"class":4152,"line":4254},[4150,14244,14245],{"class":4319},"    \"react-native\"",[4150,14247,4323],{"class":4313},[4150,14249,14250],{"class":4326},"\"0.81.5\"",[4150,14252,4330],{"class":4313},[4150,14254,14255,14258,14260,14263],{"class":4152,"line":4259},[4150,14256,14257],{"class":4319},"    \"react-native-safe-area-context\"",[4150,14259,4323],{"class":4313},[4150,14261,14262],{"class":4326},"\"~5.6.0\"",[4150,14264,4330],{"class":4313},[4150,14266,14267,14270,14272],{"class":4152,"line":4761},[4150,14268,14269],{"class":4319},"    \"react-native-screens\"",[4150,14271,4323],{"class":4313},[4150,14273,14274],{"class":4326},"\"~4.16.0\"\n",[4150,14276,14277],{"class":4152,"line":4769},[4150,14278,4382],{"class":4313},[4150,14280,14281,14284],{"class":4152,"line":4778},[4150,14282,14283],{"class":4319},"  \"devDependencies\"",[4150,14285,4338],{"class":4313},[4150,14287,14288,14291,14293,14296],{"class":4152,"line":4788},[4150,14289,14290],{"class":4319},"    \"@types\u002Freact\"",[4150,14292,4323],{"class":4313},[4150,14294,14295],{"class":4326},"\"~19.1.0\"",[4150,14297,4330],{"class":4313},[4150,14299,14300,14303,14305],{"class":4152,"line":4797},[4150,14301,14302],{"class":4319},"    \"typescript\"",[4150,14304,4323],{"class":4313},[4150,14306,14307],{"class":4326},"\"~5.9.2\"\n",[4150,14309,14310],{"class":4152,"line":4802},[4150,14311,4382],{"class":4313},[4150,14313,14314,14317,14319],{"class":4152,"line":4810},[4150,14315,14316],{"class":4319},"  \"private\"",[4150,14318,4323],{"class":4313},[4150,14320,14321],{"class":4348},"true\n",[4150,14323,14324],{"class":4152,"line":4820},[4150,14325,4414],{"class":4313},[3969,14327,14330],{"className":4304,"code":14328,"filename":14329,"language":4306,"meta":3975,"style":3975},"{\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",[3760,14331,14332,14336,14343,14355,14366,14377,14389,14401,14413,14424,14435,14442,14454,14466,14476,14481,14487,14496,14500,14506,14513,14525,14534,14539,14550,14560,14564,14570,14580,14584,14596,14601],{"__ignoreMap":3975},[4150,14333,14334],{"class":4152,"line":4153},[4150,14335,4314],{"class":4313},[4150,14337,14338,14341],{"class":4152,"line":4159},[4150,14339,14340],{"class":4319},"  \"expo\"",[4150,14342,4338],{"class":4313},[4150,14344,14345,14348,14350,14353],{"class":4152,"line":4165},[4150,14346,14347],{"class":4319},"    \"name\"",[4150,14349,4323],{"class":4313},[4150,14351,14352],{"class":4326},"\"Nomad\"",[4150,14354,4330],{"class":4313},[4150,14356,14357,14360,14362,14364],{"class":4152,"line":4171},[4150,14358,14359],{"class":4319},"    \"slug\"",[4150,14361,4323],{"class":4313},[4150,14363,14078],{"class":4326},[4150,14365,4330],{"class":4313},[4150,14367,14368,14371,14373,14375],{"class":4152,"line":4178},[4150,14369,14370],{"class":4319},"    \"version\"",[4150,14372,4323],{"class":4313},[4150,14374,14090],{"class":4326},[4150,14376,4330],{"class":4313},[4150,14378,14379,14382,14384,14387],{"class":4152,"line":4184},[4150,14380,14381],{"class":4319},"    \"orientation\"",[4150,14383,4323],{"class":4313},[4150,14385,14386],{"class":4326},"\"portrait\"",[4150,14388,4330],{"class":4313},[4150,14390,14391,14394,14396,14399],{"class":4152,"line":4190},[4150,14392,14393],{"class":4319},"    \"icon\"",[4150,14395,4323],{"class":4313},[4150,14397,14398],{"class":4326},"\".\u002Fassets\u002Ficon.png\"",[4150,14400,4330],{"class":4313},[4150,14402,14403,14406,14408,14411],{"class":4152,"line":4196},[4150,14404,14405],{"class":4319},"    \"userInterfaceStyle\"",[4150,14407,4323],{"class":4313},[4150,14409,14410],{"class":4326},"\"light\"",[4150,14412,4330],{"class":4313},[4150,14414,14415,14418,14420,14422],{"class":4152,"line":4201},[4150,14416,14417],{"class":4319},"    \"scheme\"",[4150,14419,4323],{"class":4313},[4150,14421,14078],{"class":4326},[4150,14423,4330],{"class":4313},[4150,14425,14426,14429,14431,14433],{"class":4152,"line":4207},[4150,14427,14428],{"class":4319},"    \"newArchEnabled\"",[4150,14430,4323],{"class":4313},[4150,14432,4349],{"class":4348},[4150,14434,4330],{"class":4313},[4150,14436,14437,14440],{"class":4152,"line":4213},[4150,14438,14439],{"class":4319},"    \"splash\"",[4150,14441,4338],{"class":4313},[4150,14443,14444,14447,14449,14452],{"class":4152,"line":4219},[4150,14445,14446],{"class":4319},"      \"image\"",[4150,14448,4323],{"class":4313},[4150,14450,14451],{"class":4326},"\".\u002Fassets\u002Fsplash-icon.png\"",[4150,14453,4330],{"class":4313},[4150,14455,14456,14459,14461,14464],{"class":4152,"line":4224},[4150,14457,14458],{"class":4319},"      \"resizeMode\"",[4150,14460,4323],{"class":4313},[4150,14462,14463],{"class":4326},"\"contain\"",[4150,14465,4330],{"class":4313},[4150,14467,14468,14471,14473],{"class":4152,"line":4230},[4150,14469,14470],{"class":4319},"      \"backgroundColor\"",[4150,14472,4323],{"class":4313},[4150,14474,14475],{"class":4326},"\"#ffffff\"\n",[4150,14477,14478],{"class":4152,"line":4236},[4150,14479,14480],{"class":4313},"    },\n",[4150,14482,14483,14485],{"class":4152,"line":4242},[4150,14484,14140],{"class":4319},[4150,14486,4338],{"class":4313},[4150,14488,14489,14492,14494],{"class":4152,"line":4248},[4150,14490,14491],{"class":4319},"      \"supportsTablet\"",[4150,14493,4323],{"class":4313},[4150,14495,14321],{"class":4348},[4150,14497,14498],{"class":4152,"line":4254},[4150,14499,14480],{"class":4313},[4150,14501,14502,14504],{"class":4152,"line":4259},[4150,14503,14128],{"class":4319},[4150,14505,4338],{"class":4313},[4150,14507,14508,14511],{"class":4152,"line":4761},[4150,14509,14510],{"class":4319},"      \"adaptiveIcon\"",[4150,14512,4338],{"class":4313},[4150,14514,14515,14518,14520,14523],{"class":4152,"line":4769},[4150,14516,14517],{"class":4319},"        \"foregroundImage\"",[4150,14519,4323],{"class":4313},[4150,14521,14522],{"class":4326},"\".\u002Fassets\u002Fadaptive-icon.png\"",[4150,14524,4330],{"class":4313},[4150,14526,14527,14530,14532],{"class":4152,"line":4778},[4150,14528,14529],{"class":4319},"        \"backgroundColor\"",[4150,14531,4323],{"class":4313},[4150,14533,14475],{"class":4326},[4150,14535,14536],{"class":4152,"line":4788},[4150,14537,14538],{"class":4313},"      },\n",[4150,14540,14541,14544,14546,14548],{"class":4152,"line":4797},[4150,14542,14543],{"class":4319},"      \"edgeToEdgeEnabled\"",[4150,14545,4323],{"class":4313},[4150,14547,4349],{"class":4348},[4150,14549,4330],{"class":4313},[4150,14551,14552,14555,14557],{"class":4152,"line":4802},[4150,14553,14554],{"class":4319},"      \"predictiveBackGestureEnabled\"",[4150,14556,4323],{"class":4313},[4150,14558,14559],{"class":4348},"false\n",[4150,14561,14562],{"class":4152,"line":4810},[4150,14563,14480],{"class":4313},[4150,14565,14566,14568],{"class":4152,"line":4820},[4150,14567,14152],{"class":4319},[4150,14569,4338],{"class":4313},[4150,14571,14572,14575,14577],{"class":4152,"line":4829},[4150,14573,14574],{"class":4319},"      \"favicon\"",[4150,14576,4323],{"class":4313},[4150,14578,14579],{"class":4326},"\".\u002Fassets\u002Ffavicon.png\"\n",[4150,14581,14582],{"class":4152,"line":4839},[4150,14583,14480],{"class":4313},[4150,14585,14586,14589,14591,14594],{"class":4152,"line":4849},[4150,14587,14588],{"class":4319},"    \"plugins\"",[4150,14590,4366],{"class":4313},[4150,14592,14593],{"class":4326},"\"expo-router\"",[4150,14595,4372],{"class":4313},[4150,14597,14598],{"class":4152,"line":4854},[4150,14599,14600],{"class":4313},"  }\n",[4150,14602,14603],{"class":4152,"line":4867},[4150,14604,4414],{"class":4313},[3969,14606,14608],{"className":4304,"code":14607,"filename":4288,"language":4306,"meta":3975,"style":3975},"{\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",[3760,14609,14610,14614,14624,14630,14640,14646,14653,14658,14663,14667,14671,14677,14684,14689,14694],{"__ignoreMap":3975},[4150,14611,14612],{"class":4152,"line":4153},[4150,14613,4314],{"class":4313},[4150,14615,14616,14618,14620,14622],{"class":4152,"line":4159},[4150,14617,4320],{"class":4319},[4150,14619,4323],{"class":4313},[4150,14621,4327],{"class":4326},[4150,14623,4330],{"class":4313},[4150,14625,14626,14628],{"class":4152,"line":4165},[4150,14627,4335],{"class":4319},[4150,14629,4338],{"class":4313},[4150,14631,14632,14634,14636,14638],{"class":4152,"line":4171},[4150,14633,4343],{"class":4319},[4150,14635,4323],{"class":4313},[4150,14637,4349],{"class":4348},[4150,14639,4330],{"class":4313},[4150,14641,14642,14644],{"class":4152,"line":4178},[4150,14643,4356],{"class":4319},[4150,14645,4338],{"class":4313},[4150,14647,14648,14650],{"class":4152,"line":4184},[4150,14649,4363],{"class":4319},[4150,14651,14652],{"class":4313},": [\n",[4150,14654,14655],{"class":4152,"line":4190},[4150,14656,14657],{"class":4326},"        \".\u002Fsrc\u002F*\"\n",[4150,14659,14660],{"class":4152,"line":4196},[4150,14661,14662],{"class":4313},"      ]\n",[4150,14664,14665],{"class":4152,"line":4201},[4150,14666,4377],{"class":4313},[4150,14668,14669],{"class":4152,"line":4207},[4150,14670,4382],{"class":4313},[4150,14672,14673,14675],{"class":4152,"line":4213},[4150,14674,4387],{"class":4319},[4150,14676,14652],{"class":4313},[4150,14678,14679,14682],{"class":4152,"line":4219},[4150,14680,14681],{"class":4326},"    \"**\u002F*.ts\"",[4150,14683,4330],{"class":4313},[4150,14685,14686],{"class":4152,"line":4224},[4150,14687,14688],{"class":4326},"    \"**\u002F*.tsx\"\n",[4150,14690,14691],{"class":4152,"line":4230},[4150,14692,14693],{"class":4313},"  ]\n",[4150,14695,14696],{"class":4152,"line":4236},[4150,14697,4414],{"class":4313},[3969,14699,14701],{"className":5034,"code":14700,"filename":4103,"language":5036,"meta":3975,"style":3975},"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",[3760,14702,14703,14721,14739,14743,14756,14762,14767,14782,14821,14826,14830],{"__ignoreMap":3975},[4150,14704,14705,14707,14709,14712,14714,14716,14719],{"class":4152,"line":4153},[4150,14706,4430],{"class":4429},[4150,14708,4433],{"class":4313},[4150,14710,14711],{"class":4436},"Stack",[4150,14713,4439],{"class":4313},[4150,14715,4442],{"class":4429},[4150,14717,14718],{"class":4326}," 'expo-router'",[4150,14720,4448],{"class":4313},[4150,14722,14723,14725,14727,14730,14732,14734,14737],{"class":4152,"line":4159},[4150,14724,4430],{"class":4429},[4150,14726,4433],{"class":4313},[4150,14728,14729],{"class":4436},"StatusBar",[4150,14731,4439],{"class":4313},[4150,14733,4442],{"class":4429},[4150,14735,14736],{"class":4326}," 'expo-status-bar'",[4150,14738,4448],{"class":4313},[4150,14740,14741],{"class":4152,"line":4165},[4150,14742,4175],{"emptyLinePlaceholder":4174},[4150,14744,14745,14747,14749,14751,14754],{"class":4152,"line":4171},[4150,14746,4585],{"class":4429},[4150,14748,5616],{"class":4429},[4150,14750,5156],{"class":4348},[4150,14752,14753],{"class":5159}," RootLayout",[4150,14755,5624],{"class":4313},[4150,14757,14758,14760],{"class":4152,"line":4178},[4150,14759,5185],{"class":4429},[4150,14761,5670],{"class":4313},[4150,14763,14764],{"class":4152,"line":4184},[4150,14765,14766],{"class":5188},"    \u003C>\n",[4150,14768,14769,14771,14773,14775,14777,14780],{"class":4152,"line":4190},[4150,14770,5685],{"class":5188},[4150,14772,14729],{"class":4880},[4150,14774,5195],{"class":5194},[4150,14776,5198],{"class":4313},[4150,14778,14779],{"class":4326},"\"dark\"",[4150,14781,9272],{"class":5188},[4150,14783,14784,14786,14788,14791,14793,14795,14797,14800,14803,14805,14808,14810,14812,14814,14817,14819],{"class":4152,"line":4196},[4150,14785,5685],{"class":5188},[4150,14787,14711],{"class":4880},[4150,14789,14790],{"class":5194}," screenOptions",[4150,14792,5198],{"class":4313},[4150,14794,5201],{"class":4348},[4150,14796,10954],{"class":5204},[4150,14798,14799],{"class":4436},"headerShown:",[4150,14801,14802],{"class":4348}," false",[4150,14804,3789],{"class":5204},[4150,14806,14807],{"class":4436},"contentStyle:",[4150,14809,4433],{"class":5204},[4150,14811,7323],{"class":4436},[4150,14813,4611],{"class":4326},[4150,14815,14816],{"class":5204}," } }",[4150,14818,5223],{"class":4348},[4150,14820,9272],{"class":5188},[4150,14822,14823],{"class":4152,"line":4201},[4150,14824,14825],{"class":5188},"    \u003C\u002F>\n",[4150,14827,14828],{"class":4152,"line":4207},[4150,14829,5960],{"class":4313},[4150,14831,14832],{"class":4152,"line":4213},[4150,14833,4414],{"class":4313},[3969,14835,14837],{"className":5034,"code":14836,"filename":4099,"language":5036,"meta":3975,"style":3975},"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",[3760,14838,14839,14859,14875,14899,14911,14917,14925,14947,14969,15006,15014,15054,15062,15066,15070,15086,15121,15142],{"__ignoreMap":3975},[4150,14840,14841,14843,14845,14847,14849,14851,14853,14855,14857],{"class":4152,"line":4153},[4150,14842,4430],{"class":4429},[4150,14844,4433],{"class":4313},[4150,14846,5065],{"class":4436},[4150,14848,3789],{"class":4313},[4150,14850,5021],{"class":4436},[4150,14852,4439],{"class":4313},[4150,14854,4442],{"class":4429},[4150,14856,5081],{"class":4326},[4150,14858,4448],{"class":4313},[4150,14860,14861,14863,14865,14867,14869,14871,14873],{"class":4152,"line":4159},[4150,14862,4430],{"class":4429},[4150,14864,4433],{"class":4313},[4150,14866,3942],{"class":4436},[4150,14868,4439],{"class":4313},[4150,14870,4442],{"class":4429},[4150,14872,4463],{"class":4326},[4150,14874,4448],{"class":4313},[4150,14876,14877,14879,14881,14883,14885,14887,14889,14891,14893,14895,14897],{"class":4152,"line":4165},[4150,14878,4430],{"class":4429},[4150,14880,4433],{"class":4313},[4150,14882,3871],{"class":4436},[4150,14884,3789],{"class":4313},[4150,14886,3876],{"class":4436},[4150,14888,3789],{"class":4313},[4150,14890,3866],{"class":4436},[4150,14892,4439],{"class":4313},[4150,14894,4442],{"class":4429},[4150,14896,9770],{"class":4326},[4150,14898,4448],{"class":4313},[4150,14900,14901,14903,14905,14907,14909],{"class":4152,"line":4171},[4150,14902,4585],{"class":4429},[4150,14904,5616],{"class":4429},[4150,14906,5156],{"class":4348},[4150,14908,9787],{"class":5159},[4150,14910,5624],{"class":4313},[4150,14912,14913,14915],{"class":4152,"line":4178},[4150,14914,5185],{"class":4429},[4150,14916,5670],{"class":4313},[4150,14918,14919,14921,14923],{"class":4152,"line":4184},[4150,14920,5675],{"class":5188},[4150,14922,3866],{"class":4880},[4150,14924,5680],{"class":5188},[4150,14926,14927,14929,14931,14933,14935,14937,14939,14941,14943,14945],{"class":4152,"line":4190},[4150,14928,5685],{"class":5188},[4150,14930,5021],{"class":4880},[4150,14932,5195],{"class":5194},[4150,14934,5198],{"class":4313},[4150,14936,5201],{"class":4348},[4150,14938,5208],{"class":4436},[4150,14940,3803],{"class":5204},[4150,14942,9822],{"class":4436},[4150,14944,5223],{"class":4348},[4150,14946,5680],{"class":5188},[4150,14948,14949,14951,14953,14955,14957,14959,14961,14963,14965,14967],{"class":4152,"line":4196},[4150,14950,5796],{"class":5188},[4150,14952,3871],{"class":4880},[4150,14954,7341],{"class":5194},[4150,14956,5198],{"class":4313},[4150,14958,7346],{"class":4326},[4150,14960,5226],{"class":5188},[4150,14962,9843],{"class":4313},[4150,14964,5235],{"class":5188},[4150,14966,3871],{"class":4880},[4150,14968,5680],{"class":5188},[4150,14970,14971,14973,14975,14977,14979,14981,14983,14985,14987,14989,14991,14993,14995,14997,15000,15002,15004],{"class":4152,"line":4201},[4150,14972,5796],{"class":5188},[4150,14974,3871],{"class":4880},[4150,14976,7341],{"class":5194},[4150,14978,5198],{"class":4313},[4150,14980,7466],{"class":4326},[4150,14982,5195],{"class":5194},[4150,14984,5198],{"class":4313},[4150,14986,5201],{"class":4348},[4150,14988,5208],{"class":4436},[4150,14990,3803],{"class":5204},[4150,14992,6838],{"class":4436},[4150,14994,5223],{"class":4348},[4150,14996,5226],{"class":5188},[4150,14998,14999],{"class":4313},"Щоденник подорожей",[4150,15001,5235],{"class":5188},[4150,15003,3871],{"class":4880},[4150,15005,5680],{"class":5188},[4150,15007,15008,15010,15012],{"class":4152,"line":4207},[4150,15009,5940],{"class":5188},[4150,15011,5021],{"class":4880},[4150,15013,5680],{"class":5188},[4150,15015,15016,15018,15020,15022,15024,15026,15028,15030,15032,15034,15036,15039,15041,15043,15045,15048,15050,15052],{"class":4152,"line":4213},[4150,15017,5685],{"class":5188},[4150,15019,3876],{"class":4880},[4150,15021,9226],{"class":5194},[4150,15023,5198],{"class":4313},[4150,15025,9231],{"class":4326},[4150,15027,9234],{"class":5194},[4150,15029,5198],{"class":4313},[4150,15031,5201],{"class":4348},[4150,15033,9241],{"class":5204},[4150,15035,7952],{"class":4348},[4150,15037,15038],{"class":4436}," console",[4150,15040,3803],{"class":5204},[4150,15042,9994],{"class":5159},[4150,15044,8995],{"class":5204},[4150,15046,15047],{"class":4326},"'TODO'",[4150,15049,4271],{"class":5204},[4150,15051,5223],{"class":4348},[4150,15053,9272],{"class":5188},[4150,15055,15056,15058,15060],{"class":4152,"line":4219},[4150,15057,5950],{"class":5188},[4150,15059,3866],{"class":4880},[4150,15061,5680],{"class":5188},[4150,15063,15064],{"class":4152,"line":4224},[4150,15065,5960],{"class":4313},[4150,15067,15068],{"class":4152,"line":4230},[4150,15069,4414],{"class":4313},[4150,15071,15072,15074,15076,15078,15080,15082,15084],{"class":4152,"line":4236},[4150,15073,5254],{"class":4348},[4150,15075,5257],{"class":4591},[4150,15077,4884],{"class":4313},[4150,15079,5065],{"class":4436},[4150,15081,3803],{"class":4313},[4150,15083,5266],{"class":5159},[4150,15085,5269],{"class":4313},[4150,15087,15088,15090,15092,15094,15096,15098,15100,15102,15104,15106,15109,15111,15113,15115,15117,15119],{"class":4152,"line":4242},[4150,15089,10054],{"class":4436},[4150,15091,4433],{"class":4313},[4150,15093,11061],{"class":4436},[4150,15095,4592],{"class":4436},[4150,15097,3803],{"class":4313},[4150,15099,4915],{"class":4436},[4150,15101,3803],{"class":4313},[4150,15103,5337],{"class":4436},[4150,15105,3789],{"class":4313},[4150,15107,15108],{"class":4436},"gap:",[4150,15110,4592],{"class":4436},[4150,15112,3803],{"class":4313},[4150,15114,4915],{"class":4436},[4150,15116,3803],{"class":4313},[4150,15118,7826],{"class":4436},[4150,15120,5518],{"class":4313},[4150,15122,15123,15125,15127,15130,15132,15134,15136,15138,15140],{"class":4152,"line":4248},[4150,15124,6756],{"class":4436},[4150,15126,4433],{"class":4313},[4150,15128,15129],{"class":4436},"marginTop:",[4150,15131,4592],{"class":4436},[4150,15133,3803],{"class":4313},[4150,15135,4915],{"class":4436},[4150,15137,3803],{"class":4313},[4150,15139,7826],{"class":4436},[4150,15141,5518],{"class":4313},[4150,15143,15144],{"class":4152,"line":4254},[4150,15145,5348],{"class":4313},[3969,15147,15150],{"className":15148,"code":4937,"filename":4934,"language":15149,"meta":3975,"style":3975},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","ts",[3760,15151,15152,15168],{"__ignoreMap":3975},[4150,15153,15154,15156,15158,15160,15162,15164,15166],{"class":4152,"line":4153},[4150,15155,4585],{"class":4429},[4150,15157,4433],{"class":4313},[4150,15159,3942],{"class":4436},[4150,15161,4439],{"class":4313},[4150,15163,4442],{"class":4429},[4150,15165,4954],{"class":4326},[4150,15167,4448],{"class":4313},[4150,15169,15170,15172,15174,15176,15178,15180,15182,15184],{"class":4152,"line":4159},[4150,15171,4585],{"class":4429},[4150,15173,4877],{"class":4429},[4150,15175,4433],{"class":4313},[4150,15177,4967],{"class":4436},[4150,15179,4439],{"class":4313},[4150,15181,4442],{"class":4429},[4150,15183,4954],{"class":4326},[4150,15185,4448],{"class":4313},[3969,15187,15189],{"className":15148,"code":15188,"filename":4575,"language":15149,"meta":3975,"style":3975},"\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",[3760,15190,15191,15196,15201,15206,15211,15216,15220,15231,15240,15249,15258,15267,15276,15286,15290,15301,15309,15317,15325,15335,15339,15350,15358,15366,15374,15382,15392,15396,15407,15417,15422,15428,15436,15444,15452,15460,15468,15476,15484,15492,15500,15504,15512,15519,15526,15536,15540],{"__ignoreMap":3975},[4150,15192,15193],{"class":4152,"line":4153},[4150,15194,15195],{"class":9983},"\u002F**\n",[4150,15197,15198],{"class":4152,"line":4159},[4150,15199,15200],{"class":9983}," * Токени, що **не** залежать від light\u002Fdark:\n",[4150,15202,15203],{"class":4152,"line":4165},[4150,15204,15205],{"class":9983}," * відступи, радіуси, розміри шрифтів.\n",[4150,15207,15208],{"class":4152,"line":4171},[4150,15209,15210],{"class":9983}," * Кольори — у colors.ts + ThemeProvider.\n",[4150,15212,15213],{"class":4152,"line":4178},[4150,15214,15215],{"class":9983}," *\u002F\n",[4150,15217,15218],{"class":4152,"line":4184},[4150,15219,4175],{"emptyLinePlaceholder":4174},[4150,15221,15222,15224,15226,15229],{"class":4152,"line":4190},[4150,15223,4585],{"class":4429},[4150,15225,4588],{"class":4348},[4150,15227,15228],{"class":4591}," space",[4150,15230,4595],{"class":4313},[4150,15232,15233,15236,15238],{"class":4152,"line":4196},[4150,15234,15235],{"class":4436},"  xs:",[4150,15237,4712],{"class":4711},[4150,15239,4330],{"class":4313},[4150,15241,15242,15245,15247],{"class":4152,"line":4201},[4150,15243,15244],{"class":4436},"  sm:",[4150,15246,4722],{"class":4711},[4150,15248,4330],{"class":4313},[4150,15250,15251,15254,15256],{"class":4152,"line":4207},[4150,15252,15253],{"class":4436},"  md:",[4150,15255,4732],{"class":4711},[4150,15257,4330],{"class":4313},[4150,15259,15260,15263,15265],{"class":4152,"line":4213},[4150,15261,15262],{"class":4436},"  lg:",[4150,15264,4742],{"class":4711},[4150,15266,4330],{"class":4313},[4150,15268,15269,15272,15274],{"class":4152,"line":4219},[4150,15270,15271],{"class":4436},"  xl:",[4150,15273,4752],{"class":4711},[4150,15275,4330],{"class":4313},[4150,15277,15278,15280,15282,15284],{"class":4152,"line":4224},[4150,15279,4857],{"class":4313},[4150,15281,4860],{"class":4429},[4150,15283,4588],{"class":4348},[4150,15285,4448],{"class":4313},[4150,15287,15288],{"class":4152,"line":4230},[4150,15289,4175],{"emptyLinePlaceholder":4174},[4150,15291,15292,15294,15296,15299],{"class":4152,"line":4236},[4150,15293,4585],{"class":4429},[4150,15295,4588],{"class":4348},[4150,15297,15298],{"class":4591}," radius",[4150,15300,4595],{"class":4313},[4150,15302,15303,15305,15307],{"class":4152,"line":4242},[4150,15304,15244],{"class":4436},[4150,15306,4722],{"class":4711},[4150,15308,4330],{"class":4313},[4150,15310,15311,15313,15315],{"class":4152,"line":4248},[4150,15312,15253],{"class":4436},[4150,15314,4783],{"class":4711},[4150,15316,4330],{"class":4313},[4150,15318,15319,15321,15323],{"class":4152,"line":4254},[4150,15320,15262],{"class":4436},[4150,15322,4732],{"class":4711},[4150,15324,4330],{"class":4313},[4150,15326,15327,15329,15331,15333],{"class":4152,"line":4259},[4150,15328,4857],{"class":4313},[4150,15330,4860],{"class":4429},[4150,15332,4588],{"class":4348},[4150,15334,4448],{"class":4313},[4150,15336,15337],{"class":4152,"line":4761},[4150,15338,4175],{"emptyLinePlaceholder":4174},[4150,15340,15341,15343,15345,15348],{"class":4152,"line":4769},[4150,15342,4585],{"class":4429},[4150,15344,4588],{"class":4348},[4150,15346,15347],{"class":4591}," fontSize",[4150,15349,4595],{"class":4313},[4150,15351,15352,15354,15356],{"class":4152,"line":4778},[4150,15353,15244],{"class":4436},[4150,15355,4815],{"class":4711},[4150,15357,4330],{"class":4313},[4150,15359,15360,15362,15364],{"class":4152,"line":4788},[4150,15361,15253],{"class":4436},[4150,15363,4732],{"class":4711},[4150,15365,4330],{"class":4313},[4150,15367,15368,15370,15372],{"class":4152,"line":4797},[4150,15369,15262],{"class":4436},[4150,15371,4834],{"class":4711},[4150,15373,4330],{"class":4313},[4150,15375,15376,15378,15380],{"class":4152,"line":4802},[4150,15377,15271],{"class":4436},[4150,15379,4844],{"class":4711},[4150,15381,4330],{"class":4313},[4150,15383,15384,15386,15388,15390],{"class":4152,"line":4810},[4150,15385,4857],{"class":4313},[4150,15387,4860],{"class":4429},[4150,15389,4588],{"class":4348},[4150,15391,4448],{"class":4313},[4150,15393,15394],{"class":4152,"line":4820},[4150,15395,4175],{"emptyLinePlaceholder":4174},[4150,15397,15398,15401,15404],{"class":4152,"line":4829},[4150,15399,15400],{"class":9983},"\u002F** ",[4150,15402,15403],{"class":4348},"@deprecated",[4150,15405,15406],{"class":9983}," Використовуйте useTheme() для кольорів; space\u002Fradius\u002FfontSize — нижче. *\u002F\n",[4150,15408,15409,15411,15413,15415],{"class":4152,"line":4839},[4150,15410,4585],{"class":4429},[4150,15412,4588],{"class":4348},[4150,15414,4592],{"class":4591},[4150,15416,4595],{"class":4313},[4150,15418,15419],{"class":4152,"line":4849},[4150,15420,15421],{"class":9983},"  \u002F** Світла палітра (fallback, якщо хтось імпортує tokens.colors без теми). *\u002F\n",[4150,15423,15424,15426],{"class":4152,"line":4854},[4150,15425,4600],{"class":4436},[4150,15427,4603],{"class":4313},[4150,15429,15430,15432,15434],{"class":4152,"line":4867},[4150,15431,4608],{"class":4436},[4150,15433,4611],{"class":4326},[4150,15435,4330],{"class":4313},[4150,15437,15438,15440,15442],{"class":4152,"line":4872},[4150,15439,4618],{"class":4436},[4150,15441,4621],{"class":4326},[4150,15443,4330],{"class":4313},[4150,15445,15446,15448,15450],{"class":4152,"line":5793},[4150,15447,4628],{"class":4436},[4150,15449,4631],{"class":4326},[4150,15451,4330],{"class":4313},[4150,15453,15454,15456,15458],{"class":4152,"line":5848},[4150,15455,4638],{"class":4436},[4150,15457,4641],{"class":4326},[4150,15459,4330],{"class":4313},[4150,15461,15462,15464,15466],{"class":4152,"line":5854},[4150,15463,4648],{"class":4436},[4150,15465,4651],{"class":4326},[4150,15467,4330],{"class":4313},[4150,15469,15470,15472,15474],{"class":4152,"line":5864},[4150,15471,4658],{"class":4436},[4150,15473,4661],{"class":4326},[4150,15475,4330],{"class":4313},[4150,15477,15478,15480,15482],{"class":4152,"line":5916},[4150,15479,4668],{"class":4436},[4150,15481,4671],{"class":4326},[4150,15483,4330],{"class":4313},[4150,15485,15486,15488,15490],{"class":4152,"line":5922},[4150,15487,4678],{"class":4436},[4150,15489,4681],{"class":4326},[4150,15491,4330],{"class":4313},[4150,15493,15494,15496,15498],{"class":4152,"line":5928},[4150,15495,4688],{"class":4436},[4150,15497,4621],{"class":4326},[4150,15499,4330],{"class":4313},[4150,15501,15502],{"class":4152,"line":5937},[4150,15503,4382],{"class":4313},[4150,15505,15506,15508,15510],{"class":4152,"line":5947},[4150,15507,4701],{"class":4436},[4150,15509,15228],{"class":4436},[4150,15511,4330],{"class":4313},[4150,15513,15514,15517],{"class":4152,"line":5957},[4150,15515,15516],{"class":4436},"  radius",[4150,15518,4330],{"class":4313},[4150,15520,15521,15524],{"class":4152,"line":5963},[4150,15522,15523],{"class":4436},"  fontSize",[4150,15525,4330],{"class":4313},[4150,15527,15528,15530,15532,15534],{"class":4152,"line":5968},[4150,15529,4857],{"class":4313},[4150,15531,4860],{"class":4429},[4150,15533,4588],{"class":4348},[4150,15535,4448],{"class":4313},[4150,15537,15538],{"class":4152,"line":5973},[4150,15539,4175],{"emptyLinePlaceholder":4174},[4150,15541,15542,15544,15546,15548,15550,15552,15554],{"class":4152,"line":5990},[4150,15543,4585],{"class":4429},[4150,15545,4877],{"class":4348},[4150,15547,4881],{"class":4880},[4150,15549,4884],{"class":4313},[4150,15551,4887],{"class":4348},[4150,15553,4592],{"class":4436},[4150,15555,4448],{"class":4313},[3969,15557,15559],{"className":5034,"code":15558,"filename":6248,"language":5036,"meta":3975,"style":3975},"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",[3760,15560,15561,15577,15605,15621,15645,15695,15746,15812,15816,15832,15852,15880,15913,15945,15985],{"__ignoreMap":3975},[4150,15562,15563,15565,15567,15569,15571,15573,15575],{"class":4152,"line":4153},[4150,15564,4430],{"class":4429},[4150,15566,4433],{"class":4313},[4150,15568,5047],{"class":4436},[4150,15570,4439],{"class":4313},[4150,15572,4442],{"class":4429},[4150,15574,5054],{"class":4326},[4150,15576,4448],{"class":4313},[4150,15578,15579,15581,15583,15585,15587,15589,15591,15593,15595,15597,15599,15601,15603],{"class":4152,"line":4159},[4150,15580,4430],{"class":4429},[4150,15582,4433],{"class":4313},[4150,15584,5065],{"class":4436},[4150,15586,3789],{"class":4313},[4150,15588,5404],{"class":4436},[4150,15590,3789],{"class":4313},[4150,15592,6286],{"class":4436},[4150,15594,3789],{"class":4313},[4150,15596,6291],{"class":4436},[4150,15598,4439],{"class":4313},[4150,15600,4442],{"class":4429},[4150,15602,5081],{"class":4326},[4150,15604,4448],{"class":4313},[4150,15606,15607,15609,15611,15613,15615,15617,15619],{"class":4152,"line":4165},[4150,15608,4430],{"class":4429},[4150,15610,4433],{"class":4313},[4150,15612,3942],{"class":4436},[4150,15614,4439],{"class":4313},[4150,15616,4442],{"class":4429},[4150,15618,4463],{"class":4326},[4150,15620,4448],{"class":4313},[4150,15622,15623,15625,15627,15629,15631,15633,15635,15637,15639,15641,15643],{"class":4152,"line":4171},[4150,15624,5112],{"class":4348},[4150,15626,6330],{"class":4880},[4150,15628,4884],{"class":4313},[4150,15630,6335],{"class":4326},[4150,15632,6338],{"class":4313},[4150,15634,6341],{"class":4326},[4150,15636,6338],{"class":4313},[4150,15638,6346],{"class":4326},[4150,15640,6338],{"class":4313},[4150,15642,6351],{"class":4326},[4150,15644,4448],{"class":4313},[4150,15646,15647,15649,15651,15653,15655,15658,15660,15662,15664,15666,15668,15670,15672,15674,15676,15678,15680,15682,15684,15686,15688,15690,15692],{"class":4152,"line":4178},[4150,15648,5112],{"class":4348},[4150,15650,6364],{"class":4880},[4150,15652,4884],{"class":4313},[4150,15654,6286],{"class":4880},[4150,15656,15657],{"class":4313}," & { ",[4150,15659,5166],{"class":4436},[4150,15661,4323],{"class":4313},[4150,15663,5047],{"class":4880},[4150,15665,10630],{"class":4313},[4150,15667,6528],{"class":4436},[4150,15669,5136],{"class":4313},[4150,15671,6391],{"class":4880},[4150,15673,10630],{"class":4313},[4150,15675,6534],{"class":4436},[4150,15677,5136],{"class":4313},[4150,15679,6403],{"class":4880},[4150,15681,10630],{"class":4313},[4150,15683,5171],{"class":4436},[4150,15685,5136],{"class":4313},[4150,15687,6291],{"class":4880},[4150,15689,6338],{"class":4313},[4150,15691,6291],{"class":4880},[4150,15693,15694],{"class":4313},"[] };\n",[4150,15696,15697,15699,15701,15703,15705,15707,15709,15711,15713,15715,15717,15719,15721,15723,15725,15727,15729,15731,15733,15735,15738,15740,15742,15744],{"class":4152,"line":4184},[4150,15698,4585],{"class":4429},[4150,15700,5156],{"class":4348},[4150,15702,6432],{"class":5159},[4150,15704,5163],{"class":4313},[4150,15706,5166],{"class":4436},[4150,15708,3789],{"class":4313},[4150,15710,6528],{"class":4436},[4150,15712,4884],{"class":4313},[4150,15714,6335],{"class":4326},[4150,15716,3789],{"class":4313},[4150,15718,6534],{"class":4436},[4150,15720,4884],{"class":4313},[4150,15722,3942],{"class":4436},[4150,15724,3803],{"class":4313},[4150,15726,4896],{"class":4436},[4150,15728,3803],{"class":4313},[4150,15730,3974],{"class":4436},[4150,15732,3789],{"class":4313},[4150,15734,5171],{"class":4436},[4150,15736,15737],{"class":4313},", ...",[4150,15739,6552],{"class":4436},[4150,15741,5174],{"class":4313},[4150,15743,6490],{"class":4880},[4150,15745,5180],{"class":4313},[4150,15747,15748,15750,15752,15754,15756,15758,15760,15762,15764,15766,15768,15770,15772,15774,15776,15778,15780,15782,15784,15786,15788,15790,15792,15794,15796,15798,15800,15802,15804,15806,15808,15810],{"class":4152,"line":4190},[4150,15749,5185],{"class":4429},[4150,15751,5189],{"class":5188},[4150,15753,5404],{"class":4880},[4150,15755,5195],{"class":5194},[4150,15757,5198],{"class":4313},[4150,15759,5201],{"class":4348},[4150,15761,5205],{"class":5204},[4150,15763,5208],{"class":4436},[4150,15765,3803],{"class":5204},[4150,15767,6519],{"class":4436},[4150,15769,3789],{"class":5204},[4150,15771,5208],{"class":4436},[4150,15773,5205],{"class":5204},[4150,15775,6528],{"class":4436},[4150,15777,6531],{"class":5204},[4150,15779,6534],{"class":4436},[4150,15781,6537],{"class":5204},[4150,15783,5171],{"class":4436},[4150,15785,5220],{"class":5204},[4150,15787,5223],{"class":4348},[4150,15789,6546],{"class":4348},[4150,15791,6549],{"class":4313},[4150,15793,6552],{"class":4436},[4150,15795,5223],{"class":4348},[4150,15797,5226],{"class":5188},[4150,15799,5201],{"class":4348},[4150,15801,5166],{"class":4436},[4150,15803,5223],{"class":4348},[4150,15805,5235],{"class":5188},[4150,15807,5404],{"class":4880},[4150,15809,5226],{"class":5188},[4150,15811,4448],{"class":4313},[4150,15813,15814],{"class":4152,"line":4196},[4150,15815,4414],{"class":4313},[4150,15817,15818,15820,15822,15824,15826,15828,15830],{"class":4152,"line":4201},[4150,15819,5254],{"class":4348},[4150,15821,5257],{"class":4591},[4150,15823,4884],{"class":4313},[4150,15825,5065],{"class":4436},[4150,15827,3803],{"class":4313},[4150,15829,5266],{"class":5159},[4150,15831,5269],{"class":4313},[4150,15833,15834,15836,15838,15840,15842,15844,15846,15848,15850],{"class":4152,"line":4207},[4150,15835,6606],{"class":4436},[4150,15837,4433],{"class":4313},[4150,15839,5819],{"class":4436},[4150,15841,4592],{"class":4436},[4150,15843,3803],{"class":4313},[4150,15845,4896],{"class":4436},[4150,15847,3803],{"class":4313},[4150,15849,3974],{"class":4436},[4150,15851,5518],{"class":4313},[4150,15853,15854,15856,15858,15861,15863,15865,15867,15869,15871,15873,15876,15878],{"class":4152,"line":4213},[4150,15855,6180],{"class":4436},[4150,15857,4433],{"class":4313},[4150,15859,15860],{"class":4436},"fontSize:",[4150,15862,4592],{"class":4436},[4150,15864,3803],{"class":4313},[4150,15866,6242],{"class":4436},[4150,15868,3803],{"class":4313},[4150,15870,5319],{"class":4436},[4150,15872,3789],{"class":4313},[4150,15874,15875],{"class":4436},"lineHeight:",[4150,15877,4742],{"class":4711},[4150,15879,5518],{"class":4313},[4150,15881,15882,15884,15886,15888,15890,15892,15894,15896,15898,15900,15903,15905,15907,15909,15911],{"class":4152,"line":4219},[4150,15883,6145],{"class":4436},[4150,15885,4433],{"class":4313},[4150,15887,15860],{"class":4436},[4150,15889,4592],{"class":4436},[4150,15891,3803],{"class":4313},[4150,15893,6242],{"class":4436},[4150,15895,3803],{"class":4313},[4150,15897,6684],{"class":4436},[4150,15899,3789],{"class":4313},[4150,15901,15902],{"class":4436},"fontWeight:",[4150,15904,6167],{"class":4326},[4150,15906,3789],{"class":4313},[4150,15908,15875],{"class":4436},[4150,15910,6701],{"class":4711},[4150,15912,5518],{"class":4313},[4150,15914,15915,15917,15919,15921,15923,15925,15927,15929,15931,15933,15935,15937,15939,15941,15943],{"class":4152,"line":4224},[4150,15916,6712],{"class":4436},[4150,15918,4433],{"class":4313},[4150,15920,15860],{"class":4436},[4150,15922,4592],{"class":4436},[4150,15924,3803],{"class":4313},[4150,15926,6242],{"class":4436},[4150,15928,3803],{"class":4313},[4150,15930,5337],{"class":4436},[4150,15932,3789],{"class":4313},[4150,15934,15902],{"class":4436},[4150,15936,6737],{"class":4326},[4150,15938,3789],{"class":4313},[4150,15940,15875],{"class":4436},[4150,15942,4844],{"class":4711},[4150,15944,5518],{"class":4313},[4150,15946,15947,15949,15951,15953,15955,15957,15959,15961,15963,15965,15967,15969,15971,15973,15975,15977,15979,15981,15983],{"class":4152,"line":4230},[4150,15948,6756],{"class":4436},[4150,15950,4433],{"class":4313},[4150,15952,15860],{"class":4436},[4150,15954,4592],{"class":4436},[4150,15956,3803],{"class":4313},[4150,15958,6242],{"class":4436},[4150,15960,3803],{"class":4313},[4150,15962,6132],{"class":4436},[4150,15964,3789],{"class":4313},[4150,15966,5819],{"class":4436},[4150,15968,4592],{"class":4436},[4150,15970,3803],{"class":4313},[4150,15972,4896],{"class":4436},[4150,15974,3803],{"class":4313},[4150,15976,5907],{"class":4436},[4150,15978,3789],{"class":4313},[4150,15980,15875],{"class":4436},[4150,15982,4834],{"class":4711},[4150,15984,5518],{"class":4313},[4150,15986,15987],{"class":4152,"line":4236},[4150,15988,5348],{"class":4313},[3969,15990,15992],{"className":5034,"code":15991,"filename":7864,"language":5036,"meta":3975,"style":3975},"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",[3760,15993,15994,16022,16038,16082,16116,16122,16156,16228,16262,16270,16274,16278,16294,16370,16390,16403,16443],{"__ignoreMap":3975},[4150,15995,15996,15998,16000,16002,16004,16006,16008,16010,16012,16014,16016,16018,16020],{"class":4152,"line":4153},[4150,15997,4430],{"class":4429},[4150,15999,4433],{"class":4313},[4150,16001,7854],{"class":4436},[4150,16003,3789],{"class":4313},[4150,16005,5065],{"class":4436},[4150,16007,3789],{"class":4313},[4150,16009,5404],{"class":4436},[4150,16011,3789],{"class":4313},[4150,16013,5074],{"class":4436},[4150,16015,4439],{"class":4313},[4150,16017,4442],{"class":4429},[4150,16019,5081],{"class":4326},[4150,16021,4448],{"class":4313},[4150,16023,16024,16026,16028,16030,16032,16034,16036],{"class":4152,"line":4159},[4150,16025,4430],{"class":4429},[4150,16027,4433],{"class":4313},[4150,16029,3942],{"class":4436},[4150,16031,4439],{"class":4313},[4150,16033,4442],{"class":4429},[4150,16035,4463],{"class":4326},[4150,16037,4448],{"class":4313},[4150,16039,16040,16042,16044,16047,16049,16051,16053,16055,16057,16059,16061,16063,16065,16067,16069,16071,16073,16075,16077,16079],{"class":4152,"line":4165},[4150,16041,5112],{"class":4348},[4150,16043,7928],{"class":4880},[4150,16045,16046],{"class":4313}," = { ",[4150,16048,8001],{"class":4436},[4150,16050,4323],{"class":4313},[4150,16052,6403],{"class":4880},[4150,16054,10630],{"class":4313},[4150,16056,8006],{"class":5159},[4150,16058,7949],{"class":4313},[4150,16060,7952],{"class":4348},[4150,16062,7955],{"class":4880},[4150,16064,10630],{"class":4313},[4150,16066,8011],{"class":4436},[4150,16068,5136],{"class":4313},[4150,16070,7967],{"class":4880},[4150,16072,10630],{"class":4313},[4150,16074,5171],{"class":4436},[4150,16076,5136],{"class":4313},[4150,16078,5074],{"class":4880},[4150,16080,16081],{"class":4313}," };\n",[4150,16083,16084,16086,16088,16090,16092,16094,16096,16098,16100,16102,16104,16106,16108,16110,16112,16114],{"class":4152,"line":4171},[4150,16085,4585],{"class":4429},[4150,16087,5156],{"class":4348},[4150,16089,7996],{"class":5159},[4150,16091,5163],{"class":4313},[4150,16093,8001],{"class":4436},[4150,16095,3789],{"class":4313},[4150,16097,8006],{"class":4436},[4150,16099,3789],{"class":4313},[4150,16101,8011],{"class":4436},[4150,16103,4884],{"class":4313},[4150,16105,8016],{"class":4348},[4150,16107,3789],{"class":4313},[4150,16109,5171],{"class":4436},[4150,16111,5174],{"class":4313},[4150,16113,8025],{"class":4880},[4150,16115,5180],{"class":4313},[4150,16117,16118,16120],{"class":4152,"line":4178},[4150,16119,5185],{"class":4429},[4150,16121,5670],{"class":4313},[4150,16123,16124,16126,16128,16131,16133,16136,16138,16140,16142,16144,16146,16148,16150,16152,16154],{"class":4152,"line":4184},[4150,16125,5675],{"class":5188},[4150,16127,7854],{"class":4880},[4150,16129,16130],{"class":5194}," accessibilityRole",[4150,16132,5198],{"class":4313},[4150,16134,16135],{"class":4326},"\"button\"",[4150,16137,9303],{"class":5194},[4150,16139,5198],{"class":4313},[4150,16141,5201],{"class":4348},[4150,16143,8011],{"class":4436},[4150,16145,5223],{"class":4348},[4150,16147,9234],{"class":5194},[4150,16149,5198],{"class":4313},[4150,16151,5201],{"class":4348},[4150,16153,8006],{"class":4436},[4150,16155,4414],{"class":4348},[4150,16157,16158,16160,16162,16164,16166,16168,16170,16172,16174,16176,16178,16180,16182,16184,16186,16188,16190,16192,16194,16196,16198,16200,16202,16204,16206,16208,16210,16212,16214,16216,16218,16220,16222,16224,16226],{"class":4152,"line":4190},[4150,16159,8081],{"class":5194},[4150,16161,5198],{"class":4313},[4150,16163,5201],{"class":4348},[4150,16165,5163],{"class":5204},[4150,16167,8090],{"class":4436},[4150,16169,8093],{"class":5204},[4150,16171,7952],{"class":4348},[4150,16173,8979],{"class":5204},[4150,16175,5208],{"class":4436},[4150,16177,3803],{"class":5204},[4150,16179,6519],{"class":4436},[4150,16181,3789],{"class":5204},[4150,16183,8090],{"class":4436},[4150,16185,7318],{"class":4313},[4150,16187,8119],{"class":4313},[4150,16189,8011],{"class":4436},[4150,16191,5727],{"class":4313},[4150,16193,5257],{"class":4436},[4150,16195,3803],{"class":5204},[4150,16197,8090],{"class":4436},[4150,16199,5733],{"class":4313},[4150,16201,7148],{"class":4348},[4150,16203,3789],{"class":5204},[4150,16205,8011],{"class":4436},[4150,16207,5727],{"class":4313},[4150,16209,5257],{"class":4436},[4150,16211,3803],{"class":5204},[4150,16213,8011],{"class":4436},[4150,16215,5733],{"class":4313},[4150,16217,7148],{"class":4348},[4150,16219,3789],{"class":5204},[4150,16221,5171],{"class":4436},[4150,16223,5220],{"class":5204},[4150,16225,5223],{"class":4348},[4150,16227,5680],{"class":5188},[4150,16229,16230,16232,16234,16236,16238,16240,16242,16244,16246,16248,16250,16252,16254,16256,16258,16260],{"class":4152,"line":4196},[4150,16231,5685],{"class":5188},[4150,16233,5404],{"class":4880},[4150,16235,5195],{"class":5194},[4150,16237,5198],{"class":4313},[4150,16239,5201],{"class":4348},[4150,16241,5208],{"class":4436},[4150,16243,3803],{"class":5204},[4150,16245,8001],{"class":4436},[4150,16247,5223],{"class":4348},[4150,16249,5226],{"class":5188},[4150,16251,5201],{"class":4348},[4150,16253,8001],{"class":4436},[4150,16255,5223],{"class":4348},[4150,16257,5235],{"class":5188},[4150,16259,5404],{"class":4880},[4150,16261,5680],{"class":5188},[4150,16263,16264,16266,16268],{"class":4152,"line":4201},[4150,16265,5950],{"class":5188},[4150,16267,7854],{"class":4880},[4150,16269,5680],{"class":5188},[4150,16271,16272],{"class":4152,"line":4207},[4150,16273,5960],{"class":4313},[4150,16275,16276],{"class":4152,"line":4213},[4150,16277,4414],{"class":4313},[4150,16279,16280,16282,16284,16286,16288,16290,16292],{"class":4152,"line":4219},[4150,16281,5254],{"class":4348},[4150,16283,5257],{"class":4591},[4150,16285,4884],{"class":4313},[4150,16287,5065],{"class":4436},[4150,16289,3803],{"class":4313},[4150,16291,5266],{"class":5159},[4150,16293,5269],{"class":4313},[4150,16295,16296,16298,16300,16302,16304,16306,16308,16310,16312,16314,16317,16319,16321,16323,16325,16327,16329,16331,16333,16336,16338,16340,16342,16344,16346,16348,16351,16353,16355,16357,16359,16361,16363,16366,16368],{"class":4152,"line":4224},[4150,16297,6606],{"class":4436},[4150,16299,4433],{"class":4313},[4150,16301,7323],{"class":4436},[4150,16303,4592],{"class":4436},[4150,16305,3803],{"class":4313},[4150,16307,4896],{"class":4436},[4150,16309,3803],{"class":4313},[4150,16311,4904],{"class":4436},[4150,16313,3789],{"class":4313},[4150,16315,16316],{"class":4436},"paddingVertical:",[4150,16318,4592],{"class":4436},[4150,16320,3803],{"class":4313},[4150,16322,4915],{"class":4436},[4150,16324,3803],{"class":4313},[4150,16326,6132],{"class":4436},[4150,16328,8281],{"class":4313},[4150,16330,8284],{"class":4711},[4150,16332,3789],{"class":4313},[4150,16334,16335],{"class":4436},"paddingHorizontal:",[4150,16337,4592],{"class":4436},[4150,16339,3803],{"class":4313},[4150,16341,4915],{"class":4436},[4150,16343,3803],{"class":4313},[4150,16345,5319],{"class":4436},[4150,16347,3789],{"class":4313},[4150,16349,16350],{"class":4436},"borderRadius:",[4150,16352,4592],{"class":4436},[4150,16354,3803],{"class":4313},[4150,16356,6081],{"class":4436},[4150,16358,3803],{"class":4313},[4150,16360,5319],{"class":4436},[4150,16362,3789],{"class":4313},[4150,16364,16365],{"class":4436},"alignItems:",[4150,16367,7598],{"class":4326},[4150,16369,5518],{"class":4313},[4150,16371,16372,16374,16376,16378,16380,16382,16384,16386,16388],{"class":4152,"line":4230},[4150,16373,8336],{"class":4436},[4150,16375,4433],{"class":4313},[4150,16377,7323],{"class":4436},[4150,16379,4592],{"class":4436},[4150,16381,3803],{"class":4313},[4150,16383,4896],{"class":4436},[4150,16385,3803],{"class":4313},[4150,16387,8353],{"class":4436},[4150,16389,5518],{"class":4313},[4150,16391,16392,16394,16396,16399,16401],{"class":4152,"line":4236},[4150,16393,8364],{"class":4436},[4150,16395,4433],{"class":4313},[4150,16397,16398],{"class":4436},"opacity:",[4150,16400,8374],{"class":4711},[4150,16402,5518],{"class":4313},[4150,16404,16405,16407,16409,16411,16413,16415,16417,16419,16421,16423,16425,16427,16429,16431,16433,16435,16437,16439,16441],{"class":4152,"line":4242},[4150,16406,8385],{"class":4436},[4150,16408,4433],{"class":4313},[4150,16410,5819],{"class":4436},[4150,16412,4592],{"class":4436},[4150,16414,3803],{"class":4313},[4150,16416,4896],{"class":4436},[4150,16418,3803],{"class":4313},[4150,16420,8402],{"class":4436},[4150,16422,3789],{"class":4313},[4150,16424,15860],{"class":4436},[4150,16426,4592],{"class":4436},[4150,16428,3803],{"class":4313},[4150,16430,6242],{"class":4436},[4150,16432,3803],{"class":4313},[4150,16434,5319],{"class":4436},[4150,16436,3789],{"class":4313},[4150,16438,15902],{"class":4436},[4150,16440,6737],{"class":4326},[4150,16442,5518],{"class":4313},[4150,16444,16445],{"class":4152,"line":4248},[4150,16446,5348],{"class":4313},[3969,16448,16450],{"className":5034,"code":16449,"filename":5031,"language":5036,"meta":3975,"style":3975},"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",[3760,16451,16452,16468,16488,16506,16522,16546,16568,16614,16618,16634,16675],{"__ignoreMap":3975},[4150,16453,16454,16456,16458,16460,16462,16464,16466],{"class":4152,"line":4153},[4150,16455,4430],{"class":4429},[4150,16457,4433],{"class":4313},[4150,16459,5047],{"class":4436},[4150,16461,4439],{"class":4313},[4150,16463,4442],{"class":4429},[4150,16465,5054],{"class":4326},[4150,16467,4448],{"class":4313},[4150,16469,16470,16472,16474,16476,16478,16480,16482,16484,16486],{"class":4152,"line":4159},[4150,16471,4430],{"class":4429},[4150,16473,4433],{"class":4313},[4150,16475,5065],{"class":4436},[4150,16477,3789],{"class":4313},[4150,16479,5074],{"class":4436},[4150,16481,4439],{"class":4313},[4150,16483,4442],{"class":4429},[4150,16485,5081],{"class":4326},[4150,16487,4448],{"class":4313},[4150,16489,16490,16492,16494,16497,16499,16501,16504],{"class":4152,"line":4165},[4150,16491,4430],{"class":4429},[4150,16493,4433],{"class":4313},[4150,16495,16496],{"class":4436},"SafeAreaView",[4150,16498,4439],{"class":4313},[4150,16500,4442],{"class":4429},[4150,16502,16503],{"class":4326}," 'react-native-safe-area-context'",[4150,16505,4448],{"class":4313},[4150,16507,16508,16510,16512,16514,16516,16518,16520],{"class":4152,"line":4171},[4150,16509,4430],{"class":4429},[4150,16511,4433],{"class":4313},[4150,16513,3942],{"class":4436},[4150,16515,4439],{"class":4313},[4150,16517,4442],{"class":4429},[4150,16519,4463],{"class":4326},[4150,16521,4448],{"class":4313},[4150,16523,16524,16526,16528,16530,16532,16534,16536,16538,16540,16542,16544],{"class":4152,"line":4178},[4150,16525,5112],{"class":4348},[4150,16527,5115],{"class":4880},[4150,16529,16046],{"class":4313},[4150,16531,5166],{"class":4436},[4150,16533,4323],{"class":4313},[4150,16535,5047],{"class":4880},[4150,16537,10630],{"class":4313},[4150,16539,5171],{"class":4436},[4150,16541,5136],{"class":4313},[4150,16543,5074],{"class":4880},[4150,16545,16081],{"class":4313},[4150,16547,16548,16550,16552,16554,16556,16558,16560,16562,16564,16566],{"class":4152,"line":4184},[4150,16549,4585],{"class":4429},[4150,16551,5156],{"class":4348},[4150,16553,5160],{"class":5159},[4150,16555,5163],{"class":4313},[4150,16557,5166],{"class":4436},[4150,16559,3789],{"class":4313},[4150,16561,5171],{"class":4436},[4150,16563,5174],{"class":4313},[4150,16565,5177],{"class":4880},[4150,16567,5180],{"class":4313},[4150,16569,16570,16572,16574,16576,16578,16580,16582,16584,16586,16588,16590,16592,16594,16596,16598,16600,16602,16604,16606,16608,16610,16612],{"class":4152,"line":4190},[4150,16571,5185],{"class":4429},[4150,16573,5189],{"class":5188},[4150,16575,16496],{"class":4880},[4150,16577,5195],{"class":5194},[4150,16579,5198],{"class":4313},[4150,16581,5201],{"class":4348},[4150,16583,5205],{"class":5204},[4150,16585,5208],{"class":4436},[4150,16587,3803],{"class":5204},[4150,16589,5213],{"class":4436},[4150,16591,3789],{"class":5204},[4150,16593,5171],{"class":4436},[4150,16595,5220],{"class":5204},[4150,16597,5223],{"class":4348},[4150,16599,5226],{"class":5188},[4150,16601,5201],{"class":4348},[4150,16603,5166],{"class":4436},[4150,16605,5223],{"class":4348},[4150,16607,5235],{"class":5188},[4150,16609,16496],{"class":4880},[4150,16611,5226],{"class":5188},[4150,16613,4448],{"class":4313},[4150,16615,16616],{"class":4152,"line":4196},[4150,16617,4414],{"class":4313},[4150,16619,16620,16622,16624,16626,16628,16630,16632],{"class":4152,"line":4201},[4150,16621,5254],{"class":4348},[4150,16623,5257],{"class":4591},[4150,16625,4884],{"class":4313},[4150,16627,5065],{"class":4436},[4150,16629,3803],{"class":4313},[4150,16631,5266],{"class":5159},[4150,16633,5269],{"class":4313},[4150,16635,16636,16638,16640,16643,16645,16647,16649,16651,16653,16655,16657,16659,16661,16663,16665,16667,16669,16671,16673],{"class":4152,"line":4207},[4150,16637,5274],{"class":4436},[4150,16639,4433],{"class":4313},[4150,16641,16642],{"class":4436},"flex:",[4150,16644,5284],{"class":4711},[4150,16646,3789],{"class":4313},[4150,16648,7323],{"class":4436},[4150,16650,4592],{"class":4436},[4150,16652,3803],{"class":4313},[4150,16654,4896],{"class":4436},[4150,16656,3803],{"class":4313},[4150,16658,4911],{"class":4436},[4150,16660,3789],{"class":4313},[4150,16662,16335],{"class":4436},[4150,16664,4592],{"class":4436},[4150,16666,3803],{"class":4313},[4150,16668,4915],{"class":4436},[4150,16670,3803],{"class":4313},[4150,16672,5319],{"class":4436},[4150,16674,5518],{"class":4313},[4150,16676,16677],{"class":4152,"line":4213},[4150,16678,5348],{"class":4313},[3969,16680,16682],{"className":15148,"code":16681,"filename":8459,"language":15149,"meta":3975,"style":3975},"export { Screen } from '.\u002FScreen';\nexport { AppText } from '.\u002FAppText';\nexport { Button } from '.\u002FButton';\n",[3760,16683,16684,16700,16716],{"__ignoreMap":3975},[4150,16685,16686,16688,16690,16692,16694,16696,16698],{"class":4152,"line":4153},[4150,16687,4585],{"class":4429},[4150,16689,4433],{"class":4313},[4150,16691,3866],{"class":4436},[4150,16693,4439],{"class":4313},[4150,16695,4442],{"class":4429},[4150,16697,8513],{"class":4326},[4150,16699,4448],{"class":4313},[4150,16701,16702,16704,16706,16708,16710,16712,16714],{"class":4152,"line":4159},[4150,16703,4585],{"class":4429},[4150,16705,4433],{"class":4313},[4150,16707,3871],{"class":4436},[4150,16709,4439],{"class":4313},[4150,16711,4442],{"class":4429},[4150,16713,8479],{"class":4326},[4150,16715,4448],{"class":4313},[4150,16717,16718,16720,16722,16724,16726,16728,16730],{"class":4152,"line":4165},[4150,16719,4585],{"class":4429},[4150,16721,4433],{"class":4313},[4150,16723,3876],{"class":4436},[4150,16725,4439],{"class":4313},[4150,16727,4442],{"class":4429},[4150,16729,8496],{"class":4326},[4150,16731,4448],{"class":4313},[3964,16733,16735],{"id":16734},"перевірка","Перевірка",[3843,16737,16738,16745,16753],{},[3772,16739,16740,16742,16743,3803],{},[3760,16741,4497],{}," — екран відкривається без помилок імпорту ",[3760,16744,3922],{},[3772,16746,16747,16748,16750,16751,3803],{},"На екрані видно текст через ",[3760,16749,3871],{}," і кнопку ",[3760,16752,3876],{},[3772,16754,16755,16756,16758],{},"Файли лежать у ",[3760,16757,11901],{}," як у дереві нижче.",[3964,16760,16762],{"id":16761},"коміт","Коміт",[3743,16764,16765,16766,16768],{},"Якщо збирали вручну (не через ",[3760,16767,14012],{}," на вже запушений репо):",[3969,16770,16772],{"className":11994,"code":16771,"language":11996,"meta":3975,"style":3975},"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",[3760,16773,16774,16780,16790,16812,16817,16821,16826,16831,16836],{"__ignoreMap":3975},[4150,16775,16776,16778],{"class":4152,"line":4153},[4150,16777,12003],{"class":5159},[4150,16779,14029],{"class":4326},[4150,16781,16782,16784,16787],{"class":4152,"line":4159},[4150,16783,14034],{"class":5159},[4150,16785,16786],{"class":4326}," add",[4150,16788,16789],{"class":4348}," -A\n",[4150,16791,16792,16794,16797,16800,16803,16806,16809],{"class":4152,"line":4165},[4150,16793,14034],{"class":5159},[4150,16795,16796],{"class":4326}," commit",[4150,16798,16799],{"class":4348}," -m",[4150,16801,16802],{"class":4326}," \"$(",[4150,16804,16805],{"class":5159},"cat",[4150,16807,16808],{"class":4313}," \u003C\u003C",[4150,16810,16811],{"class":4326},"'EOF'\n",[4150,16813,16814],{"class":4152,"line":4171},[4150,16815,16816],{"class":4326},"feat: design tokens and base UI primitives\n",[4150,16818,16819],{"class":4152,"line":4178},[4150,16820,4175],{"emptyLinePlaceholder":4174},[4150,16822,16823],{"class":4152,"line":4184},[4150,16824,16825],{"class":4326},"Material: content\u002F15.react-native\u002F05.project-structure-and-conventions.md\n",[4150,16827,16828],{"class":4152,"line":4190},[4150,16829,16830],{"class":4326},"EOF\n",[4150,16832,16833],{"class":4152,"line":4196},[4150,16834,16835],{"class":4326},")\"\n",[4150,16837,16838,16840],{"class":4152,"line":4201},[4150,16839,14034],{"class":5159},[4150,16841,16842],{"class":4326}," push\n",[3743,16844,16845,16846,16849,16850,16852],{},"У публічному репо цей коміт ",[3747,16847,16848],{},"уже є"," — після ",[3760,16851,14012],{}," повторно комітити не потрібно, якщо ви не змінювали код локально.",[3948,16854],{},[3738,16856,16858],{"id":16857},"підсумок","Підсумок",[4467,16860,16861,16867,16878,16882,16886,16892,16896],{},[3964,16862,16864,16866],{"id":16863},"app-маршрути-тонкі-екрани",[3760,16865,3766],{}," — маршрути, тонкі екрани",[3964,16868,16870,16873,16874,16877],{"id":16869},"srcfeatures-код-фіч-srcshared-тема-й-ui",[3760,16871,16872],{},"src\u002Ffeatures"," — код фіч; ",[3760,16875,16876],{},"src\u002Fshared"," — тема й UI",[3964,16879,16881],{"id":16880},"tokens-єдиний-словник-вигляду","Tokens — єдиний словник вигляду",[3964,16883,16885],{"id":16884},"screen-apptext-button-перші-цеглини","Screen, AppText, Button — перші цеглини",[3964,16887,16889,16891],{"id":16888},"короткі-імпорти",[3760,16890,10161],{}," — короткі імпорти",[3964,16893,16895],{"id":16894},"платформні-суфікси-знати-не-зловживати-на-старті","Платформні суфікси — знати, не зловживати на старті",[3964,16897,16899],{"id":16898},"візитка-окремий-тренажер-nomad-основний-продукт","Візитка — окремий тренажер; Nomad — основний продукт",[3743,16901,16902,16903,11861,16906,3789,16908,3789,16910,3789,16913,3789,16915,16918],{},"Далі — ",[3747,16904,16905],{},"базові компоненти React Native",[3760,16907,5021],{},[3760,16909,5404],{},[3760,16911,16912],{},"Image",[3760,16914,7854],{},[3760,16916,16917],{},"ScrollView",") уже з глибшим розбором API, на фундаменті структури з цієї статті.",[3948,16920],{},[3738,16922,16924],{"id":16923},"практичні-завдання","Практичні завдання",[3964,16926,16928],{"id":16927},"базовий-рівень","Базовий рівень",[3843,16930,16931,16937,16944],{},[3772,16932,3847,16933,16936],{},[3752,16934,3757],{"href":3754,"rel":16935},[3756]," створити tokens + три примітиви + український домашній екран.",[3772,16938,16939,16940,3943,16942,3803],{},"Пояснити своїми словами різницю між ",[3760,16941,3766],{},[3760,16943,4131],{},[3772,16945,16946,16947,3803],{},"Замінити один «магічний» відступ у своєму коді на ",[3760,16948,16949],{},"tokens.spacing.*",[3964,16951,16953],{"id":16952},"середній-рівень","Середній рівень",[3843,16955,16956,16962,16972],{},[3772,16957,16958,16959,3803],{},"Виконати міні-проєкт ",[3747,16960,16961],{},"Візитка",[3772,16963,16964,16965,16968,16969,16971],{},"Додати в tokens ще одну роль кольору (наприклад ",[3760,16966,16967],{},"success",") і використати її в ",[3760,16970,3871],{}," або другорядній кнопці.",[3772,16973,16974,16975,16977],{},"Зробити ",[3760,16976,8459],{}," і імпортувати примітиви одним рядком.",[3964,16979,16981],{"id":16980},"професійний-рівень","Професійний рівень",[3843,16983,16984,16987,16994],{},[3772,16985,16986],{},"Коротко (пів сторінки) порівняти feature-based і layer-based для команди з 5 людей.",[3772,16988,16989,16990,16993],{},"Додати другий варіант кнопки ",[3760,16991,16992],{},"variant: 'primary' | 'secondary'"," без дублювання всього компонента.",[3772,16995,12047,16996,4289,16999,11858,17002,17005,17006,17008],{},[3760,16997,16998],{},".vscode\u002Fsettings.json",[3752,17000,3757],{"href":3754,"rel":17001},[3756],[3760,17003,17004],{},"typescript.tsdk"," на проєктний TypeScript (з попередньої статті) і перевірити, що ",[3760,17007,10161],{}," підсвічується без помилок.",[3948,17010],{},[3738,17012,17014],{"id":17013},"часті-запитання","Часті запитання",[17016,17017,17018,17032,17036,17043],"accordion",{},[17019,17020,17023,17024,17027,17028,8281,17030,3803],"accordion-item",{"icon":17021,"label":17022},"i-lucide-circle-help","Чи обов'язково саме src\u002F, а не components\u002F у корені?","Ні, це угода курсу. Важливий ",[3747,17025,17026],{},"поділ"," «маршрути \u002F фічі \u002F спільне». Якщо шаблон уже має іншу схему — можна адаптувати ідеї, але для матеріалів курсу орієнтир — ",[3760,17029,3766],{},[3760,17031,3827],{},[17019,17033,17035],{"icon":17021,"label":17034},"Чому не styled-components \u002F NativeWind одразу?","Спочатку StyleSheet і токени — щоб зрозуміти модель стилів RN. Інші підходи можна оцінити пізніше; у плані курсу глибокий NativeWind не є основним треком.",[17019,17037,17039,17040,17042],{"icon":17021,"label":17038},"Скільки примітивів робити наперед?","Рівно стільки, скільки вже болить. ",[3760,17041,3866],{},", текст, кнопка — мінімум. Input, Card, ListRow — коли дійдете до форм і списків.",[17019,17044,17046],{"icon":17021,"label":17045},"Чи можна залишити демо-вкладки з шаблону Expo?","Тимчасово так. Коли дійдете до модуля навігації — свідомо зберіть дерево маршрутів Nomad і приберете зайве.",[5171,17048,17049],{},"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":3975,"searchDepth":4159,"depth":4159,"links":17051},[17052,17053,17057,17059,17065,17069,17073,17077,17081,17090,17092,17094,17111,17118,17130,17135],{"id":3740,"depth":4159,"text":3741},{"id":3952,"depth":4159,"text":3953,"children":17054},[17055,17056],{"id":3966,"depth":4165,"text":3967},{"id":3987,"depth":4165,"text":3988},{"id":4040,"depth":4159,"text":17058},"Цільова структура Nomad",{"id":4267,"depth":4159,"text":17060,"children":17061},"Псевдоніми імпортів (@\u002F…)",[17062,17063,17064],{"id":4471,"depth":4165,"text":4472},{"id":4475,"depth":4165,"text":4476},{"id":4486,"depth":4165,"text":4487},{"id":4542,"depth":4159,"text":4543,"children":17066},[17067,17068],{"id":4074,"depth":4165,"text":4553},{"id":4568,"depth":4165,"text":4569},{"id":4986,"depth":4159,"text":17070,"children":17071},"Примітив Screen — рамка екрана",[17072],{"id":5366,"depth":4165,"text":5367},{"id":6217,"depth":4159,"text":17074,"children":17075},"Примітив AppText — текст з правилами",[17076],{"id":6824,"depth":4165,"text":6825},{"id":7843,"depth":4159,"text":17078,"children":17079},"Примітив Button — головна дія",[17080],{"id":8518,"depth":4165,"text":8519},{"id":9687,"depth":4159,"text":9688,"children":17082},[17083,17084,17086,17088,17089],{"id":10153,"depth":4165,"text":10154},{"id":10157,"depth":4165,"text":17085},"Переконатися, що @\u002F резолвиться",{"id":10165,"depth":4165,"text":17087},"Запустити npx expo start у Nomad",{"id":10174,"depth":4165,"text":10175},{"id":10184,"depth":4165,"text":10185},{"id":11732,"depth":4159,"text":17091},"Платформні відмінності: .ios.tsx і .android.tsx",{"id":11874,"depth":4159,"text":17093},"Що не класти в app\u002F",{"id":11912,"depth":4159,"text":11913,"children":17095},[17096,17097,17098,17099,17100,17102,17104,17106,17108,17109,17110],{"id":11916,"depth":4165,"text":11917},{"id":11949,"depth":4165,"text":11950},{"id":11984,"depth":4165,"text":11985},{"id":11990,"depth":4165,"text":11991},{"id":12029,"depth":4165,"text":17101},"Додати src\u002Fshared\u002Ftheme і src\u002Fshared\u002Fui",{"id":12046,"depth":4165,"text":17103},"Налаштувати @\u002F* → .\u002Fsrc\u002F* у tsconfig",{"id":12055,"depth":4165,"text":17105},"Зібрати app\u002Findex.tsx — візитка",{"id":12065,"depth":4165,"text":17107},"Додати app\u002Fcontacts.tsx",{"id":12078,"depth":4165,"text":12079},{"id":12089,"depth":4165,"text":12090},{"id":12118,"depth":4165,"text":12119},{"id":13927,"depth":4159,"text":13928,"children":17112},[17113,17114,17115,17116,17117],{"id":13931,"depth":4165,"text":13932},{"id":13945,"depth":4165,"text":13946},{"id":13999,"depth":4165,"text":14000},{"id":16734,"depth":4165,"text":16735},{"id":16761,"depth":4165,"text":16762},{"id":16857,"depth":4159,"text":16858,"children":17119},[17120,17122,17124,17125,17126,17128,17129],{"id":16863,"depth":4165,"text":17121},"app\u002F — маршрути, тонкі екрани",{"id":16869,"depth":4165,"text":17123},"src\u002Ffeatures — код фіч; src\u002Fshared — тема й UI",{"id":16880,"depth":4165,"text":16881},{"id":16884,"depth":4165,"text":16885},{"id":16888,"depth":4165,"text":17127},"@\u002F — короткі імпорти",{"id":16894,"depth":4165,"text":16895},{"id":16898,"depth":4165,"text":16899},{"id":16923,"depth":4159,"text":16924,"children":17131},[17132,17133,17134],{"id":16927,"depth":4165,"text":16928},{"id":16952,"depth":4165,"text":16953},{"id":16980,"depth":4165,"text":16981},{"id":17013,"depth":4159,"text":17014},"Як організувати Expo-проєкт для зростання — папки app і src, design tokens, Screen, AppText, Button, платформні файли",null,{},{"title":3408,"description":17136},"K6oAcKp2zVfuh9I69Y70eJtJywqXGp-9CKhkHLcvfaM",[17142,17144],{"title":3404,"path":3405,"stem":3406,"description":17143,"children":-1},"Покрокове налаштування Node, створення проєкту через create-expo-app, запуск Metro і перегляд застосунку на телефоні або симуляторі",{"title":3412,"path":3413,"stem":3414,"description":17145,"children":-1},"View, Text, Image, Pressable, ScrollView, Safe Area та Platform — будівельні блоки екранів і mock-картка поїздки в Nomad",1788069957162]