[{"data":1,"prerenderedAt":10219},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version1-view-and-text":3728,"-react-native-version1-view-and-text-surround":10214},[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":3383,"body":3730,"description":10208,"extension":10209,"links":10210,"meta":10211,"navigation":3922,"path":3384,"seo":10212,"stem":3385,"__hash__":10213},"docs\u002F15.react-native\u002Fversion1\u002F04.view-and-text.md",{"type":3731,"value":3732,"toc":10178},"minimark",[3733,3737,3742,3773,3781,3801,3808,3819,3822,3829,3834,3840,3870,3873,4111,4115,4124,4165,4174,4178,4449,4452,4473,4500,4502,4506,4512,4515,4602,4619,4693,4696,4725,4728,4732,4737,4757,4763,4777,4781,5169,5186,5188,5192,5196,5214,5484,5489,5534,5548,5552,5566,5765,5777,5779,5783,5973,5975,5979,5985,5989,6007,6328,6332,6338,6696,6715,6719,6722,7094,7107,7111,7114,7753,7926,7928,7932,7935,9075,9077,9130,9132,9136,9738,9740,9744,9943,9945,9949,10174],[3734,3735,3383],"h1",{"id":3736},"view-та-text-фундаментальні-будівельні-блоки",[3738,3739,3741],"h2",{"id":3740},"чому-все-починається-з-view-та-text","Чому все починається з View та Text",[3743,3744,3745,3746,3750,3751,3750,3754,3750,3757,3750,3760,3750,3763,3750,3766,3750,3769,3772],"p",{},"Якщо ви прийшли з веб-розробки, ви звикли до багатого набору HTML-елементів: ",[3747,3748,3749],"code",{},"\u003Cdiv>",", ",[3747,3752,3753],{},"\u003Cspan>",[3747,3755,3756],{},"\u003Cp>",[3747,3758,3759],{},"\u003Ch1>",[3747,3761,3762],{},"\u003Csection>",[3747,3764,3765],{},"\u003Carticle>",[3747,3767,3768],{},"\u003Cheader>",[3747,3770,3771],{},"\u003Cfooter>",". Кожен з них має семантичне значення, стандартизовані стилі за замовчуванням та специфічну поведінку. Це роками відшліфовані інструменти для створення документо-орієнтованих інтерфейсів.",[3743,3774,3775,3776,3780],{},"У React Native цього різноманіття немає. Замість десятків тегів є ",[3777,3778,3779],"strong",{},"два первинних будівельних блоки",":",[3782,3783,3784,3793],"ul",{},[3785,3786,3787,3792],"li",{},[3777,3788,3789],{},[3747,3790,3791],{},"\u003CView>"," — універсальний контейнер для будь-якого візуального елемента",[3785,3794,3795,3800],{},[3777,3796,3797],{},[3747,3798,3799],{},"\u003CText>"," — єдиний компонент для відображення тексту",[3743,3802,3803,3804,3807],{},"Це може здаватися обмеженням, але насправді це — ",[3777,3805,3806],{},"свобода",". Замість того, щоб запам'ятовувати семантику десятків тегів, ви будуєте все з двох примітивів, явно визначаючи поведінку через стилі та пропси. Це компонентно-орієнтований підхід у чистому вигляді.",[3743,3809,3810,3811,3814,3815,3818],{},"У цій статті ми детально розберемо, що таке ",[3747,3812,3813],{},"View"," і ",[3747,3816,3817],{},"Text",", чим вони відрізняються від HTML-аналогів, які правила їх використання та які патерни з ними пов'язані. До кінця у вас буде повне розуміння фундаменту, на якому будується весь UI у React Native.",[3820,3821],"hr",{},[3738,3823,3825,3826,3828],{"id":3824},"view-це-div-але-не-зовсім","View — це ",[3747,3827,3749],{},", але не зовсім",[3830,3831,3833],"h3",{"id":3832},"що-таке-view-у-нативному-світі","Що таке View у нативному світі",[3743,3835,3836,3837,3839],{},"Коли ви пишете ",[3747,3838,3791],{}," у React Native, він не створює HTML-елемент. Натомість:",[3782,3841,3842,3853,3862],{},[3785,3843,3844,3845,3848,3849,3852],{},"На ",[3777,3846,3847],{},"iOS"," створюється екземпляр класу ",[3747,3850,3851],{},"UIView"," з фреймворку UIKit",[3785,3854,3844,3855,3858,3859],{},[3777,3856,3857],{},"Android"," — екземпляр ",[3747,3860,3861],{},"android.view.View",[3785,3863,3844,3864,3867,3868],{},[3777,3865,3866],{},"вебі"," (через react-native-web) — звичайний ",[3747,3869,3749],{},[3743,3871,3872],{},"Це нативні платформенні об'єкти, які мають власну ієрархію, lifecycle, механізм малювання. React Nativebridge (а у New Architecture — JSI) передає інструкції з JavaScript у нативний код, де створюється реальний UI-елемент.",[3874,3875,3876],"plant-uml",{},[3877,3878,3883],"pre",{"className":3879,"code":3880,"language":3881,"meta":3882,"style":3882},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam defaultFontName \"JetBrains Mono\"\nskinparam backgroundColor #f8fafc\nskinparam defaultFontSize 13\n\n\ntitle JSX → Нативні компоненти (платформо-залежні)\n\nrectangle \"JavaScript код\" as js #3b82f6 {\n  rectangle \"\u003CView>\\n \u003CText>Привіт\u003C\u002FText>\\n\u003C\u002FView>\" as jsx #2563eb\n}\n\nrectangle \"React Native Bridge \u002F JSI\" as bridge #64748b\n\nrectangle \"iOS (UIKit)\" as ios #f59e0b {\n  rectangle \"UIView\" as uiview #d97706\n  rectangle \"UILabel: 'Привіт'\" as uilabel #b45309\n}\n\nrectangle \"Android (Views)\" as android #22c55e {\n  rectangle \"android.view.View\" as andview #16a34a\n  rectangle \"TextView: 'Привіт'\" as textview #15803d\n}\n\njs -down-> bridge\nbridge -down-> ios\nbridge -down-> android\n\nuiview -down-> uilabel : \"дочірній\"\nandview -down-> textview : \"дочірній\"\n\nnote right of bridge\n  Мост передає дерево компонентів\n  та їх властивості у нативний код.\n  Shadow Tree обчислює layout (Yoga).\nend note\n\n@enduml\n","plantuml","",[3747,3884,3885,3893,3899,3905,3911,3917,3924,3929,3935,3940,3946,3952,3958,3963,3969,3974,3980,3986,3992,3997,4002,4008,4014,4020,4025,4030,4036,4042,4048,4053,4059,4065,4070,4076,4082,4088,4094,4100,4105],{"__ignoreMap":3882},[3886,3887,3890],"span",{"class":3888,"line":3889},"line",1,[3886,3891,3892],{},"@startuml\n",[3886,3894,3896],{"class":3888,"line":3895},2,[3886,3897,3898],{},"skinparam style plain\n",[3886,3900,3902],{"class":3888,"line":3901},3,[3886,3903,3904],{},"skinparam defaultFontName \"JetBrains Mono\"\n",[3886,3906,3908],{"class":3888,"line":3907},4,[3886,3909,3910],{},"skinparam backgroundColor #f8fafc\n",[3886,3912,3914],{"class":3888,"line":3913},5,[3886,3915,3916],{},"skinparam defaultFontSize 13\n",[3886,3918,3920],{"class":3888,"line":3919},6,[3886,3921,3923],{"emptyLinePlaceholder":3922},true,"\n",[3886,3925,3927],{"class":3888,"line":3926},7,[3886,3928,3923],{"emptyLinePlaceholder":3922},[3886,3930,3932],{"class":3888,"line":3931},8,[3886,3933,3934],{},"title JSX → Нативні компоненти (платформо-залежні)\n",[3886,3936,3938],{"class":3888,"line":3937},9,[3886,3939,3923],{"emptyLinePlaceholder":3922},[3886,3941,3943],{"class":3888,"line":3942},10,[3886,3944,3945],{},"rectangle \"JavaScript код\" as js #3b82f6 {\n",[3886,3947,3949],{"class":3888,"line":3948},11,[3886,3950,3951],{},"  rectangle \"\u003CView>\\n \u003CText>Привіт\u003C\u002FText>\\n\u003C\u002FView>\" as jsx #2563eb\n",[3886,3953,3955],{"class":3888,"line":3954},12,[3886,3956,3957],{},"}\n",[3886,3959,3961],{"class":3888,"line":3960},13,[3886,3962,3923],{"emptyLinePlaceholder":3922},[3886,3964,3966],{"class":3888,"line":3965},14,[3886,3967,3968],{},"rectangle \"React Native Bridge \u002F JSI\" as bridge #64748b\n",[3886,3970,3972],{"class":3888,"line":3971},15,[3886,3973,3923],{"emptyLinePlaceholder":3922},[3886,3975,3977],{"class":3888,"line":3976},16,[3886,3978,3979],{},"rectangle \"iOS (UIKit)\" as ios #f59e0b {\n",[3886,3981,3983],{"class":3888,"line":3982},17,[3886,3984,3985],{},"  rectangle \"UIView\" as uiview #d97706\n",[3886,3987,3989],{"class":3888,"line":3988},18,[3886,3990,3991],{},"  rectangle \"UILabel: 'Привіт'\" as uilabel #b45309\n",[3886,3993,3995],{"class":3888,"line":3994},19,[3886,3996,3957],{},[3886,3998,4000],{"class":3888,"line":3999},20,[3886,4001,3923],{"emptyLinePlaceholder":3922},[3886,4003,4005],{"class":3888,"line":4004},21,[3886,4006,4007],{},"rectangle \"Android (Views)\" as android #22c55e {\n",[3886,4009,4011],{"class":3888,"line":4010},22,[3886,4012,4013],{},"  rectangle \"android.view.View\" as andview #16a34a\n",[3886,4015,4017],{"class":3888,"line":4016},23,[3886,4018,4019],{},"  rectangle \"TextView: 'Привіт'\" as textview #15803d\n",[3886,4021,4023],{"class":3888,"line":4022},24,[3886,4024,3957],{},[3886,4026,4028],{"class":3888,"line":4027},25,[3886,4029,3923],{"emptyLinePlaceholder":3922},[3886,4031,4033],{"class":3888,"line":4032},26,[3886,4034,4035],{},"js -down-> bridge\n",[3886,4037,4039],{"class":3888,"line":4038},27,[3886,4040,4041],{},"bridge -down-> ios\n",[3886,4043,4045],{"class":3888,"line":4044},28,[3886,4046,4047],{},"bridge -down-> android\n",[3886,4049,4051],{"class":3888,"line":4050},29,[3886,4052,3923],{"emptyLinePlaceholder":3922},[3886,4054,4056],{"class":3888,"line":4055},30,[3886,4057,4058],{},"uiview -down-> uilabel : \"дочірній\"\n",[3886,4060,4062],{"class":3888,"line":4061},31,[3886,4063,4064],{},"andview -down-> textview : \"дочірній\"\n",[3886,4066,4068],{"class":3888,"line":4067},32,[3886,4069,3923],{"emptyLinePlaceholder":3922},[3886,4071,4073],{"class":3888,"line":4072},33,[3886,4074,4075],{},"note right of bridge\n",[3886,4077,4079],{"class":3888,"line":4078},34,[3886,4080,4081],{},"  Мост передає дерево компонентів\n",[3886,4083,4085],{"class":3888,"line":4084},35,[3886,4086,4087],{},"  та їх властивості у нативний код.\n",[3886,4089,4091],{"class":3888,"line":4090},36,[3886,4092,4093],{},"  Shadow Tree обчислює layout (Yoga).\n",[3886,4095,4097],{"class":3888,"line":4096},37,[3886,4098,4099],{},"end note\n",[3886,4101,4103],{"class":3888,"line":4102},38,[3886,4104,3923],{"emptyLinePlaceholder":3922},[3886,4106,4108],{"class":3888,"line":4107},39,[3886,4109,4110],{},"@enduml\n",[3830,4112,4114],{"id":4113},"view-як-контейнер-фундаментальне-призначення","View як контейнер: фундаментальне призначення",[3743,4116,4117,4119,4120,4123],{},[3747,4118,3813],{}," — це ",[3777,4121,4122],{},"контейнер",". Він не має жодного візуального змісту сам по собі — це прозора коробка, яка:",[4125,4126,4127,4133,4139,4145,4159],"ol",{},[3785,4128,4129,4132],{},[3777,4130,4131],{},"Групує дочірні елементи"," — організовує їх у візуальну ієрархію",[3785,4134,4135,4138],{},[3777,4136,4137],{},"Визначає layout"," — через Flexbox-властивості (про це окрема стаття)",[3785,4140,4141,4144],{},[3777,4142,4143],{},"Надає стилізацію"," — фон, рамки, тіні, заокруглення кутів",[3785,4146,4147,4150,4151,4154,4155,4158],{},[3777,4148,4149],{},"Обробляє події"," — може реагувати на дотики через ",[3747,4152,4153],{},"onPress"," (у поєднанні з ",[3747,4156,4157],{},"Pressable",")",[3785,4160,4161,4164],{},[3777,4162,4163],{},"Керує accessibility"," — accessibility props для screen readers",[3743,4166,4167,4168,4170,4171,4173],{},"Аналогія з будівництвом: якщо ",[3747,4169,3799],{}," — це цегла з написом, то ",[3747,4172,3791],{}," — це каркас будівлі, що тримає ці цегли разом у потрібній формі.",[3830,4175,4177],{"id":4176},"базовий-приклад-view","Базовий приклад View",[3877,4179,4185],{"className":4180,"code":4181,"filename":4182,"language":4183,"meta":4184,"style":3882},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import { View, StyleSheet } from 'react-native'\n\nexport default function BasicViewExample() {\n    return (\n        \u003CView style={styles.container}>\n            \u003CView style={styles.box} \u002F>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: '#f0f0f0',\n        padding: 20,\n    },\n    box: {\n        width: 100,\n        height: 100,\n        backgroundColor: '#4361ee',\n        borderRadius: 12,\n    },\n})\n","BasicView.tsx","tsx","showLineNumbers",[3747,4186,4187,4215,4219,4238,4246,4281,4306,4315,4320,4324,4328,4350,4358,4370,4380,4390,4395,4402,4412,4421,4430,4440,4444],{"__ignoreMap":3882},[3886,4188,4189,4193,4197,4200,4202,4205,4208,4211],{"class":3888,"line":3889},[3886,4190,4192],{"class":4191},"s8xlr","import",[3886,4194,4196],{"class":4195},"sHH4Y"," { ",[3886,4198,3813],{"class":4199},"siwwj",[3886,4201,3750],{"class":4195},[3886,4203,4204],{"class":4199},"StyleSheet",[3886,4206,4207],{"class":4195}," } ",[3886,4209,4210],{"class":4191},"from",[3886,4212,4214],{"class":4213},"sbdoH"," 'react-native'\n",[3886,4216,4217],{"class":3888,"line":3895},[3886,4218,3923],{"emptyLinePlaceholder":3922},[3886,4220,4221,4224,4227,4231,4235],{"class":3888,"line":3901},[3886,4222,4223],{"class":4191},"export",[3886,4225,4226],{"class":4191}," default",[3886,4228,4230],{"class":4229},"su1O8"," function",[3886,4232,4234],{"class":4233},"s8Opu"," BasicViewExample",[3886,4236,4237],{"class":4195},"() {\n",[3886,4239,4240,4243],{"class":3888,"line":3907},[3886,4241,4242],{"class":4191},"    return",[3886,4244,4245],{"class":4195}," (\n",[3886,4247,4248,4252,4255,4259,4262,4265,4268,4272,4275,4278],{"class":3888,"line":3913},[3886,4249,4251],{"class":4250},"s0P7L","        \u003C",[3886,4253,3813],{"class":4254},"sN1BT",[3886,4256,4258],{"class":4257},"sa4r_"," style",[3886,4260,4261],{"class":4195},"=",[3886,4263,4264],{"class":4229},"{",[3886,4266,4267],{"class":4199},"styles",[3886,4269,4271],{"class":4270},"sD7JJ",".",[3886,4273,4274],{"class":4199},"container",[3886,4276,4277],{"class":4229},"}",[3886,4279,4280],{"class":4250},">\n",[3886,4282,4283,4286,4288,4290,4292,4294,4296,4298,4301,4303],{"class":3888,"line":3919},[3886,4284,4285],{"class":4250},"            \u003C",[3886,4287,3813],{"class":4254},[3886,4289,4258],{"class":4257},[3886,4291,4261],{"class":4195},[3886,4293,4264],{"class":4229},[3886,4295,4267],{"class":4199},[3886,4297,4271],{"class":4270},[3886,4299,4300],{"class":4199},"box",[3886,4302,4277],{"class":4229},[3886,4304,4305],{"class":4250}," \u002F>\n",[3886,4307,4308,4311,4313],{"class":3888,"line":3926},[3886,4309,4310],{"class":4250},"        \u003C\u002F",[3886,4312,3813],{"class":4254},[3886,4314,4280],{"class":4250},[3886,4316,4317],{"class":3888,"line":3931},[3886,4318,4319],{"class":4195},"    )\n",[3886,4321,4322],{"class":3888,"line":3937},[3886,4323,3957],{"class":4195},[3886,4325,4326],{"class":3888,"line":3942},[3886,4327,3923],{"emptyLinePlaceholder":3922},[3886,4329,4330,4333,4337,4340,4342,4344,4347],{"class":3888,"line":3948},[3886,4331,4332],{"class":4229},"const",[3886,4334,4336],{"class":4335},"s-QsJ"," styles",[3886,4338,4339],{"class":4195}," = ",[3886,4341,4204],{"class":4199},[3886,4343,4271],{"class":4195},[3886,4345,4346],{"class":4233},"create",[3886,4348,4349],{"class":4195},"({\n",[3886,4351,4352,4355],{"class":3888,"line":3954},[3886,4353,4354],{"class":4199},"    container:",[3886,4356,4357],{"class":4195}," {\n",[3886,4359,4360,4363,4367],{"class":3888,"line":3960},[3886,4361,4362],{"class":4199},"        flex:",[3886,4364,4366],{"class":4365},"sJj4R"," 1",[3886,4368,4369],{"class":4195},",\n",[3886,4371,4372,4375,4378],{"class":3888,"line":3965},[3886,4373,4374],{"class":4199},"        backgroundColor:",[3886,4376,4377],{"class":4213}," '#f0f0f0'",[3886,4379,4369],{"class":4195},[3886,4381,4382,4385,4388],{"class":3888,"line":3971},[3886,4383,4384],{"class":4199},"        padding:",[3886,4386,4387],{"class":4365}," 20",[3886,4389,4369],{"class":4195},[3886,4391,4392],{"class":3888,"line":3976},[3886,4393,4394],{"class":4195},"    },\n",[3886,4396,4397,4400],{"class":3888,"line":3982},[3886,4398,4399],{"class":4199},"    box:",[3886,4401,4357],{"class":4195},[3886,4403,4404,4407,4410],{"class":3888,"line":3988},[3886,4405,4406],{"class":4199},"        width:",[3886,4408,4409],{"class":4365}," 100",[3886,4411,4369],{"class":4195},[3886,4413,4414,4417,4419],{"class":3888,"line":3994},[3886,4415,4416],{"class":4199},"        height:",[3886,4418,4409],{"class":4365},[3886,4420,4369],{"class":4195},[3886,4422,4423,4425,4428],{"class":3888,"line":3999},[3886,4424,4374],{"class":4199},[3886,4426,4427],{"class":4213}," '#4361ee'",[3886,4429,4369],{"class":4195},[3886,4431,4432,4435,4438],{"class":3888,"line":4004},[3886,4433,4434],{"class":4199},"        borderRadius:",[3886,4436,4437],{"class":4365}," 12",[3886,4439,4369],{"class":4195},[3886,4441,4442],{"class":3888,"line":4010},[3886,4443,4394],{"class":4195},[3886,4445,4446],{"class":3888,"line":4016},[3886,4447,4448],{"class":4195},"})\n",[3743,4450,4451],{},"У цьому прикладі:",[3782,4453,4454,4464,4470],{},[3785,4455,4456,4457,4459,4460,4463],{},"Зовнішній ",[3747,4458,3791],{}," — це контейнер всього екрану (",[3747,4461,4462],{},"flex: 1"," розтягує його на всю висоту)",[3785,4465,4466,4467,4469],{},"Внутрішній ",[3747,4468,3791],{}," — це кольоровий квадрат з заокругленими кутами",[3785,4471,4472],{},"Жодного тексту чи зображення — просто структура контейнерів",[4474,4475,4476,4479,4480,4482,4483,4485,4486,4488,4489,4491,4492,3750,4494,4496,4497,4499],"note",{},[3777,4477,4478],{},"Ментальна модель:"," ",[3747,4481,3791],{}," у React Native = ",[3747,4484,3749],{}," у HTML + Flexbox за замовчуванням. Кожного разу, коли у вебі ви б написали ",[3747,4487,3749],{},", у React Native пишіть ",[3747,4490,3791],{},". Якщо потрібен семантичний елемент (",[3747,4493,3768],{},[3747,4495,3762],{},") — у RN це теж ",[3747,4498,3791],{}," + accessibility props.",[3820,4501],{},[3738,4503,4505],{"id":4504},"text-єдиний-спосіб-відобразити-текст","Text — єдиний спосіб відобразити текст",[3830,4507,4509,4510],{"id":4508},"категоричне-правило-текст-тільки-всередині-text","Категоричне правило: текст тільки всередині ",[3747,4511,3799],{},[3743,4513,4514],{},"У HTML текст може існувати практично де завгодно:",[3877,4516,4520],{"className":4517,"code":4518,"language":4519,"meta":3882,"style":3882},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- HTML — все це валідно: -->\n\u003Cdiv>Текст безпосередньо у div\u003C\u002Fdiv>\n\u003Cp>Параграф\u003C\u002Fp>\n\u003Cspan>Інлайн-текст\u003C\u002Fspan>\n\u003Cbutton>Кнопка\u003C\u002Fbutton>\n","html",[3747,4521,4522,4528,4550,4567,4584],{"__ignoreMap":3882},[3886,4523,4524],{"class":3888,"line":3889},[3886,4525,4527],{"class":4526},"spJ8K","\u003C!-- HTML — все це валідно: -->\n",[3886,4529,4530,4533,4537,4540,4543,4546,4548],{"class":3888,"line":3895},[3886,4531,4532],{"class":4250},"\u003C",[3886,4534,4536],{"class":4535},"sKtos","div",[3886,4538,4539],{"class":4250},">",[3886,4541,4542],{"class":4195},"Текст безпосередньо у div",[3886,4544,4545],{"class":4250},"\u003C\u002F",[3886,4547,4536],{"class":4535},[3886,4549,4280],{"class":4250},[3886,4551,4552,4554,4556,4558,4561,4563,4565],{"class":3888,"line":3901},[3886,4553,4532],{"class":4250},[3886,4555,3743],{"class":4535},[3886,4557,4539],{"class":4250},[3886,4559,4560],{"class":4195},"Параграф",[3886,4562,4545],{"class":4250},[3886,4564,3743],{"class":4535},[3886,4566,4280],{"class":4250},[3886,4568,4569,4571,4573,4575,4578,4580,4582],{"class":3888,"line":3907},[3886,4570,4532],{"class":4250},[3886,4572,3886],{"class":4535},[3886,4574,4539],{"class":4250},[3886,4576,4577],{"class":4195},"Інлайн-текст",[3886,4579,4545],{"class":4250},[3886,4581,3886],{"class":4535},[3886,4583,4280],{"class":4250},[3886,4585,4586,4588,4591,4593,4596,4598,4600],{"class":3888,"line":3913},[3886,4587,4532],{"class":4250},[3886,4589,4590],{"class":4535},"button",[3886,4592,4539],{"class":4250},[3886,4594,4595],{"class":4195},"Кнопка",[3886,4597,4545],{"class":4250},[3886,4599,4590],{"class":4535},[3886,4601,4280],{"class":4250},[3743,4603,4604,4605,4608,4609,4612,4613,4615,4616,4618],{},"У React Native це ",[3777,4606,4607],{},"неможливо",". Будь-який текстовий контент ",[3777,4610,4611],{},"повинен"," бути загорнутий у компонент ",[3747,4614,3799],{},". Спроба помістити текст безпосередньо у ",[3747,4617,3791],{}," викличе помилку:",[3877,4620,4622],{"className":4180,"code":4621,"language":4183,"meta":3882,"style":3882},"\u002F\u002F ❌ ПОМИЛКА — текст не може бути безпосередньо у View\n\u003CView>\n  Цей текст викличе runtime error\n\u003C\u002FView>\n\n\u002F\u002F ✅ ПРАВИЛЬНО\n\u003CView>\n  \u003CText>Цей текст відобразиться коректно\u003C\u002FText>\n\u003C\u002FView>\n",[3747,4623,4624,4629,4637,4642,4650,4654,4659,4667,4685],{"__ignoreMap":3882},[3886,4625,4626],{"class":3888,"line":3889},[3886,4627,4628],{"class":4526},"\u002F\u002F ❌ ПОМИЛКА — текст не може бути безпосередньо у View\n",[3886,4630,4631,4633,4635],{"class":3888,"line":3895},[3886,4632,4532],{"class":4250},[3886,4634,3813],{"class":4254},[3886,4636,4280],{"class":4250},[3886,4638,4639],{"class":3888,"line":3901},[3886,4640,4641],{"class":4195},"  Цей текст викличе runtime error\n",[3886,4643,4644,4646,4648],{"class":3888,"line":3907},[3886,4645,4545],{"class":4250},[3886,4647,3813],{"class":4254},[3886,4649,4280],{"class":4250},[3886,4651,4652],{"class":3888,"line":3913},[3886,4653,3923],{"emptyLinePlaceholder":3922},[3886,4655,4656],{"class":3888,"line":3919},[3886,4657,4658],{"class":4526},"\u002F\u002F ✅ ПРАВИЛЬНО\n",[3886,4660,4661,4663,4665],{"class":3888,"line":3926},[3886,4662,4532],{"class":4250},[3886,4664,3813],{"class":4254},[3886,4666,4280],{"class":4250},[3886,4668,4669,4672,4674,4676,4679,4681,4683],{"class":3888,"line":3931},[3886,4670,4671],{"class":4250},"  \u003C",[3886,4673,3817],{"class":4254},[3886,4675,4539],{"class":4250},[3886,4677,4678],{"class":4195},"Цей текст відобразиться коректно",[3886,4680,4545],{"class":4250},[3886,4682,3817],{"class":4254},[3886,4684,4280],{"class":4250},[3886,4686,4687,4689,4691],{"class":3888,"line":3937},[3886,4688,4545],{"class":4250},[3886,4690,3813],{"class":4254},[3886,4692,4280],{"class":4250},[3743,4694,4695],{},"Чому така жорсткість? Тому що на нативних платформах текст — це окремий тип компонента з власними можливостями:",[3782,4697,4698,4713],{},[3785,4699,4700,4479,4703,3750,4706,3750,4709,4712],{},[3777,4701,4702],{},"iOS:",[3747,4704,4705],{},"UILabel",[3747,4707,4708],{},"UITextField",[3747,4710,4711],{},"UITextView"," — спеціалізовані класи для тексту",[3785,4714,4715,4479,4718,3750,4721,4724],{},[3777,4716,4717],{},"Android:",[3747,4719,4720],{},"TextView",[3747,4722,4723],{},"EditText"," — теж окремі класи",[3743,4726,4727],{},"Текст не може «просто існувати» — він завжди повинен бути всередині текстового компонента. React Native переносить це обмеження у JavaScript-світ для консистентності.",[3830,4729,4731],{"id":4730},"text-як-нативний-компонент","Text як нативний компонент",[3743,4733,3836,4734,4736],{},[3747,4735,3799],{},", він перетворюється на:",[3782,4738,4739,4744,4749],{},[3785,4740,4741,4743],{},[3747,4742,4705],{}," на iOS",[3785,4745,4746,4748],{},[3747,4747,4720],{}," на Android",[3785,4750,4751,4753,4754,4756],{},[3747,4752,3753],{}," або ",[3747,4755,3756],{}," на вебі (react-native-web)",[3743,4758,4759,4760,4762],{},"Це означає, що ",[3747,4761,3799],{}," має:",[3782,4764,4765,4768,4771,4774],{},[3785,4766,4767],{},"Власні можливості стилізації (fontSize, fontWeight, color, lineHeight, textAlign)",[3785,4769,4770],{},"Обробку перенесення рядків",[3785,4772,4773],{},"Підтримку Unicode, емодзі, RTL-мов (справа наліво)",[3785,4775,4776],{},"Accessibility для screen readers",[3830,4778,4780],{"id":4779},"базовий-приклад-text","Базовий приклад Text",[3877,4782,4785],{"className":4180,"code":4783,"filename":4784,"language":4183,"meta":4184,"style":3882},"import { View, Text, StyleSheet } from 'react-native'\n\nexport default function BasicTextExample() {\n    return (\n        \u003CView style={styles.container}>\n            \u003CText style={styles.title}>Заголовок\u003C\u002FText>\n            \u003CText style={styles.body}>\n                Це звичайний текст. У React Native немає семантичних тегів як \u003Ccode><h1>\u003C\u002Fcode>,{' '}\n                \u003Ccode><p>\u003C\u002Fcode>, \u003Ccode><span>\u003C\u002Fcode> — є лише \u003Ccode><Text>\u003C\u002Fcode>.\n                Стилі визначають, як текст виглядає.\n            \u003C\u002FText>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        padding: 20,\n    },\n    title: {\n        fontSize: 24,\n        fontWeight: '700',\n        color: '#1a1a2e',\n        marginBottom: 12,\n    },\n    body: {\n        fontSize: 16,\n        color: '#4a4a4a',\n        lineHeight: 24,\n    },\n})\n","BasicText.tsx",[3747,4786,4787,4809,4813,4826,4832,4854,4886,4909,4944,5009,5014,5023,5031,5035,5039,5043,5059,5065,5073,5077,5084,5094,5104,5114,5123,5127,5134,5143,5152,5161,5165],{"__ignoreMap":3882},[3886,4788,4789,4791,4793,4795,4797,4799,4801,4803,4805,4807],{"class":3888,"line":3889},[3886,4790,4192],{"class":4191},[3886,4792,4196],{"class":4195},[3886,4794,3813],{"class":4199},[3886,4796,3750],{"class":4195},[3886,4798,3817],{"class":4199},[3886,4800,3750],{"class":4195},[3886,4802,4204],{"class":4199},[3886,4804,4207],{"class":4195},[3886,4806,4210],{"class":4191},[3886,4808,4214],{"class":4213},[3886,4810,4811],{"class":3888,"line":3895},[3886,4812,3923],{"emptyLinePlaceholder":3922},[3886,4814,4815,4817,4819,4821,4824],{"class":3888,"line":3901},[3886,4816,4223],{"class":4191},[3886,4818,4226],{"class":4191},[3886,4820,4230],{"class":4229},[3886,4822,4823],{"class":4233}," BasicTextExample",[3886,4825,4237],{"class":4195},[3886,4827,4828,4830],{"class":3888,"line":3907},[3886,4829,4242],{"class":4191},[3886,4831,4245],{"class":4195},[3886,4833,4834,4836,4838,4840,4842,4844,4846,4848,4850,4852],{"class":3888,"line":3913},[3886,4835,4251],{"class":4250},[3886,4837,3813],{"class":4254},[3886,4839,4258],{"class":4257},[3886,4841,4261],{"class":4195},[3886,4843,4264],{"class":4229},[3886,4845,4267],{"class":4199},[3886,4847,4271],{"class":4270},[3886,4849,4274],{"class":4199},[3886,4851,4277],{"class":4229},[3886,4853,4280],{"class":4250},[3886,4855,4856,4858,4860,4862,4864,4866,4868,4870,4873,4875,4877,4880,4882,4884],{"class":3888,"line":3919},[3886,4857,4285],{"class":4250},[3886,4859,3817],{"class":4254},[3886,4861,4258],{"class":4257},[3886,4863,4261],{"class":4195},[3886,4865,4264],{"class":4229},[3886,4867,4267],{"class":4199},[3886,4869,4271],{"class":4270},[3886,4871,4872],{"class":4199},"title",[3886,4874,4277],{"class":4229},[3886,4876,4539],{"class":4250},[3886,4878,4879],{"class":4195},"Заголовок",[3886,4881,4545],{"class":4250},[3886,4883,3817],{"class":4254},[3886,4885,4280],{"class":4250},[3886,4887,4888,4890,4892,4894,4896,4898,4900,4902,4905,4907],{"class":3888,"line":3926},[3886,4889,4285],{"class":4250},[3886,4891,3817],{"class":4254},[3886,4893,4258],{"class":4257},[3886,4895,4261],{"class":4195},[3886,4897,4264],{"class":4229},[3886,4899,4267],{"class":4199},[3886,4901,4271],{"class":4270},[3886,4903,4904],{"class":4199},"body",[3886,4906,4277],{"class":4229},[3886,4908,4280],{"class":4250},[3886,4910,4911,4914,4916,4918,4920,4923,4925,4928,4930,4932,4934,4937,4939,4942],{"class":3888,"line":3931},[3886,4912,4913],{"class":4195},"                Це звичайний текст. У React Native немає семантичних тегів як ",[3886,4915,4532],{"class":4250},[3886,4917,3747],{"class":4535},[3886,4919,4539],{"class":4250},[3886,4921,4922],{"class":4229},"<",[3886,4924,3734],{"class":4195},[3886,4926,4927],{"class":4229},">",[3886,4929,4545],{"class":4250},[3886,4931,3747],{"class":4535},[3886,4933,4539],{"class":4250},[3886,4935,4936],{"class":4195},",",[3886,4938,4264],{"class":4229},[3886,4940,4941],{"class":4213},"' '",[3886,4943,3957],{"class":4229},[3886,4945,4946,4949,4951,4953,4955,4957,4959,4961,4963,4965,4967,4969,4971,4973,4975,4977,4979,4981,4983,4985,4988,4990,4992,4994,4996,4998,5000,5002,5004,5006],{"class":3888,"line":3937},[3886,4947,4948],{"class":4250},"                \u003C",[3886,4950,3747],{"class":4535},[3886,4952,4539],{"class":4250},[3886,4954,4922],{"class":4229},[3886,4956,3743],{"class":4195},[3886,4958,4927],{"class":4229},[3886,4960,4545],{"class":4250},[3886,4962,3747],{"class":4535},[3886,4964,4539],{"class":4250},[3886,4966,3750],{"class":4195},[3886,4968,4532],{"class":4250},[3886,4970,3747],{"class":4535},[3886,4972,4539],{"class":4250},[3886,4974,4922],{"class":4229},[3886,4976,3886],{"class":4195},[3886,4978,4927],{"class":4229},[3886,4980,4545],{"class":4250},[3886,4982,3747],{"class":4535},[3886,4984,4539],{"class":4250},[3886,4986,4987],{"class":4195}," — є лише ",[3886,4989,4532],{"class":4250},[3886,4991,3747],{"class":4535},[3886,4993,4539],{"class":4250},[3886,4995,4922],{"class":4229},[3886,4997,3817],{"class":4195},[3886,4999,4927],{"class":4229},[3886,5001,4545],{"class":4250},[3886,5003,3747],{"class":4535},[3886,5005,4539],{"class":4250},[3886,5007,5008],{"class":4195},".\n",[3886,5010,5011],{"class":3888,"line":3942},[3886,5012,5013],{"class":4195},"                Стилі визначають, як текст виглядає.\n",[3886,5015,5016,5019,5021],{"class":3888,"line":3948},[3886,5017,5018],{"class":4250},"            \u003C\u002F",[3886,5020,3817],{"class":4254},[3886,5022,4280],{"class":4250},[3886,5024,5025,5027,5029],{"class":3888,"line":3954},[3886,5026,4310],{"class":4250},[3886,5028,3813],{"class":4254},[3886,5030,4280],{"class":4250},[3886,5032,5033],{"class":3888,"line":3960},[3886,5034,4319],{"class":4195},[3886,5036,5037],{"class":3888,"line":3965},[3886,5038,3957],{"class":4195},[3886,5040,5041],{"class":3888,"line":3971},[3886,5042,3923],{"emptyLinePlaceholder":3922},[3886,5044,5045,5047,5049,5051,5053,5055,5057],{"class":3888,"line":3976},[3886,5046,4332],{"class":4229},[3886,5048,4336],{"class":4335},[3886,5050,4339],{"class":4195},[3886,5052,4204],{"class":4199},[3886,5054,4271],{"class":4195},[3886,5056,4346],{"class":4233},[3886,5058,4349],{"class":4195},[3886,5060,5061,5063],{"class":3888,"line":3982},[3886,5062,4354],{"class":4199},[3886,5064,4357],{"class":4195},[3886,5066,5067,5069,5071],{"class":3888,"line":3988},[3886,5068,4384],{"class":4199},[3886,5070,4387],{"class":4365},[3886,5072,4369],{"class":4195},[3886,5074,5075],{"class":3888,"line":3994},[3886,5076,4394],{"class":4195},[3886,5078,5079,5082],{"class":3888,"line":3999},[3886,5080,5081],{"class":4199},"    title:",[3886,5083,4357],{"class":4195},[3886,5085,5086,5089,5092],{"class":3888,"line":4004},[3886,5087,5088],{"class":4199},"        fontSize:",[3886,5090,5091],{"class":4365}," 24",[3886,5093,4369],{"class":4195},[3886,5095,5096,5099,5102],{"class":3888,"line":4010},[3886,5097,5098],{"class":4199},"        fontWeight:",[3886,5100,5101],{"class":4213}," '700'",[3886,5103,4369],{"class":4195},[3886,5105,5106,5109,5112],{"class":3888,"line":4016},[3886,5107,5108],{"class":4199},"        color:",[3886,5110,5111],{"class":4213}," '#1a1a2e'",[3886,5113,4369],{"class":4195},[3886,5115,5116,5119,5121],{"class":3888,"line":4022},[3886,5117,5118],{"class":4199},"        marginBottom:",[3886,5120,4437],{"class":4365},[3886,5122,4369],{"class":4195},[3886,5124,5125],{"class":3888,"line":4027},[3886,5126,4394],{"class":4195},[3886,5128,5129,5132],{"class":3888,"line":4032},[3886,5130,5131],{"class":4199},"    body:",[3886,5133,4357],{"class":4195},[3886,5135,5136,5138,5141],{"class":3888,"line":4038},[3886,5137,5088],{"class":4199},[3886,5139,5140],{"class":4365}," 16",[3886,5142,4369],{"class":4195},[3886,5144,5145,5147,5150],{"class":3888,"line":4044},[3886,5146,5108],{"class":4199},[3886,5148,5149],{"class":4213}," '#4a4a4a'",[3886,5151,4369],{"class":4195},[3886,5153,5154,5157,5159],{"class":3888,"line":4050},[3886,5155,5156],{"class":4199},"        lineHeight:",[3886,5158,5091],{"class":4365},[3886,5160,4369],{"class":4195},[3886,5162,5163],{"class":3888,"line":4055},[3886,5164,4394],{"class":4195},[3886,5166,5167],{"class":3888,"line":4061},[3886,5168,4448],{"class":4195},[5170,5171,5172,5175,5176,4479,5179,5182,5183,5185],"warning",{},[3777,5173,5174],{},"Часта помилка новачків:"," спроба використати HTML-теги у тексті. ",[3747,5177,5178],{},"\u003CText>Це \u003Cstrong>жирний\u003C\u002Fstrong> текст\u003C\u002FText>",[3777,5180,5181],{},"не працює",". Замість цього використовуйте вкладені ",[3747,5184,3799],{}," з власними стилями або бібліотеку для markdown\u002FHTML-рендерингу.",[3820,5187],{},[3738,5189,5191],{"id":5190},"ключова-відмінність-від-html-вкладеність-та-стилі","Ключова відмінність від HTML: вкладеність та стилі",[3830,5193,5195],{"id":5194},"вкладеність-text-успадкування-стилів","Вкладеність Text: успадкування стилів",[3743,5197,5198,5199,5201,5202,4479,5204,5207,5208,4479,5210,5213],{},"На відміну від ",[3747,5200,3791],{},", компоненти ",[3747,5203,3799],{},[3777,5205,5206],{},"можуть бути вкладеними один в одного",", і дочірні ",[3747,5209,3799],{},[3777,5211,5212],{},"успадковують"," деякі стилі від батьківських. Це єдиний випадок «каскаду» у React Native:",[3877,5215,5218],{"className":4180,"code":5216,"filename":5217,"language":4183,"meta":4184,"style":3882},"import { Text, StyleSheet } from 'react-native'\n\nexport default function NestedTextExample() {\n    return (\n        \u003CText style={styles.paragraph}>\n            Це звичайний текст. \u003CText style={styles.bold}>Цей фрагмент жирний.\u003C\u002FText>{' '}\n            \u003CText style={styles.colored}>Цей — кольоровий.\u003C\u002FText> А це знову звичайний.\n        \u003C\u002FText>\n    )\n}\n\nconst styles = StyleSheet.create({\n    paragraph: {\n        fontSize: 16,\n        color: '#333333',\n        lineHeight: 24,\n    },\n    bold: {\n        fontWeight: '700',\n        \u002F\u002F fontSize та color успадковуються від paragraph\n    },\n    colored: {\n        color: '#4361ee',\n        \u002F\u002F fontSize успадковується\n    },\n})\n","NestedText.tsx",[3747,5219,5220,5238,5242,5255,5261,5284,5325,5360,5368,5372,5376,5380,5396,5403,5411,5420,5428,5432,5439,5447,5452,5456,5463,5471,5476,5480],{"__ignoreMap":3882},[3886,5221,5222,5224,5226,5228,5230,5232,5234,5236],{"class":3888,"line":3889},[3886,5223,4192],{"class":4191},[3886,5225,4196],{"class":4195},[3886,5227,3817],{"class":4199},[3886,5229,3750],{"class":4195},[3886,5231,4204],{"class":4199},[3886,5233,4207],{"class":4195},[3886,5235,4210],{"class":4191},[3886,5237,4214],{"class":4213},[3886,5239,5240],{"class":3888,"line":3895},[3886,5241,3923],{"emptyLinePlaceholder":3922},[3886,5243,5244,5246,5248,5250,5253],{"class":3888,"line":3901},[3886,5245,4223],{"class":4191},[3886,5247,4226],{"class":4191},[3886,5249,4230],{"class":4229},[3886,5251,5252],{"class":4233}," NestedTextExample",[3886,5254,4237],{"class":4195},[3886,5256,5257,5259],{"class":3888,"line":3907},[3886,5258,4242],{"class":4191},[3886,5260,4245],{"class":4195},[3886,5262,5263,5265,5267,5269,5271,5273,5275,5277,5280,5282],{"class":3888,"line":3913},[3886,5264,4251],{"class":4250},[3886,5266,3817],{"class":4254},[3886,5268,4258],{"class":4257},[3886,5270,4261],{"class":4195},[3886,5272,4264],{"class":4229},[3886,5274,4267],{"class":4199},[3886,5276,4271],{"class":4270},[3886,5278,5279],{"class":4199},"paragraph",[3886,5281,4277],{"class":4229},[3886,5283,4280],{"class":4250},[3886,5285,5286,5289,5291,5293,5295,5297,5299,5301,5303,5306,5308,5310,5313,5315,5317,5319,5321,5323],{"class":3888,"line":3919},[3886,5287,5288],{"class":4195},"            Це звичайний текст. ",[3886,5290,4532],{"class":4250},[3886,5292,3817],{"class":4254},[3886,5294,4258],{"class":4257},[3886,5296,4261],{"class":4195},[3886,5298,4264],{"class":4229},[3886,5300,4267],{"class":4199},[3886,5302,4271],{"class":4270},[3886,5304,5305],{"class":4199},"bold",[3886,5307,4277],{"class":4229},[3886,5309,4539],{"class":4250},[3886,5311,5312],{"class":4195},"Цей фрагмент жирний.",[3886,5314,4545],{"class":4250},[3886,5316,3817],{"class":4254},[3886,5318,4539],{"class":4250},[3886,5320,4264],{"class":4229},[3886,5322,4941],{"class":4213},[3886,5324,3957],{"class":4229},[3886,5326,5327,5329,5331,5333,5335,5337,5339,5341,5344,5346,5348,5351,5353,5355,5357],{"class":3888,"line":3926},[3886,5328,4285],{"class":4250},[3886,5330,3817],{"class":4254},[3886,5332,4258],{"class":4257},[3886,5334,4261],{"class":4195},[3886,5336,4264],{"class":4229},[3886,5338,4267],{"class":4199},[3886,5340,4271],{"class":4270},[3886,5342,5343],{"class":4199},"colored",[3886,5345,4277],{"class":4229},[3886,5347,4539],{"class":4250},[3886,5349,5350],{"class":4195},"Цей — кольоровий.",[3886,5352,4545],{"class":4250},[3886,5354,3817],{"class":4254},[3886,5356,4539],{"class":4250},[3886,5358,5359],{"class":4195}," А це знову звичайний.\n",[3886,5361,5362,5364,5366],{"class":3888,"line":3931},[3886,5363,4310],{"class":4250},[3886,5365,3817],{"class":4254},[3886,5367,4280],{"class":4250},[3886,5369,5370],{"class":3888,"line":3937},[3886,5371,4319],{"class":4195},[3886,5373,5374],{"class":3888,"line":3942},[3886,5375,3957],{"class":4195},[3886,5377,5378],{"class":3888,"line":3948},[3886,5379,3923],{"emptyLinePlaceholder":3922},[3886,5381,5382,5384,5386,5388,5390,5392,5394],{"class":3888,"line":3954},[3886,5383,4332],{"class":4229},[3886,5385,4336],{"class":4335},[3886,5387,4339],{"class":4195},[3886,5389,4204],{"class":4199},[3886,5391,4271],{"class":4195},[3886,5393,4346],{"class":4233},[3886,5395,4349],{"class":4195},[3886,5397,5398,5401],{"class":3888,"line":3960},[3886,5399,5400],{"class":4199},"    paragraph:",[3886,5402,4357],{"class":4195},[3886,5404,5405,5407,5409],{"class":3888,"line":3965},[3886,5406,5088],{"class":4199},[3886,5408,5140],{"class":4365},[3886,5410,4369],{"class":4195},[3886,5412,5413,5415,5418],{"class":3888,"line":3971},[3886,5414,5108],{"class":4199},[3886,5416,5417],{"class":4213}," '#333333'",[3886,5419,4369],{"class":4195},[3886,5421,5422,5424,5426],{"class":3888,"line":3976},[3886,5423,5156],{"class":4199},[3886,5425,5091],{"class":4365},[3886,5427,4369],{"class":4195},[3886,5429,5430],{"class":3888,"line":3982},[3886,5431,4394],{"class":4195},[3886,5433,5434,5437],{"class":3888,"line":3988},[3886,5435,5436],{"class":4199},"    bold:",[3886,5438,4357],{"class":4195},[3886,5440,5441,5443,5445],{"class":3888,"line":3994},[3886,5442,5098],{"class":4199},[3886,5444,5101],{"class":4213},[3886,5446,4369],{"class":4195},[3886,5448,5449],{"class":3888,"line":3999},[3886,5450,5451],{"class":4526},"        \u002F\u002F fontSize та color успадковуються від paragraph\n",[3886,5453,5454],{"class":3888,"line":4004},[3886,5455,4394],{"class":4195},[3886,5457,5458,5461],{"class":3888,"line":4010},[3886,5459,5460],{"class":4199},"    colored:",[3886,5462,4357],{"class":4195},[3886,5464,5465,5467,5469],{"class":3888,"line":4016},[3886,5466,5108],{"class":4199},[3886,5468,4427],{"class":4213},[3886,5470,4369],{"class":4195},[3886,5472,5473],{"class":3888,"line":4022},[3886,5474,5475],{"class":4526},"        \u002F\u002F fontSize успадковується\n",[3886,5477,5478],{"class":3888,"line":4027},[3886,5479,4394],{"class":4195},[3886,5481,5482],{"class":3888,"line":4032},[3886,5483,4448],{"class":4195},[3743,5485,5486,5487,3780],{},"Що успадковується у вкладених ",[3747,5488,3799],{},[5490,5491,5492,5498,5503,5507,5512,5516,5520,5525,5529],"field-group",{},[5493,5494,5497],"field",{"name":5495,"type":5496},"fontSize","number","Розмір шрифту. Якщо не вказаний у дочірньому — береться з батьківського.",[5493,5499,5502],{"name":5500,"type":5501},"fontFamily","string","Назва шрифту. Дочірній Text використовує той самий шрифт, якщо не перевизначений.",[5493,5504,5506],{"name":5505,"type":5501},"fontWeight","Вага шрифту ('400', '700', 'bold'). Дочірній може перевизначити.",[5493,5508,5511],{"name":5509,"type":5510},"fontStyle","'normal' | 'italic'","Стиль шрифту. Успадковується, але можна перевизначити.",[5493,5513,5515],{"name":5514,"type":5501},"color","Колір тексту. Успадковується від батьківського Text.",[5493,5517,5519],{"name":5518,"type":5496},"lineHeight","Міжрядковий інтервал. Успадковується.",[5493,5521,5524],{"name":5522,"type":5523},"textAlign","'left' | 'center' | 'right' | 'justify'","Вирівнювання тексту. Успадковується лише у вкладених Text.",[5493,5526,5528],{"name":5527,"type":5496},"letterSpacing","Відстань між літерами. Успадковується.",[5493,5530,5533],{"name":5531,"type":5532},"textDecorationLine","'none' | 'underline' | 'line-through'","Підкреслення чи закреслення. Успадковується.",[5535,5536,5537,5540,5541,5544,5545,5547],"tip",{},[3777,5538,5539],{},"Практичний патерн:"," створюйте базовий компонент ",[3747,5542,5543],{},"\u003CTypography>"," з пресетами стилів (Heading1, Heading2, Body, Caption) та використовуйте вкладені ",[3747,5546,3799],{}," для акцентів (жирний, посилання, код). Це забезпечує консистентність дизайну без дублювання стилів.",[3830,5549,5551],{"id":5550},"text-не-може-містити-view","Text не може містити View",[3743,5553,5554,5555,5557,5558,5560,5561,5563,5564,4618],{},"Важливе обмеження: ",[3747,5556,3799],{}," може містити тільки інші ",[3747,5559,3799],{}," та рядкові літерали. Спроба вкласти ",[3747,5562,3791],{}," у ",[3747,5565,3799],{},[3877,5567,5569],{"className":4180,"code":5568,"language":4183,"meta":3882,"style":3882},"\u002F\u002F ❌ ПОМИЛКА — View не може бути всередині Text\n\u003CText>\n  Текст та\n  \u003CView style={{ width: 20, height: 20, backgroundColor: 'red' }} \u002F>\n  квадрат\n\u003C\u002FText>\n\n\u002F\u002F ✅ ПРАВИЛЬНО — Text всередині View\n\u003CView style={{ flexDirection: 'row', alignItems: 'center' }}>\n  \u003CText>Текст та \u003C\u002FText>\n  \u003CView style={{ width: 20, height: 20, backgroundColor: 'red' }} \u002F>\n  \u003CText> квадрат\u003C\u002FText>\n\u003C\u002FView>\n",[3747,5570,5571,5576,5584,5589,5631,5636,5644,5648,5653,5687,5704,5740,5757],{"__ignoreMap":3882},[3886,5572,5573],{"class":3888,"line":3889},[3886,5574,5575],{"class":4526},"\u002F\u002F ❌ ПОМИЛКА — View не може бути всередині Text\n",[3886,5577,5578,5580,5582],{"class":3888,"line":3895},[3886,5579,4532],{"class":4250},[3886,5581,3817],{"class":4254},[3886,5583,4280],{"class":4250},[3886,5585,5586],{"class":3888,"line":3901},[3886,5587,5588],{"class":4195},"  Текст та\n",[3886,5590,5591,5593,5595,5597,5599,5601,5604,5607,5609,5611,5614,5616,5618,5621,5624,5627,5629],{"class":3888,"line":3907},[3886,5592,4671],{"class":4250},[3886,5594,3813],{"class":4254},[3886,5596,4258],{"class":4257},[3886,5598,4261],{"class":4195},[3886,5600,4264],{"class":4229},[3886,5602,5603],{"class":4270},"{ ",[3886,5605,5606],{"class":4199},"width:",[3886,5608,4387],{"class":4365},[3886,5610,3750],{"class":4270},[3886,5612,5613],{"class":4199},"height:",[3886,5615,4387],{"class":4365},[3886,5617,3750],{"class":4270},[3886,5619,5620],{"class":4199},"backgroundColor:",[3886,5622,5623],{"class":4213}," 'red'",[3886,5625,5626],{"class":4270}," }",[3886,5628,4277],{"class":4229},[3886,5630,4305],{"class":4250},[3886,5632,5633],{"class":3888,"line":3913},[3886,5634,5635],{"class":4195},"  квадрат\n",[3886,5637,5638,5640,5642],{"class":3888,"line":3919},[3886,5639,4545],{"class":4250},[3886,5641,3817],{"class":4254},[3886,5643,4280],{"class":4250},[3886,5645,5646],{"class":3888,"line":3926},[3886,5647,3923],{"emptyLinePlaceholder":3922},[3886,5649,5650],{"class":3888,"line":3931},[3886,5651,5652],{"class":4526},"\u002F\u002F ✅ ПРАВИЛЬНО — Text всередині View\n",[3886,5654,5655,5657,5659,5661,5663,5665,5667,5670,5673,5675,5678,5681,5683,5685],{"class":3888,"line":3937},[3886,5656,4532],{"class":4250},[3886,5658,3813],{"class":4254},[3886,5660,4258],{"class":4257},[3886,5662,4261],{"class":4195},[3886,5664,4264],{"class":4229},[3886,5666,5603],{"class":4270},[3886,5668,5669],{"class":4199},"flexDirection:",[3886,5671,5672],{"class":4213}," 'row'",[3886,5674,3750],{"class":4270},[3886,5676,5677],{"class":4199},"alignItems:",[3886,5679,5680],{"class":4213}," 'center'",[3886,5682,5626],{"class":4270},[3886,5684,4277],{"class":4229},[3886,5686,4280],{"class":4250},[3886,5688,5689,5691,5693,5695,5698,5700,5702],{"class":3888,"line":3942},[3886,5690,4671],{"class":4250},[3886,5692,3817],{"class":4254},[3886,5694,4539],{"class":4250},[3886,5696,5697],{"class":4195},"Текст та ",[3886,5699,4545],{"class":4250},[3886,5701,3817],{"class":4254},[3886,5703,4280],{"class":4250},[3886,5705,5706,5708,5710,5712,5714,5716,5718,5720,5722,5724,5726,5728,5730,5732,5734,5736,5738],{"class":3888,"line":3948},[3886,5707,4671],{"class":4250},[3886,5709,3813],{"class":4254},[3886,5711,4258],{"class":4257},[3886,5713,4261],{"class":4195},[3886,5715,4264],{"class":4229},[3886,5717,5603],{"class":4270},[3886,5719,5606],{"class":4199},[3886,5721,4387],{"class":4365},[3886,5723,3750],{"class":4270},[3886,5725,5613],{"class":4199},[3886,5727,4387],{"class":4365},[3886,5729,3750],{"class":4270},[3886,5731,5620],{"class":4199},[3886,5733,5623],{"class":4213},[3886,5735,5626],{"class":4270},[3886,5737,4277],{"class":4229},[3886,5739,4305],{"class":4250},[3886,5741,5742,5744,5746,5748,5751,5753,5755],{"class":3888,"line":3954},[3886,5743,4671],{"class":4250},[3886,5745,3817],{"class":4254},[3886,5747,4539],{"class":4250},[3886,5749,5750],{"class":4195}," квадрат",[3886,5752,4545],{"class":4250},[3886,5754,3817],{"class":4254},[3886,5756,4280],{"class":4250},[3886,5758,5759,5761,5763],{"class":3888,"line":3960},[3886,5760,4545],{"class":4250},[3886,5762,3813],{"class":4254},[3886,5764,4280],{"class":4250},[3743,5766,5767,5768,5770,5771,5773,5774,4271],{},"Це логічно: на нативному рівні ",[3747,5769,4705],{}," (iOS) та ",[3747,5772,4720],{}," (Android) не можуть містити довільні view-компоненти всередині тексту. Вони створені для відображення ",[3777,5775,5776],{},"лише тексту",[3820,5778],{},[3738,5780,5782],{"id":5781},"порівняльна-таблиця-view-vs-text","Порівняльна таблиця: View vs Text",[5784,5785,5786,5800],"table",{},[5787,5788,5789],"thead",{},[5790,5791,5792,5796,5798],"tr",{},[5793,5794,5795],"th",{},"Аспект",[5793,5797,3813],{},[5793,5799,3817],{},[5801,5802,5803,5827,5842,5857,5870,5883,5898,5911,5924,5936,5957],"tbody",{},[5790,5804,5805,5811,5815],{},[5806,5807,5808],"td",{},[3777,5809,5810],{},"HTML-аналог",[5806,5812,5813],{},[3747,5814,3749],{},[5806,5816,5817,3750,5819,3750,5821,5823,5824],{},[3747,5818,3756],{},[3747,5820,3753],{},[3747,5822,3759],{},"–",[3747,5825,5826],{},"\u003Ch6>",[5790,5828,5829,5834,5838],{},[5806,5830,5831],{},[3777,5832,5833],{},"Нативний компонент (iOS)",[5806,5835,5836],{},[3747,5837,3851],{},[5806,5839,5840],{},[3747,5841,4705],{},[5790,5843,5844,5849,5853],{},[5806,5845,5846],{},[3777,5847,5848],{},"Нативний компонент (Android)",[5806,5850,5851],{},[3747,5852,3861],{},[5806,5854,5855],{},[3747,5856,4720],{},[5790,5858,5859,5864,5867],{},[5806,5860,5861],{},[3777,5862,5863],{},"Може містити текст напряму",[5806,5865,5866],{},"❌ Ні (викличе помилку)",[5806,5868,5869],{},"✅ Так (єдиний спосіб)",[5790,5871,5872,5877,5880],{},[5806,5873,5874],{},[3777,5875,5876],{},"Може містити інші View",[5806,5878,5879],{},"✅ Так",[5806,5881,5882],{},"❌ Ні",[5790,5884,5885,5890,5895],{},[5806,5886,5887],{},[3777,5888,5889],{},"Може містити інші Text",[5806,5891,5892,5893,4158],{},"✅ Так (але текст має бути у ",[3747,5894,3799],{},[5806,5896,5897],{},"✅ Так (вкладеність)",[5790,5899,5900,5905,5908],{},[5806,5901,5902],{},[3777,5903,5904],{},"Успадкування стилів",[5806,5906,5907],{},"❌ Ні (кожен View — незалежний)",[5806,5909,5910],{},"✅ Так (fontSize, color, font* properties)",[5790,5912,5913,5918,5921],{},[5806,5914,5915],{},[3777,5916,5917],{},"Layout-можливості",[5806,5919,5920],{},"✅ Повний Flexbox",[5806,5922,5923],{},"Обмежений (тільки текстові властивості)",[5790,5925,5926,5931,5933],{},[5806,5927,5928],{},[3777,5929,5930],{},"Фон, рамки, тіні",[5806,5932,5879],{},[5806,5934,5935],{},"✅ Так (але рідко використовується)",[5790,5937,5938,5943,5952],{},[5806,5939,5940],{},[3777,5941,5942],{},"Обробка дотиків",[5806,5944,5945,5946,4753,5949],{},"Через ",[3747,5947,5948],{},"\u003CPressable>",[3747,5950,5951],{},"\u003CTouchableOpacity>",[5806,5953,5945,5954,5956],{},[3747,5955,4153],{}," prop (працює напряму)",[5790,5958,5959,5964,5970],{},[5806,5960,5961],{},[3777,5962,5963],{},"accessibility",[5806,5965,5966,5967,4158],{},"Через props (",[3747,5968,5969],{},"accessibilityRole",[5806,5971,5972],{},"Через props + автоматично як текст",[3820,5974],{},[3738,5976,5978],{"id":5977},"layout-патерни-з-view","Layout-патерни з View",[3743,5980,5981,5982,5984],{},"Оскільки ",[3747,5983,3791],{}," є основним контейнером, практично всі layout-рішення будуються через комбінацію View-компонентів зі стилями Flexbox. Ось найпоширеніші патерни:",[3830,5986,5988],{"id":5987},"патерн-1-вертикальний-стек-за-замовчуванням","Патерн 1: Вертикальний стек (за замовчуванням)",[3743,5990,5991,5992,5995,5996,5999,6000,6003,6004,3780],{},"За замовчуванням ",[3747,5993,5994],{},"flexDirection"," у React Native — ",[3747,5997,5998],{},"'column'"," (на відміну від веб-CSS, де за замовчуванням ",[3747,6001,6002],{},"'row'","). Тому View автоматично розташовує дочірні елементи ",[3777,6005,6006],{},"вертикально",[3877,6008,6011],{"className":4180,"code":6009,"filename":6010,"language":4183,"meta":4184,"style":3882},"import { View, Text, StyleSheet } from 'react-native'\n\nexport default function VerticalStack() {\n    return (\n        \u003CView style={styles.container}>\n            \u003CView style={styles.box}>\n                \u003CText>Елемент 1\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CView style={styles.box}>\n                \u003CText>Елемент 2\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CView style={styles.box}>\n                \u003CText>Елемент 3\u003C\u002FText>\n            \u003C\u002FView>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        padding: 20,\n        \u002F\u002F flexDirection: 'column' — за замовчуванням, можна не писати\n    },\n    box: {\n        backgroundColor: '#e0e0e0',\n        padding: 16,\n        marginBottom: 12,\n        borderRadius: 8,\n    },\n})\n","VerticalStack.tsx",[3747,6012,6013,6035,6039,6052,6058,6080,6102,6119,6127,6149,6166,6174,6196,6213,6221,6229,6233,6237,6241,6257,6263,6271,6276,6280,6286,6295,6303,6311,6320,6324],{"__ignoreMap":3882},[3886,6014,6015,6017,6019,6021,6023,6025,6027,6029,6031,6033],{"class":3888,"line":3889},[3886,6016,4192],{"class":4191},[3886,6018,4196],{"class":4195},[3886,6020,3813],{"class":4199},[3886,6022,3750],{"class":4195},[3886,6024,3817],{"class":4199},[3886,6026,3750],{"class":4195},[3886,6028,4204],{"class":4199},[3886,6030,4207],{"class":4195},[3886,6032,4210],{"class":4191},[3886,6034,4214],{"class":4213},[3886,6036,6037],{"class":3888,"line":3895},[3886,6038,3923],{"emptyLinePlaceholder":3922},[3886,6040,6041,6043,6045,6047,6050],{"class":3888,"line":3901},[3886,6042,4223],{"class":4191},[3886,6044,4226],{"class":4191},[3886,6046,4230],{"class":4229},[3886,6048,6049],{"class":4233}," VerticalStack",[3886,6051,4237],{"class":4195},[3886,6053,6054,6056],{"class":3888,"line":3907},[3886,6055,4242],{"class":4191},[3886,6057,4245],{"class":4195},[3886,6059,6060,6062,6064,6066,6068,6070,6072,6074,6076,6078],{"class":3888,"line":3913},[3886,6061,4251],{"class":4250},[3886,6063,3813],{"class":4254},[3886,6065,4258],{"class":4257},[3886,6067,4261],{"class":4195},[3886,6069,4264],{"class":4229},[3886,6071,4267],{"class":4199},[3886,6073,4271],{"class":4270},[3886,6075,4274],{"class":4199},[3886,6077,4277],{"class":4229},[3886,6079,4280],{"class":4250},[3886,6081,6082,6084,6086,6088,6090,6092,6094,6096,6098,6100],{"class":3888,"line":3919},[3886,6083,4285],{"class":4250},[3886,6085,3813],{"class":4254},[3886,6087,4258],{"class":4257},[3886,6089,4261],{"class":4195},[3886,6091,4264],{"class":4229},[3886,6093,4267],{"class":4199},[3886,6095,4271],{"class":4270},[3886,6097,4300],{"class":4199},[3886,6099,4277],{"class":4229},[3886,6101,4280],{"class":4250},[3886,6103,6104,6106,6108,6110,6113,6115,6117],{"class":3888,"line":3926},[3886,6105,4948],{"class":4250},[3886,6107,3817],{"class":4254},[3886,6109,4539],{"class":4250},[3886,6111,6112],{"class":4195},"Елемент 1",[3886,6114,4545],{"class":4250},[3886,6116,3817],{"class":4254},[3886,6118,4280],{"class":4250},[3886,6120,6121,6123,6125],{"class":3888,"line":3931},[3886,6122,5018],{"class":4250},[3886,6124,3813],{"class":4254},[3886,6126,4280],{"class":4250},[3886,6128,6129,6131,6133,6135,6137,6139,6141,6143,6145,6147],{"class":3888,"line":3937},[3886,6130,4285],{"class":4250},[3886,6132,3813],{"class":4254},[3886,6134,4258],{"class":4257},[3886,6136,4261],{"class":4195},[3886,6138,4264],{"class":4229},[3886,6140,4267],{"class":4199},[3886,6142,4271],{"class":4270},[3886,6144,4300],{"class":4199},[3886,6146,4277],{"class":4229},[3886,6148,4280],{"class":4250},[3886,6150,6151,6153,6155,6157,6160,6162,6164],{"class":3888,"line":3942},[3886,6152,4948],{"class":4250},[3886,6154,3817],{"class":4254},[3886,6156,4539],{"class":4250},[3886,6158,6159],{"class":4195},"Елемент 2",[3886,6161,4545],{"class":4250},[3886,6163,3817],{"class":4254},[3886,6165,4280],{"class":4250},[3886,6167,6168,6170,6172],{"class":3888,"line":3948},[3886,6169,5018],{"class":4250},[3886,6171,3813],{"class":4254},[3886,6173,4280],{"class":4250},[3886,6175,6176,6178,6180,6182,6184,6186,6188,6190,6192,6194],{"class":3888,"line":3954},[3886,6177,4285],{"class":4250},[3886,6179,3813],{"class":4254},[3886,6181,4258],{"class":4257},[3886,6183,4261],{"class":4195},[3886,6185,4264],{"class":4229},[3886,6187,4267],{"class":4199},[3886,6189,4271],{"class":4270},[3886,6191,4300],{"class":4199},[3886,6193,4277],{"class":4229},[3886,6195,4280],{"class":4250},[3886,6197,6198,6200,6202,6204,6207,6209,6211],{"class":3888,"line":3960},[3886,6199,4948],{"class":4250},[3886,6201,3817],{"class":4254},[3886,6203,4539],{"class":4250},[3886,6205,6206],{"class":4195},"Елемент 3",[3886,6208,4545],{"class":4250},[3886,6210,3817],{"class":4254},[3886,6212,4280],{"class":4250},[3886,6214,6215,6217,6219],{"class":3888,"line":3965},[3886,6216,5018],{"class":4250},[3886,6218,3813],{"class":4254},[3886,6220,4280],{"class":4250},[3886,6222,6223,6225,6227],{"class":3888,"line":3971},[3886,6224,4310],{"class":4250},[3886,6226,3813],{"class":4254},[3886,6228,4280],{"class":4250},[3886,6230,6231],{"class":3888,"line":3976},[3886,6232,4319],{"class":4195},[3886,6234,6235],{"class":3888,"line":3982},[3886,6236,3957],{"class":4195},[3886,6238,6239],{"class":3888,"line":3988},[3886,6240,3923],{"emptyLinePlaceholder":3922},[3886,6242,6243,6245,6247,6249,6251,6253,6255],{"class":3888,"line":3994},[3886,6244,4332],{"class":4229},[3886,6246,4336],{"class":4335},[3886,6248,4339],{"class":4195},[3886,6250,4204],{"class":4199},[3886,6252,4271],{"class":4195},[3886,6254,4346],{"class":4233},[3886,6256,4349],{"class":4195},[3886,6258,6259,6261],{"class":3888,"line":3999},[3886,6260,4354],{"class":4199},[3886,6262,4357],{"class":4195},[3886,6264,6265,6267,6269],{"class":3888,"line":4004},[3886,6266,4384],{"class":4199},[3886,6268,4387],{"class":4365},[3886,6270,4369],{"class":4195},[3886,6272,6273],{"class":3888,"line":4010},[3886,6274,6275],{"class":4526},"        \u002F\u002F flexDirection: 'column' — за замовчуванням, можна не писати\n",[3886,6277,6278],{"class":3888,"line":4016},[3886,6279,4394],{"class":4195},[3886,6281,6282,6284],{"class":3888,"line":4022},[3886,6283,4399],{"class":4199},[3886,6285,4357],{"class":4195},[3886,6287,6288,6290,6293],{"class":3888,"line":4027},[3886,6289,4374],{"class":4199},[3886,6291,6292],{"class":4213}," '#e0e0e0'",[3886,6294,4369],{"class":4195},[3886,6296,6297,6299,6301],{"class":3888,"line":4032},[3886,6298,4384],{"class":4199},[3886,6300,5140],{"class":4365},[3886,6302,4369],{"class":4195},[3886,6304,6305,6307,6309],{"class":3888,"line":4038},[3886,6306,5118],{"class":4199},[3886,6308,4437],{"class":4365},[3886,6310,4369],{"class":4195},[3886,6312,6313,6315,6318],{"class":3888,"line":4044},[3886,6314,4434],{"class":4199},[3886,6316,6317],{"class":4365}," 8",[3886,6319,4369],{"class":4195},[3886,6321,6322],{"class":3888,"line":4050},[3886,6323,4394],{"class":4195},[3886,6325,6326],{"class":3888,"line":4055},[3886,6327,4448],{"class":4195},[3830,6329,6331],{"id":6330},"патерн-2-горизонтальний-ряд","Патерн 2: Горизонтальний ряд",[3743,6333,6334,6335,3780],{},"Щоб розташувати елементи горизонтально, явно встановіть ",[3747,6336,6337],{},"flexDirection: 'row'",[3877,6339,6342],{"className":4180,"code":6340,"filename":6341,"language":4183,"meta":4184,"style":3882},"import { View, Text, StyleSheet } from 'react-native'\n\nexport default function HorizontalRow() {\n    return (\n        \u003CView style={styles.row}>\n            \u003CView style={styles.item}>\n                \u003CText>1\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CView style={styles.item}>\n                \u003CText>2\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CView style={styles.item}>\n                \u003CText>3\u003C\u002FText>\n            \u003C\u002FView>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    row: {\n        flexDirection: 'row',\n        padding: 20,\n        justifyContent: 'space-between', \u002F\u002F рівномірний розподіл\n    },\n    item: {\n        width: 80,\n        height: 80,\n        backgroundColor: '#4361ee',\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderRadius: 8,\n    },\n})\n","HorizontalRow.tsx",[3747,6343,6344,6366,6370,6383,6389,6412,6435,6452,6460,6482,6499,6507,6529,6546,6554,6562,6566,6570,6574,6590,6597,6606,6614,6627,6631,6638,6647,6655,6663,6672,6680,6688,6692],{"__ignoreMap":3882},[3886,6345,6346,6348,6350,6352,6354,6356,6358,6360,6362,6364],{"class":3888,"line":3889},[3886,6347,4192],{"class":4191},[3886,6349,4196],{"class":4195},[3886,6351,3813],{"class":4199},[3886,6353,3750],{"class":4195},[3886,6355,3817],{"class":4199},[3886,6357,3750],{"class":4195},[3886,6359,4204],{"class":4199},[3886,6361,4207],{"class":4195},[3886,6363,4210],{"class":4191},[3886,6365,4214],{"class":4213},[3886,6367,6368],{"class":3888,"line":3895},[3886,6369,3923],{"emptyLinePlaceholder":3922},[3886,6371,6372,6374,6376,6378,6381],{"class":3888,"line":3901},[3886,6373,4223],{"class":4191},[3886,6375,4226],{"class":4191},[3886,6377,4230],{"class":4229},[3886,6379,6380],{"class":4233}," HorizontalRow",[3886,6382,4237],{"class":4195},[3886,6384,6385,6387],{"class":3888,"line":3907},[3886,6386,4242],{"class":4191},[3886,6388,4245],{"class":4195},[3886,6390,6391,6393,6395,6397,6399,6401,6403,6405,6408,6410],{"class":3888,"line":3913},[3886,6392,4251],{"class":4250},[3886,6394,3813],{"class":4254},[3886,6396,4258],{"class":4257},[3886,6398,4261],{"class":4195},[3886,6400,4264],{"class":4229},[3886,6402,4267],{"class":4199},[3886,6404,4271],{"class":4270},[3886,6406,6407],{"class":4199},"row",[3886,6409,4277],{"class":4229},[3886,6411,4280],{"class":4250},[3886,6413,6414,6416,6418,6420,6422,6424,6426,6428,6431,6433],{"class":3888,"line":3919},[3886,6415,4285],{"class":4250},[3886,6417,3813],{"class":4254},[3886,6419,4258],{"class":4257},[3886,6421,4261],{"class":4195},[3886,6423,4264],{"class":4229},[3886,6425,4267],{"class":4199},[3886,6427,4271],{"class":4270},[3886,6429,6430],{"class":4199},"item",[3886,6432,4277],{"class":4229},[3886,6434,4280],{"class":4250},[3886,6436,6437,6439,6441,6443,6446,6448,6450],{"class":3888,"line":3926},[3886,6438,4948],{"class":4250},[3886,6440,3817],{"class":4254},[3886,6442,4539],{"class":4250},[3886,6444,6445],{"class":4195},"1",[3886,6447,4545],{"class":4250},[3886,6449,3817],{"class":4254},[3886,6451,4280],{"class":4250},[3886,6453,6454,6456,6458],{"class":3888,"line":3931},[3886,6455,5018],{"class":4250},[3886,6457,3813],{"class":4254},[3886,6459,4280],{"class":4250},[3886,6461,6462,6464,6466,6468,6470,6472,6474,6476,6478,6480],{"class":3888,"line":3937},[3886,6463,4285],{"class":4250},[3886,6465,3813],{"class":4254},[3886,6467,4258],{"class":4257},[3886,6469,4261],{"class":4195},[3886,6471,4264],{"class":4229},[3886,6473,4267],{"class":4199},[3886,6475,4271],{"class":4270},[3886,6477,6430],{"class":4199},[3886,6479,4277],{"class":4229},[3886,6481,4280],{"class":4250},[3886,6483,6484,6486,6488,6490,6493,6495,6497],{"class":3888,"line":3942},[3886,6485,4948],{"class":4250},[3886,6487,3817],{"class":4254},[3886,6489,4539],{"class":4250},[3886,6491,6492],{"class":4195},"2",[3886,6494,4545],{"class":4250},[3886,6496,3817],{"class":4254},[3886,6498,4280],{"class":4250},[3886,6500,6501,6503,6505],{"class":3888,"line":3948},[3886,6502,5018],{"class":4250},[3886,6504,3813],{"class":4254},[3886,6506,4280],{"class":4250},[3886,6508,6509,6511,6513,6515,6517,6519,6521,6523,6525,6527],{"class":3888,"line":3954},[3886,6510,4285],{"class":4250},[3886,6512,3813],{"class":4254},[3886,6514,4258],{"class":4257},[3886,6516,4261],{"class":4195},[3886,6518,4264],{"class":4229},[3886,6520,4267],{"class":4199},[3886,6522,4271],{"class":4270},[3886,6524,6430],{"class":4199},[3886,6526,4277],{"class":4229},[3886,6528,4280],{"class":4250},[3886,6530,6531,6533,6535,6537,6540,6542,6544],{"class":3888,"line":3960},[3886,6532,4948],{"class":4250},[3886,6534,3817],{"class":4254},[3886,6536,4539],{"class":4250},[3886,6538,6539],{"class":4195},"3",[3886,6541,4545],{"class":4250},[3886,6543,3817],{"class":4254},[3886,6545,4280],{"class":4250},[3886,6547,6548,6550,6552],{"class":3888,"line":3965},[3886,6549,5018],{"class":4250},[3886,6551,3813],{"class":4254},[3886,6553,4280],{"class":4250},[3886,6555,6556,6558,6560],{"class":3888,"line":3971},[3886,6557,4310],{"class":4250},[3886,6559,3813],{"class":4254},[3886,6561,4280],{"class":4250},[3886,6563,6564],{"class":3888,"line":3976},[3886,6565,4319],{"class":4195},[3886,6567,6568],{"class":3888,"line":3982},[3886,6569,3957],{"class":4195},[3886,6571,6572],{"class":3888,"line":3988},[3886,6573,3923],{"emptyLinePlaceholder":3922},[3886,6575,6576,6578,6580,6582,6584,6586,6588],{"class":3888,"line":3994},[3886,6577,4332],{"class":4229},[3886,6579,4336],{"class":4335},[3886,6581,4339],{"class":4195},[3886,6583,4204],{"class":4199},[3886,6585,4271],{"class":4195},[3886,6587,4346],{"class":4233},[3886,6589,4349],{"class":4195},[3886,6591,6592,6595],{"class":3888,"line":3999},[3886,6593,6594],{"class":4199},"    row:",[3886,6596,4357],{"class":4195},[3886,6598,6599,6602,6604],{"class":3888,"line":4004},[3886,6600,6601],{"class":4199},"        flexDirection:",[3886,6603,5672],{"class":4213},[3886,6605,4369],{"class":4195},[3886,6607,6608,6610,6612],{"class":3888,"line":4010},[3886,6609,4384],{"class":4199},[3886,6611,4387],{"class":4365},[3886,6613,4369],{"class":4195},[3886,6615,6616,6619,6622,6624],{"class":3888,"line":4016},[3886,6617,6618],{"class":4199},"        justifyContent:",[3886,6620,6621],{"class":4213}," 'space-between'",[3886,6623,3750],{"class":4195},[3886,6625,6626],{"class":4526},"\u002F\u002F рівномірний розподіл\n",[3886,6628,6629],{"class":3888,"line":4022},[3886,6630,4394],{"class":4195},[3886,6632,6633,6636],{"class":3888,"line":4027},[3886,6634,6635],{"class":4199},"    item:",[3886,6637,4357],{"class":4195},[3886,6639,6640,6642,6645],{"class":3888,"line":4032},[3886,6641,4406],{"class":4199},[3886,6643,6644],{"class":4365}," 80",[3886,6646,4369],{"class":4195},[3886,6648,6649,6651,6653],{"class":3888,"line":4038},[3886,6650,4416],{"class":4199},[3886,6652,6644],{"class":4365},[3886,6654,4369],{"class":4195},[3886,6656,6657,6659,6661],{"class":3888,"line":4044},[3886,6658,4374],{"class":4199},[3886,6660,4427],{"class":4213},[3886,6662,4369],{"class":4195},[3886,6664,6665,6668,6670],{"class":3888,"line":4050},[3886,6666,6667],{"class":4199},"        alignItems:",[3886,6669,5680],{"class":4213},[3886,6671,4369],{"class":4195},[3886,6673,6674,6676,6678],{"class":3888,"line":4055},[3886,6675,6618],{"class":4199},[3886,6677,5680],{"class":4213},[3886,6679,4369],{"class":4195},[3886,6681,6682,6684,6686],{"class":3888,"line":4061},[3886,6683,4434],{"class":4199},[3886,6685,6317],{"class":4365},[3886,6687,4369],{"class":4195},[3886,6689,6690],{"class":3888,"line":4067},[3886,6691,4394],{"class":4195},[3886,6693,6694],{"class":3888,"line":4072},[3886,6695,4448],{"class":4195},[4474,6697,6698,6701,6702,3750,6705,3750,6708,3750,6711,6714],{},[3777,6699,6700],{},"Flexbox у React Native"," — окрема стаття курсу, де детально розглядаються всі властивості (",[3747,6703,6704],{},"justifyContent",[3747,6706,6707],{},"alignItems",[3747,6709,6710],{},"flex",[3747,6712,6713],{},"gap"," тощо). Тут ми лише показуємо базові приклади використання View для layout.",[3830,6716,6718],{"id":6717},"патерн-3-центрування-вмісту","Патерн 3: Центрування вмісту",[3743,6720,6721],{},"Одне з найчастіших завдань — відцентрувати елемент всередині контейнера:",[3877,6723,6726],{"className":4180,"code":6724,"filename":6725,"language":4183,"meta":4184,"style":3882},"import { View, Text, StyleSheet } from 'react-native'\n\nexport default function CenteredContent() {\n    return (\n        \u003CView style={styles.container}>\n            \u003CView style={styles.card}>\n                \u003CText style={styles.text}>Я відцентрований\u003C\u002FText>\n            \u003C\u002FView>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1, \u002F\u002F займає всю доступну висоту\n        justifyContent: 'center', \u002F\u002F вертикальне центрування\n        alignItems: 'center', \u002F\u002F горизонтальне центрування\n        backgroundColor: '#f5f5f5',\n    },\n    card: {\n        width: 200,\n        padding: 24,\n        backgroundColor: '#ffffff',\n        borderRadius: 12,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 2 },\n        shadowOpacity: 0.1,\n        shadowRadius: 4,\n        elevation: 3,\n    },\n    text: {\n        fontSize: 16,\n        textAlign: 'center',\n        color: '#333',\n    },\n})\n","CenteredContent.tsx",[3747,6727,6728,6750,6754,6767,6773,6795,6818,6850,6858,6866,6870,6874,6878,6894,6900,6911,6922,6933,6942,6946,6953,6962,6970,6979,6987,6997,7019,7029,7039,7049,7053,7060,7068,7077,7086,7090],{"__ignoreMap":3882},[3886,6729,6730,6732,6734,6736,6738,6740,6742,6744,6746,6748],{"class":3888,"line":3889},[3886,6731,4192],{"class":4191},[3886,6733,4196],{"class":4195},[3886,6735,3813],{"class":4199},[3886,6737,3750],{"class":4195},[3886,6739,3817],{"class":4199},[3886,6741,3750],{"class":4195},[3886,6743,4204],{"class":4199},[3886,6745,4207],{"class":4195},[3886,6747,4210],{"class":4191},[3886,6749,4214],{"class":4213},[3886,6751,6752],{"class":3888,"line":3895},[3886,6753,3923],{"emptyLinePlaceholder":3922},[3886,6755,6756,6758,6760,6762,6765],{"class":3888,"line":3901},[3886,6757,4223],{"class":4191},[3886,6759,4226],{"class":4191},[3886,6761,4230],{"class":4229},[3886,6763,6764],{"class":4233}," CenteredContent",[3886,6766,4237],{"class":4195},[3886,6768,6769,6771],{"class":3888,"line":3907},[3886,6770,4242],{"class":4191},[3886,6772,4245],{"class":4195},[3886,6774,6775,6777,6779,6781,6783,6785,6787,6789,6791,6793],{"class":3888,"line":3913},[3886,6776,4251],{"class":4250},[3886,6778,3813],{"class":4254},[3886,6780,4258],{"class":4257},[3886,6782,4261],{"class":4195},[3886,6784,4264],{"class":4229},[3886,6786,4267],{"class":4199},[3886,6788,4271],{"class":4270},[3886,6790,4274],{"class":4199},[3886,6792,4277],{"class":4229},[3886,6794,4280],{"class":4250},[3886,6796,6797,6799,6801,6803,6805,6807,6809,6811,6814,6816],{"class":3888,"line":3919},[3886,6798,4285],{"class":4250},[3886,6800,3813],{"class":4254},[3886,6802,4258],{"class":4257},[3886,6804,4261],{"class":4195},[3886,6806,4264],{"class":4229},[3886,6808,4267],{"class":4199},[3886,6810,4271],{"class":4270},[3886,6812,6813],{"class":4199},"card",[3886,6815,4277],{"class":4229},[3886,6817,4280],{"class":4250},[3886,6819,6820,6822,6824,6826,6828,6830,6832,6834,6837,6839,6841,6844,6846,6848],{"class":3888,"line":3926},[3886,6821,4948],{"class":4250},[3886,6823,3817],{"class":4254},[3886,6825,4258],{"class":4257},[3886,6827,4261],{"class":4195},[3886,6829,4264],{"class":4229},[3886,6831,4267],{"class":4199},[3886,6833,4271],{"class":4270},[3886,6835,6836],{"class":4199},"text",[3886,6838,4277],{"class":4229},[3886,6840,4539],{"class":4250},[3886,6842,6843],{"class":4195},"Я відцентрований",[3886,6845,4545],{"class":4250},[3886,6847,3817],{"class":4254},[3886,6849,4280],{"class":4250},[3886,6851,6852,6854,6856],{"class":3888,"line":3931},[3886,6853,5018],{"class":4250},[3886,6855,3813],{"class":4254},[3886,6857,4280],{"class":4250},[3886,6859,6860,6862,6864],{"class":3888,"line":3937},[3886,6861,4310],{"class":4250},[3886,6863,3813],{"class":4254},[3886,6865,4280],{"class":4250},[3886,6867,6868],{"class":3888,"line":3942},[3886,6869,4319],{"class":4195},[3886,6871,6872],{"class":3888,"line":3948},[3886,6873,3957],{"class":4195},[3886,6875,6876],{"class":3888,"line":3954},[3886,6877,3923],{"emptyLinePlaceholder":3922},[3886,6879,6880,6882,6884,6886,6888,6890,6892],{"class":3888,"line":3960},[3886,6881,4332],{"class":4229},[3886,6883,4336],{"class":4335},[3886,6885,4339],{"class":4195},[3886,6887,4204],{"class":4199},[3886,6889,4271],{"class":4195},[3886,6891,4346],{"class":4233},[3886,6893,4349],{"class":4195},[3886,6895,6896,6898],{"class":3888,"line":3965},[3886,6897,4354],{"class":4199},[3886,6899,4357],{"class":4195},[3886,6901,6902,6904,6906,6908],{"class":3888,"line":3971},[3886,6903,4362],{"class":4199},[3886,6905,4366],{"class":4365},[3886,6907,3750],{"class":4195},[3886,6909,6910],{"class":4526},"\u002F\u002F займає всю доступну висоту\n",[3886,6912,6913,6915,6917,6919],{"class":3888,"line":3976},[3886,6914,6618],{"class":4199},[3886,6916,5680],{"class":4213},[3886,6918,3750],{"class":4195},[3886,6920,6921],{"class":4526},"\u002F\u002F вертикальне центрування\n",[3886,6923,6924,6926,6928,6930],{"class":3888,"line":3982},[3886,6925,6667],{"class":4199},[3886,6927,5680],{"class":4213},[3886,6929,3750],{"class":4195},[3886,6931,6932],{"class":4526},"\u002F\u002F горизонтальне центрування\n",[3886,6934,6935,6937,6940],{"class":3888,"line":3988},[3886,6936,4374],{"class":4199},[3886,6938,6939],{"class":4213}," '#f5f5f5'",[3886,6941,4369],{"class":4195},[3886,6943,6944],{"class":3888,"line":3994},[3886,6945,4394],{"class":4195},[3886,6947,6948,6951],{"class":3888,"line":3999},[3886,6949,6950],{"class":4199},"    card:",[3886,6952,4357],{"class":4195},[3886,6954,6955,6957,6960],{"class":3888,"line":4004},[3886,6956,4406],{"class":4199},[3886,6958,6959],{"class":4365}," 200",[3886,6961,4369],{"class":4195},[3886,6963,6964,6966,6968],{"class":3888,"line":4010},[3886,6965,4384],{"class":4199},[3886,6967,5091],{"class":4365},[3886,6969,4369],{"class":4195},[3886,6971,6972,6974,6977],{"class":3888,"line":4016},[3886,6973,4374],{"class":4199},[3886,6975,6976],{"class":4213}," '#ffffff'",[3886,6978,4369],{"class":4195},[3886,6980,6981,6983,6985],{"class":3888,"line":4022},[3886,6982,4434],{"class":4199},[3886,6984,4437],{"class":4365},[3886,6986,4369],{"class":4195},[3886,6988,6989,6992,6995],{"class":3888,"line":4027},[3886,6990,6991],{"class":4199},"        shadowColor:",[3886,6993,6994],{"class":4213}," '#000'",[3886,6996,4369],{"class":4195},[3886,6998,6999,7002,7004,7006,7009,7011,7013,7016],{"class":3888,"line":4032},[3886,7000,7001],{"class":4199},"        shadowOffset:",[3886,7003,4196],{"class":4195},[3886,7005,5606],{"class":4199},[3886,7007,7008],{"class":4365}," 0",[3886,7010,3750],{"class":4195},[3886,7012,5613],{"class":4199},[3886,7014,7015],{"class":4365}," 2",[3886,7017,7018],{"class":4195}," },\n",[3886,7020,7021,7024,7027],{"class":3888,"line":4038},[3886,7022,7023],{"class":4199},"        shadowOpacity:",[3886,7025,7026],{"class":4365}," 0.1",[3886,7028,4369],{"class":4195},[3886,7030,7031,7034,7037],{"class":3888,"line":4044},[3886,7032,7033],{"class":4199},"        shadowRadius:",[3886,7035,7036],{"class":4365}," 4",[3886,7038,4369],{"class":4195},[3886,7040,7041,7044,7047],{"class":3888,"line":4050},[3886,7042,7043],{"class":4199},"        elevation:",[3886,7045,7046],{"class":4365}," 3",[3886,7048,4369],{"class":4195},[3886,7050,7051],{"class":3888,"line":4055},[3886,7052,4394],{"class":4195},[3886,7054,7055,7058],{"class":3888,"line":4061},[3886,7056,7057],{"class":4199},"    text:",[3886,7059,4357],{"class":4195},[3886,7061,7062,7064,7066],{"class":3888,"line":4067},[3886,7063,5088],{"class":4199},[3886,7065,5140],{"class":4365},[3886,7067,4369],{"class":4195},[3886,7069,7070,7073,7075],{"class":3888,"line":4072},[3886,7071,7072],{"class":4199},"        textAlign:",[3886,7074,5680],{"class":4213},[3886,7076,4369],{"class":4195},[3886,7078,7079,7081,7084],{"class":3888,"line":4078},[3886,7080,5108],{"class":4199},[3886,7082,7083],{"class":4213}," '#333'",[3886,7085,4369],{"class":4195},[3886,7087,7088],{"class":3888,"line":4084},[3886,7089,4394],{"class":4195},[3886,7091,7092],{"class":3888,"line":4090},[3886,7093,4448],{"class":4195},[5535,7095,7096,4479,7099,7102,7103,7106],{},[3777,7097,7098],{},"Швидкий спосіб центрування:",[3747,7100,7101],{},"justifyContent: 'center'"," + ",[3747,7104,7105],{},"alignItems: 'center'"," на батьківському View. Це працює для будь-якого вмісту — тексту, зображень, кнопок.",[3830,7108,7110],{"id":7109},"патерн-4-header-content-footer-класичний-мобільний-layout","Патерн 4: Header-Content-Footer (класичний мобільний layout)",[3743,7112,7113],{},"Типова структура екрану: фіксована шапка, контент що прокручується, фіксований футер:",[3877,7115,7118],{"className":4180,"code":7116,"filename":7117,"language":4183,"meta":4184,"style":3882},"import { View, Text, StyleSheet, ScrollView } from 'react-native'\n\nexport default function ScreenLayout() {\n    return (\n        \u003CView style={styles.screen}>\n            {\u002F* Header *\u002F}\n            \u003CView style={styles.header}>\n                \u003CText style={styles.headerText}>Заголовок\u003C\u002FText>\n            \u003C\u002FView>\n\n            {\u002F* Content (прокручується) *\u002F}\n            \u003CScrollView style={styles.content}>\n                \u003CText style={styles.paragraph}>\n                    Це контент, який може бути довгим і прокручуватись. Lorem ipsum dolor sit amet...\n                \u003C\u002FText>\n                {\u002F* Багато контенту *\u002F}\n            \u003C\u002FScrollView>\n\n            {\u002F* Footer *\u002F}\n            \u003CView style={styles.footer}>\n                \u003CText style={styles.footerText}>Футер\u003C\u002FText>\n            \u003C\u002FView>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    screen: {\n        flex: 1, \u002F\u002F займає весь екран\n    },\n    header: {\n        height: 60,\n        backgroundColor: '#4361ee',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    headerText: {\n        color: '#ffffff',\n        fontSize: 18,\n        fontWeight: '600',\n    },\n    content: {\n        flex: 1, \u002F\u002F займає весь простір між header та footer\n        backgroundColor: '#ffffff',\n    },\n    paragraph: {\n        padding: 20,\n        fontSize: 16,\n        lineHeight: 24,\n    },\n    footer: {\n        height: 50,\n        backgroundColor: '#f0f0f0',\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderTopWidth: 1,\n        borderTopColor: '#e0e0e0',\n    },\n    footerText: {\n        fontSize: 14,\n        color: '#666',\n    },\n})\n","ScreenLayout.tsx",[3747,7119,7120,7147,7151,7164,7170,7193,7203,7226,7257,7265,7269,7278,7301,7323,7328,7337,7347,7355,7359,7368,7391,7423,7431,7439,7443,7447,7451,7467,7474,7485,7489,7496,7505,7513,7521,7529,7533,7540,7548,7557,7567,7572,7580,7592,7601,7606,7613,7622,7631,7640,7645,7653,7663,7672,7681,7690,7700,7710,7715,7723,7733,7743,7748],{"__ignoreMap":3882},[3886,7121,7122,7124,7126,7128,7130,7132,7134,7136,7138,7141,7143,7145],{"class":3888,"line":3889},[3886,7123,4192],{"class":4191},[3886,7125,4196],{"class":4195},[3886,7127,3813],{"class":4199},[3886,7129,3750],{"class":4195},[3886,7131,3817],{"class":4199},[3886,7133,3750],{"class":4195},[3886,7135,4204],{"class":4199},[3886,7137,3750],{"class":4195},[3886,7139,7140],{"class":4199},"ScrollView",[3886,7142,4207],{"class":4195},[3886,7144,4210],{"class":4191},[3886,7146,4214],{"class":4213},[3886,7148,7149],{"class":3888,"line":3895},[3886,7150,3923],{"emptyLinePlaceholder":3922},[3886,7152,7153,7155,7157,7159,7162],{"class":3888,"line":3901},[3886,7154,4223],{"class":4191},[3886,7156,4226],{"class":4191},[3886,7158,4230],{"class":4229},[3886,7160,7161],{"class":4233}," ScreenLayout",[3886,7163,4237],{"class":4195},[3886,7165,7166,7168],{"class":3888,"line":3907},[3886,7167,4242],{"class":4191},[3886,7169,4245],{"class":4195},[3886,7171,7172,7174,7176,7178,7180,7182,7184,7186,7189,7191],{"class":3888,"line":3913},[3886,7173,4251],{"class":4250},[3886,7175,3813],{"class":4254},[3886,7177,4258],{"class":4257},[3886,7179,4261],{"class":4195},[3886,7181,4264],{"class":4229},[3886,7183,4267],{"class":4199},[3886,7185,4271],{"class":4270},[3886,7187,7188],{"class":4199},"screen",[3886,7190,4277],{"class":4229},[3886,7192,4280],{"class":4250},[3886,7194,7195,7198,7201],{"class":3888,"line":3919},[3886,7196,7197],{"class":4229},"            {",[3886,7199,7200],{"class":4526},"\u002F* Header *\u002F",[3886,7202,3957],{"class":4229},[3886,7204,7205,7207,7209,7211,7213,7215,7217,7219,7222,7224],{"class":3888,"line":3926},[3886,7206,4285],{"class":4250},[3886,7208,3813],{"class":4254},[3886,7210,4258],{"class":4257},[3886,7212,4261],{"class":4195},[3886,7214,4264],{"class":4229},[3886,7216,4267],{"class":4199},[3886,7218,4271],{"class":4270},[3886,7220,7221],{"class":4199},"header",[3886,7223,4277],{"class":4229},[3886,7225,4280],{"class":4250},[3886,7227,7228,7230,7232,7234,7236,7238,7240,7242,7245,7247,7249,7251,7253,7255],{"class":3888,"line":3931},[3886,7229,4948],{"class":4250},[3886,7231,3817],{"class":4254},[3886,7233,4258],{"class":4257},[3886,7235,4261],{"class":4195},[3886,7237,4264],{"class":4229},[3886,7239,4267],{"class":4199},[3886,7241,4271],{"class":4270},[3886,7243,7244],{"class":4199},"headerText",[3886,7246,4277],{"class":4229},[3886,7248,4539],{"class":4250},[3886,7250,4879],{"class":4195},[3886,7252,4545],{"class":4250},[3886,7254,3817],{"class":4254},[3886,7256,4280],{"class":4250},[3886,7258,7259,7261,7263],{"class":3888,"line":3937},[3886,7260,5018],{"class":4250},[3886,7262,3813],{"class":4254},[3886,7264,4280],{"class":4250},[3886,7266,7267],{"class":3888,"line":3942},[3886,7268,3923],{"emptyLinePlaceholder":3922},[3886,7270,7271,7273,7276],{"class":3888,"line":3948},[3886,7272,7197],{"class":4229},[3886,7274,7275],{"class":4526},"\u002F* Content (прокручується) *\u002F",[3886,7277,3957],{"class":4229},[3886,7279,7280,7282,7284,7286,7288,7290,7292,7294,7297,7299],{"class":3888,"line":3954},[3886,7281,4285],{"class":4250},[3886,7283,7140],{"class":4254},[3886,7285,4258],{"class":4257},[3886,7287,4261],{"class":4195},[3886,7289,4264],{"class":4229},[3886,7291,4267],{"class":4199},[3886,7293,4271],{"class":4270},[3886,7295,7296],{"class":4199},"content",[3886,7298,4277],{"class":4229},[3886,7300,4280],{"class":4250},[3886,7302,7303,7305,7307,7309,7311,7313,7315,7317,7319,7321],{"class":3888,"line":3960},[3886,7304,4948],{"class":4250},[3886,7306,3817],{"class":4254},[3886,7308,4258],{"class":4257},[3886,7310,4261],{"class":4195},[3886,7312,4264],{"class":4229},[3886,7314,4267],{"class":4199},[3886,7316,4271],{"class":4270},[3886,7318,5279],{"class":4199},[3886,7320,4277],{"class":4229},[3886,7322,4280],{"class":4250},[3886,7324,7325],{"class":3888,"line":3965},[3886,7326,7327],{"class":4195},"                    Це контент, який може бути довгим і прокручуватись. Lorem ipsum dolor sit amet...\n",[3886,7329,7330,7333,7335],{"class":3888,"line":3971},[3886,7331,7332],{"class":4250},"                \u003C\u002F",[3886,7334,3817],{"class":4254},[3886,7336,4280],{"class":4250},[3886,7338,7339,7342,7345],{"class":3888,"line":3976},[3886,7340,7341],{"class":4229},"                {",[3886,7343,7344],{"class":4526},"\u002F* Багато контенту *\u002F",[3886,7346,3957],{"class":4229},[3886,7348,7349,7351,7353],{"class":3888,"line":3982},[3886,7350,5018],{"class":4250},[3886,7352,7140],{"class":4254},[3886,7354,4280],{"class":4250},[3886,7356,7357],{"class":3888,"line":3988},[3886,7358,3923],{"emptyLinePlaceholder":3922},[3886,7360,7361,7363,7366],{"class":3888,"line":3994},[3886,7362,7197],{"class":4229},[3886,7364,7365],{"class":4526},"\u002F* Footer *\u002F",[3886,7367,3957],{"class":4229},[3886,7369,7370,7372,7374,7376,7378,7380,7382,7384,7387,7389],{"class":3888,"line":3999},[3886,7371,4285],{"class":4250},[3886,7373,3813],{"class":4254},[3886,7375,4258],{"class":4257},[3886,7377,4261],{"class":4195},[3886,7379,4264],{"class":4229},[3886,7381,4267],{"class":4199},[3886,7383,4271],{"class":4270},[3886,7385,7386],{"class":4199},"footer",[3886,7388,4277],{"class":4229},[3886,7390,4280],{"class":4250},[3886,7392,7393,7395,7397,7399,7401,7403,7405,7407,7410,7412,7414,7417,7419,7421],{"class":3888,"line":4004},[3886,7394,4948],{"class":4250},[3886,7396,3817],{"class":4254},[3886,7398,4258],{"class":4257},[3886,7400,4261],{"class":4195},[3886,7402,4264],{"class":4229},[3886,7404,4267],{"class":4199},[3886,7406,4271],{"class":4270},[3886,7408,7409],{"class":4199},"footerText",[3886,7411,4277],{"class":4229},[3886,7413,4539],{"class":4250},[3886,7415,7416],{"class":4195},"Футер",[3886,7418,4545],{"class":4250},[3886,7420,3817],{"class":4254},[3886,7422,4280],{"class":4250},[3886,7424,7425,7427,7429],{"class":3888,"line":4010},[3886,7426,5018],{"class":4250},[3886,7428,3813],{"class":4254},[3886,7430,4280],{"class":4250},[3886,7432,7433,7435,7437],{"class":3888,"line":4016},[3886,7434,4310],{"class":4250},[3886,7436,3813],{"class":4254},[3886,7438,4280],{"class":4250},[3886,7440,7441],{"class":3888,"line":4022},[3886,7442,4319],{"class":4195},[3886,7444,7445],{"class":3888,"line":4027},[3886,7446,3957],{"class":4195},[3886,7448,7449],{"class":3888,"line":4032},[3886,7450,3923],{"emptyLinePlaceholder":3922},[3886,7452,7453,7455,7457,7459,7461,7463,7465],{"class":3888,"line":4038},[3886,7454,4332],{"class":4229},[3886,7456,4336],{"class":4335},[3886,7458,4339],{"class":4195},[3886,7460,4204],{"class":4199},[3886,7462,4271],{"class":4195},[3886,7464,4346],{"class":4233},[3886,7466,4349],{"class":4195},[3886,7468,7469,7472],{"class":3888,"line":4044},[3886,7470,7471],{"class":4199},"    screen:",[3886,7473,4357],{"class":4195},[3886,7475,7476,7478,7480,7482],{"class":3888,"line":4050},[3886,7477,4362],{"class":4199},[3886,7479,4366],{"class":4365},[3886,7481,3750],{"class":4195},[3886,7483,7484],{"class":4526},"\u002F\u002F займає весь екран\n",[3886,7486,7487],{"class":3888,"line":4055},[3886,7488,4394],{"class":4195},[3886,7490,7491,7494],{"class":3888,"line":4061},[3886,7492,7493],{"class":4199},"    header:",[3886,7495,4357],{"class":4195},[3886,7497,7498,7500,7503],{"class":3888,"line":4067},[3886,7499,4416],{"class":4199},[3886,7501,7502],{"class":4365}," 60",[3886,7504,4369],{"class":4195},[3886,7506,7507,7509,7511],{"class":3888,"line":4072},[3886,7508,4374],{"class":4199},[3886,7510,4427],{"class":4213},[3886,7512,4369],{"class":4195},[3886,7514,7515,7517,7519],{"class":3888,"line":4078},[3886,7516,6618],{"class":4199},[3886,7518,5680],{"class":4213},[3886,7520,4369],{"class":4195},[3886,7522,7523,7525,7527],{"class":3888,"line":4084},[3886,7524,6667],{"class":4199},[3886,7526,5680],{"class":4213},[3886,7528,4369],{"class":4195},[3886,7530,7531],{"class":3888,"line":4090},[3886,7532,4394],{"class":4195},[3886,7534,7535,7538],{"class":3888,"line":4096},[3886,7536,7537],{"class":4199},"    headerText:",[3886,7539,4357],{"class":4195},[3886,7541,7542,7544,7546],{"class":3888,"line":4102},[3886,7543,5108],{"class":4199},[3886,7545,6976],{"class":4213},[3886,7547,4369],{"class":4195},[3886,7549,7550,7552,7555],{"class":3888,"line":4107},[3886,7551,5088],{"class":4199},[3886,7553,7554],{"class":4365}," 18",[3886,7556,4369],{"class":4195},[3886,7558,7560,7562,7565],{"class":3888,"line":7559},40,[3886,7561,5098],{"class":4199},[3886,7563,7564],{"class":4213}," '600'",[3886,7566,4369],{"class":4195},[3886,7568,7570],{"class":3888,"line":7569},41,[3886,7571,4394],{"class":4195},[3886,7573,7575,7578],{"class":3888,"line":7574},42,[3886,7576,7577],{"class":4199},"    content:",[3886,7579,4357],{"class":4195},[3886,7581,7583,7585,7587,7589],{"class":3888,"line":7582},43,[3886,7584,4362],{"class":4199},[3886,7586,4366],{"class":4365},[3886,7588,3750],{"class":4195},[3886,7590,7591],{"class":4526},"\u002F\u002F займає весь простір між header та footer\n",[3886,7593,7595,7597,7599],{"class":3888,"line":7594},44,[3886,7596,4374],{"class":4199},[3886,7598,6976],{"class":4213},[3886,7600,4369],{"class":4195},[3886,7602,7604],{"class":3888,"line":7603},45,[3886,7605,4394],{"class":4195},[3886,7607,7609,7611],{"class":3888,"line":7608},46,[3886,7610,5400],{"class":4199},[3886,7612,4357],{"class":4195},[3886,7614,7616,7618,7620],{"class":3888,"line":7615},47,[3886,7617,4384],{"class":4199},[3886,7619,4387],{"class":4365},[3886,7621,4369],{"class":4195},[3886,7623,7625,7627,7629],{"class":3888,"line":7624},48,[3886,7626,5088],{"class":4199},[3886,7628,5140],{"class":4365},[3886,7630,4369],{"class":4195},[3886,7632,7634,7636,7638],{"class":3888,"line":7633},49,[3886,7635,5156],{"class":4199},[3886,7637,5091],{"class":4365},[3886,7639,4369],{"class":4195},[3886,7641,7643],{"class":3888,"line":7642},50,[3886,7644,4394],{"class":4195},[3886,7646,7648,7651],{"class":3888,"line":7647},51,[3886,7649,7650],{"class":4199},"    footer:",[3886,7652,4357],{"class":4195},[3886,7654,7656,7658,7661],{"class":3888,"line":7655},52,[3886,7657,4416],{"class":4199},[3886,7659,7660],{"class":4365}," 50",[3886,7662,4369],{"class":4195},[3886,7664,7666,7668,7670],{"class":3888,"line":7665},53,[3886,7667,4374],{"class":4199},[3886,7669,4377],{"class":4213},[3886,7671,4369],{"class":4195},[3886,7673,7675,7677,7679],{"class":3888,"line":7674},54,[3886,7676,6618],{"class":4199},[3886,7678,5680],{"class":4213},[3886,7680,4369],{"class":4195},[3886,7682,7684,7686,7688],{"class":3888,"line":7683},55,[3886,7685,6667],{"class":4199},[3886,7687,5680],{"class":4213},[3886,7689,4369],{"class":4195},[3886,7691,7693,7696,7698],{"class":3888,"line":7692},56,[3886,7694,7695],{"class":4199},"        borderTopWidth:",[3886,7697,4366],{"class":4365},[3886,7699,4369],{"class":4195},[3886,7701,7703,7706,7708],{"class":3888,"line":7702},57,[3886,7704,7705],{"class":4199},"        borderTopColor:",[3886,7707,6292],{"class":4213},[3886,7709,4369],{"class":4195},[3886,7711,7713],{"class":3888,"line":7712},58,[3886,7714,4394],{"class":4195},[3886,7716,7718,7721],{"class":3888,"line":7717},59,[3886,7719,7720],{"class":4199},"    footerText:",[3886,7722,4357],{"class":4195},[3886,7724,7726,7728,7731],{"class":3888,"line":7725},60,[3886,7727,5088],{"class":4199},[3886,7729,7730],{"class":4365}," 14",[3886,7732,4369],{"class":4195},[3886,7734,7736,7738,7741],{"class":3888,"line":7735},61,[3886,7737,5108],{"class":4199},[3886,7739,7740],{"class":4213}," '#666'",[3886,7742,4369],{"class":4195},[3886,7744,7746],{"class":3888,"line":7745},62,[3886,7747,4394],{"class":4195},[3886,7749,7751],{"class":3888,"line":7750},63,[3886,7752,4448],{"class":4195},[3874,7754,7755],{},[3877,7756,7758],{"className":3879,"code":7757,"language":3881,"meta":3882,"style":3882},"@startuml\nskinparam style plain\nskinparam defaultFontName \"JetBrains Mono\"\nskinparam backgroundColor #f8fafc\nskinparam defaultFontSize 13\n\ntitle Типовий мобільний layout: Header-Content-Footer\n\nrectangle \"Екран (View: flex: 1)\" as screen #f8f9fa {\n  rectangle \"Header (View: height: 60)\" as header #4361ee {\n    rectangle \"\u003CText>Заголовок\u003C\u002FText>\" as htxt #ffffff\n  }\n  \n  rectangle \"Content (ScrollView: flex: 1)\" as content #ffffff {\n    rectangle \"\u003CText>Прокручуваний контент...\u003C\u002FText>\" as ctxt #333333\n    rectangle \"... багато контенту ...\" as more #e0e0e0\n  }\n  \n  rectangle \"Footer (View: height: 50)\" as footer #f0f0f0 {\n    rectangle \"\u003CText>Футер\u003C\u002FText>\" as ftxt #666666\n  }\n}\n\nnote right of header\n  Фіксована висота, не прокручується\nend note\n\nnote right of content\n  flex: 1 — займає весь залишковий простір\n  ScrollView дозволяє прокрутку\nend note\n\nnote right of footer\n  Фіксована висота, завжди видима\nend note\n\n@enduml\n",[3747,7759,7760,7764,7768,7772,7776,7780,7784,7789,7793,7798,7803,7808,7813,7818,7823,7828,7833,7837,7841,7846,7851,7855,7859,7863,7868,7873,7877,7881,7886,7891,7896,7900,7904,7909,7914,7918,7922],{"__ignoreMap":3882},[3886,7761,7762],{"class":3888,"line":3889},[3886,7763,3892],{},[3886,7765,7766],{"class":3888,"line":3895},[3886,7767,3898],{},[3886,7769,7770],{"class":3888,"line":3901},[3886,7771,3904],{},[3886,7773,7774],{"class":3888,"line":3907},[3886,7775,3910],{},[3886,7777,7778],{"class":3888,"line":3913},[3886,7779,3916],{},[3886,7781,7782],{"class":3888,"line":3919},[3886,7783,3923],{"emptyLinePlaceholder":3922},[3886,7785,7786],{"class":3888,"line":3926},[3886,7787,7788],{},"title Типовий мобільний layout: Header-Content-Footer\n",[3886,7790,7791],{"class":3888,"line":3931},[3886,7792,3923],{"emptyLinePlaceholder":3922},[3886,7794,7795],{"class":3888,"line":3937},[3886,7796,7797],{},"rectangle \"Екран (View: flex: 1)\" as screen #f8f9fa {\n",[3886,7799,7800],{"class":3888,"line":3942},[3886,7801,7802],{},"  rectangle \"Header (View: height: 60)\" as header #4361ee {\n",[3886,7804,7805],{"class":3888,"line":3948},[3886,7806,7807],{},"    rectangle \"\u003CText>Заголовок\u003C\u002FText>\" as htxt #ffffff\n",[3886,7809,7810],{"class":3888,"line":3954},[3886,7811,7812],{},"  }\n",[3886,7814,7815],{"class":3888,"line":3960},[3886,7816,7817],{},"  \n",[3886,7819,7820],{"class":3888,"line":3965},[3886,7821,7822],{},"  rectangle \"Content (ScrollView: flex: 1)\" as content #ffffff {\n",[3886,7824,7825],{"class":3888,"line":3971},[3886,7826,7827],{},"    rectangle \"\u003CText>Прокручуваний контент...\u003C\u002FText>\" as ctxt #333333\n",[3886,7829,7830],{"class":3888,"line":3976},[3886,7831,7832],{},"    rectangle \"... багато контенту ...\" as more #e0e0e0\n",[3886,7834,7835],{"class":3888,"line":3982},[3886,7836,7812],{},[3886,7838,7839],{"class":3888,"line":3988},[3886,7840,7817],{},[3886,7842,7843],{"class":3888,"line":3994},[3886,7844,7845],{},"  rectangle \"Footer (View: height: 50)\" as footer #f0f0f0 {\n",[3886,7847,7848],{"class":3888,"line":3999},[3886,7849,7850],{},"    rectangle \"\u003CText>Футер\u003C\u002FText>\" as ftxt #666666\n",[3886,7852,7853],{"class":3888,"line":4004},[3886,7854,7812],{},[3886,7856,7857],{"class":3888,"line":4010},[3886,7858,3957],{},[3886,7860,7861],{"class":3888,"line":4016},[3886,7862,3923],{"emptyLinePlaceholder":3922},[3886,7864,7865],{"class":3888,"line":4022},[3886,7866,7867],{},"note right of header\n",[3886,7869,7870],{"class":3888,"line":4027},[3886,7871,7872],{},"  Фіксована висота, не прокручується\n",[3886,7874,7875],{"class":3888,"line":4032},[3886,7876,4099],{},[3886,7878,7879],{"class":3888,"line":4038},[3886,7880,3923],{"emptyLinePlaceholder":3922},[3886,7882,7883],{"class":3888,"line":4044},[3886,7884,7885],{},"note right of content\n",[3886,7887,7888],{"class":3888,"line":4050},[3886,7889,7890],{},"  flex: 1 — займає весь залишковий простір\n",[3886,7892,7893],{"class":3888,"line":4055},[3886,7894,7895],{},"  ScrollView дозволяє прокрутку\n",[3886,7897,7898],{"class":3888,"line":4061},[3886,7899,4099],{},[3886,7901,7902],{"class":3888,"line":4067},[3886,7903,3923],{"emptyLinePlaceholder":3922},[3886,7905,7906],{"class":3888,"line":4072},[3886,7907,7908],{},"note right of footer\n",[3886,7910,7911],{"class":3888,"line":4078},[3886,7912,7913],{},"  Фіксована висота, завжди видима\n",[3886,7915,7916],{"class":3888,"line":4084},[3886,7917,4099],{},[3886,7919,7920],{"class":3888,"line":4090},[3886,7921,3923],{"emptyLinePlaceholder":3922},[3886,7923,7924],{"class":3888,"line":4096},[3886,7925,4110],{},[3820,7927],{},[3738,7929,7931],{"id":7930},"живий-приклад-картка-профілю","Живий приклад: Картка профілю",[3743,7933,7934],{},"Об'єднаємо все вивчене у практичному прикладі — картка користувача з аватаром, ім'ям, описом та кнопкою:",[7936,7937,7938],"react-native-preview",{},[3877,7939,7941],{"className":4180,"code":7940,"language":4183,"meta":3882,"style":3882},"import { View, Text, Image, Pressable, StyleSheet } from 'react-native'\nimport { useState } from 'react'\n\nexport default function ProfileCard() {\n    const [following, setFollowing] = useState(false)\n\n    return (\n        \u003CView style={styles.container}>\n            \u003CView style={styles.card}>\n                {\u002F* Аватар *\u002F}\n                \u003CImage\n                    source={{ uri: 'https:\u002F\u002Fi.pravatar.cc\u002F150?img=12' }}\n                    style={styles.avatar}\n                \u002F>\n\n                {\u002F* Текстовий блок *\u002F}\n                \u003CView style={styles.textBlock}>\n                    \u003CText style={styles.name}>Олександра Коваленко\u003C\u002FText>\n                    \u003CText style={styles.role}>Senior React Native Developer\u003C\u002FText>\n                    \u003CText style={styles.bio}>\n                        Захоплююсь мобільною розробкою та Open Source. Люблю TypeScript, анімації та\n                        чистий код.\n                    \u003C\u002FText>\n                \u003C\u002FView>\n\n                {\u002F* Кнопка *\u002F}\n                \u003CPressable\n                    style={[styles.button, following && styles.buttonFollowing]}\n                    onPress={() => setFollowing(!following)}\n                >\n                    \u003CText style={[styles.buttonText, following && styles.buttonTextFollowing]}>\n                        {following ? '✓ Ви стежите' : '+ Стежити'}\n                    \u003C\u002FText>\n                \u003C\u002FPressable>\n            \u003C\u002FView>\n        \u003C\u002FView>\n    )\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: '#f0f2f5',\n        padding: 20,\n    },\n    card: {\n        width: '100%',\n        maxWidth: 400,\n        backgroundColor: '#ffffff',\n        borderRadius: 16,\n        padding: 24,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.1,\n        shadowRadius: 12,\n        elevation: 5,\n    },\n    avatar: {\n        width: 80,\n        height: 80,\n        borderRadius: 40,\n        marginBottom: 16,\n        alignSelf: 'center',\n    },\n    textBlock: {\n        marginBottom: 20,\n    },\n    name: {\n        fontSize: 22,\n        fontWeight: '700',\n        color: '#1a1a2e',\n        textAlign: 'center',\n        marginBottom: 4,\n    },\n    role: {\n        fontSize: 14,\n        color: '#6c757d',\n        textAlign: 'center',\n        marginBottom: 12,\n    },\n    bio: {\n        fontSize: 14,\n        color: '#4a4a4a',\n        lineHeight: 20,\n        textAlign: 'center',\n    },\n    button: {\n        backgroundColor: '#4361ee',\n        paddingVertical: 14,\n        paddingHorizontal: 24,\n        borderRadius: 10,\n        alignItems: 'center',\n    },\n    buttonFollowing: {\n        backgroundColor: '#e8f0fe',\n        borderWidth: 1,\n        borderColor: '#4361ee',\n    },\n    buttonText: {\n        color: '#ffffff',\n        fontSize: 16,\n        fontWeight: '600',\n    },\n    buttonTextFollowing: {\n        color: '#4361ee',\n    },\n})\n",[3747,7942,7943,7974,7990,7994,8007,8037,8041,8047,8069,8091,8100,8107,8128,8146,8151,8155,8164,8187,8220,8252,8275,8280,8285,8294,8302,8306,8315,8322,8358,8387,8392,8432,8453,8461,8469,8477,8485,8489,8493,8497,8513,8519,8527,8535,8543,8552,8560,8564,8570,8579,8589,8597,8605,8613,8621,8639,8647,8655,8664,8668,8675,8683,8691,8700,8709,8719,8724,8732,8741,8746,8754,8764,8773,8782,8791,8800,8805,8813,8822,8832,8841,8850,8855,8863,8872,8881,8890,8899,8904,8912,8921,8931,8941,8951,8960,8965,8973,8983,8993,9003,9008,9016,9025,9034,9043,9048,9056,9065,9070],{"__ignoreMap":3882},[3886,7944,7945,7947,7949,7951,7953,7955,7957,7960,7962,7964,7966,7968,7970,7972],{"class":3888,"line":3889},[3886,7946,4192],{"class":4191},[3886,7948,4196],{"class":4195},[3886,7950,3813],{"class":4199},[3886,7952,3750],{"class":4195},[3886,7954,3817],{"class":4199},[3886,7956,3750],{"class":4195},[3886,7958,7959],{"class":4199},"Image",[3886,7961,3750],{"class":4195},[3886,7963,4157],{"class":4199},[3886,7965,3750],{"class":4195},[3886,7967,4204],{"class":4199},[3886,7969,4207],{"class":4195},[3886,7971,4210],{"class":4191},[3886,7973,4214],{"class":4213},[3886,7975,7976,7978,7980,7983,7985,7987],{"class":3888,"line":3895},[3886,7977,4192],{"class":4191},[3886,7979,4196],{"class":4195},[3886,7981,7982],{"class":4199},"useState",[3886,7984,4207],{"class":4195},[3886,7986,4210],{"class":4191},[3886,7988,7989],{"class":4213}," 'react'\n",[3886,7991,7992],{"class":3888,"line":3901},[3886,7993,3923],{"emptyLinePlaceholder":3922},[3886,7995,7996,7998,8000,8002,8005],{"class":3888,"line":3907},[3886,7997,4223],{"class":4191},[3886,7999,4226],{"class":4191},[3886,8001,4230],{"class":4229},[3886,8003,8004],{"class":4233}," ProfileCard",[3886,8006,4237],{"class":4195},[3886,8008,8009,8012,8015,8018,8020,8023,8026,8028,8031,8034],{"class":3888,"line":3913},[3886,8010,8011],{"class":4229},"    const",[3886,8013,8014],{"class":4195}," [",[3886,8016,8017],{"class":4335},"following",[3886,8019,3750],{"class":4195},[3886,8021,8022],{"class":4335},"setFollowing",[3886,8024,8025],{"class":4195},"] = ",[3886,8027,7982],{"class":4233},[3886,8029,8030],{"class":4195},"(",[3886,8032,8033],{"class":4229},"false",[3886,8035,8036],{"class":4195},")\n",[3886,8038,8039],{"class":3888,"line":3919},[3886,8040,3923],{"emptyLinePlaceholder":3922},[3886,8042,8043,8045],{"class":3888,"line":3926},[3886,8044,4242],{"class":4191},[3886,8046,4245],{"class":4195},[3886,8048,8049,8051,8053,8055,8057,8059,8061,8063,8065,8067],{"class":3888,"line":3931},[3886,8050,4251],{"class":4250},[3886,8052,3813],{"class":4254},[3886,8054,4258],{"class":4257},[3886,8056,4261],{"class":4195},[3886,8058,4264],{"class":4229},[3886,8060,4267],{"class":4199},[3886,8062,4271],{"class":4270},[3886,8064,4274],{"class":4199},[3886,8066,4277],{"class":4229},[3886,8068,4280],{"class":4250},[3886,8070,8071,8073,8075,8077,8079,8081,8083,8085,8087,8089],{"class":3888,"line":3937},[3886,8072,4285],{"class":4250},[3886,8074,3813],{"class":4254},[3886,8076,4258],{"class":4257},[3886,8078,4261],{"class":4195},[3886,8080,4264],{"class":4229},[3886,8082,4267],{"class":4199},[3886,8084,4271],{"class":4270},[3886,8086,6813],{"class":4199},[3886,8088,4277],{"class":4229},[3886,8090,4280],{"class":4250},[3886,8092,8093,8095,8098],{"class":3888,"line":3942},[3886,8094,7341],{"class":4229},[3886,8096,8097],{"class":4526},"\u002F* Аватар *\u002F",[3886,8099,3957],{"class":4229},[3886,8101,8102,8104],{"class":3888,"line":3948},[3886,8103,4948],{"class":4250},[3886,8105,8106],{"class":4254},"Image\n",[3886,8108,8109,8112,8114,8116,8118,8121,8124,8126],{"class":3888,"line":3954},[3886,8110,8111],{"class":4257},"                    source",[3886,8113,4261],{"class":4195},[3886,8115,4264],{"class":4229},[3886,8117,5603],{"class":4270},[3886,8119,8120],{"class":4199},"uri:",[3886,8122,8123],{"class":4213}," 'https:\u002F\u002Fi.pravatar.cc\u002F150?img=12'",[3886,8125,5626],{"class":4270},[3886,8127,3957],{"class":4229},[3886,8129,8130,8133,8135,8137,8139,8141,8144],{"class":3888,"line":3960},[3886,8131,8132],{"class":4257},"                    style",[3886,8134,4261],{"class":4195},[3886,8136,4264],{"class":4229},[3886,8138,4267],{"class":4199},[3886,8140,4271],{"class":4270},[3886,8142,8143],{"class":4199},"avatar",[3886,8145,3957],{"class":4229},[3886,8147,8148],{"class":3888,"line":3965},[3886,8149,8150],{"class":4250},"                \u002F>\n",[3886,8152,8153],{"class":3888,"line":3971},[3886,8154,3923],{"emptyLinePlaceholder":3922},[3886,8156,8157,8159,8162],{"class":3888,"line":3976},[3886,8158,7341],{"class":4229},[3886,8160,8161],{"class":4526},"\u002F* Текстовий блок *\u002F",[3886,8163,3957],{"class":4229},[3886,8165,8166,8168,8170,8172,8174,8176,8178,8180,8183,8185],{"class":3888,"line":3982},[3886,8167,4948],{"class":4250},[3886,8169,3813],{"class":4254},[3886,8171,4258],{"class":4257},[3886,8173,4261],{"class":4195},[3886,8175,4264],{"class":4229},[3886,8177,4267],{"class":4199},[3886,8179,4271],{"class":4270},[3886,8181,8182],{"class":4199},"textBlock",[3886,8184,4277],{"class":4229},[3886,8186,4280],{"class":4250},[3886,8188,8189,8192,8194,8196,8198,8200,8202,8204,8207,8209,8211,8214,8216,8218],{"class":3888,"line":3988},[3886,8190,8191],{"class":4250},"                    \u003C",[3886,8193,3817],{"class":4254},[3886,8195,4258],{"class":4257},[3886,8197,4261],{"class":4195},[3886,8199,4264],{"class":4229},[3886,8201,4267],{"class":4199},[3886,8203,4271],{"class":4270},[3886,8205,8206],{"class":4199},"name",[3886,8208,4277],{"class":4229},[3886,8210,4539],{"class":4250},[3886,8212,8213],{"class":4195},"Олександра Коваленко",[3886,8215,4545],{"class":4250},[3886,8217,3817],{"class":4254},[3886,8219,4280],{"class":4250},[3886,8221,8222,8224,8226,8228,8230,8232,8234,8236,8239,8241,8243,8246,8248,8250],{"class":3888,"line":3994},[3886,8223,8191],{"class":4250},[3886,8225,3817],{"class":4254},[3886,8227,4258],{"class":4257},[3886,8229,4261],{"class":4195},[3886,8231,4264],{"class":4229},[3886,8233,4267],{"class":4199},[3886,8235,4271],{"class":4270},[3886,8237,8238],{"class":4199},"role",[3886,8240,4277],{"class":4229},[3886,8242,4539],{"class":4250},[3886,8244,8245],{"class":4195},"Senior React Native Developer",[3886,8247,4545],{"class":4250},[3886,8249,3817],{"class":4254},[3886,8251,4280],{"class":4250},[3886,8253,8254,8256,8258,8260,8262,8264,8266,8268,8271,8273],{"class":3888,"line":3999},[3886,8255,8191],{"class":4250},[3886,8257,3817],{"class":4254},[3886,8259,4258],{"class":4257},[3886,8261,4261],{"class":4195},[3886,8263,4264],{"class":4229},[3886,8265,4267],{"class":4199},[3886,8267,4271],{"class":4270},[3886,8269,8270],{"class":4199},"bio",[3886,8272,4277],{"class":4229},[3886,8274,4280],{"class":4250},[3886,8276,8277],{"class":3888,"line":4004},[3886,8278,8279],{"class":4195},"                        Захоплююсь мобільною розробкою та Open Source. Люблю TypeScript, анімації та\n",[3886,8281,8282],{"class":3888,"line":4010},[3886,8283,8284],{"class":4195},"                        чистий код.\n",[3886,8286,8287,8290,8292],{"class":3888,"line":4016},[3886,8288,8289],{"class":4250},"                    \u003C\u002F",[3886,8291,3817],{"class":4254},[3886,8293,4280],{"class":4250},[3886,8295,8296,8298,8300],{"class":3888,"line":4022},[3886,8297,7332],{"class":4250},[3886,8299,3813],{"class":4254},[3886,8301,4280],{"class":4250},[3886,8303,8304],{"class":3888,"line":4027},[3886,8305,3923],{"emptyLinePlaceholder":3922},[3886,8307,8308,8310,8313],{"class":3888,"line":4032},[3886,8309,7341],{"class":4229},[3886,8311,8312],{"class":4526},"\u002F* Кнопка *\u002F",[3886,8314,3957],{"class":4229},[3886,8316,8317,8319],{"class":3888,"line":4038},[3886,8318,4948],{"class":4250},[3886,8320,8321],{"class":4254},"Pressable\n",[3886,8323,8324,8326,8328,8330,8333,8335,8337,8339,8341,8343,8346,8348,8350,8353,8356],{"class":3888,"line":4044},[3886,8325,8132],{"class":4257},[3886,8327,4261],{"class":4195},[3886,8329,4264],{"class":4229},[3886,8331,8332],{"class":4270},"[",[3886,8334,4267],{"class":4199},[3886,8336,4271],{"class":4270},[3886,8338,4590],{"class":4199},[3886,8340,3750],{"class":4270},[3886,8342,8017],{"class":4199},[3886,8344,8345],{"class":4195}," &&",[3886,8347,4336],{"class":4199},[3886,8349,4271],{"class":4270},[3886,8351,8352],{"class":4199},"buttonFollowing",[3886,8354,8355],{"class":4270},"]",[3886,8357,3957],{"class":4229},[3886,8359,8360,8363,8365,8367,8370,8373,8376,8378,8381,8383,8385],{"class":3888,"line":4050},[3886,8361,8362],{"class":4257},"                    onPress",[3886,8364,4261],{"class":4195},[3886,8366,4264],{"class":4229},[3886,8368,8369],{"class":4270},"() ",[3886,8371,8372],{"class":4229},"=>",[3886,8374,8375],{"class":4233}," setFollowing",[3886,8377,8030],{"class":4270},[3886,8379,8380],{"class":4195},"!",[3886,8382,8017],{"class":4199},[3886,8384,4158],{"class":4270},[3886,8386,3957],{"class":4229},[3886,8388,8389],{"class":3888,"line":4055},[3886,8390,8391],{"class":4250},"                >\n",[3886,8393,8394,8396,8398,8400,8402,8404,8406,8408,8410,8413,8415,8417,8419,8421,8423,8426,8428,8430],{"class":3888,"line":4061},[3886,8395,8191],{"class":4250},[3886,8397,3817],{"class":4254},[3886,8399,4258],{"class":4257},[3886,8401,4261],{"class":4195},[3886,8403,4264],{"class":4229},[3886,8405,8332],{"class":4270},[3886,8407,4267],{"class":4199},[3886,8409,4271],{"class":4270},[3886,8411,8412],{"class":4199},"buttonText",[3886,8414,3750],{"class":4270},[3886,8416,8017],{"class":4199},[3886,8418,8345],{"class":4195},[3886,8420,4336],{"class":4199},[3886,8422,4271],{"class":4270},[3886,8424,8425],{"class":4199},"buttonTextFollowing",[3886,8427,8355],{"class":4270},[3886,8429,4277],{"class":4229},[3886,8431,4280],{"class":4250},[3886,8433,8434,8437,8439,8442,8445,8448,8451],{"class":3888,"line":4067},[3886,8435,8436],{"class":4229},"                        {",[3886,8438,8017],{"class":4199},[3886,8440,8441],{"class":4195}," ?",[3886,8443,8444],{"class":4213}," '✓ Ви стежите'",[3886,8446,8447],{"class":4195}," :",[3886,8449,8450],{"class":4213}," '+ Стежити'",[3886,8452,3957],{"class":4229},[3886,8454,8455,8457,8459],{"class":3888,"line":4072},[3886,8456,8289],{"class":4250},[3886,8458,3817],{"class":4254},[3886,8460,4280],{"class":4250},[3886,8462,8463,8465,8467],{"class":3888,"line":4078},[3886,8464,7332],{"class":4250},[3886,8466,4157],{"class":4254},[3886,8468,4280],{"class":4250},[3886,8470,8471,8473,8475],{"class":3888,"line":4084},[3886,8472,5018],{"class":4250},[3886,8474,3813],{"class":4254},[3886,8476,4280],{"class":4250},[3886,8478,8479,8481,8483],{"class":3888,"line":4090},[3886,8480,4310],{"class":4250},[3886,8482,3813],{"class":4254},[3886,8484,4280],{"class":4250},[3886,8486,8487],{"class":3888,"line":4096},[3886,8488,4319],{"class":4195},[3886,8490,8491],{"class":3888,"line":4102},[3886,8492,3957],{"class":4195},[3886,8494,8495],{"class":3888,"line":4107},[3886,8496,3923],{"emptyLinePlaceholder":3922},[3886,8498,8499,8501,8503,8505,8507,8509,8511],{"class":3888,"line":7559},[3886,8500,4332],{"class":4229},[3886,8502,4336],{"class":4335},[3886,8504,4339],{"class":4195},[3886,8506,4204],{"class":4199},[3886,8508,4271],{"class":4195},[3886,8510,4346],{"class":4233},[3886,8512,4349],{"class":4195},[3886,8514,8515,8517],{"class":3888,"line":7569},[3886,8516,4354],{"class":4199},[3886,8518,4357],{"class":4195},[3886,8520,8521,8523,8525],{"class":3888,"line":7574},[3886,8522,4362],{"class":4199},[3886,8524,4366],{"class":4365},[3886,8526,4369],{"class":4195},[3886,8528,8529,8531,8533],{"class":3888,"line":7582},[3886,8530,6618],{"class":4199},[3886,8532,5680],{"class":4213},[3886,8534,4369],{"class":4195},[3886,8536,8537,8539,8541],{"class":3888,"line":7594},[3886,8538,6667],{"class":4199},[3886,8540,5680],{"class":4213},[3886,8542,4369],{"class":4195},[3886,8544,8545,8547,8550],{"class":3888,"line":7603},[3886,8546,4374],{"class":4199},[3886,8548,8549],{"class":4213}," '#f0f2f5'",[3886,8551,4369],{"class":4195},[3886,8553,8554,8556,8558],{"class":3888,"line":7608},[3886,8555,4384],{"class":4199},[3886,8557,4387],{"class":4365},[3886,8559,4369],{"class":4195},[3886,8561,8562],{"class":3888,"line":7615},[3886,8563,4394],{"class":4195},[3886,8565,8566,8568],{"class":3888,"line":7624},[3886,8567,6950],{"class":4199},[3886,8569,4357],{"class":4195},[3886,8571,8572,8574,8577],{"class":3888,"line":7633},[3886,8573,4406],{"class":4199},[3886,8575,8576],{"class":4213}," '100%'",[3886,8578,4369],{"class":4195},[3886,8580,8581,8584,8587],{"class":3888,"line":7642},[3886,8582,8583],{"class":4199},"        maxWidth:",[3886,8585,8586],{"class":4365}," 400",[3886,8588,4369],{"class":4195},[3886,8590,8591,8593,8595],{"class":3888,"line":7647},[3886,8592,4374],{"class":4199},[3886,8594,6976],{"class":4213},[3886,8596,4369],{"class":4195},[3886,8598,8599,8601,8603],{"class":3888,"line":7655},[3886,8600,4434],{"class":4199},[3886,8602,5140],{"class":4365},[3886,8604,4369],{"class":4195},[3886,8606,8607,8609,8611],{"class":3888,"line":7665},[3886,8608,4384],{"class":4199},[3886,8610,5091],{"class":4365},[3886,8612,4369],{"class":4195},[3886,8614,8615,8617,8619],{"class":3888,"line":7674},[3886,8616,6991],{"class":4199},[3886,8618,6994],{"class":4213},[3886,8620,4369],{"class":4195},[3886,8622,8623,8625,8627,8629,8631,8633,8635,8637],{"class":3888,"line":7683},[3886,8624,7001],{"class":4199},[3886,8626,4196],{"class":4195},[3886,8628,5606],{"class":4199},[3886,8630,7008],{"class":4365},[3886,8632,3750],{"class":4195},[3886,8634,5613],{"class":4199},[3886,8636,7036],{"class":4365},[3886,8638,7018],{"class":4195},[3886,8640,8641,8643,8645],{"class":3888,"line":7692},[3886,8642,7023],{"class":4199},[3886,8644,7026],{"class":4365},[3886,8646,4369],{"class":4195},[3886,8648,8649,8651,8653],{"class":3888,"line":7702},[3886,8650,7033],{"class":4199},[3886,8652,4437],{"class":4365},[3886,8654,4369],{"class":4195},[3886,8656,8657,8659,8662],{"class":3888,"line":7712},[3886,8658,7043],{"class":4199},[3886,8660,8661],{"class":4365}," 5",[3886,8663,4369],{"class":4195},[3886,8665,8666],{"class":3888,"line":7717},[3886,8667,4394],{"class":4195},[3886,8669,8670,8673],{"class":3888,"line":7725},[3886,8671,8672],{"class":4199},"    avatar:",[3886,8674,4357],{"class":4195},[3886,8676,8677,8679,8681],{"class":3888,"line":7735},[3886,8678,4406],{"class":4199},[3886,8680,6644],{"class":4365},[3886,8682,4369],{"class":4195},[3886,8684,8685,8687,8689],{"class":3888,"line":7745},[3886,8686,4416],{"class":4199},[3886,8688,6644],{"class":4365},[3886,8690,4369],{"class":4195},[3886,8692,8693,8695,8698],{"class":3888,"line":7750},[3886,8694,4434],{"class":4199},[3886,8696,8697],{"class":4365}," 40",[3886,8699,4369],{"class":4195},[3886,8701,8703,8705,8707],{"class":3888,"line":8702},64,[3886,8704,5118],{"class":4199},[3886,8706,5140],{"class":4365},[3886,8708,4369],{"class":4195},[3886,8710,8712,8715,8717],{"class":3888,"line":8711},65,[3886,8713,8714],{"class":4199},"        alignSelf:",[3886,8716,5680],{"class":4213},[3886,8718,4369],{"class":4195},[3886,8720,8722],{"class":3888,"line":8721},66,[3886,8723,4394],{"class":4195},[3886,8725,8727,8730],{"class":3888,"line":8726},67,[3886,8728,8729],{"class":4199},"    textBlock:",[3886,8731,4357],{"class":4195},[3886,8733,8735,8737,8739],{"class":3888,"line":8734},68,[3886,8736,5118],{"class":4199},[3886,8738,4387],{"class":4365},[3886,8740,4369],{"class":4195},[3886,8742,8744],{"class":3888,"line":8743},69,[3886,8745,4394],{"class":4195},[3886,8747,8749,8752],{"class":3888,"line":8748},70,[3886,8750,8751],{"class":4199},"    name:",[3886,8753,4357],{"class":4195},[3886,8755,8757,8759,8762],{"class":3888,"line":8756},71,[3886,8758,5088],{"class":4199},[3886,8760,8761],{"class":4365}," 22",[3886,8763,4369],{"class":4195},[3886,8765,8767,8769,8771],{"class":3888,"line":8766},72,[3886,8768,5098],{"class":4199},[3886,8770,5101],{"class":4213},[3886,8772,4369],{"class":4195},[3886,8774,8776,8778,8780],{"class":3888,"line":8775},73,[3886,8777,5108],{"class":4199},[3886,8779,5111],{"class":4213},[3886,8781,4369],{"class":4195},[3886,8783,8785,8787,8789],{"class":3888,"line":8784},74,[3886,8786,7072],{"class":4199},[3886,8788,5680],{"class":4213},[3886,8790,4369],{"class":4195},[3886,8792,8794,8796,8798],{"class":3888,"line":8793},75,[3886,8795,5118],{"class":4199},[3886,8797,7036],{"class":4365},[3886,8799,4369],{"class":4195},[3886,8801,8803],{"class":3888,"line":8802},76,[3886,8804,4394],{"class":4195},[3886,8806,8808,8811],{"class":3888,"line":8807},77,[3886,8809,8810],{"class":4199},"    role:",[3886,8812,4357],{"class":4195},[3886,8814,8816,8818,8820],{"class":3888,"line":8815},78,[3886,8817,5088],{"class":4199},[3886,8819,7730],{"class":4365},[3886,8821,4369],{"class":4195},[3886,8823,8825,8827,8830],{"class":3888,"line":8824},79,[3886,8826,5108],{"class":4199},[3886,8828,8829],{"class":4213}," '#6c757d'",[3886,8831,4369],{"class":4195},[3886,8833,8835,8837,8839],{"class":3888,"line":8834},80,[3886,8836,7072],{"class":4199},[3886,8838,5680],{"class":4213},[3886,8840,4369],{"class":4195},[3886,8842,8844,8846,8848],{"class":3888,"line":8843},81,[3886,8845,5118],{"class":4199},[3886,8847,4437],{"class":4365},[3886,8849,4369],{"class":4195},[3886,8851,8853],{"class":3888,"line":8852},82,[3886,8854,4394],{"class":4195},[3886,8856,8858,8861],{"class":3888,"line":8857},83,[3886,8859,8860],{"class":4199},"    bio:",[3886,8862,4357],{"class":4195},[3886,8864,8866,8868,8870],{"class":3888,"line":8865},84,[3886,8867,5088],{"class":4199},[3886,8869,7730],{"class":4365},[3886,8871,4369],{"class":4195},[3886,8873,8875,8877,8879],{"class":3888,"line":8874},85,[3886,8876,5108],{"class":4199},[3886,8878,5149],{"class":4213},[3886,8880,4369],{"class":4195},[3886,8882,8884,8886,8888],{"class":3888,"line":8883},86,[3886,8885,5156],{"class":4199},[3886,8887,4387],{"class":4365},[3886,8889,4369],{"class":4195},[3886,8891,8893,8895,8897],{"class":3888,"line":8892},87,[3886,8894,7072],{"class":4199},[3886,8896,5680],{"class":4213},[3886,8898,4369],{"class":4195},[3886,8900,8902],{"class":3888,"line":8901},88,[3886,8903,4394],{"class":4195},[3886,8905,8907,8910],{"class":3888,"line":8906},89,[3886,8908,8909],{"class":4199},"    button:",[3886,8911,4357],{"class":4195},[3886,8913,8915,8917,8919],{"class":3888,"line":8914},90,[3886,8916,4374],{"class":4199},[3886,8918,4427],{"class":4213},[3886,8920,4369],{"class":4195},[3886,8922,8924,8927,8929],{"class":3888,"line":8923},91,[3886,8925,8926],{"class":4199},"        paddingVertical:",[3886,8928,7730],{"class":4365},[3886,8930,4369],{"class":4195},[3886,8932,8934,8937,8939],{"class":3888,"line":8933},92,[3886,8935,8936],{"class":4199},"        paddingHorizontal:",[3886,8938,5091],{"class":4365},[3886,8940,4369],{"class":4195},[3886,8942,8944,8946,8949],{"class":3888,"line":8943},93,[3886,8945,4434],{"class":4199},[3886,8947,8948],{"class":4365}," 10",[3886,8950,4369],{"class":4195},[3886,8952,8954,8956,8958],{"class":3888,"line":8953},94,[3886,8955,6667],{"class":4199},[3886,8957,5680],{"class":4213},[3886,8959,4369],{"class":4195},[3886,8961,8963],{"class":3888,"line":8962},95,[3886,8964,4394],{"class":4195},[3886,8966,8968,8971],{"class":3888,"line":8967},96,[3886,8969,8970],{"class":4199},"    buttonFollowing:",[3886,8972,4357],{"class":4195},[3886,8974,8976,8978,8981],{"class":3888,"line":8975},97,[3886,8977,4374],{"class":4199},[3886,8979,8980],{"class":4213}," '#e8f0fe'",[3886,8982,4369],{"class":4195},[3886,8984,8986,8989,8991],{"class":3888,"line":8985},98,[3886,8987,8988],{"class":4199},"        borderWidth:",[3886,8990,4366],{"class":4365},[3886,8992,4369],{"class":4195},[3886,8994,8996,8999,9001],{"class":3888,"line":8995},99,[3886,8997,8998],{"class":4199},"        borderColor:",[3886,9000,4427],{"class":4213},[3886,9002,4369],{"class":4195},[3886,9004,9006],{"class":3888,"line":9005},100,[3886,9007,4394],{"class":4195},[3886,9009,9011,9014],{"class":3888,"line":9010},101,[3886,9012,9013],{"class":4199},"    buttonText:",[3886,9015,4357],{"class":4195},[3886,9017,9019,9021,9023],{"class":3888,"line":9018},102,[3886,9020,5108],{"class":4199},[3886,9022,6976],{"class":4213},[3886,9024,4369],{"class":4195},[3886,9026,9028,9030,9032],{"class":3888,"line":9027},103,[3886,9029,5088],{"class":4199},[3886,9031,5140],{"class":4365},[3886,9033,4369],{"class":4195},[3886,9035,9037,9039,9041],{"class":3888,"line":9036},104,[3886,9038,5098],{"class":4199},[3886,9040,7564],{"class":4213},[3886,9042,4369],{"class":4195},[3886,9044,9046],{"class":3888,"line":9045},105,[3886,9047,4394],{"class":4195},[3886,9049,9051,9054],{"class":3888,"line":9050},106,[3886,9052,9053],{"class":4199},"    buttonTextFollowing:",[3886,9055,4357],{"class":4195},[3886,9057,9059,9061,9063],{"class":3888,"line":9058},107,[3886,9060,5108],{"class":4199},[3886,9062,4427],{"class":4213},[3886,9064,4369],{"class":4195},[3886,9066,9068],{"class":3888,"line":9067},108,[3886,9069,4394],{"class":4195},[3886,9071,9073],{"class":3888,"line":9072},109,[3886,9074,4448],{"class":4195},[3743,9076,4451],{},[9078,9079,9080,9091,9111,9122],"card-group",{},[6813,9081,9084,9085,9087,9088,9090],{"icon":9082,"title":9083},"i-lucide-layout","Структура View","Три вкладені рівні: ",[3747,9086,4274],{}," (фон екрану) → ",[3747,9089,6813],{}," (картка) → внутрішні блоки (аватар, текст, кнопка). Кожен View має чітке призначення.",[6813,9092,9095,3750,9097,3750,9099,9101,9102,9104,9105,9107,9108,9110],{"icon":9093,"title":9094},"i-lucide-type","Text стилі",[3747,9096,8206],{},[3747,9098,8238],{},[3747,9100,8270],{}," — різні стилі для різних рівнів тексту. Немає ",[3747,9103,3759],{}," чи ",[3747,9106,3756],{}," — лише ",[3747,9109,3799],{}," з явними стилями.",[6813,9112,9115,9118,9119,4271],{"icon":9113,"title":9114},"i-lucide-git-branch","Умовні стилі",[3747,9116,9117],{},"[styles.button, following && styles.buttonFollowing]"," — масив стилів, де другий стиль застосовується лише при ",[3747,9120,9121],{},"following === true",[6813,9123,9126,9127,9129],{"icon":9124,"title":9125},"i-lucide-hand","Pressable взаємодія","Кнопка змінює свій вигляд та текст при натисканні через стан ",[3747,9128,8017],{},". Це типовий мобільний патерн.",[3820,9131],{},[3738,9133,9135],{"id":9134},"поширені-помилки-та-їх-вирішення","Поширені помилки та їх вирішення",[9137,9138,9139,9227,9387,9440,9586],"accordion",{},[9140,9141,9143,9154],"accordion-item",{"label":9142},"Помилка: «Text strings must be rendered within a \u003CText> component»",[3743,9144,9145,9148,9149,9151,9152,4271],{},[3777,9146,9147],{},"Причина:"," спроба помістити текст безпосередньо у ",[3747,9150,3791],{}," без ",[3747,9153,3799],{},[3877,9155,9157],{"className":4180,"code":9156,"language":4183,"meta":3882,"style":3882},"\u002F\u002F ❌ Неправильно\n\u003CView>\n  Привіт, світ!\n\u003C\u002FView>\n\n\u002F\u002F ✅ Правильно\n\u003CView>\n  \u003CText>Привіт, світ!\u003C\u002FText>\n\u003C\u002FView>\n",[3747,9158,9159,9164,9172,9177,9185,9189,9194,9202,9219],{"__ignoreMap":3882},[3886,9160,9161],{"class":3888,"line":3889},[3886,9162,9163],{"class":4526},"\u002F\u002F ❌ Неправильно\n",[3886,9165,9166,9168,9170],{"class":3888,"line":3895},[3886,9167,4532],{"class":4250},[3886,9169,3813],{"class":4254},[3886,9171,4280],{"class":4250},[3886,9173,9174],{"class":3888,"line":3901},[3886,9175,9176],{"class":4195},"  Привіт, світ!\n",[3886,9178,9179,9181,9183],{"class":3888,"line":3907},[3886,9180,4545],{"class":4250},[3886,9182,3813],{"class":4254},[3886,9184,4280],{"class":4250},[3886,9186,9187],{"class":3888,"line":3913},[3886,9188,3923],{"emptyLinePlaceholder":3922},[3886,9190,9191],{"class":3888,"line":3919},[3886,9192,9193],{"class":4526},"\u002F\u002F ✅ Правильно\n",[3886,9195,9196,9198,9200],{"class":3888,"line":3926},[3886,9197,4532],{"class":4250},[3886,9199,3813],{"class":4254},[3886,9201,4280],{"class":4250},[3886,9203,9204,9206,9208,9210,9213,9215,9217],{"class":3888,"line":3931},[3886,9205,4671],{"class":4250},[3886,9207,3817],{"class":4254},[3886,9209,4539],{"class":4250},[3886,9211,9212],{"class":4195},"Привіт, світ!",[3886,9214,4545],{"class":4250},[3886,9216,3817],{"class":4254},[3886,9218,4280],{"class":4250},[3886,9220,9221,9223,9225],{"class":3888,"line":3937},[3886,9222,4545],{"class":4250},[3886,9224,3813],{"class":4254},[3886,9226,4280],{"class":4250},[9140,9228,9230,9240],{"label":9229},"Помилка: «Views cannot have a Text node as a child»",[3743,9231,9232,9234,9235,9237,9238,4271],{},[3777,9233,9147],{}," спроба вкласти ",[3747,9236,3791],{}," всередину ",[3747,9239,3799],{},[3877,9241,9243],{"className":4180,"code":9242,"language":4183,"meta":3882,"style":3882},"\u002F\u002F ❌ Неправильно\n\u003CText>\n  Текст і\n  \u003CView style={{ width: 20, height: 20 }} \u002F>\n\u003C\u002FText>\n\n\u002F\u002F ✅ Правильно\n\u003CView style={{ flexDirection: 'row' }}>\n  \u003CText>Текст і \u003C\u002FText>\n  \u003CView style={{ width: 20, height: 20 }} \u002F>\n\u003C\u002FView>\n",[3747,9244,9245,9249,9257,9262,9292,9300,9304,9308,9332,9349,9379],{"__ignoreMap":3882},[3886,9246,9247],{"class":3888,"line":3889},[3886,9248,9163],{"class":4526},[3886,9250,9251,9253,9255],{"class":3888,"line":3895},[3886,9252,4532],{"class":4250},[3886,9254,3817],{"class":4254},[3886,9256,4280],{"class":4250},[3886,9258,9259],{"class":3888,"line":3901},[3886,9260,9261],{"class":4195},"  Текст і\n",[3886,9263,9264,9266,9268,9270,9272,9274,9276,9278,9280,9282,9284,9286,9288,9290],{"class":3888,"line":3907},[3886,9265,4671],{"class":4250},[3886,9267,3813],{"class":4254},[3886,9269,4258],{"class":4257},[3886,9271,4261],{"class":4195},[3886,9273,4264],{"class":4229},[3886,9275,5603],{"class":4270},[3886,9277,5606],{"class":4199},[3886,9279,4387],{"class":4365},[3886,9281,3750],{"class":4270},[3886,9283,5613],{"class":4199},[3886,9285,4387],{"class":4365},[3886,9287,5626],{"class":4270},[3886,9289,4277],{"class":4229},[3886,9291,4305],{"class":4250},[3886,9293,9294,9296,9298],{"class":3888,"line":3913},[3886,9295,4545],{"class":4250},[3886,9297,3817],{"class":4254},[3886,9299,4280],{"class":4250},[3886,9301,9302],{"class":3888,"line":3919},[3886,9303,3923],{"emptyLinePlaceholder":3922},[3886,9305,9306],{"class":3888,"line":3926},[3886,9307,9193],{"class":4526},[3886,9309,9310,9312,9314,9316,9318,9320,9322,9324,9326,9328,9330],{"class":3888,"line":3931},[3886,9311,4532],{"class":4250},[3886,9313,3813],{"class":4254},[3886,9315,4258],{"class":4257},[3886,9317,4261],{"class":4195},[3886,9319,4264],{"class":4229},[3886,9321,5603],{"class":4270},[3886,9323,5669],{"class":4199},[3886,9325,5672],{"class":4213},[3886,9327,5626],{"class":4270},[3886,9329,4277],{"class":4229},[3886,9331,4280],{"class":4250},[3886,9333,9334,9336,9338,9340,9343,9345,9347],{"class":3888,"line":3937},[3886,9335,4671],{"class":4250},[3886,9337,3817],{"class":4254},[3886,9339,4539],{"class":4250},[3886,9341,9342],{"class":4195},"Текст і ",[3886,9344,4545],{"class":4250},[3886,9346,3817],{"class":4254},[3886,9348,4280],{"class":4250},[3886,9350,9351,9353,9355,9357,9359,9361,9363,9365,9367,9369,9371,9373,9375,9377],{"class":3888,"line":3942},[3886,9352,4671],{"class":4250},[3886,9354,3813],{"class":4254},[3886,9356,4258],{"class":4257},[3886,9358,4261],{"class":4195},[3886,9360,4264],{"class":4229},[3886,9362,5603],{"class":4270},[3886,9364,5606],{"class":4199},[3886,9366,4387],{"class":4365},[3886,9368,3750],{"class":4270},[3886,9370,5613],{"class":4199},[3886,9372,4387],{"class":4365},[3886,9374,5626],{"class":4270},[3886,9376,4277],{"class":4229},[3886,9378,4305],{"class":4250},[3886,9380,9381,9383,9385],{"class":3888,"line":3948},[3886,9382,4545],{"class":4250},[3886,9384,3813],{"class":4254},[3886,9386,4280],{"class":4250},[9140,9388,9390,9401,9406],{"label":9389},"Проблема: текст «обрізається» або не видний",[3743,9391,9392,9394,9395,9397,9398,4271],{},[3777,9393,9147],{}," батьківський ",[3747,9396,3791],{}," не має достатньої висоти, або текст виходить за межі з ",[3747,9399,9400],{},"overflow: 'hidden'",[3743,9402,9403],{},[3777,9404,9405],{},"Рішення:",[4125,9407,9408,9415,9430],{},[3785,9409,9410,9411,9414],{},"Видаліть фіксовану ",[3747,9412,9413],{},"height"," з батьківського View або збільште її",[3785,9416,9417,9418,9421,9422,9425,9426,9429],{},"Перевірте ",[3747,9419,9420],{},"overflow"," — за замовчуванням ",[3747,9423,9424],{},"'visible'",", але якщо встановлено ",[3747,9427,9428],{},"'hidden'",", текст може обрізатися",[3785,9431,9432,9433,9436,9437],{},"Для ScrollView: переконайтесь, що ",[3747,9434,9435],{},"contentContainerStyle"," має достатній ",[3747,9438,9439],{},"padding",[9140,9441,9443,9457,9461],{"label":9442},"Проблема: Text не переноситься на новий рядок",[3743,9444,9445,9447,9448,9151,9450,9453,9454,4271],{},[3777,9446,9147],{}," батьківський View має ",[3747,9449,6337],{},[3747,9451,9452],{},"flexWrap: 'wrap'",", або Text обмежений ",[3747,9455,9456],{},"numberOfLines",[3743,9458,9459],{},[3777,9460,9405],{},[3877,9462,9464],{"className":4180,"code":9463,"language":4183,"meta":3882,"style":3882},"\u002F\u002F Якщо Text у горизонтальному View:\n\u003CView style={{ flexDirection: 'row', flexWrap: 'wrap' }}>\n  \u003CText>Довгий текст буде переноситися\u003C\u002FText>\n\u003C\u002FView>\n\n\u002F\u002F Або обмежте ширину View:\n\u003CView style={{ width: 200 }}>\n  \u003CText>Текст автоматично перенесеться\u003C\u002FText>\n\u003C\u002FView>\n",[3747,9465,9466,9471,9503,9520,9528,9532,9537,9561,9578],{"__ignoreMap":3882},[3886,9467,9468],{"class":3888,"line":3889},[3886,9469,9470],{"class":4526},"\u002F\u002F Якщо Text у горизонтальному View:\n",[3886,9472,9473,9475,9477,9479,9481,9483,9485,9487,9489,9491,9494,9497,9499,9501],{"class":3888,"line":3895},[3886,9474,4532],{"class":4250},[3886,9476,3813],{"class":4254},[3886,9478,4258],{"class":4257},[3886,9480,4261],{"class":4195},[3886,9482,4264],{"class":4229},[3886,9484,5603],{"class":4270},[3886,9486,5669],{"class":4199},[3886,9488,5672],{"class":4213},[3886,9490,3750],{"class":4270},[3886,9492,9493],{"class":4199},"flexWrap:",[3886,9495,9496],{"class":4213}," 'wrap'",[3886,9498,5626],{"class":4270},[3886,9500,4277],{"class":4229},[3886,9502,4280],{"class":4250},[3886,9504,9505,9507,9509,9511,9514,9516,9518],{"class":3888,"line":3901},[3886,9506,4671],{"class":4250},[3886,9508,3817],{"class":4254},[3886,9510,4539],{"class":4250},[3886,9512,9513],{"class":4195},"Довгий текст буде переноситися",[3886,9515,4545],{"class":4250},[3886,9517,3817],{"class":4254},[3886,9519,4280],{"class":4250},[3886,9521,9522,9524,9526],{"class":3888,"line":3907},[3886,9523,4545],{"class":4250},[3886,9525,3813],{"class":4254},[3886,9527,4280],{"class":4250},[3886,9529,9530],{"class":3888,"line":3913},[3886,9531,3923],{"emptyLinePlaceholder":3922},[3886,9533,9534],{"class":3888,"line":3919},[3886,9535,9536],{"class":4526},"\u002F\u002F Або обмежте ширину View:\n",[3886,9538,9539,9541,9543,9545,9547,9549,9551,9553,9555,9557,9559],{"class":3888,"line":3926},[3886,9540,4532],{"class":4250},[3886,9542,3813],{"class":4254},[3886,9544,4258],{"class":4257},[3886,9546,4261],{"class":4195},[3886,9548,4264],{"class":4229},[3886,9550,5603],{"class":4270},[3886,9552,5606],{"class":4199},[3886,9554,6959],{"class":4365},[3886,9556,5626],{"class":4270},[3886,9558,4277],{"class":4229},[3886,9560,4280],{"class":4250},[3886,9562,9563,9565,9567,9569,9572,9574,9576],{"class":3888,"line":3931},[3886,9564,4671],{"class":4250},[3886,9566,3817],{"class":4254},[3886,9568,4539],{"class":4250},[3886,9570,9571],{"class":4195},"Текст автоматично перенесеться",[3886,9573,4545],{"class":4250},[3886,9575,3817],{"class":4254},[3886,9577,4280],{"class":4250},[3886,9579,9580,9582,9584],{"class":3888,"line":3937},[3886,9581,4545],{"class":4250},[3886,9583,3813],{"class":4254},[3886,9585,4280],{"class":4250},[9140,9587,9589,9607,9625],{"label":9588},"Проблема: стилі Text не застосовуються",[3743,9590,9591,9593,9594,3750,9596,3750,9599,3750,9601,9604,9605,4271],{},[3777,9592,9147],{}," спроба застосувати layout-властивості (",[3747,9595,6710],{},[3747,9597,9598],{},"margin",[3747,9600,9439],{},[3747,9602,9603],{},"width",") безпосередньо на ",[3747,9606,3799],{},[3743,9608,9609,4479,9611,9613,9614,9617,9618,3750,9620,3750,9622,9624],{},[3777,9610,9405],{},[3747,9612,3799],{}," підтримує лише ",[3777,9615,9616],{},"текстові стилі"," (",[3747,9619,5495],{},[3747,9621,5514],{},[3747,9623,5505],{}," тощо) та обмежений набір layout-властивостей. Для повноцінного layout оберніть Text у View:",[3877,9626,9628],{"className":4180,"code":9627,"language":4183,"meta":3882,"style":3882},"\u002F\u002F ❌ Не спрацює коректно\n\u003CText style={{ margin: 20, flex: 1 }}>Текст\u003C\u002FText>\n\n\u002F\u002F ✅ Правильно\n\u003CView style={{ margin: 20, flex: 1 }}>\n  \u003CText>Текст\u003C\u002FText>\n\u003C\u002FView>\n",[3747,9629,9630,9635,9676,9680,9684,9714,9730],{"__ignoreMap":3882},[3886,9631,9632],{"class":3888,"line":3889},[3886,9633,9634],{"class":4526},"\u002F\u002F ❌ Не спрацює коректно\n",[3886,9636,9637,9639,9641,9643,9645,9647,9649,9652,9654,9656,9659,9661,9663,9665,9667,9670,9672,9674],{"class":3888,"line":3895},[3886,9638,4532],{"class":4250},[3886,9640,3817],{"class":4254},[3886,9642,4258],{"class":4257},[3886,9644,4261],{"class":4195},[3886,9646,4264],{"class":4229},[3886,9648,5603],{"class":4270},[3886,9650,9651],{"class":4199},"margin:",[3886,9653,4387],{"class":4365},[3886,9655,3750],{"class":4270},[3886,9657,9658],{"class":4199},"flex:",[3886,9660,4366],{"class":4365},[3886,9662,5626],{"class":4270},[3886,9664,4277],{"class":4229},[3886,9666,4539],{"class":4250},[3886,9668,9669],{"class":4195},"Текст",[3886,9671,4545],{"class":4250},[3886,9673,3817],{"class":4254},[3886,9675,4280],{"class":4250},[3886,9677,9678],{"class":3888,"line":3901},[3886,9679,3923],{"emptyLinePlaceholder":3922},[3886,9681,9682],{"class":3888,"line":3907},[3886,9683,9193],{"class":4526},[3886,9685,9686,9688,9690,9692,9694,9696,9698,9700,9702,9704,9706,9708,9710,9712],{"class":3888,"line":3913},[3886,9687,4532],{"class":4250},[3886,9689,3813],{"class":4254},[3886,9691,4258],{"class":4257},[3886,9693,4261],{"class":4195},[3886,9695,4264],{"class":4229},[3886,9697,5603],{"class":4270},[3886,9699,9651],{"class":4199},[3886,9701,4387],{"class":4365},[3886,9703,3750],{"class":4270},[3886,9705,9658],{"class":4199},[3886,9707,4366],{"class":4365},[3886,9709,5626],{"class":4270},[3886,9711,4277],{"class":4229},[3886,9713,4280],{"class":4250},[3886,9715,9716,9718,9720,9722,9724,9726,9728],{"class":3888,"line":3919},[3886,9717,4671],{"class":4250},[3886,9719,3817],{"class":4254},[3886,9721,4539],{"class":4250},[3886,9723,9669],{"class":4195},[3886,9725,4545],{"class":4250},[3886,9727,3817],{"class":4254},[3886,9729,4280],{"class":4250},[3886,9731,9732,9734,9736],{"class":3888,"line":3926},[3886,9733,4545],{"class":4250},[3886,9735,3813],{"class":4254},[3886,9737,4280],{"class":4250},[3820,9739],{},[3738,9741,9743],{"id":9742},"практика","Практика",[9137,9745,9746,9846,9869,9905],{},[9140,9747,9750,9767,9789,9792],{"label":9748,"icon":9749},"Завдання 1 — Створіть компонент Card","i-lucide-square",[3743,9751,9752,9753,9756,9757,3750,9759,9762,9763,9766],{},"Створіть компонент ",[3747,9754,9755],{},"Card",", що приймає ",[3747,9758,4872],{},[3747,9760,9761],{},"description"," та ",[3747,9764,9765],{},"children"," як пропси. Картка має мати:",[3782,9768,9769,9772,9775,9778,9781,9784],{},[3785,9770,9771],{},"Білий фон з заокругленими кутами (12px)",[3785,9773,9774],{},"Тінь (для iOS та Android)",[3785,9776,9777],{},"Внутрішній padding 16px",[3785,9779,9780],{},"Заголовок (fontSize: 18, fontWeight: '700')",[3785,9782,9783],{},"Опис (fontSize: 14, color: '#666')",[3785,9785,9786,9787],{},"Довільний вміст через ",[3747,9788,9765],{},[3743,9790,9791],{},"Використайте компонент так:",[3877,9793,9795],{"className":4180,"code":9794,"language":4183,"meta":3882,"style":3882},"\u003CCard title=\"Моя картка\" description=\"Опис картки\">\n  \u003CText>Довільний вміст всередині\u003C\u002FText>\n\u003C\u002FCard>\n",[3747,9796,9797,9821,9838],{"__ignoreMap":3882},[3886,9798,9799,9801,9803,9806,9808,9811,9814,9816,9819],{"class":3888,"line":3889},[3886,9800,4532],{"class":4250},[3886,9802,9755],{"class":4254},[3886,9804,9805],{"class":4257}," title",[3886,9807,4261],{"class":4195},[3886,9809,9810],{"class":4213},"\"Моя картка\"",[3886,9812,9813],{"class":4257}," description",[3886,9815,4261],{"class":4195},[3886,9817,9818],{"class":4213},"\"Опис картки\"",[3886,9820,4280],{"class":4250},[3886,9822,9823,9825,9827,9829,9832,9834,9836],{"class":3888,"line":3895},[3886,9824,4671],{"class":4250},[3886,9826,3817],{"class":4254},[3886,9828,4539],{"class":4250},[3886,9830,9831],{"class":4195},"Довільний вміст всередині",[3886,9833,4545],{"class":4250},[3886,9835,3817],{"class":4254},[3886,9837,4280],{"class":4250},[3886,9839,9840,9842,9844],{"class":3888,"line":3901},[3886,9841,4545],{"class":4250},[3886,9843,9755],{"class":4254},[3886,9845,4280],{"class":4250},[9140,9847,9850,9857,9862],{"label":9848,"icon":9849},"Завдання 2 — Layout: два стовпці","i-lucide-columns-2",[3743,9851,9852,9853,9762,9855,4271],{},"Створіть layout з двома стовпцями однакової ширини, де у кожному стовпці є по 3 елементи (View з кольоровим фоном та Text всередині). Використайте ",[3747,9854,6337],{},[3747,9856,4462],{},[3743,9858,9859],{},[3777,9860,9861],{},"Очікуваний результат:",[3877,9863,9867],{"className":9864,"code":9866,"language":6836},[9865],"language-text","┌──────────┬──────────┐\n│ Елемент 1│ Елемент 4│\n│ Елемент 2│ Елемент 5│\n│ Елемент 3│ Елемент 6│\n└──────────┴──────────┘\n",[3747,9868,9866],{"__ignoreMap":3882},[9140,9870,9872,9878,9899],{"label":9871,"icon":9093},"Завдання 3 — Вкладений Text з акцентами",[3743,9873,9752,9874,9877],{},[3747,9875,9876],{},"RichText",", що рендерить параграф з:",[3782,9879,9880,9883,9889,9896],{},[3785,9881,9882],{},"Звичайним текстом (fontSize: 16, color: '#333')",[3785,9884,9885,9888],{},[3777,9886,9887],{},"Жирним фрагментом"," (fontWeight: '700')",[3785,9890,9891,9895],{},[9892,9893,9894],"em",{},"Курсивним фрагментом"," (fontStyle: 'italic')",[3785,9897,9898],{},"Кольоровим посиланням (color: '#4361ee', textDecorationLine: 'underline')",[3743,9900,9901,9902,9904],{},"Використайте вкладені ",[3747,9903,3799],{}," та успадкування стилів.",[9140,9906,9908,9911,9931],{"label":9907,"icon":1184},"Завдання 4 — Відтворіть макет",[3743,9909,9910],{},"За наведеним зображенням макету (уявна картка продукту) відтворіть компонент з:",[3782,9912,9913,9916,9919,9922,9928],{},[3785,9914,9915],{},"Зображенням товару зверху (Image)",[3785,9917,9918],{},"Назвою товару (Text, жирний, 20px)",[3785,9920,9921],{},"Ціною (Text, 24px, синій колір)",[3785,9923,9924,9925,4158],{},"Описом товару (Text, 14px, сірий, обмежений 3 рядками через ",[3747,9926,9927],{},"numberOfLines={3}",[3785,9929,9930],{},"Кнопкою \"Додати до кошика\" (Pressable + Text)",[3743,9932,9933,9934,3750,9936,3750,9938,9762,9941,4271],{},"Використайте тільки ",[3747,9935,3791],{},[3747,9937,3799],{},[3747,9939,9940],{},"\u003CImage>",[3747,9942,5948],{},[3820,9944],{},[3738,9946,9948],{"id":9947},"резюме","Резюме",[9078,9950,9951,9994,10043,10077,10107,10152],{},[6813,9952,9954],{"icon":9749,"title":9953},"🔲 View — універсальний контейнер",[3782,9955,9956,9962,9970,9983,9986],{},[3785,9957,9958,9959,9961],{},"Аналог ",[3747,9960,3749],{}," у HTML, але без семантичних варіантів",[3785,9963,9964,9965,5770,9967,9969],{},"Перетворюється на ",[3747,9966,3851],{},[3747,9968,3861],{}," (Android)",[3785,9971,9972,9973,3750,9976,9979,9980],{},"Використовується для ",[3777,9974,9975],{},"структури",[3777,9977,9978],{},"layout"," (Flexbox) та ",[3777,9981,9982],{},"стилізації",[3785,9984,9985],{},"Може містити інші View, Text, Image та будь-які компоненти",[3785,9987,9988,9991,9992],{},[3777,9989,9990],{},"Не може"," містити текст напряму — тільки через ",[3747,9993,3799],{},[6813,9995,9997],{"icon":9093,"title":9996},"📝 Text — єдиний спосіб відобразити текст",[3782,9998,9999,10005,10013,10022,10030],{},[3785,10000,9964,10001,5770,10003,9969],{},[3747,10002,4705],{},[3747,10004,4720],{},[3785,10006,10007,10010,10011],{},[3777,10008,10009],{},"Категоричне правило:"," будь-який текст має бути у ",[3747,10012,3799],{},[3785,10014,10015,10016,10018,10019],{},"Може містити інші ",[3747,10017,3799],{}," (вкладеність) — ",[3777,10020,10021],{},"успадкування стилів",[3785,10023,10024,10026,10027,10029],{},[3777,10025,9990],{}," містити ",[3747,10028,3791],{}," — тільки текстові вузли та інші Text",[3785,10031,10032,10033,3750,10035,3750,10037,3750,10039,3750,10041],{},"Підтримує текстові стилі: ",[3747,10034,5495],{},[3747,10036,5514],{},[3747,10038,5505],{},[3747,10040,5518],{},[3747,10042,5522],{},[6813,10044,10047],{"icon":10045,"title":10046},"i-lucide-palette","🎨 Стилі та каскад",[3782,10048,10049,10056,10063,10070],{},[3785,10050,10051,10052,10055],{},"У View ",[3777,10053,10054],{},"немає каскаду"," — кожен компонент має власні стилі",[3785,10057,10058,10059,10062],{},"У вкладених Text ",[3777,10060,10061],{},"є каскад"," — fontSize, color, fontFamily успадковуються",[3785,10064,10065,10066,10069],{},"Використовуйте ",[3747,10067,10068],{},"StyleSheet.create()"," для оптимізації та типізації",[3785,10071,10072,10073,10076],{},"Масив стилів ",[3747,10074,10075],{},"[style1, style2]"," — другий перекриває перший",[6813,10078,10081],{"icon":10079,"title":10080},"i-lucide-layout-grid","📐 Layout-патерни",[3782,10082,10083,10090,10095,10102],{},[3785,10084,10085,10086,10089],{},"За замовчуванням: ",[3747,10087,10088],{},"flexDirection: 'column'"," (вертикальний стек)",[3785,10091,10092,10093],{},"Горизонтальний ряд: ",[3747,10094,6337],{},[3785,10096,10097,10098,7102,10100],{},"Центрування: ",[3747,10099,7101],{},[3747,10101,7105],{},[3785,10103,10104,10105],{},"Header-Content-Footer: комбінація фіксованих висот та ",[3747,10106,4462],{},[6813,10108,10111],{"icon":10109,"title":10110},"i-lucide-alert-triangle","⚠️ Поширені помилки",[3782,10112,10113,10119,10124,10130,10140],{},[3785,10114,10115,10116],{},"Текст напряму у View → ",[3777,10117,10118],{},"помилка",[3785,10120,10121,10122],{},"View всередині Text → ",[3777,10123,10118],{},[3785,10125,10126,10127],{},"Layout-властивості на Text (flex, margin) → ",[3777,10128,10129],{},"не спрацює коректно",[3785,10131,10132,10133,3750,10135,10137,10138],{},"Використання HTML-тегів (",[3747,10134,3749],{},[3747,10136,3756],{},") → ",[3777,10139,10118],{},[3785,10141,10142,10143,10145,10146,10148,10149],{},"Забути ",[3747,10144,9603],{},"\u002F",[3747,10147,9413],{}," для Image з мережі → ",[3777,10150,10151],{},"не відобразиться",[6813,10153,10156,10157,10160,10161,10163,10164,3750,10167,3750,10170,10173],{"icon":10154,"title":10155},"i-lucide-arrow-right","🎯 Що далі","Наступна стаття — ",[3777,10158,10159],{},"StyleSheet та стилізація",". Детально розглянемо, які CSS-властивості доступні, як працює ",[3747,10162,10068],{},", що таке ",[3747,10165,10166],{},"ViewStyle",[3747,10168,10169],{},"TextStyle",[3747,10171,10172],{},"ImageStyle",", та як організувати стилі у великому проєкті.",[10175,10176,10177],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}",{"title":3882,"searchDepth":3895,"depth":3895,"links":10179},[10180,10181,10187,10193,10197,10198,10204,10205,10206,10207],{"id":3740,"depth":3895,"text":3741},{"id":3824,"depth":3895,"text":10182,"children":10183},"View — це \u003Cdiv>, але не зовсім",[10184,10185,10186],{"id":3832,"depth":3901,"text":3833},{"id":4113,"depth":3901,"text":4114},{"id":4176,"depth":3901,"text":4177},{"id":4504,"depth":3895,"text":4505,"children":10188},[10189,10191,10192],{"id":4508,"depth":3901,"text":10190},"Категоричне правило: текст тільки всередині \u003CText>",{"id":4730,"depth":3901,"text":4731},{"id":4779,"depth":3901,"text":4780},{"id":5190,"depth":3895,"text":5191,"children":10194},[10195,10196],{"id":5194,"depth":3901,"text":5195},{"id":5550,"depth":3901,"text":5551},{"id":5781,"depth":3895,"text":5782},{"id":5977,"depth":3895,"text":5978,"children":10199},[10200,10201,10202,10203],{"id":5987,"depth":3901,"text":5988},{"id":6330,"depth":3901,"text":6331},{"id":6717,"depth":3901,"text":6718},{"id":7109,"depth":3901,"text":7110},{"id":7930,"depth":3895,"text":7931},{"id":9134,"depth":3895,"text":9135},{"id":9742,"depth":3895,"text":9743},{"id":9947,"depth":3895,"text":9948},"View як контейнер для всього, Text як єдиний спосіб відображення тексту — глибоке розуміння двох найважливіших компонентів React Native, їх відмінностей від HTML та правил використання.","md",null,{},{"title":3383,"description":10208},"DUYoBXdYRb1yLP574S9n-xV7_Eb1gicvpUqaCi5V450",[10215,10217],{"title":3379,"path":3380,"stem":3381,"description":10216,"children":-1},"Систематичне порівняння React (веб) та React Native — DOM проти нативних компонентів, CSS проти StyleSheet, події, платформо-залежна поведінка та перший живий приклад у браузері.",{"title":3392,"path":3393,"stem":3394,"description":10218,"children":-1},"Зрозуміле введення в React Native для тих, хто вже знає React — які задачі він вирішує, чим відрізняється від сайту на телефоні, і коли його варто обирати",1788069955270]