[{"data":1,"prerenderedAt":11749},["ShallowReactive",2],{"navigation_docs":3,"-react-native-networking-and-app-lifecycle":3497,"-react-native-networking-and-app-lifecycle-surround":11744},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3423,3440,3493],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364},"React Native","\u002Freact-native","15.react-native",[3365,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411,3415,3419],{"title":3361,"path":3362,"stem":3366},"15.react-native\u002Findex",{"title":3368,"path":3369,"stem":3370},"React Native — навіщо він потрібен","\u002Freact-native\u002Fwhy-react-native","15.react-native\u002F01.why-react-native",{"title":3372,"path":3373,"stem":3374},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Freact-native-architecture","15.react-native\u002F02.react-native-architecture",{"title":3376,"path":3377,"stem":3378},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fexpo-vs-cli-landscape","15.react-native\u002F03.expo-vs-cli-landscape",{"title":3380,"path":3381,"stem":3382},"Середовище Expo — перший запуск","\u002Freact-native\u002Fexpo-setup-and-tooling","15.react-native\u002F04.expo-setup-and-tooling",{"title":3384,"path":3385,"stem":3386},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fproject-structure-and-conventions","15.react-native\u002F05.project-structure-and-conventions",{"title":3388,"path":3389,"stem":3390},"Базові компоненти React Native","\u002Freact-native\u002Fcore-components","15.react-native\u002F06.core-components",{"title":3392,"path":3393,"stem":3394},"Flexbox і layout у React Native","\u002Freact-native\u002Fflexbox-and-layout","15.react-native\u002F07.flexbox-and-layout",{"title":3396,"path":3397,"stem":3398},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fstylesheet-and-theming","15.react-native\u002F08.stylesheet-and-theming",{"title":3400,"path":3401,"stem":3402},"Списки та віртуалізація","\u002Freact-native\u002Flists-and-virtualization","15.react-native\u002F09.lists-and-virtualization",{"title":3404,"path":3405,"stem":3406},"Форми, ввід і валідація","\u002Freact-native\u002Fforms-input-validation","15.react-native\u002F10.forms-input-validation",{"title":3408,"path":3409,"stem":3410},"Основи Expo Router","\u002Freact-native\u002Fexpo-router-basics","15.react-native\u002F11.expo-router-basics",{"title":3412,"path":3413,"stem":3414},"Вкладені навігатори та модалки","\u002Freact-native\u002Fnested-navigators-and-modals","15.react-native\u002F12.nested-navigators-and-modals",{"title":3416,"path":3417,"stem":3418},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fdeep-linking-and-params","15.react-native\u002F13.deep-linking-and-params",{"title":3420,"path":3421,"stem":3422},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fnetworking-and-app-lifecycle","15.react-native\u002F14.networking-and-app-lifecycle",{"title":3424,"path":3425,"stem":3426,"children":3427,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3428,3432,3436],{"title":3429,"path":3430,"stem":3431},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3433,"path":3434,"stem":3435},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3437,"path":3438,"stem":3439},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3441,"path":3442,"stem":3443,"children":3444,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3445,3449,3453,3457,3461,3465,3469,3473,3477,3481,3485,3489],{"title":3446,"path":3447,"stem":3448},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3450,"path":3451,"stem":3452},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3454,"path":3455,"stem":3456},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3458,"path":3459,"stem":3460},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3462,"path":3463,"stem":3464},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3466,"path":3467,"stem":3468},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3470,"path":3471,"stem":3472},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3474,"path":3475,"stem":3476},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3478,"path":3479,"stem":3480},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3482,"path":3483,"stem":3484},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3486,"path":3487,"stem":3488},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3490,"path":3491,"stem":3492},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3494,"path":3495,"stem":3496},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3498,"title":3420,"body":3499,"description":11738,"extension":11739,"links":11740,"meta":11741,"navigation":3676,"path":3421,"seo":11742,"stem":3422,"__hash__":11743},"docs\u002F15.react-native\u002F14.networking-and-app-lifecycle.md",{"type":3500,"value":3501,"toc":11683},"minimark",[3502,3506,3511,3520,3528,3550,3557,3562,3573,3576,3605,3612,3644,3838,3845,3848,3859,3870,3877,3886,3927,3939,4309,4315,4321,4357,4360,5130,5134,5137,5192,5203,5205,5209,5219,5226,5451,5455,5540,5548,5551,6306,6316,6318,6325,6332,6339,6343,6364,6374,6381,6430,6453,6460,6463,6888,6892,6898,7267,7269,7276,7279,7285,7291,7294,7386,7424,7430,7436,7479,7485,7491,7712,7714,7718,7721,7728,7735,7754,8157,8180,8182,8186,8189,8212,8216,8318,8322,8922,10584,10586,10590,10597,10601,10604,10608,10682,10688,10696,10703,10708,10719,10900,10906,10913,10941,10948,10975,10982,10988,11274,11286,11290,11435,11439,11460,11464,11516,11518,11522,11598,11600,11604,11679],[3503,3504,3420],"h1",{"id":3505},"робота-з-мережею-та-життєвий-цикл-застосунку",[3507,3508,3510],"h2",{"id":3509},"від-вебу-до-мобільного-пристрою-чому-мережа-в-react-native-працює-інакше","Від вебу до мобільного пристрою: чому мережа в React Native працює інакше",[3512,3513,3514,3515,3519],"p",{},"У веб-розробці ми звикли до відносно стабільного середовища. Користувач відкриває сайт у браузері на ноутбуці чи комп'ютері, де майже завжди є стабільний Ethernet або Wi-Fi. Якщо інтернет зникає, браузер сам покаже стандартну сторінку помилки з «динозавриком», а розробник у коді React рідко переймається тим, що запит ",[3516,3517,3518],"code",{},"fetch('\u002Fapi\u002Fusers')"," раптово обірветься на пів дорозі через вхід у ліфт чи тунель метро.",[3512,3521,3522,3523,3527],{},"У мобільних застосунках ",[3524,3525,3526],"strong",{},"мережеве середовище агресивне й нестабільне",". Телефон постійно рухається у просторі:",[3529,3530,3531,3538,3544],"ol",{},[3532,3533,3534,3537],"li",{},[3524,3535,3536],{},"Перемикання базових станцій та мереж"," — пристрій переходить з Wi-Fi кав'ярні на LTE\u002F5G мобільного оператора. У цей момент змінюється IP-адреса пристрою, а відкриті TCP-з'єднання обриваються.",[3532,3539,3540,3543],{},[3524,3541,3542],{},"Зони з нульовим покриттям («мертві зони»)"," — ліфти, підземні паркінги, тунелі метро, заміські траси. Запит виходить з пристрою, але відповідь не повертається.",[3532,3545,3546,3549],{},[3524,3547,3548],{},"Обмеження ресурсомісткості ОС"," — операційна система (iOS чи Android) стежить за зарядом батареї. Якщо ваш застосунок згортають у фоновий режим під час виконання запиту, ОС може примусово «приспати» мережевий socket або взагалі завершити процес.",[3512,3551,3552,3553,3556],{},"Крім того, існує фундаментальна різниця у тому, ",[3524,3554,3555],{},"хто саме"," виконує мережевий запит у мобільному застосунку.",[3558,3559,3561],"h3",{"id":3560},"місток-від-web-react-до-react-native-що-відбувається-під-капотом","Місток від Web React до React Native: що відбувається під капотом",[3512,3563,3564,3565,3568,3569,3572],{},"У браузері запит виконує двигун браузера (Chrome V8, Firefox Gecko, Safari WebKit), який суворо дотримується політики безпеки ",[3524,3566,3567],{},"CORS (Cross-Origin Resource Sharing)",". Якщо сервер не надіслав правильні заголовки ",[3516,3570,3571],{},"Access-Control-Allow-Origin",", браузер заблокує відповідь.",[3512,3574,3575],{},"У React Native ситуація інша. Хоча ви пишете звичайний JS-код:",[3577,3578,3583],"pre",{"className":3579,"code":3580,"language":3581,"meta":3582,"style":3582},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","fetch('https:\u002F\u002Fapi.nomad.app\u002Fv1\u002Ftrips');\n","typescript","",[3516,3584,3585],{"__ignoreMap":3582},[3586,3587,3590,3594,3598,3602],"span",{"class":3588,"line":3589},"line",1,[3586,3591,3593],{"class":3592},"s8Opu","fetch",[3586,3595,3597],{"class":3596},"sHH4Y","(",[3586,3599,3601],{"class":3600},"sbdoH","'https:\u002F\u002Fapi.nomad.app\u002Fv1\u002Ftrips'",[3586,3603,3604],{"class":3596},");\n",[3512,3606,3607,3608,3611],{},"JavaScript-рушій Hermes ",[3524,3609,3610],{},"не виконує мережеві запити сам",". Він передає цей намір нативному шару операційної системи.",[3613,3614,3615,3628],"ul",{},[3532,3616,3617,3618,3621,3622,3627],{},"На ",[3524,3619,3620],{},"iOS"," запит виконується через нативний системний модуль ",[3524,3623,3624],{},[3516,3625,3626],{},"NSURLSession",".",[3532,3629,3617,3630,3633,3634,3639,3640,3643],{},[3524,3631,3632],{},"Android"," запит виконується через нативну бібліотеку ",[3524,3635,3636],{},[3516,3637,3638],{},"OkHttpClient"," (або системний ",[3516,3641,3642],{},"HttpURLConnection",").",[3645,3646,3647],"plant-uml",{},[3577,3648,3652],{"className":3649,"code":3650,"language":3651,"meta":3582,"style":3582},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\npackage \"JavaScript Environment (Hermes)\" #f8f9fa {\n    component \"React Native App\\n(JS Logic)\" as jsApp #e3f2fd\n    component \"Global fetch() \u002F axios\\n(Polyfill)\" as jsFetch #e3f2fd\n    jsApp -> jsFetch : 1. fetch('https:\u002F\u002Fapi...')\n}\n\npackage \"Native Layer (Bridge \u002F JSI)\" #fff3e0 {\n    component \"Networking Native Module\" as netModule #ffe0b2\n    jsFetch -> netModule : 2. Сералізований запит\\n(URL, Method, Headers, Body)\n}\n\npackage \"Operating System Stack\" #f1f8e9 {\n    database \"iOS: NSURLSession\\nAndroid: OkHttpClient\" as osNet #dededd\n    netModule -> osNet : 3. Нативний HTTP-запит\n}\n\ncloud \"Remote Server\" #e1f5fe {\n    node \"API Backend\\n(REST \u002F GraphQL)\" as api #b3e5fc\n    osNet \u003C--> api : 4. TLS \u002F TCP Socket\n}\n\nnote right of netModule\n  Політика CORS **відсутня** на рівні ОС!\n  Нативний шар робить запит напряму,\n  як cURL або Postman.\nend note\n\n@enduml\n","plantuml",[3516,3653,3654,3659,3665,3671,3678,3684,3690,3696,3702,3708,3713,3719,3725,3731,3736,3741,3747,3753,3759,3764,3769,3775,3781,3787,3792,3797,3803,3809,3815,3821,3827,3832],{"__ignoreMap":3582},[3586,3655,3656],{"class":3588,"line":3589},[3586,3657,3658],{},"@startuml\n",[3586,3660,3662],{"class":3588,"line":3661},2,[3586,3663,3664],{},"skinparam style plain\n",[3586,3666,3668],{"class":3588,"line":3667},3,[3586,3669,3670],{},"skinparam backgroundColor #ffffff\n",[3586,3672,3674],{"class":3588,"line":3673},4,[3586,3675,3677],{"emptyLinePlaceholder":3676},true,"\n",[3586,3679,3681],{"class":3588,"line":3680},5,[3586,3682,3683],{},"package \"JavaScript Environment (Hermes)\" #f8f9fa {\n",[3586,3685,3687],{"class":3588,"line":3686},6,[3586,3688,3689],{},"    component \"React Native App\\n(JS Logic)\" as jsApp #e3f2fd\n",[3586,3691,3693],{"class":3588,"line":3692},7,[3586,3694,3695],{},"    component \"Global fetch() \u002F axios\\n(Polyfill)\" as jsFetch #e3f2fd\n",[3586,3697,3699],{"class":3588,"line":3698},8,[3586,3700,3701],{},"    jsApp -> jsFetch : 1. fetch('https:\u002F\u002Fapi...')\n",[3586,3703,3705],{"class":3588,"line":3704},9,[3586,3706,3707],{},"}\n",[3586,3709,3711],{"class":3588,"line":3710},10,[3586,3712,3677],{"emptyLinePlaceholder":3676},[3586,3714,3716],{"class":3588,"line":3715},11,[3586,3717,3718],{},"package \"Native Layer (Bridge \u002F JSI)\" #fff3e0 {\n",[3586,3720,3722],{"class":3588,"line":3721},12,[3586,3723,3724],{},"    component \"Networking Native Module\" as netModule #ffe0b2\n",[3586,3726,3728],{"class":3588,"line":3727},13,[3586,3729,3730],{},"    jsFetch -> netModule : 2. Сералізований запит\\n(URL, Method, Headers, Body)\n",[3586,3732,3734],{"class":3588,"line":3733},14,[3586,3735,3707],{},[3586,3737,3739],{"class":3588,"line":3738},15,[3586,3740,3677],{"emptyLinePlaceholder":3676},[3586,3742,3744],{"class":3588,"line":3743},16,[3586,3745,3746],{},"package \"Operating System Stack\" #f1f8e9 {\n",[3586,3748,3750],{"class":3588,"line":3749},17,[3586,3751,3752],{},"    database \"iOS: NSURLSession\\nAndroid: OkHttpClient\" as osNet #dededd\n",[3586,3754,3756],{"class":3588,"line":3755},18,[3586,3757,3758],{},"    netModule -> osNet : 3. Нативний HTTP-запит\n",[3586,3760,3762],{"class":3588,"line":3761},19,[3586,3763,3707],{},[3586,3765,3767],{"class":3588,"line":3766},20,[3586,3768,3677],{"emptyLinePlaceholder":3676},[3586,3770,3772],{"class":3588,"line":3771},21,[3586,3773,3774],{},"cloud \"Remote Server\" #e1f5fe {\n",[3586,3776,3778],{"class":3588,"line":3777},22,[3586,3779,3780],{},"    node \"API Backend\\n(REST \u002F GraphQL)\" as api #b3e5fc\n",[3586,3782,3784],{"class":3588,"line":3783},23,[3586,3785,3786],{},"    osNet \u003C--> api : 4. TLS \u002F TCP Socket\n",[3586,3788,3790],{"class":3588,"line":3789},24,[3586,3791,3707],{},[3586,3793,3795],{"class":3588,"line":3794},25,[3586,3796,3677],{"emptyLinePlaceholder":3676},[3586,3798,3800],{"class":3588,"line":3799},26,[3586,3801,3802],{},"note right of netModule\n",[3586,3804,3806],{"class":3588,"line":3805},27,[3586,3807,3808],{},"  Політика CORS **відсутня** на рівні ОС!\n",[3586,3810,3812],{"class":3588,"line":3811},28,[3586,3813,3814],{},"  Нативний шар робить запит напряму,\n",[3586,3816,3818],{"class":3588,"line":3817},29,[3586,3819,3820],{},"  як cURL або Postman.\n",[3586,3822,3824],{"class":3588,"line":3823},30,[3586,3825,3826],{},"end note\n",[3586,3828,3830],{"class":3588,"line":3829},31,[3586,3831,3677],{"emptyLinePlaceholder":3676},[3586,3833,3835],{"class":3588,"line":3834},32,[3586,3836,3837],{},"@enduml\n",[3839,3840,3841,3844],"note",{},[3524,3842,3843],{},"Ключовий висновок:"," Мережевий запит у React Native проходить шлях від JS-коду через JSI (JavaScript Interface) до нативних мережевих стеків операційної системи. З одного боку, це звільняє вас від обмежень CORS. З іншого — накладає відповідальність за обробку системних таймаутів, енергозбереження та стан з'єднання.",[3846,3847],"hr",{},[3507,3849,3851,3852,3854,3855,3858],{"id":3850},"анатомія-http-запитів-fetch-vs-axios-у-мобільному-середовищі","Анатомія HTTP-запитів: ",[3516,3853,3593],{}," vs ",[3516,3856,3857],{},"axios"," у мобільному середовищі",[3512,3860,3861,3862,3864,3865,3867,3868,3627],{},"Оскільки глобальна функція ",[3516,3863,3593],{}," доступна в React Native «з коробки», багато новачків починають саме з неї. Проте в мобільній розробці є критичні нюанси, які відрізняють ",[3516,3866,3593],{}," від сторонніх бібліотек на кшталт ",[3516,3869,3857],{},[3558,3871,3873,3874,3876],{"id":3872},"глобальний-fetch-у-react-native-та-його-пастки","Глобальний ",[3516,3875,3593],{}," у React Native та його пастки",[3512,3878,3879,3880,3882,3883,3885],{},"React Native надає поліфіл ",[3516,3881,3593],{},", який відтворює стандартний браузерний W3C Fetch API. Проте в мобільному середовищі у ",[3516,3884,3593],{}," є дві небезпечні особливості:",[3529,3887,3888,3901],{},[3532,3889,3890,3893,3894,3896,3897,3900],{},[3524,3891,3892],{},"Відсутність таймауту за замовчуванням."," Якщо пристрій потрапить у зону слабкого покриття, де пакети втрачаються (packet loss), ",[3516,3895,3593],{}," чекатиме відповіді ",[3524,3898,3899],{},"нескінченно довго",". Запит «висить», з'єднання не закривається, пам'ять та акумулятор виснажуються, а користувач бачить вічний індикатор завантаження.",[3532,3902,3903,3908,3909,3912,3913,3916,3917,3919,3920,3923,3924,3627],{},[3524,3904,3905,3907],{},[3516,3906,3593],{}," не вважає статус 4xx або 5xx помилкою."," Якщо сервер відповів ",[3516,3910,3911],{},"500 Internal Server Error"," або ",[3516,3914,3915],{},"404 Not Found",", проміс ",[3516,3918,3593],{}," успішно виконається (",[3516,3921,3922],{},"resolved","), і вам потрібно вручну перевіряти властивість ",[3516,3925,3926],{},"response.ok",[3512,3928,3929,3930,3932,3933,3938],{},"Щоб вирішити проблему з таймаутом у ",[3516,3931,3593],{},", використовують контролер скасування ",[3524,3934,3935],{},[3516,3936,3937],{},"AbortController",":",[3577,3940,3942],{"className":3579,"code":3941,"language":3581,"meta":3582,"style":3582},"async function fetchTripsWithTimeout(timeoutMs = 8000) {\n  const controller = new AbortController();\n  \u002F\u002F Встановлюємо таймер примусового скасування\n  const timerId = setTimeout(() => controller.abort(), timeoutMs);\n\n  try {\n    const response = await fetch('https:\u002F\u002Fapi.nomad.app\u002Fv1\u002Ftrips', {\n      signal: controller.signal,\n      headers: {\n        'Accept': 'application\u002Fjson',\n      },\n    });\n\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n\n    const data = await response.json();\n    return data;\n  } catch (error: any) {\n    if (error.name === 'AbortError') {\n      throw new Error('Мережевий запит перевищив ліміт часу (Timeout)');\n    }\n    throw error;\n  } finally {\n    clearTimeout(timerId);\n  }\n}\n",[3516,3943,3944,3972,3992,3998,4030,4034,4043,4066,4081,4088,4100,4105,4110,4114,4132,4167,4172,4176,4196,4206,4229,4250,4265,4269,4279,4288,4300,4305],{"__ignoreMap":3582},[3586,3945,3946,3950,3953,3956,3958,3962,3965,3969],{"class":3588,"line":3589},[3586,3947,3949],{"class":3948},"su1O8","async",[3586,3951,3952],{"class":3948}," function",[3586,3954,3955],{"class":3592}," fetchTripsWithTimeout",[3586,3957,3597],{"class":3596},[3586,3959,3961],{"class":3960},"siwwj","timeoutMs",[3586,3963,3964],{"class":3596}," = ",[3586,3966,3968],{"class":3967},"sJj4R","8000",[3586,3970,3971],{"class":3596},") {\n",[3586,3973,3974,3977,3981,3983,3986,3989],{"class":3588,"line":3661},[3586,3975,3976],{"class":3948},"  const",[3586,3978,3980],{"class":3979},"s-QsJ"," controller",[3586,3982,3964],{"class":3596},[3586,3984,3985],{"class":3948},"new",[3586,3987,3988],{"class":3592}," AbortController",[3586,3990,3991],{"class":3596},"();\n",[3586,3993,3994],{"class":3588,"line":3667},[3586,3995,3997],{"class":3996},"spJ8K","  \u002F\u002F Встановлюємо таймер примусового скасування\n",[3586,3999,4000,4002,4005,4007,4010,4013,4016,4018,4020,4023,4026,4028],{"class":3588,"line":3673},[3586,4001,3976],{"class":3948},[3586,4003,4004],{"class":3979}," timerId",[3586,4006,3964],{"class":3596},[3586,4008,4009],{"class":3592},"setTimeout",[3586,4011,4012],{"class":3596},"(() ",[3586,4014,4015],{"class":3948},"=>",[3586,4017,3980],{"class":3960},[3586,4019,3627],{"class":3596},[3586,4021,4022],{"class":3592},"abort",[3586,4024,4025],{"class":3596},"(), ",[3586,4027,3961],{"class":3960},[3586,4029,3604],{"class":3596},[3586,4031,4032],{"class":3588,"line":3680},[3586,4033,3677],{"emptyLinePlaceholder":3676},[3586,4035,4036,4040],{"class":3588,"line":3686},[3586,4037,4039],{"class":4038},"s8xlr","  try",[3586,4041,4042],{"class":3596}," {\n",[3586,4044,4045,4048,4051,4053,4056,4059,4061,4063],{"class":3588,"line":3692},[3586,4046,4047],{"class":3948},"    const",[3586,4049,4050],{"class":3979}," response",[3586,4052,3964],{"class":3596},[3586,4054,4055],{"class":4038},"await",[3586,4057,4058],{"class":3592}," fetch",[3586,4060,3597],{"class":3596},[3586,4062,3601],{"class":3600},[3586,4064,4065],{"class":3596},", {\n",[3586,4067,4068,4071,4073,4075,4078],{"class":3588,"line":3698},[3586,4069,4070],{"class":3960},"      signal:",[3586,4072,3980],{"class":3960},[3586,4074,3627],{"class":3596},[3586,4076,4077],{"class":3960},"signal",[3586,4079,4080],{"class":3596},",\n",[3586,4082,4083,4086],{"class":3588,"line":3704},[3586,4084,4085],{"class":3960},"      headers:",[3586,4087,4042],{"class":3596},[3586,4089,4090,4093,4095,4098],{"class":3588,"line":3710},[3586,4091,4092],{"class":3600},"        'Accept'",[3586,4094,3938],{"class":3960},[3586,4096,4097],{"class":3600}," 'application\u002Fjson'",[3586,4099,4080],{"class":3596},[3586,4101,4102],{"class":3588,"line":3715},[3586,4103,4104],{"class":3596},"      },\n",[3586,4106,4107],{"class":3588,"line":3721},[3586,4108,4109],{"class":3596},"    });\n",[3586,4111,4112],{"class":3588,"line":3727},[3586,4113,3677],{"emptyLinePlaceholder":3676},[3586,4115,4116,4119,4122,4125,4127,4130],{"class":3588,"line":3733},[3586,4117,4118],{"class":4038},"    if",[3586,4120,4121],{"class":3596}," (!",[3586,4123,4124],{"class":3960},"response",[3586,4126,3627],{"class":3596},[3586,4128,4129],{"class":3960},"ok",[3586,4131,3971],{"class":3596},[3586,4133,4134,4137,4140,4143,4145,4148,4151,4153,4156,4159,4162,4165],{"class":3588,"line":3738},[3586,4135,4136],{"class":4038},"      throw",[3586,4138,4139],{"class":3948}," new",[3586,4141,4142],{"class":3592}," Error",[3586,4144,3597],{"class":3596},[3586,4146,4147],{"class":3600},"`HTTP error! status: ",[3586,4149,4150],{"class":3948},"${",[3586,4152,4124],{"class":3960},[3586,4154,3627],{"class":4155},"sD7JJ",[3586,4157,4158],{"class":3960},"status",[3586,4160,4161],{"class":3948},"}",[3586,4163,4164],{"class":3600},"`",[3586,4166,3604],{"class":3596},[3586,4168,4169],{"class":3588,"line":3743},[3586,4170,4171],{"class":3596},"    }\n",[3586,4173,4174],{"class":3588,"line":3749},[3586,4175,3677],{"emptyLinePlaceholder":3676},[3586,4177,4178,4180,4183,4185,4187,4189,4191,4194],{"class":3588,"line":3755},[3586,4179,4047],{"class":3948},[3586,4181,4182],{"class":3979}," data",[3586,4184,3964],{"class":3596},[3586,4186,4055],{"class":4038},[3586,4188,4050],{"class":3960},[3586,4190,3627],{"class":3596},[3586,4192,4193],{"class":3592},"json",[3586,4195,3991],{"class":3596},[3586,4197,4198,4201,4203],{"class":3588,"line":3761},[3586,4199,4200],{"class":4038},"    return",[3586,4202,4182],{"class":3960},[3586,4204,4205],{"class":3596},";\n",[3586,4207,4208,4211,4214,4217,4220,4223,4227],{"class":3588,"line":3766},[3586,4209,4210],{"class":3596},"  } ",[3586,4212,4213],{"class":4038},"catch",[3586,4215,4216],{"class":3596}," (",[3586,4218,4219],{"class":3960},"error",[3586,4221,4222],{"class":3596},": ",[3586,4224,4226],{"class":4225},"sN1BT","any",[3586,4228,3971],{"class":3596},[3586,4230,4231,4233,4235,4237,4239,4242,4245,4248],{"class":3588,"line":3771},[3586,4232,4118],{"class":4038},[3586,4234,4216],{"class":3596},[3586,4236,4219],{"class":3960},[3586,4238,3627],{"class":3596},[3586,4240,4241],{"class":3960},"name",[3586,4243,4244],{"class":3596}," === ",[3586,4246,4247],{"class":3600},"'AbortError'",[3586,4249,3971],{"class":3596},[3586,4251,4252,4254,4256,4258,4260,4263],{"class":3588,"line":3777},[3586,4253,4136],{"class":4038},[3586,4255,4139],{"class":3948},[3586,4257,4142],{"class":3592},[3586,4259,3597],{"class":3596},[3586,4261,4262],{"class":3600},"'Мережевий запит перевищив ліміт часу (Timeout)'",[3586,4264,3604],{"class":3596},[3586,4266,4267],{"class":3588,"line":3783},[3586,4268,4171],{"class":3596},[3586,4270,4271,4274,4277],{"class":3588,"line":3789},[3586,4272,4273],{"class":4038},"    throw",[3586,4275,4276],{"class":3960}," error",[3586,4278,4205],{"class":3596},[3586,4280,4281,4283,4286],{"class":3588,"line":3794},[3586,4282,4210],{"class":3596},[3586,4284,4285],{"class":4038},"finally",[3586,4287,4042],{"class":3596},[3586,4289,4290,4293,4295,4298],{"class":3588,"line":3799},[3586,4291,4292],{"class":3592},"    clearTimeout",[3586,4294,3597],{"class":3596},[3586,4296,4297],{"class":3960},"timerId",[3586,4299,3604],{"class":3596},[3586,4301,4302],{"class":3588,"line":3805},[3586,4303,4304],{"class":3596},"  }\n",[3586,4306,4307],{"class":3588,"line":3811},[3586,4308,3707],{"class":3596},[3558,4310,4312,4313],{"id":4311},"чому-в-реальних-мобільних-проєктах-часто-обирають-axios","Чому в реальних мобільних проєктах часто обирають ",[3516,4314,3857],{},[3512,4316,4317,4318,4320],{},"Бібліотека ",[3516,4319,3857],{}," вирішує більшість рутинних задач мобільної мережі «із коробки»:",[3613,4322,4323,4333,4343,4349],{},[3532,4324,4325,4328,4329,4332],{},[3524,4326,4327],{},"Вбудовані таймаути:"," достатньо вказати ",[3516,4330,4331],{},"timeout: 10000"," у мілісекундах.",[3532,4334,4335,4338,4339,4342],{},[3524,4336,4337],{},"Автоматична трансформація JSON:"," не потрібно викликати ",[3516,4340,4341],{},".json()"," вручну.",[3532,4344,4345,4348],{},[3524,4346,4347],{},"Перехоплювачі (Interceptors):"," дозволяють підставляти токени автентифікації в кожен запит та централізовано обробляти помилки (наприклад, оновлювати expired-токен при 401).",[3532,4350,4351,4354,4355,3627],{},[3524,4352,4353],{},"Автоматична автоматика викидання помилок:"," будь-який HTTP-код за межами 2xx одразу потрапляє в блок ",[3516,4356,4213],{},[3512,4358,4359],{},"Порівняємо обидва підходи:",[4361,4362,4363,4803],"tabs",{},[4364,4365,4367],"tabs-item",{"label":4366},"axios (Рекомендовано)",[3577,4368,4370],{"className":3579,"code":4369,"language":3581,"meta":3582,"style":3582},"import axios from 'axios';\n\n\u002F\u002F Створюємо налаштований екземпляр для нашого API\nexport const apiClient = axios.create({\n  baseURL: 'https:\u002F\u002Fapi.nomad.app\u002Fv1',\n  timeout: 10000, \u002F\u002F 10 секунд таймаут\n  headers: {\n    'Content-Type': 'application\u002Fjson',\n  },\n});\n\n\u002F\u002F Додаємо інтерцептор для токена\napiClient.interceptors.request.use((config) => {\n  const token = 'user-auth-token-placeholder'; \u002F\u002F Отримаємо з SecureStore\n  if (token) {\n    config.headers.Authorization = `Bearer ${token}`;\n  }\n  return config;\n});\n\n\u002F\u002F Використання\nasync function getTrips() {\n  try {\n    const response = await apiClient.get('\u002Ftrips');\n    return response.data; \u002F\u002F Автоматично розпарсений JSON\n  } catch (error) {\n    if (axios.isAxiosError(error)) {\n      if (error.code === 'ECONNABORTED') {\n        console.error('Таймаут з'єднання з сервером');\n      } else {\n        console.error(`Помилка сервера: ${error.response?.status}`);\n      }\n    }\n    throw error;\n  }\n}\n",[3516,4371,4372,4388,4392,4397,4420,4430,4444,4451,4462,4467,4472,4476,4481,4514,4532,4544,4574,4578,4588,4592,4596,4601,4613,4619,4643,4659,4671,4691,4711,4740,4750,4777,4782,4787,4793,4798],{"__ignoreMap":3582},[3586,4373,4374,4377,4380,4383,4386],{"class":3588,"line":3589},[3586,4375,4376],{"class":4038},"import",[3586,4378,4379],{"class":3960}," axios",[3586,4381,4382],{"class":4038}," from",[3586,4384,4385],{"class":3600}," 'axios'",[3586,4387,4205],{"class":3596},[3586,4389,4390],{"class":3588,"line":3661},[3586,4391,3677],{"emptyLinePlaceholder":3676},[3586,4393,4394],{"class":3588,"line":3667},[3586,4395,4396],{"class":3996},"\u002F\u002F Створюємо налаштований екземпляр для нашого API\n",[3586,4398,4399,4402,4405,4408,4410,4412,4414,4417],{"class":3588,"line":3673},[3586,4400,4401],{"class":4038},"export",[3586,4403,4404],{"class":3948}," const",[3586,4406,4407],{"class":3979}," apiClient",[3586,4409,3964],{"class":3596},[3586,4411,3857],{"class":3960},[3586,4413,3627],{"class":3596},[3586,4415,4416],{"class":3592},"create",[3586,4418,4419],{"class":3596},"({\n",[3586,4421,4422,4425,4428],{"class":3588,"line":3680},[3586,4423,4424],{"class":3960},"  baseURL:",[3586,4426,4427],{"class":3600}," 'https:\u002F\u002Fapi.nomad.app\u002Fv1'",[3586,4429,4080],{"class":3596},[3586,4431,4432,4435,4438,4441],{"class":3588,"line":3686},[3586,4433,4434],{"class":3960},"  timeout:",[3586,4436,4437],{"class":3967}," 10000",[3586,4439,4440],{"class":3596},", ",[3586,4442,4443],{"class":3996},"\u002F\u002F 10 секунд таймаут\n",[3586,4445,4446,4449],{"class":3588,"line":3692},[3586,4447,4448],{"class":3960},"  headers:",[3586,4450,4042],{"class":3596},[3586,4452,4453,4456,4458,4460],{"class":3588,"line":3698},[3586,4454,4455],{"class":3600},"    'Content-Type'",[3586,4457,3938],{"class":3960},[3586,4459,4097],{"class":3600},[3586,4461,4080],{"class":3596},[3586,4463,4464],{"class":3588,"line":3704},[3586,4465,4466],{"class":3596},"  },\n",[3586,4468,4469],{"class":3588,"line":3710},[3586,4470,4471],{"class":3596},"});\n",[3586,4473,4474],{"class":3588,"line":3715},[3586,4475,3677],{"emptyLinePlaceholder":3676},[3586,4477,4478],{"class":3588,"line":3721},[3586,4479,4480],{"class":3996},"\u002F\u002F Додаємо інтерцептор для токена\n",[3586,4482,4483,4486,4488,4491,4493,4496,4498,4501,4504,4507,4510,4512],{"class":3588,"line":3727},[3586,4484,4485],{"class":3960},"apiClient",[3586,4487,3627],{"class":3596},[3586,4489,4490],{"class":3960},"interceptors",[3586,4492,3627],{"class":3596},[3586,4494,4495],{"class":3960},"request",[3586,4497,3627],{"class":3596},[3586,4499,4500],{"class":3592},"use",[3586,4502,4503],{"class":3596},"((",[3586,4505,4506],{"class":3960},"config",[3586,4508,4509],{"class":3596},") ",[3586,4511,4015],{"class":3948},[3586,4513,4042],{"class":3596},[3586,4515,4516,4518,4521,4523,4526,4529],{"class":3588,"line":3733},[3586,4517,3976],{"class":3948},[3586,4519,4520],{"class":3979}," token",[3586,4522,3964],{"class":3596},[3586,4524,4525],{"class":3600},"'user-auth-token-placeholder'",[3586,4527,4528],{"class":3596},"; ",[3586,4530,4531],{"class":3996},"\u002F\u002F Отримаємо з SecureStore\n",[3586,4533,4534,4537,4539,4542],{"class":3588,"line":3738},[3586,4535,4536],{"class":4038},"  if",[3586,4538,4216],{"class":3596},[3586,4540,4541],{"class":3960},"token",[3586,4543,3971],{"class":3596},[3586,4545,4546,4549,4551,4554,4556,4559,4561,4564,4566,4568,4570,4572],{"class":3588,"line":3743},[3586,4547,4548],{"class":3960},"    config",[3586,4550,3627],{"class":3596},[3586,4552,4553],{"class":3960},"headers",[3586,4555,3627],{"class":3596},[3586,4557,4558],{"class":3960},"Authorization",[3586,4560,3964],{"class":3596},[3586,4562,4563],{"class":3600},"`Bearer ",[3586,4565,4150],{"class":3948},[3586,4567,4541],{"class":3960},[3586,4569,4161],{"class":3948},[3586,4571,4164],{"class":3600},[3586,4573,4205],{"class":3596},[3586,4575,4576],{"class":3588,"line":3749},[3586,4577,4304],{"class":3596},[3586,4579,4580,4583,4586],{"class":3588,"line":3755},[3586,4581,4582],{"class":4038},"  return",[3586,4584,4585],{"class":3960}," config",[3586,4587,4205],{"class":3596},[3586,4589,4590],{"class":3588,"line":3761},[3586,4591,4471],{"class":3596},[3586,4593,4594],{"class":3588,"line":3766},[3586,4595,3677],{"emptyLinePlaceholder":3676},[3586,4597,4598],{"class":3588,"line":3771},[3586,4599,4600],{"class":3996},"\u002F\u002F Використання\n",[3586,4602,4603,4605,4607,4610],{"class":3588,"line":3777},[3586,4604,3949],{"class":3948},[3586,4606,3952],{"class":3948},[3586,4608,4609],{"class":3592}," getTrips",[3586,4611,4612],{"class":3596},"() {\n",[3586,4614,4615,4617],{"class":3588,"line":3783},[3586,4616,4039],{"class":4038},[3586,4618,4042],{"class":3596},[3586,4620,4621,4623,4625,4627,4629,4631,4633,4636,4638,4641],{"class":3588,"line":3789},[3586,4622,4047],{"class":3948},[3586,4624,4050],{"class":3979},[3586,4626,3964],{"class":3596},[3586,4628,4055],{"class":4038},[3586,4630,4407],{"class":3960},[3586,4632,3627],{"class":3596},[3586,4634,4635],{"class":3592},"get",[3586,4637,3597],{"class":3596},[3586,4639,4640],{"class":3600},"'\u002Ftrips'",[3586,4642,3604],{"class":3596},[3586,4644,4645,4647,4649,4651,4654,4656],{"class":3588,"line":3794},[3586,4646,4200],{"class":4038},[3586,4648,4050],{"class":3960},[3586,4650,3627],{"class":3596},[3586,4652,4653],{"class":3960},"data",[3586,4655,4528],{"class":3596},[3586,4657,4658],{"class":3996},"\u002F\u002F Автоматично розпарсений JSON\n",[3586,4660,4661,4663,4665,4667,4669],{"class":3588,"line":3799},[3586,4662,4210],{"class":3596},[3586,4664,4213],{"class":4038},[3586,4666,4216],{"class":3596},[3586,4668,4219],{"class":3960},[3586,4670,3971],{"class":3596},[3586,4672,4673,4675,4677,4679,4681,4684,4686,4688],{"class":3588,"line":3805},[3586,4674,4118],{"class":4038},[3586,4676,4216],{"class":3596},[3586,4678,3857],{"class":3960},[3586,4680,3627],{"class":3596},[3586,4682,4683],{"class":3592},"isAxiosError",[3586,4685,3597],{"class":3596},[3586,4687,4219],{"class":3960},[3586,4689,4690],{"class":3596},")) {\n",[3586,4692,4693,4696,4698,4700,4702,4704,4706,4709],{"class":3588,"line":3811},[3586,4694,4695],{"class":4038},"      if",[3586,4697,4216],{"class":3596},[3586,4699,4219],{"class":3960},[3586,4701,3627],{"class":3596},[3586,4703,3516],{"class":3960},[3586,4705,4244],{"class":3596},[3586,4707,4708],{"class":3600},"'ECONNABORTED'",[3586,4710,3971],{"class":3596},[3586,4712,4713,4716,4718,4720,4722,4725,4728,4731,4734,4737],{"class":3588,"line":3817},[3586,4714,4715],{"class":3960},"        console",[3586,4717,3627],{"class":3596},[3586,4719,4219],{"class":3592},[3586,4721,3597],{"class":3596},[3586,4723,4724],{"class":3600},"'Таймаут з'",[3586,4726,4727],{"class":3960},"єднання",[3586,4729,4730],{"class":3960}," з",[3586,4732,4733],{"class":3960}," сервером",[3586,4735,4736],{"class":3600},"')",[3586,4738,4205],{"class":4739},"se1LK",[3586,4741,4742,4745,4748],{"class":3588,"line":3823},[3586,4743,4744],{"class":3596},"      } ",[3586,4746,4747],{"class":3960},"else",[3586,4749,4042],{"class":3596},[3586,4751,4752,4755,4758,4760,4762,4764,4766,4769,4771,4773,4775],{"class":3588,"line":3829},[3586,4753,4754],{"class":3596},"        console.error(",[3586,4756,4757],{"class":3600},"`Помилка сервера: ",[3586,4759,4150],{"class":3948},[3586,4761,4219],{"class":3960},[3586,4763,3627],{"class":4155},[3586,4765,4124],{"class":3960},[3586,4767,4768],{"class":4155},"?.",[3586,4770,4158],{"class":3960},[3586,4772,4161],{"class":3948},[3586,4774,4164],{"class":3600},[3586,4776,3604],{"class":3960},[3586,4778,4779],{"class":3588,"line":3834},[3586,4780,4781],{"class":3960},"      }\n",[3586,4783,4785],{"class":3588,"line":4784},33,[3586,4786,4171],{"class":3960},[3586,4788,4790],{"class":3588,"line":4789},34,[3586,4791,4792],{"class":3960},"    throw error;\n",[3586,4794,4796],{"class":3588,"line":4795},35,[3586,4797,4304],{"class":3960},[3586,4799,4801],{"class":3588,"line":4800},36,[3586,4802,3707],{"class":3960},[4364,4804,4805],{"label":3593},[3577,4806,4808],{"className":3579,"code":4807,"language":3581,"meta":3582,"style":3582},"\u002F\u002F Ручна обробка заголовків, таймауту та статусів\nasync function getTripsFetch() {\n  const controller = new AbortController();\n  const timerId = setTimeout(() => controller.abort(), 10000);\n\n  try {\n    const token = 'user-auth-token-placeholder';\n    const response = await fetch('https:\u002F\u002Fapi.nomad.app\u002Fv1\u002Ftrips', {\n      method: 'GET',\n      signal: controller.signal,\n      headers: {\n        'Content-Type': 'application\u002Fjson',\n        'Authorization': `Bearer ${token}`,\n      },\n    });\n\n    if (!response.ok) {\n      throw new Error(`HTTP Status ${response.status}`);\n    }\n\n    return await response.json();\n  } catch (error: any) {\n    if (error.name === 'AbortError') {\n      console.error('Таймаут запиту');\n    }\n    throw error;\n  } finally {\n    clearTimeout(timerId);\n  }\n}\n",[3516,4809,4810,4815,4826,4840,4867,4871,4877,4889,4907,4917,4929,4935,4946,4966,4970,4974,4978,4992,5019,5023,5027,5042,5058,5076,5092,5096,5104,5112,5122,5126],{"__ignoreMap":3582},[3586,4811,4812],{"class":3588,"line":3589},[3586,4813,4814],{"class":3996},"\u002F\u002F Ручна обробка заголовків, таймауту та статусів\n",[3586,4816,4817,4819,4821,4824],{"class":3588,"line":3661},[3586,4818,3949],{"class":3948},[3586,4820,3952],{"class":3948},[3586,4822,4823],{"class":3592}," getTripsFetch",[3586,4825,4612],{"class":3596},[3586,4827,4828,4830,4832,4834,4836,4838],{"class":3588,"line":3667},[3586,4829,3976],{"class":3948},[3586,4831,3980],{"class":3979},[3586,4833,3964],{"class":3596},[3586,4835,3985],{"class":3948},[3586,4837,3988],{"class":3592},[3586,4839,3991],{"class":3596},[3586,4841,4842,4844,4846,4848,4850,4852,4854,4856,4858,4860,4862,4865],{"class":3588,"line":3673},[3586,4843,3976],{"class":3948},[3586,4845,4004],{"class":3979},[3586,4847,3964],{"class":3596},[3586,4849,4009],{"class":3592},[3586,4851,4012],{"class":3596},[3586,4853,4015],{"class":3948},[3586,4855,3980],{"class":3960},[3586,4857,3627],{"class":3596},[3586,4859,4022],{"class":3592},[3586,4861,4025],{"class":3596},[3586,4863,4864],{"class":3967},"10000",[3586,4866,3604],{"class":3596},[3586,4868,4869],{"class":3588,"line":3680},[3586,4870,3677],{"emptyLinePlaceholder":3676},[3586,4872,4873,4875],{"class":3588,"line":3686},[3586,4874,4039],{"class":4038},[3586,4876,4042],{"class":3596},[3586,4878,4879,4881,4883,4885,4887],{"class":3588,"line":3692},[3586,4880,4047],{"class":3948},[3586,4882,4520],{"class":3979},[3586,4884,3964],{"class":3596},[3586,4886,4525],{"class":3600},[3586,4888,4205],{"class":3596},[3586,4890,4891,4893,4895,4897,4899,4901,4903,4905],{"class":3588,"line":3698},[3586,4892,4047],{"class":3948},[3586,4894,4050],{"class":3979},[3586,4896,3964],{"class":3596},[3586,4898,4055],{"class":4038},[3586,4900,4058],{"class":3592},[3586,4902,3597],{"class":3596},[3586,4904,3601],{"class":3600},[3586,4906,4065],{"class":3596},[3586,4908,4909,4912,4915],{"class":3588,"line":3704},[3586,4910,4911],{"class":3960},"      method:",[3586,4913,4914],{"class":3600}," 'GET'",[3586,4916,4080],{"class":3596},[3586,4918,4919,4921,4923,4925,4927],{"class":3588,"line":3710},[3586,4920,4070],{"class":3960},[3586,4922,3980],{"class":3960},[3586,4924,3627],{"class":3596},[3586,4926,4077],{"class":3960},[3586,4928,4080],{"class":3596},[3586,4930,4931,4933],{"class":3588,"line":3715},[3586,4932,4085],{"class":3960},[3586,4934,4042],{"class":3596},[3586,4936,4937,4940,4942,4944],{"class":3588,"line":3721},[3586,4938,4939],{"class":3600},"        'Content-Type'",[3586,4941,3938],{"class":3960},[3586,4943,4097],{"class":3600},[3586,4945,4080],{"class":3596},[3586,4947,4948,4951,4953,4956,4958,4960,4962,4964],{"class":3588,"line":3727},[3586,4949,4950],{"class":3600},"        'Authorization'",[3586,4952,3938],{"class":3960},[3586,4954,4955],{"class":3600}," `Bearer ",[3586,4957,4150],{"class":3948},[3586,4959,4541],{"class":3960},[3586,4961,4161],{"class":3948},[3586,4963,4164],{"class":3600},[3586,4965,4080],{"class":3596},[3586,4967,4968],{"class":3588,"line":3733},[3586,4969,4104],{"class":3596},[3586,4971,4972],{"class":3588,"line":3738},[3586,4973,4109],{"class":3596},[3586,4975,4976],{"class":3588,"line":3743},[3586,4977,3677],{"emptyLinePlaceholder":3676},[3586,4979,4980,4982,4984,4986,4988,4990],{"class":3588,"line":3749},[3586,4981,4118],{"class":4038},[3586,4983,4121],{"class":3596},[3586,4985,4124],{"class":3960},[3586,4987,3627],{"class":3596},[3586,4989,4129],{"class":3960},[3586,4991,3971],{"class":3596},[3586,4993,4994,4996,4998,5000,5002,5005,5007,5009,5011,5013,5015,5017],{"class":3588,"line":3755},[3586,4995,4136],{"class":4038},[3586,4997,4139],{"class":3948},[3586,4999,4142],{"class":3592},[3586,5001,3597],{"class":3596},[3586,5003,5004],{"class":3600},"`HTTP Status ",[3586,5006,4150],{"class":3948},[3586,5008,4124],{"class":3960},[3586,5010,3627],{"class":4155},[3586,5012,4158],{"class":3960},[3586,5014,4161],{"class":3948},[3586,5016,4164],{"class":3600},[3586,5018,3604],{"class":3596},[3586,5020,5021],{"class":3588,"line":3761},[3586,5022,4171],{"class":3596},[3586,5024,5025],{"class":3588,"line":3766},[3586,5026,3677],{"emptyLinePlaceholder":3676},[3586,5028,5029,5031,5034,5036,5038,5040],{"class":3588,"line":3771},[3586,5030,4200],{"class":4038},[3586,5032,5033],{"class":4038}," await",[3586,5035,4050],{"class":3960},[3586,5037,3627],{"class":3596},[3586,5039,4193],{"class":3592},[3586,5041,3991],{"class":3596},[3586,5043,5044,5046,5048,5050,5052,5054,5056],{"class":3588,"line":3777},[3586,5045,4210],{"class":3596},[3586,5047,4213],{"class":4038},[3586,5049,4216],{"class":3596},[3586,5051,4219],{"class":3960},[3586,5053,4222],{"class":3596},[3586,5055,4226],{"class":4225},[3586,5057,3971],{"class":3596},[3586,5059,5060,5062,5064,5066,5068,5070,5072,5074],{"class":3588,"line":3783},[3586,5061,4118],{"class":4038},[3586,5063,4216],{"class":3596},[3586,5065,4219],{"class":3960},[3586,5067,3627],{"class":3596},[3586,5069,4241],{"class":3960},[3586,5071,4244],{"class":3596},[3586,5073,4247],{"class":3600},[3586,5075,3971],{"class":3596},[3586,5077,5078,5081,5083,5085,5087,5090],{"class":3588,"line":3789},[3586,5079,5080],{"class":3960},"      console",[3586,5082,3627],{"class":3596},[3586,5084,4219],{"class":3592},[3586,5086,3597],{"class":3596},[3586,5088,5089],{"class":3600},"'Таймаут запиту'",[3586,5091,3604],{"class":3596},[3586,5093,5094],{"class":3588,"line":3794},[3586,5095,4171],{"class":3596},[3586,5097,5098,5100,5102],{"class":3588,"line":3799},[3586,5099,4273],{"class":4038},[3586,5101,4276],{"class":3960},[3586,5103,4205],{"class":3596},[3586,5105,5106,5108,5110],{"class":3588,"line":3805},[3586,5107,4210],{"class":3596},[3586,5109,4285],{"class":4038},[3586,5111,4042],{"class":3596},[3586,5113,5114,5116,5118,5120],{"class":3588,"line":3811},[3586,5115,4292],{"class":3592},[3586,5117,3597],{"class":3596},[3586,5119,4297],{"class":3960},[3586,5121,3604],{"class":3596},[3586,5123,5124],{"class":3588,"line":3817},[3586,5125,4304],{"class":3596},[3586,5127,5128],{"class":3588,"line":3823},[3586,5129,3707],{"class":3596},[3558,5131,5133],{"id":5132},"анатомія-конфігурації-мережевого-запиту","Анатомія конфігурації мережевого запиту",[3512,5135,5136],{},"При побудові мережевого шару мобільного застосунку звертайте увагу на наступні параметри:",[5138,5139,5140,5151,5160,5188],"field-group",{},[5141,5142,5146,5147,5150],"field",{"name":5143,"type":5144,"required":5145},"baseURL","string","true","Базовий URL вашого сервера API (наприклад, ",[3516,5148,5149],{},"https:\u002F\u002Fapi.nomad.app\u002Fv1","). Дозволяє не дублювати доменне ім'я в кожному запиті.",[5141,5152,5155,5156,5159],{"name":5153,"type":5154,"default":4864},"timeout","number","Час очікування відповіді в мілісекундах. У мобільних застосунках оптимальним значенням є ",[3524,5157,5158],{},"5000–10000 мс (5–10 секунд)",". Чекати довше 15 секунд немає сенсу — користувач, швидше за все, уже закриє екран.",[5141,5161,5163,5164,5167,5168,5171,5172,5175,5176,4440,5179,4216,5182,3912,5185,3643],{"name":4553,"type":5162},"object","Заголовки HTTP-запиту. Для мобільних додатків обов'язково передавати ",[3516,5165,5166],{},"Accept: application\u002Fjson",", а також корисні кастомні заголовки: ",[3516,5169,5170],{},"User-Agent"," (наприклад, ",[3516,5173,5174],{},"Nomad\u002F1.0 (iOS 17.2)","), ",[3516,5177,5178],{},"X-App-Version",[3516,5180,5181],{},"X-Platform",[3516,5183,5184],{},"ios",[3516,5186,5187],{},"android",[5141,5189,5191],{"name":4077,"type":5190},"AbortSignal","Об'єкт сигналу для скасування запиту. Використовується, коли користувач залишає екран (unmount компонента), не дочекавшись завантаження даних.",[5193,5194,5195,5198,5199,5202],"warning",{},[3524,5196,5197],{},"Типова помилка новачка у вебі:"," Залишати таймаути 30–60 секунд або не обробляти ",[3516,5200,5201],{},"unmount"," компонента. Якщо користувач відкрив екран деталей поїздки, за чекання в 10 секунд натиснув «Назад», а запит повернувся пізніше і спробував оновити стан розмонтованого екрана — у старіших версіях React ви отримаєте memory leak warning, а у застосунку виникне марне споживання трафіку та акумулятора.",[3846,5204],{},[3507,5206,5208],{"id":5207},"таксономія-помилок-мережі-error-taxonomy-та-стратегії-повторних-спроб","Таксономія помилок мережі (Error Taxonomy) та стратегії повторних спроб",[3512,5210,5211,5212,5215,5216,3627],{},"У мобільних застосунках найгірше, що можна зробити при виникненні помилки мережі — це показати користувачу технічний екран з текстом ",[3516,5213,5214],{},"AxiosError: Network Error"," або незрозумілий ",[3516,5217,5218],{},"alert(error.message)",[3512,5220,5221,5222,5225],{},"Щоб побудувати надійну систему обробки помилок, їх потрібно розділити на ",[3524,5223,5224],{},"чотири чіткі рівні"," (таксономія). Кожен рівень вимагає власної стратегії інформування користувача та повторних спроб.",[3645,5227,5228],{},[3577,5229,5231],{"className":3649,"code":5230,"language":3651,"meta":3582,"style":3582},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\nstart\n:Виконання мережевого запиту;\n\nif (Є фізичний зв'язок з інтернетом?) then (ні)\n  #ffebee:1. Network Error (Офлайн \u002F Timeout);\n  :Показати Offline Banner \u002F Toast;\n  :Чекати появи мережі (NetInfo);\n  stop\nelse (так)\n  if (Сервер повернув відповідь?) then (ні)\n    #fff3e0:2. Server Down \u002F DNS Failure;\n    :Показати \"Сервер недоступний\";\n    :Exponential Backoff Retry;\n    stop\n  else (так)\n    if (HTTP Статус 2xx?) then (ні)\n      if (Статус 401 \u002F 403?) then (так)\n        #e8eaf6:3a. Auth Error;\n        :Refresh Token \u002F Redirect to Login;\n        stop\n      else (ні - 4xx \u002F 5xx)\n        #fce4ec:3b. Client \u002F Server Error;\n        :Показати текстову помилку валідації або 500;\n        stop\n      endif\n    else (так - 200 OK)\n      if (Успішний парсинг JSON?) then (так)\n        #e8f5e9:4. Успіх (Success);\n        :Оновити стан екрана (UI);\n        stop\n      else (ні)\n        #fff8e1:5. Schema Mismatch \u002F HTML Error;\n        :Логування в Sentry + \"Некоректна відповідь сервера\";\n        stop\n      endif\n    endif\n  endif\nendif\n\n@endl\n",[3516,5232,5233,5237,5241,5245,5249,5254,5259,5263,5268,5273,5278,5283,5288,5293,5298,5303,5308,5313,5318,5323,5328,5333,5338,5343,5348,5353,5358,5363,5367,5372,5377,5382,5387,5392,5396,5401,5406,5412,5417,5422,5428,5434,5440,5445],{"__ignoreMap":3582},[3586,5234,5235],{"class":3588,"line":3589},[3586,5236,3658],{},[3586,5238,5239],{"class":3588,"line":3661},[3586,5240,3664],{},[3586,5242,5243],{"class":3588,"line":3667},[3586,5244,3670],{},[3586,5246,5247],{"class":3588,"line":3673},[3586,5248,3677],{"emptyLinePlaceholder":3676},[3586,5250,5251],{"class":3588,"line":3680},[3586,5252,5253],{},"start\n",[3586,5255,5256],{"class":3588,"line":3686},[3586,5257,5258],{},":Виконання мережевого запиту;\n",[3586,5260,5261],{"class":3588,"line":3692},[3586,5262,3677],{"emptyLinePlaceholder":3676},[3586,5264,5265],{"class":3588,"line":3698},[3586,5266,5267],{},"if (Є фізичний зв'язок з інтернетом?) then (ні)\n",[3586,5269,5270],{"class":3588,"line":3704},[3586,5271,5272],{},"  #ffebee:1. Network Error (Офлайн \u002F Timeout);\n",[3586,5274,5275],{"class":3588,"line":3710},[3586,5276,5277],{},"  :Показати Offline Banner \u002F Toast;\n",[3586,5279,5280],{"class":3588,"line":3715},[3586,5281,5282],{},"  :Чекати появи мережі (NetInfo);\n",[3586,5284,5285],{"class":3588,"line":3721},[3586,5286,5287],{},"  stop\n",[3586,5289,5290],{"class":3588,"line":3727},[3586,5291,5292],{},"else (так)\n",[3586,5294,5295],{"class":3588,"line":3733},[3586,5296,5297],{},"  if (Сервер повернув відповідь?) then (ні)\n",[3586,5299,5300],{"class":3588,"line":3738},[3586,5301,5302],{},"    #fff3e0:2. Server Down \u002F DNS Failure;\n",[3586,5304,5305],{"class":3588,"line":3743},[3586,5306,5307],{},"    :Показати \"Сервер недоступний\";\n",[3586,5309,5310],{"class":3588,"line":3749},[3586,5311,5312],{},"    :Exponential Backoff Retry;\n",[3586,5314,5315],{"class":3588,"line":3755},[3586,5316,5317],{},"    stop\n",[3586,5319,5320],{"class":3588,"line":3761},[3586,5321,5322],{},"  else (так)\n",[3586,5324,5325],{"class":3588,"line":3766},[3586,5326,5327],{},"    if (HTTP Статус 2xx?) then (ні)\n",[3586,5329,5330],{"class":3588,"line":3771},[3586,5331,5332],{},"      if (Статус 401 \u002F 403?) then (так)\n",[3586,5334,5335],{"class":3588,"line":3777},[3586,5336,5337],{},"        #e8eaf6:3a. Auth Error;\n",[3586,5339,5340],{"class":3588,"line":3783},[3586,5341,5342],{},"        :Refresh Token \u002F Redirect to Login;\n",[3586,5344,5345],{"class":3588,"line":3789},[3586,5346,5347],{},"        stop\n",[3586,5349,5350],{"class":3588,"line":3794},[3586,5351,5352],{},"      else (ні - 4xx \u002F 5xx)\n",[3586,5354,5355],{"class":3588,"line":3799},[3586,5356,5357],{},"        #fce4ec:3b. Client \u002F Server Error;\n",[3586,5359,5360],{"class":3588,"line":3805},[3586,5361,5362],{},"        :Показати текстову помилку валідації або 500;\n",[3586,5364,5365],{"class":3588,"line":3811},[3586,5366,5347],{},[3586,5368,5369],{"class":3588,"line":3817},[3586,5370,5371],{},"      endif\n",[3586,5373,5374],{"class":3588,"line":3823},[3586,5375,5376],{},"    else (так - 200 OK)\n",[3586,5378,5379],{"class":3588,"line":3829},[3586,5380,5381],{},"      if (Успішний парсинг JSON?) then (так)\n",[3586,5383,5384],{"class":3588,"line":3834},[3586,5385,5386],{},"        #e8f5e9:4. Успіх (Success);\n",[3586,5388,5389],{"class":3588,"line":4784},[3586,5390,5391],{},"        :Оновити стан екрана (UI);\n",[3586,5393,5394],{"class":3588,"line":4789},[3586,5395,5347],{},[3586,5397,5398],{"class":3588,"line":4795},[3586,5399,5400],{},"      else (ні)\n",[3586,5402,5403],{"class":3588,"line":4800},[3586,5404,5405],{},"        #fff8e1:5. Schema Mismatch \u002F HTML Error;\n",[3586,5407,5409],{"class":3588,"line":5408},37,[3586,5410,5411],{},"        :Логування в Sentry + \"Некоректна відповідь сервера\";\n",[3586,5413,5415],{"class":3588,"line":5414},38,[3586,5416,5347],{},[3586,5418,5420],{"class":3588,"line":5419},39,[3586,5421,5371],{},[3586,5423,5425],{"class":3588,"line":5424},40,[3586,5426,5427],{},"    endif\n",[3586,5429,5431],{"class":3588,"line":5430},41,[3586,5432,5433],{},"  endif\n",[3586,5435,5437],{"class":3588,"line":5436},42,[3586,5438,5439],{},"endif\n",[3586,5441,5443],{"class":3588,"line":5442},43,[3586,5444,3677],{"emptyLinePlaceholder":3676},[3586,5446,5448],{"class":3588,"line":5447},44,[3586,5449,5450],{},"@endl\n",[3558,5452,5454],{"id":5453},"_4-рівні-помилок-та-реакція-застосунку","4 рівні помилок та реакція застосунку",[5138,5456,5457,5473,5497,5528],{},[5141,5458,5461,5464,5465,5468,5469,5472],{"name":5459,"type":5460},"1. Мережевий рівень (Network & Timeout)","рівень помилки",[3524,5462,5463],{},"Причини:"," відсутність інтернету, втрата пакетів у 4G, розрив TCP-з'єднання, перевищення таймауту (Timeout).\n",[3524,5466,5467],{},"Що бачити користувач:"," «Немає підключення до мережі» або «Час очікування вичерпано».\n",[3524,5470,5471],{},"Реакція системи:"," не завалювати сервер повторними запитами. Запропонувати кнопку «Повторити спробу» (Retry) або автоматично повторити запит, коли пристрій відновить зв'язок з інтернетом.",[5141,5474,5476,5478,5479,4440,5481,4440,5484,5487,5488,5490,5491,5478,5493,5496],{"name":5475,"type":5460},"2. Серверний рівень (HTTP 5xx)",[3524,5477,5463],{}," ",[3516,5480,3911],{},[3516,5482,5483],{},"502 Bad Gateway",[3516,5485,5486],{},"503 Service Unavailable",". Сервер перезавантажується або не впорається з навантаженням.\n",[3524,5489,5467],{}," «Сервер тимчасово недоступний. Ми вже лагодимо це».\n",[3524,5492,5471],{},[3524,5494,5495],{},"Exponential Backoff із Jitter"," — повторна спроба через 1с, потім 2с, 4с, 8с з додаванням рандомної затримки. Це запобігає «шторму запитів» (Thundering Herd Problem), коли тисячі мобільних пристроїв одночасно намагаються перепідключитися до відновленого сервера.",[5141,5498,5500,5478,5502,5505,5506,5509,5510,5513,5514,5516,5517,5519,5520,5523,5524,5527],{"name":5499,"type":5460},"3. Авторизаційний та бізнес-рівень (HTTP 4xx)",[3524,5501,5463],{},[3516,5503,5504],{},"401 Unauthorized"," (застарілий access-токен), ",[3516,5507,5508],{},"403 Forbidden"," (немає прав), ",[3516,5511,5512],{},"422 Unprocessable Entity"," (помилка валідації форми).\n",[3524,5515,5467],{}," підказки біля полів форми або перенаправлення на екран входу.\n",[3524,5518,5471],{}," при ",[3516,5521,5522],{},"401"," — спробувати фоново оновити токен через Refresh Token. Якщо не вдалося — очистити сесію та перенаправити на Auth-екран. ",[3524,5525,5526],{},"Ніколи не робити автоматичні retry для помилок 4xx",", оскільки повторний запит з тими самими даними дасть той самий негативний результат!",[5141,5529,5531,5533,5534,5536,5537,5539],{"name":5530,"type":5460},"4. Рівень парсингу даних (Schema & Parsing)",[3524,5532,5463],{}," сервер замість JSON повернув HTML-сторінку помилки Nginx, або змістилися назви полів у JSON.\n",[3524,5535,5467],{}," «Помилка обробки даних».\n",[3524,5538,5471],{}," відправка трасування та стеку помилки у системи моніторингу (Sentry, Bugsnag).",[3558,5541,5543,5544,5547],{"id":5542},"створення-уніфікованого-нормалізатора-помилок-apperror","Створення уніфікованого нормалізатора помилок (",[3516,5545,5546],{},"AppError",")",[3512,5549,5550],{},"Щоб не обробляти Axios-помилки розкидано по всьому коду, створюють єдиний клас-нормалізатор:",[3577,5552,5554],{"className":3579,"code":5553,"language":3581,"meta":3582,"style":3582},"export enum ErrorKind {\n  Network = 'NETWORK',\n  Timeout = 'TIMEOUT',\n  Server = 'SERVER',\n  Unauthorized = 'UNAUTHORIZED',\n  NotFound = 'NOT_FOUND',\n  Validation = 'VALIDATION',\n  Unknown = 'UNKNOWN',\n}\n\nexport class AppError extends Error {\n  constructor(\n    public readonly kind: ErrorKind,\n    public readonly userMessage: string,\n    public readonly statusCode?: number,\n    public readonly originalError?: unknown\n  ) {\n    super(userMessage);\n    this.name = 'AppError';\n  }\n\n  static from(error: unknown): AppError {\n    if (error instanceof AppError) return error;\n\n    \u002F\u002F Якщо це помилка Axios\n    if (typeof error === 'object' && error !== null && 'isAxiosError' in error) {\n      const axiosErr = error as any;\n\n      if (axiosErr.code === 'ECONNABORTED') {\n        return new AppError(\n          ErrorKind.Timeout,\n          'Запит тривав занадто довго. Перевірте з'єднання.',\n          undefined,\n          error\n        );\n      }\n\n      if (!axiosErr.response) {\n        return new AppError(\n          ErrorKind.Network,\n          'Відсутнє з'єднання з інтернетом або сервером.',\n          undefined,\n          error\n        );\n      }\n\n      const status = axiosErr.response.status;\n      if (status === 401) {\n        return new AppError(ErrorKind.Unauthorized, 'Сесія вичерпана. Увійдіть знову.', status, error);\n      }\n      if (status === 404) {\n        return new AppError(ErrorKind.NotFound, 'Запитуваний ресурс не знайдено.', status, error);\n      }\n      if (status >= 500) {\n        return new AppError(ErrorKind.Server, 'На сервері сталася помилка. Спробуйте пізніше.', status, error);\n      }\n    }\n\n    return new AppError(ErrorKind.Unknown, 'Сталася несподівана помилка.', undefined, error);\n  }\n}\n",[3516,5555,5556,5568,5580,5592,5604,5616,5628,5640,5652,5656,5660,5677,5685,5703,5718,5734,5748,5753,5765,5781,5785,5789,5812,5834,5838,5843,5882,5902,5906,5925,5936,5948,5962,5969,5974,5979,5983,5987,6001,6011,6021,6044,6050,6054,6058,6063,6068,6090,6105,6138,6143,6159,6192,6197,6214,6247,6252,6257,6262,6296,6301],{"__ignoreMap":3582},[3586,5557,5558,5560,5563,5566],{"class":3588,"line":3589},[3586,5559,4401],{"class":4038},[3586,5561,5562],{"class":3948}," enum",[3586,5564,5565],{"class":4225}," ErrorKind",[3586,5567,4042],{"class":3596},[3586,5569,5570,5573,5575,5578],{"class":3588,"line":3661},[3586,5571,5572],{"class":3979},"  Network",[3586,5574,3964],{"class":3596},[3586,5576,5577],{"class":3600},"'NETWORK'",[3586,5579,4080],{"class":3596},[3586,5581,5582,5585,5587,5590],{"class":3588,"line":3667},[3586,5583,5584],{"class":3979},"  Timeout",[3586,5586,3964],{"class":3596},[3586,5588,5589],{"class":3600},"'TIMEOUT'",[3586,5591,4080],{"class":3596},[3586,5593,5594,5597,5599,5602],{"class":3588,"line":3673},[3586,5595,5596],{"class":3979},"  Server",[3586,5598,3964],{"class":3596},[3586,5600,5601],{"class":3600},"'SERVER'",[3586,5603,4080],{"class":3596},[3586,5605,5606,5609,5611,5614],{"class":3588,"line":3680},[3586,5607,5608],{"class":3979},"  Unauthorized",[3586,5610,3964],{"class":3596},[3586,5612,5613],{"class":3600},"'UNAUTHORIZED'",[3586,5615,4080],{"class":3596},[3586,5617,5618,5621,5623,5626],{"class":3588,"line":3686},[3586,5619,5620],{"class":3979},"  NotFound",[3586,5622,3964],{"class":3596},[3586,5624,5625],{"class":3600},"'NOT_FOUND'",[3586,5627,4080],{"class":3596},[3586,5629,5630,5633,5635,5638],{"class":3588,"line":3692},[3586,5631,5632],{"class":3979},"  Validation",[3586,5634,3964],{"class":3596},[3586,5636,5637],{"class":3600},"'VALIDATION'",[3586,5639,4080],{"class":3596},[3586,5641,5642,5645,5647,5650],{"class":3588,"line":3698},[3586,5643,5644],{"class":3979},"  Unknown",[3586,5646,3964],{"class":3596},[3586,5648,5649],{"class":3600},"'UNKNOWN'",[3586,5651,4080],{"class":3596},[3586,5653,5654],{"class":3588,"line":3704},[3586,5655,3707],{"class":3596},[3586,5657,5658],{"class":3588,"line":3710},[3586,5659,3677],{"emptyLinePlaceholder":3676},[3586,5661,5662,5664,5667,5670,5673,5675],{"class":3588,"line":3715},[3586,5663,4401],{"class":4038},[3586,5665,5666],{"class":3948}," class",[3586,5668,5669],{"class":4225}," AppError",[3586,5671,5672],{"class":3948}," extends",[3586,5674,4142],{"class":4225},[3586,5676,4042],{"class":3596},[3586,5678,5679,5682],{"class":3588,"line":3721},[3586,5680,5681],{"class":3948},"  constructor",[3586,5683,5684],{"class":3596},"(\n",[3586,5686,5687,5690,5693,5696,5698,5701],{"class":3588,"line":3727},[3586,5688,5689],{"class":3948},"    public",[3586,5691,5692],{"class":3948}," readonly",[3586,5694,5695],{"class":3960}," kind",[3586,5697,4222],{"class":3596},[3586,5699,5700],{"class":4225},"ErrorKind",[3586,5702,4080],{"class":3596},[3586,5704,5705,5707,5709,5712,5714,5716],{"class":3588,"line":3733},[3586,5706,5689],{"class":3948},[3586,5708,5692],{"class":3948},[3586,5710,5711],{"class":3960}," userMessage",[3586,5713,4222],{"class":3596},[3586,5715,5144],{"class":4225},[3586,5717,4080],{"class":3596},[3586,5719,5720,5722,5724,5727,5730,5732],{"class":3588,"line":3738},[3586,5721,5689],{"class":3948},[3586,5723,5692],{"class":3948},[3586,5725,5726],{"class":3960}," statusCode",[3586,5728,5729],{"class":3596},"?: ",[3586,5731,5154],{"class":4225},[3586,5733,4080],{"class":3596},[3586,5735,5736,5738,5740,5743,5745],{"class":3588,"line":3743},[3586,5737,5689],{"class":3948},[3586,5739,5692],{"class":3948},[3586,5741,5742],{"class":3960}," originalError",[3586,5744,5729],{"class":3596},[3586,5746,5747],{"class":4225},"unknown\n",[3586,5749,5750],{"class":3588,"line":3749},[3586,5751,5752],{"class":3596},"  ) {\n",[3586,5754,5755,5758,5760,5763],{"class":3588,"line":3755},[3586,5756,5757],{"class":3948},"    super",[3586,5759,3597],{"class":3596},[3586,5761,5762],{"class":3960},"userMessage",[3586,5764,3604],{"class":3596},[3586,5766,5767,5770,5772,5774,5776,5779],{"class":3588,"line":3761},[3586,5768,5769],{"class":3948},"    this",[3586,5771,3627],{"class":3596},[3586,5773,4241],{"class":3960},[3586,5775,3964],{"class":3596},[3586,5777,5778],{"class":3600},"'AppError'",[3586,5780,4205],{"class":3596},[3586,5782,5783],{"class":3588,"line":3766},[3586,5784,4304],{"class":3596},[3586,5786,5787],{"class":3588,"line":3771},[3586,5788,3677],{"emptyLinePlaceholder":3676},[3586,5790,5791,5794,5796,5798,5800,5802,5805,5808,5810],{"class":3588,"line":3777},[3586,5792,5793],{"class":3948},"  static",[3586,5795,4382],{"class":3592},[3586,5797,3597],{"class":3596},[3586,5799,4219],{"class":3960},[3586,5801,4222],{"class":3596},[3586,5803,5804],{"class":4225},"unknown",[3586,5806,5807],{"class":3596},"): ",[3586,5809,5546],{"class":4225},[3586,5811,4042],{"class":3596},[3586,5813,5814,5816,5818,5820,5823,5825,5827,5830,5832],{"class":3588,"line":3783},[3586,5815,4118],{"class":4038},[3586,5817,4216],{"class":3596},[3586,5819,4219],{"class":3960},[3586,5821,5822],{"class":3948}," instanceof",[3586,5824,5669],{"class":4225},[3586,5826,4509],{"class":3596},[3586,5828,5829],{"class":4038},"return",[3586,5831,4276],{"class":3960},[3586,5833,4205],{"class":3596},[3586,5835,5836],{"class":3588,"line":3789},[3586,5837,3677],{"emptyLinePlaceholder":3676},[3586,5839,5840],{"class":3588,"line":3794},[3586,5841,5842],{"class":3996},"    \u002F\u002F Якщо це помилка Axios\n",[3586,5844,5845,5847,5849,5852,5854,5856,5859,5862,5864,5867,5870,5872,5875,5878,5880],{"class":3588,"line":3799},[3586,5846,4118],{"class":4038},[3586,5848,4216],{"class":3596},[3586,5850,5851],{"class":3948},"typeof",[3586,5853,4276],{"class":3960},[3586,5855,4244],{"class":3596},[3586,5857,5858],{"class":3600},"'object'",[3586,5860,5861],{"class":3596}," && ",[3586,5863,4219],{"class":3960},[3586,5865,5866],{"class":3596}," !== ",[3586,5868,5869],{"class":3948},"null",[3586,5871,5861],{"class":3596},[3586,5873,5874],{"class":3600},"'isAxiosError'",[3586,5876,5877],{"class":3948}," in",[3586,5879,4276],{"class":3960},[3586,5881,3971],{"class":3596},[3586,5883,5884,5887,5890,5892,5894,5897,5900],{"class":3588,"line":3805},[3586,5885,5886],{"class":3948},"      const",[3586,5888,5889],{"class":3979}," axiosErr",[3586,5891,3964],{"class":3596},[3586,5893,4219],{"class":3960},[3586,5895,5896],{"class":4038}," as",[3586,5898,5899],{"class":4225}," any",[3586,5901,4205],{"class":3596},[3586,5903,5904],{"class":3588,"line":3811},[3586,5905,3677],{"emptyLinePlaceholder":3676},[3586,5907,5908,5910,5912,5915,5917,5919,5921,5923],{"class":3588,"line":3817},[3586,5909,4695],{"class":4038},[3586,5911,4216],{"class":3596},[3586,5913,5914],{"class":3960},"axiosErr",[3586,5916,3627],{"class":3596},[3586,5918,3516],{"class":3960},[3586,5920,4244],{"class":3596},[3586,5922,4708],{"class":3600},[3586,5924,3971],{"class":3596},[3586,5926,5927,5930,5932,5934],{"class":3588,"line":3823},[3586,5928,5929],{"class":4038},"        return",[3586,5931,4139],{"class":3948},[3586,5933,5669],{"class":3592},[3586,5935,5684],{"class":3596},[3586,5937,5938,5941,5943,5946],{"class":3588,"line":3829},[3586,5939,5940],{"class":3960},"          ErrorKind",[3586,5942,3627],{"class":3596},[3586,5944,5945],{"class":3960},"Timeout",[3586,5947,4080],{"class":3596},[3586,5949,5950,5953,5955,5957,5960],{"class":3588,"line":3834},[3586,5951,5952],{"class":3600},"          'Запит тривав занадто довго. Перевірте з'",[3586,5954,4727],{"class":3960},[3586,5956,3627],{"class":3596},[3586,5958,5959],{"class":3600},"'",[3586,5961,4080],{"class":4739},[3586,5963,5964,5967],{"class":3588,"line":4784},[3586,5965,5966],{"class":3948},"          undefined",[3586,5968,4080],{"class":3596},[3586,5970,5971],{"class":3588,"line":4789},[3586,5972,5973],{"class":3960},"          error\n",[3586,5975,5976],{"class":3588,"line":4795},[3586,5977,5978],{"class":3596},"        );\n",[3586,5980,5981],{"class":3588,"line":4800},[3586,5982,4781],{"class":3596},[3586,5984,5985],{"class":3588,"line":5408},[3586,5986,3677],{"emptyLinePlaceholder":3676},[3586,5988,5989,5991,5993,5995,5997,5999],{"class":3588,"line":5414},[3586,5990,4695],{"class":4038},[3586,5992,4121],{"class":3596},[3586,5994,5914],{"class":3960},[3586,5996,3627],{"class":3596},[3586,5998,4124],{"class":3960},[3586,6000,3971],{"class":3596},[3586,6002,6003,6005,6007,6009],{"class":3588,"line":5419},[3586,6004,5929],{"class":4038},[3586,6006,4139],{"class":3948},[3586,6008,5669],{"class":3592},[3586,6010,5684],{"class":3596},[3586,6012,6013,6015,6017,6019],{"class":3588,"line":5424},[3586,6014,5940],{"class":3960},[3586,6016,3627],{"class":3596},[3586,6018,1945],{"class":3960},[3586,6020,4080],{"class":3596},[3586,6022,6023,6026,6028,6030,6033,6036,6038,6040,6042],{"class":3588,"line":5430},[3586,6024,6025],{"class":3600},"          'Відсутнє з'",[3586,6027,4727],{"class":3960},[3586,6029,4730],{"class":3960},[3586,6031,6032],{"class":3960}," інтернетом",[3586,6034,6035],{"class":3960}," або",[3586,6037,4733],{"class":3960},[3586,6039,3627],{"class":3596},[3586,6041,5959],{"class":3600},[3586,6043,4080],{"class":4739},[3586,6045,6046,6048],{"class":3588,"line":5436},[3586,6047,5966],{"class":3948},[3586,6049,4080],{"class":3596},[3586,6051,6052],{"class":3588,"line":5442},[3586,6053,5973],{"class":3960},[3586,6055,6056],{"class":3588,"line":5447},[3586,6057,5978],{"class":3596},[3586,6059,6061],{"class":3588,"line":6060},45,[3586,6062,4781],{"class":3596},[3586,6064,6066],{"class":3588,"line":6065},46,[3586,6067,3677],{"emptyLinePlaceholder":3676},[3586,6069,6071,6073,6076,6078,6080,6082,6084,6086,6088],{"class":3588,"line":6070},47,[3586,6072,5886],{"class":3948},[3586,6074,6075],{"class":3979}," status",[3586,6077,3964],{"class":3596},[3586,6079,5914],{"class":3960},[3586,6081,3627],{"class":3596},[3586,6083,4124],{"class":3960},[3586,6085,3627],{"class":3596},[3586,6087,4158],{"class":3960},[3586,6089,4205],{"class":3596},[3586,6091,6093,6095,6097,6099,6101,6103],{"class":3588,"line":6092},48,[3586,6094,4695],{"class":4038},[3586,6096,4216],{"class":3596},[3586,6098,4158],{"class":3960},[3586,6100,4244],{"class":3596},[3586,6102,5522],{"class":3967},[3586,6104,3971],{"class":3596},[3586,6106,6108,6110,6112,6114,6116,6118,6120,6123,6125,6128,6130,6132,6134,6136],{"class":3588,"line":6107},49,[3586,6109,5929],{"class":4038},[3586,6111,4139],{"class":3948},[3586,6113,5669],{"class":3592},[3586,6115,3597],{"class":3596},[3586,6117,5700],{"class":3960},[3586,6119,3627],{"class":3596},[3586,6121,6122],{"class":3960},"Unauthorized",[3586,6124,4440],{"class":3596},[3586,6126,6127],{"class":3600},"'Сесія вичерпана. Увійдіть знову.'",[3586,6129,4440],{"class":3596},[3586,6131,4158],{"class":3960},[3586,6133,4440],{"class":3596},[3586,6135,4219],{"class":3960},[3586,6137,3604],{"class":3596},[3586,6139,6141],{"class":3588,"line":6140},50,[3586,6142,4781],{"class":3596},[3586,6144,6146,6148,6150,6152,6154,6157],{"class":3588,"line":6145},51,[3586,6147,4695],{"class":4038},[3586,6149,4216],{"class":3596},[3586,6151,4158],{"class":3960},[3586,6153,4244],{"class":3596},[3586,6155,6156],{"class":3967},"404",[3586,6158,3971],{"class":3596},[3586,6160,6162,6164,6166,6168,6170,6172,6174,6177,6179,6182,6184,6186,6188,6190],{"class":3588,"line":6161},52,[3586,6163,5929],{"class":4038},[3586,6165,4139],{"class":3948},[3586,6167,5669],{"class":3592},[3586,6169,3597],{"class":3596},[3586,6171,5700],{"class":3960},[3586,6173,3627],{"class":3596},[3586,6175,6176],{"class":3960},"NotFound",[3586,6178,4440],{"class":3596},[3586,6180,6181],{"class":3600},"'Запитуваний ресурс не знайдено.'",[3586,6183,4440],{"class":3596},[3586,6185,4158],{"class":3960},[3586,6187,4440],{"class":3596},[3586,6189,4219],{"class":3960},[3586,6191,3604],{"class":3596},[3586,6193,6195],{"class":3588,"line":6194},53,[3586,6196,4781],{"class":3596},[3586,6198,6200,6202,6204,6206,6209,6212],{"class":3588,"line":6199},54,[3586,6201,4695],{"class":4038},[3586,6203,4216],{"class":3596},[3586,6205,4158],{"class":3960},[3586,6207,6208],{"class":3596}," >= ",[3586,6210,6211],{"class":3967},"500",[3586,6213,3971],{"class":3596},[3586,6215,6217,6219,6221,6223,6225,6227,6229,6232,6234,6237,6239,6241,6243,6245],{"class":3588,"line":6216},55,[3586,6218,5929],{"class":4038},[3586,6220,4139],{"class":3948},[3586,6222,5669],{"class":3592},[3586,6224,3597],{"class":3596},[3586,6226,5700],{"class":3960},[3586,6228,3627],{"class":3596},[3586,6230,6231],{"class":3960},"Server",[3586,6233,4440],{"class":3596},[3586,6235,6236],{"class":3600},"'На сервері сталася помилка. Спробуйте пізніше.'",[3586,6238,4440],{"class":3596},[3586,6240,4158],{"class":3960},[3586,6242,4440],{"class":3596},[3586,6244,4219],{"class":3960},[3586,6246,3604],{"class":3596},[3586,6248,6250],{"class":3588,"line":6249},56,[3586,6251,4781],{"class":3596},[3586,6253,6255],{"class":3588,"line":6254},57,[3586,6256,4171],{"class":3596},[3586,6258,6260],{"class":3588,"line":6259},58,[3586,6261,3677],{"emptyLinePlaceholder":3676},[3586,6263,6265,6267,6269,6271,6273,6275,6277,6280,6282,6285,6287,6290,6292,6294],{"class":3588,"line":6264},59,[3586,6266,4200],{"class":4038},[3586,6268,4139],{"class":3948},[3586,6270,5669],{"class":3592},[3586,6272,3597],{"class":3596},[3586,6274,5700],{"class":3960},[3586,6276,3627],{"class":3596},[3586,6278,6279],{"class":3960},"Unknown",[3586,6281,4440],{"class":3596},[3586,6283,6284],{"class":3600},"'Сталася несподівана помилка.'",[3586,6286,4440],{"class":3596},[3586,6288,6289],{"class":3948},"undefined",[3586,6291,4440],{"class":3596},[3586,6293,4219],{"class":3960},[3586,6295,3604],{"class":3596},[3586,6297,6299],{"class":3588,"line":6298},60,[3586,6300,4304],{"class":3596},[3586,6302,6304],{"class":3588,"line":6303},61,[3586,6305,3707],{"class":3596},[6307,6308,6309,6312,6313,6315],"tip",{},[3524,6310,6311],{},"Практична порада:"," Нормалізатор ",[3516,6314,5546],{}," дозволяє розділити технічні деталі (які відправляються в логи\u002FSentry) від повідомлень для UI, які бачить звичайний користувач у банерах чи модальних вікнах.",[3846,6317],{},[3507,6319,6321,6322],{"id":6320},"відстеження-стану-мережі-у-реальному-часі-react-native-communitynetinfo","Відстеження стану мережі у реальному часі: ",[3516,6323,6324],{},"@react-native-community\u002Fnetinfo",[3512,6326,6327,6328,6331],{},"Дізнатися про відсутність інтернету ",[3524,6329,6330],{},"до"," того, як користувач натисне кнопку і чекатиме 10 секунд таймауту — це ознака якісного мобільного застосунку.",[3512,6333,6334,6335,3627],{},"Оскільки в самому core-пакеті React Native модуля мережевого стану немає (його винесли в процесі Lean Core), стандартним рішенням у спільноті є пакет ",[3524,6336,6337],{},[3516,6338,6324],{},[3558,6340,6342],{"id":6341},"установка-в-expo","Установка в Expo",[3577,6344,6348],{"className":6345,"code":6346,"language":6347,"meta":3582,"style":3582},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npx expo install @react-native-community\u002Fnetinfo\n","bash",[3516,6349,6350],{"__ignoreMap":3582},[3586,6351,6352,6355,6358,6361],{"class":3588,"line":3589},[3586,6353,6354],{"class":3592},"npx",[3586,6356,6357],{"class":3600}," expo",[3586,6359,6360],{"class":3600}," install",[3586,6362,6363],{"class":3600}," @react-native-community\u002Fnetinfo\n",[3558,6365,6367,6368,3854,6371],{"id":6366},"плутанина-двох-прапорців-isconnected-vs-isinternetreachable","Плутанина двох прапорців: ",[3516,6369,6370],{},"isConnected",[3516,6372,6373],{},"isInternetReachable",[3512,6375,6376,6377,6380],{},"Коли ви запитуєте стан мережі у ",[3516,6378,6379],{},"NetInfo",", об'єкт стану повертає дві ключові boolean-властивості:",[5138,6382,6383,6398],{},[5141,6384,6386,6387,6390,6391,6393,6394,6397],{"name":6370,"type":6385},"boolean","Показує, чи пристрій підключений до ",[3524,6388,6389],{},"мережевого інтерфейсу"," (Wi-Fi роутера, мобільної вежі 3G\u002F4G\u002F5G, Ethernet).\n",[3516,6392,5145],{}," означає лише те, що телефон має мережевий зв'язок з локальним пристроєм\u002Fроутером. Це ",[3524,6395,6396],{},"не гарантує",", що через цей роутер є вихід у глобальний інтернет!",[5141,6399,6401,6408],{"name":6373,"type":6400},"boolean | null",[3512,6402,6403,6404,6407],{},"Показує, чи пристрій дійсно може ",[3524,6405,6406],{},"достукатися до глобального інтернету",".\nСистема перевіряє це шляхом фонового надсилання короткачасового запиту на системні сервери (Apple чи Google).",[3613,6409,6410,6415,6425],{},[3532,6411,6412,6414],{},[3516,6413,5869],{}," — стан ще перевіряється (при старті);",[3532,6416,6417,6420,6421,6424],{},[3516,6418,6419],{},"false"," — Wi-Fi є (наприклад, у готелі з Captive Portal сторінкою входу або в метро), але інтернет ",[3524,6422,6423],{},"не доступний",";",[3532,6426,6427,6429],{},[3516,6428,5145],{}," — інтернет повністю функціонує.",[5193,6431,6432,6435,6436,6439,6440,6442,6443,6445,6446,6452],{},[3524,6433,6434],{},"Плутанина прапорців:"," Перевірка ",[3516,6437,6438],{},"if (state.isConnected)"," — це найпоширеніша помилка. Якщо користувач підключився до Wi-Fi у потягу, який їде лісом (Wi-Fi роутер у вагоні працює, але супутникового\u002Fмобільного зв'язку у роутера немає), ",[3516,6441,6370],{}," буде ",[3516,6444,5145],{},", але реальні запити падатимуть. ",[3524,6447,6448,6449],{},"Завжди орієнтуйтесь на ",[3516,6450,6451],{},"isInternetReachable === true"," або сукупність двох прапорців!",[3558,6454,6456,6457],{"id":6455},"кастомний-react-хук-usenetworkstatus","Кастомний React-хук: ",[3516,6458,6459],{},"useNetworkStatus",[3512,6461,6462],{},"Створимо зручний хук для використання у будь-якому компоненті:",[3577,6464,6466],{"className":3579,"code":6465,"language":3581,"meta":3582,"style":3582},"import { useEffect, useState } from 'react';\nimport NetInfo, { NetInfoState } from '@react-native-community\u002Fnetinfo';\n\nexport interface NetworkStatus {\n  isConnected: boolean;\n  isInternetReachable: boolean;\n  isOffline: boolean;\n  type: string;\n}\n\nexport function useNetworkStatus(): NetworkStatus {\n  const [status, setStatus] = useState\u003CNetworkStatus>({\n    isConnected: true,\n    isInternetReachable: true,\n    isOffline: false,\n    type: 'unknown',\n  });\n\n  useEffect(() => {\n    \u002F\u002F Передплата на зміни стану мережі в реальному часі\n    const unsubscribe = NetInfo.addEventListener((state: NetInfoState) => {\n      const isConnected = state.isConnected ?? false;\n      const isInternetReachable = state.isInternetReachable ?? false;\n\n      \u002F\u002F Пристрій вважається офлайн, якщо немає з'єднання АБО інтернет недосяжний\n      const isOffline = !isConnected || !isInternetReachable;\n\n      setStatus({\n        isConnected,\n        isInternetReachable,\n        isOffline,\n        type: state.type,\n      });\n    });\n\n    return () => unsubscribe();\n  }, []);\n\n  return status;\n}\n",[3516,6467,6468,6494,6516,6520,6532,6543,6554,6565,6576,6580,6584,6601,6628,6638,6647,6657,6667,6672,6676,6687,6692,6723,6745,6766,6770,6775,6794,6798,6805,6812,6819,6826,6841,6846,6850,6854,6867,6872,6876,6884],{"__ignoreMap":3582},[3586,6469,6470,6472,6475,6478,6480,6483,6486,6489,6492],{"class":3588,"line":3589},[3586,6471,4376],{"class":4038},[3586,6473,6474],{"class":3596}," { ",[3586,6476,6477],{"class":3960},"useEffect",[3586,6479,4440],{"class":3596},[3586,6481,6482],{"class":3960},"useState",[3586,6484,6485],{"class":3596}," } ",[3586,6487,6488],{"class":4038},"from",[3586,6490,6491],{"class":3600}," 'react'",[3586,6493,4205],{"class":3596},[3586,6495,6496,6498,6501,6504,6507,6509,6511,6514],{"class":3588,"line":3661},[3586,6497,4376],{"class":4038},[3586,6499,6500],{"class":3960}," NetInfo",[3586,6502,6503],{"class":3596},", { ",[3586,6505,6506],{"class":3960},"NetInfoState",[3586,6508,6485],{"class":3596},[3586,6510,6488],{"class":4038},[3586,6512,6513],{"class":3600}," '@react-native-community\u002Fnetinfo'",[3586,6515,4205],{"class":3596},[3586,6517,6518],{"class":3588,"line":3667},[3586,6519,3677],{"emptyLinePlaceholder":3676},[3586,6521,6522,6524,6527,6530],{"class":3588,"line":3673},[3586,6523,4401],{"class":4038},[3586,6525,6526],{"class":3948}," interface",[3586,6528,6529],{"class":4225}," NetworkStatus",[3586,6531,4042],{"class":3596},[3586,6533,6534,6537,6539,6541],{"class":3588,"line":3680},[3586,6535,6536],{"class":3960},"  isConnected",[3586,6538,4222],{"class":3596},[3586,6540,6385],{"class":4225},[3586,6542,4205],{"class":3596},[3586,6544,6545,6548,6550,6552],{"class":3588,"line":3686},[3586,6546,6547],{"class":3960},"  isInternetReachable",[3586,6549,4222],{"class":3596},[3586,6551,6385],{"class":4225},[3586,6553,4205],{"class":3596},[3586,6555,6556,6559,6561,6563],{"class":3588,"line":3692},[3586,6557,6558],{"class":3960},"  isOffline",[3586,6560,4222],{"class":3596},[3586,6562,6385],{"class":4225},[3586,6564,4205],{"class":3596},[3586,6566,6567,6570,6572,6574],{"class":3588,"line":3698},[3586,6568,6569],{"class":3960},"  type",[3586,6571,4222],{"class":3596},[3586,6573,5144],{"class":4225},[3586,6575,4205],{"class":3596},[3586,6577,6578],{"class":3588,"line":3704},[3586,6579,3707],{"class":3596},[3586,6581,6582],{"class":3588,"line":3710},[3586,6583,3677],{"emptyLinePlaceholder":3676},[3586,6585,6586,6588,6590,6593,6596,6599],{"class":3588,"line":3715},[3586,6587,4401],{"class":4038},[3586,6589,3952],{"class":3948},[3586,6591,6592],{"class":3592}," useNetworkStatus",[3586,6594,6595],{"class":3596},"(): ",[3586,6597,6598],{"class":4225},"NetworkStatus",[3586,6600,4042],{"class":3596},[3586,6602,6603,6605,6608,6610,6612,6615,6618,6620,6623,6625],{"class":3588,"line":3721},[3586,6604,3976],{"class":3948},[3586,6606,6607],{"class":3596}," [",[3586,6609,4158],{"class":3979},[3586,6611,4440],{"class":3596},[3586,6613,6614],{"class":3979},"setStatus",[3586,6616,6617],{"class":3596},"] = ",[3586,6619,6482],{"class":3592},[3586,6621,6622],{"class":3596},"\u003C",[3586,6624,6598],{"class":4225},[3586,6626,6627],{"class":3596},">({\n",[3586,6629,6630,6633,6636],{"class":3588,"line":3727},[3586,6631,6632],{"class":3960},"    isConnected:",[3586,6634,6635],{"class":3948}," true",[3586,6637,4080],{"class":3596},[3586,6639,6640,6643,6645],{"class":3588,"line":3733},[3586,6641,6642],{"class":3960},"    isInternetReachable:",[3586,6644,6635],{"class":3948},[3586,6646,4080],{"class":3596},[3586,6648,6649,6652,6655],{"class":3588,"line":3738},[3586,6650,6651],{"class":3960},"    isOffline:",[3586,6653,6654],{"class":3948}," false",[3586,6656,4080],{"class":3596},[3586,6658,6659,6662,6665],{"class":3588,"line":3743},[3586,6660,6661],{"class":3960},"    type:",[3586,6663,6664],{"class":3600}," 'unknown'",[3586,6666,4080],{"class":3596},[3586,6668,6669],{"class":3588,"line":3749},[3586,6670,6671],{"class":3596},"  });\n",[3586,6673,6674],{"class":3588,"line":3755},[3586,6675,3677],{"emptyLinePlaceholder":3676},[3586,6677,6678,6681,6683,6685],{"class":3588,"line":3761},[3586,6679,6680],{"class":3592},"  useEffect",[3586,6682,4012],{"class":3596},[3586,6684,4015],{"class":3948},[3586,6686,4042],{"class":3596},[3586,6688,6689],{"class":3588,"line":3766},[3586,6690,6691],{"class":3996},"    \u002F\u002F Передплата на зміни стану мережі в реальному часі\n",[3586,6693,6694,6696,6699,6701,6703,6705,6708,6710,6713,6715,6717,6719,6721],{"class":3588,"line":3771},[3586,6695,4047],{"class":3948},[3586,6697,6698],{"class":3979}," unsubscribe",[3586,6700,3964],{"class":3596},[3586,6702,6379],{"class":3960},[3586,6704,3627],{"class":3596},[3586,6706,6707],{"class":3592},"addEventListener",[3586,6709,4503],{"class":3596},[3586,6711,6712],{"class":3960},"state",[3586,6714,4222],{"class":3596},[3586,6716,6506],{"class":4225},[3586,6718,4509],{"class":3596},[3586,6720,4015],{"class":3948},[3586,6722,4042],{"class":3596},[3586,6724,6725,6727,6730,6732,6734,6736,6738,6741,6743],{"class":3588,"line":3777},[3586,6726,5886],{"class":3948},[3586,6728,6729],{"class":3979}," isConnected",[3586,6731,3964],{"class":3596},[3586,6733,6712],{"class":3960},[3586,6735,3627],{"class":3596},[3586,6737,6370],{"class":3960},[3586,6739,6740],{"class":3596}," ?? ",[3586,6742,6419],{"class":3948},[3586,6744,4205],{"class":3596},[3586,6746,6747,6749,6752,6754,6756,6758,6760,6762,6764],{"class":3588,"line":3783},[3586,6748,5886],{"class":3948},[3586,6750,6751],{"class":3979}," isInternetReachable",[3586,6753,3964],{"class":3596},[3586,6755,6712],{"class":3960},[3586,6757,3627],{"class":3596},[3586,6759,6373],{"class":3960},[3586,6761,6740],{"class":3596},[3586,6763,6419],{"class":3948},[3586,6765,4205],{"class":3596},[3586,6767,6768],{"class":3588,"line":3789},[3586,6769,3677],{"emptyLinePlaceholder":3676},[3586,6771,6772],{"class":3588,"line":3794},[3586,6773,6774],{"class":3996},"      \u002F\u002F Пристрій вважається офлайн, якщо немає з'єднання АБО інтернет недосяжний\n",[3586,6776,6777,6779,6782,6785,6787,6790,6792],{"class":3588,"line":3799},[3586,6778,5886],{"class":3948},[3586,6780,6781],{"class":3979}," isOffline",[3586,6783,6784],{"class":3596}," = !",[3586,6786,6370],{"class":3960},[3586,6788,6789],{"class":3596}," || !",[3586,6791,6373],{"class":3960},[3586,6793,4205],{"class":3596},[3586,6795,6796],{"class":3588,"line":3805},[3586,6797,3677],{"emptyLinePlaceholder":3676},[3586,6799,6800,6803],{"class":3588,"line":3811},[3586,6801,6802],{"class":3592},"      setStatus",[3586,6804,4419],{"class":3596},[3586,6806,6807,6810],{"class":3588,"line":3817},[3586,6808,6809],{"class":3960},"        isConnected",[3586,6811,4080],{"class":3596},[3586,6813,6814,6817],{"class":3588,"line":3823},[3586,6815,6816],{"class":3960},"        isInternetReachable",[3586,6818,4080],{"class":3596},[3586,6820,6821,6824],{"class":3588,"line":3829},[3586,6822,6823],{"class":3960},"        isOffline",[3586,6825,4080],{"class":3596},[3586,6827,6828,6831,6834,6836,6839],{"class":3588,"line":3834},[3586,6829,6830],{"class":3960},"        type:",[3586,6832,6833],{"class":3960}," state",[3586,6835,3627],{"class":3596},[3586,6837,6838],{"class":3960},"type",[3586,6840,4080],{"class":3596},[3586,6842,6843],{"class":3588,"line":4784},[3586,6844,6845],{"class":3596},"      });\n",[3586,6847,6848],{"class":3588,"line":4789},[3586,6849,4109],{"class":3596},[3586,6851,6852],{"class":3588,"line":4795},[3586,6853,3677],{"emptyLinePlaceholder":3676},[3586,6855,6856,6858,6861,6863,6865],{"class":3588,"line":4800},[3586,6857,4200],{"class":4038},[3586,6859,6860],{"class":3596}," () ",[3586,6862,4015],{"class":3948},[3586,6864,6698],{"class":3592},[3586,6866,3991],{"class":3596},[3586,6868,6869],{"class":3588,"line":5408},[3586,6870,6871],{"class":3596},"  }, []);\n",[3586,6873,6874],{"class":3588,"line":5414},[3586,6875,3677],{"emptyLinePlaceholder":3676},[3586,6877,6878,6880,6882],{"class":3588,"line":5419},[3586,6879,4582],{"class":4038},[3586,6881,6075],{"class":3960},[3586,6883,4205],{"class":3596},[3586,6885,6886],{"class":3588,"line":5424},[3586,6887,3707],{"class":3596},[3558,6889,6891],{"id":6890},"приклад-ui-індикатор-відсутності-мережі-offline-banner","Приклад UI: Індикатор відсутності мережі (Offline Banner)",[3512,6893,6894,6895,6897],{},"Використовуючи хук ",[3516,6896,6459],{},", ми можемо показати ненав'язливий плаваючий плашка-банер у шапці застосунку:",[3577,6899,6901],{"className":3579,"code":6900,"language":3581,"meta":3582,"style":3582},"import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { useNetworkStatus } from '.\u002FuseNetworkStatus';\n\nexport const OfflineBanner: React.FC = () => {\n  const { isOffline } = useNetworkStatus();\n\n  if (!isOffline) return null;\n\n  return (\n    \u003CView style={styles.banner}>\n      \u003CText style={styles.text}>\n        Немає підключення до інтернету. Робота в офлайн-режимі.\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  banner: {\n    backgroundColor: '#D32F2F', \u002F\u002F Червоний застережливий колір\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  text: {\n    color: '#FFFFFF',\n    fontSize: 13,\n    fontWeight: '600',\n  },\n});\n",[3516,6902,6903,6916,6944,6961,6965,6990,7006,7010,7027,7031,7038,7057,7073,7108,7118,7127,7132,7137,7141,7159,7166,7179,7189,7199,7209,7218,7222,7229,7239,7249,7259,7263],{"__ignoreMap":3582},[3586,6904,6905,6907,6910,6912,6914],{"class":3588,"line":3589},[3586,6906,4376],{"class":4038},[3586,6908,6909],{"class":3960}," React",[3586,6911,4382],{"class":4038},[3586,6913,6491],{"class":3600},[3586,6915,4205],{"class":3596},[3586,6917,6918,6920,6922,6925,6927,6930,6932,6935,6937,6939,6942],{"class":3588,"line":3661},[3586,6919,4376],{"class":4038},[3586,6921,6474],{"class":3596},[3586,6923,6924],{"class":3960},"View",[3586,6926,4440],{"class":3596},[3586,6928,6929],{"class":3960},"Text",[3586,6931,4440],{"class":3596},[3586,6933,6934],{"class":3960},"StyleSheet",[3586,6936,6485],{"class":3596},[3586,6938,6488],{"class":4038},[3586,6940,6941],{"class":3600}," 'react-native'",[3586,6943,4205],{"class":3596},[3586,6945,6946,6948,6950,6952,6954,6956,6959],{"class":3588,"line":3667},[3586,6947,4376],{"class":4038},[3586,6949,6474],{"class":3596},[3586,6951,6459],{"class":3960},[3586,6953,6485],{"class":3596},[3586,6955,6488],{"class":4038},[3586,6957,6958],{"class":3600}," '.\u002FuseNetworkStatus'",[3586,6960,4205],{"class":3596},[3586,6962,6963],{"class":3588,"line":3673},[3586,6964,3677],{"emptyLinePlaceholder":3676},[3586,6966,6967,6969,6971,6974,6976,6978,6980,6983,6986,6988],{"class":3588,"line":3680},[3586,6968,4401],{"class":4038},[3586,6970,4404],{"class":3948},[3586,6972,6973],{"class":3592}," OfflineBanner",[3586,6975,4222],{"class":3596},[3586,6977,2021],{"class":4225},[3586,6979,3627],{"class":3596},[3586,6981,6982],{"class":4225},"FC",[3586,6984,6985],{"class":3596}," = () ",[3586,6987,4015],{"class":3948},[3586,6989,4042],{"class":3596},[3586,6991,6992,6994,6996,6999,7002,7004],{"class":3588,"line":3686},[3586,6993,3976],{"class":3948},[3586,6995,6474],{"class":3596},[3586,6997,6998],{"class":3979},"isOffline",[3586,7000,7001],{"class":3596}," } = ",[3586,7003,6459],{"class":3592},[3586,7005,3991],{"class":3596},[3586,7007,7008],{"class":3588,"line":3692},[3586,7009,3677],{"emptyLinePlaceholder":3676},[3586,7011,7012,7014,7016,7018,7020,7022,7025],{"class":3588,"line":3698},[3586,7013,4536],{"class":4038},[3586,7015,4121],{"class":3596},[3586,7017,6998],{"class":3960},[3586,7019,4509],{"class":3596},[3586,7021,5829],{"class":4038},[3586,7023,7024],{"class":3948}," null",[3586,7026,4205],{"class":3596},[3586,7028,7029],{"class":3588,"line":3704},[3586,7030,3677],{"emptyLinePlaceholder":3676},[3586,7032,7033,7035],{"class":3588,"line":3710},[3586,7034,4582],{"class":4038},[3586,7036,7037],{"class":3596}," (\n",[3586,7039,7040,7043,7045,7048,7051,7054],{"class":3588,"line":3715},[3586,7041,7042],{"class":3596},"    \u003C",[3586,7044,6924],{"class":3960},[3586,7046,7047],{"class":3960}," style",[3586,7049,7050],{"class":3596},"={styles.",[3586,7052,7053],{"class":3960},"banner",[3586,7055,7056],{"class":3596},"}>\n",[3586,7058,7059,7062,7064,7066,7068,7071],{"class":3588,"line":3721},[3586,7060,7061],{"class":3596},"      \u003C",[3586,7063,6929],{"class":3960},[3586,7065,7047],{"class":3960},[3586,7067,7050],{"class":3596},[3586,7069,7070],{"class":3960},"text",[3586,7072,7056],{"class":3596},[3586,7074,7075,7078,7081,7084,7087,7090,7093,7096,7099,7102,7105],{"class":3588,"line":3727},[3586,7076,7077],{"class":3960},"        Немає",[3586,7079,7080],{"class":3960}," підключення",[3586,7082,7083],{"class":3960}," до",[3586,7085,7086],{"class":3960}," інтернету",[3586,7088,7089],{"class":3596},". ",[3586,7091,7092],{"class":3960},"Робота",[3586,7094,7095],{"class":3960}," в",[3586,7097,7098],{"class":3960}," офлайн",[3586,7100,7101],{"class":3596},"-",[3586,7103,7104],{"class":3960},"режимі",[3586,7106,7107],{"class":3596},".\n",[3586,7109,7110,7113,7115],{"class":3588,"line":3733},[3586,7111,7112],{"class":3596},"      \u003C\u002F",[3586,7114,6929],{"class":3960},[3586,7116,7117],{"class":3596},">\n",[3586,7119,7120,7123,7125],{"class":3588,"line":3738},[3586,7121,7122],{"class":3596},"    \u003C\u002F",[3586,7124,6924],{"class":3960},[3586,7126,7117],{"class":3596},[3586,7128,7129],{"class":3588,"line":3743},[3586,7130,7131],{"class":3596},"  );\n",[3586,7133,7134],{"class":3588,"line":3749},[3586,7135,7136],{"class":3596},"};\n",[3586,7138,7139],{"class":3588,"line":3755},[3586,7140,3677],{"emptyLinePlaceholder":3676},[3586,7142,7143,7146,7149,7151,7153,7155,7157],{"class":3588,"line":3761},[3586,7144,7145],{"class":3948},"const",[3586,7147,7148],{"class":3979}," styles",[3586,7150,3964],{"class":3596},[3586,7152,6934],{"class":3960},[3586,7154,3627],{"class":3596},[3586,7156,4416],{"class":3592},[3586,7158,4419],{"class":3596},[3586,7160,7161,7164],{"class":3588,"line":3766},[3586,7162,7163],{"class":3960},"  banner:",[3586,7165,4042],{"class":3596},[3586,7167,7168,7171,7174,7176],{"class":3588,"line":3771},[3586,7169,7170],{"class":3960},"    backgroundColor:",[3586,7172,7173],{"class":3600}," '#D32F2F'",[3586,7175,4440],{"class":3596},[3586,7177,7178],{"class":3996},"\u002F\u002F Червоний застережливий колір\n",[3586,7180,7181,7184,7187],{"class":3588,"line":3777},[3586,7182,7183],{"class":3960},"    paddingVertical:",[3586,7185,7186],{"class":3967}," 8",[3586,7188,4080],{"class":3596},[3586,7190,7191,7194,7197],{"class":3588,"line":3783},[3586,7192,7193],{"class":3960},"    paddingHorizontal:",[3586,7195,7196],{"class":3967}," 16",[3586,7198,4080],{"class":3596},[3586,7200,7201,7204,7207],{"class":3588,"line":3789},[3586,7202,7203],{"class":3960},"    alignItems:",[3586,7205,7206],{"class":3600}," 'center'",[3586,7208,4080],{"class":3596},[3586,7210,7211,7214,7216],{"class":3588,"line":3794},[3586,7212,7213],{"class":3960},"    justifyContent:",[3586,7215,7206],{"class":3600},[3586,7217,4080],{"class":3596},[3586,7219,7220],{"class":3588,"line":3799},[3586,7221,4466],{"class":3596},[3586,7223,7224,7227],{"class":3588,"line":3805},[3586,7225,7226],{"class":3960},"  text:",[3586,7228,4042],{"class":3596},[3586,7230,7231,7234,7237],{"class":3588,"line":3811},[3586,7232,7233],{"class":3960},"    color:",[3586,7235,7236],{"class":3600}," '#FFFFFF'",[3586,7238,4080],{"class":3596},[3586,7240,7241,7244,7247],{"class":3588,"line":3817},[3586,7242,7243],{"class":3960},"    fontSize:",[3586,7245,7246],{"class":3967}," 13",[3586,7248,4080],{"class":3596},[3586,7250,7251,7254,7257],{"class":3588,"line":3823},[3586,7252,7253],{"class":3960},"    fontWeight:",[3586,7255,7256],{"class":3600}," '600'",[3586,7258,4080],{"class":3596},[3586,7260,7261],{"class":3588,"line":3829},[3586,7262,4466],{"class":3596},[3586,7264,7265],{"class":3588,"line":3834},[3586,7266,4471],{"class":3596},[3846,7268],{},[3507,7270,7272,7273],{"id":7271},"життєвий-цикл-мобільного-застосунку-appstate","Життєвий цикл мобільного застосунку: ",[3516,7274,7275],{},"AppState",[3512,7277,7278],{},"На відміну від веб-сторінки, де користувач або відкрив вкладку, або закрив її, мобільний застосунок живе у складі складної операційної системи з жорстким керуванням пам'яттю та ресурсами.",[3512,7280,7281,7282,3627],{},"Коли користувач натискає кнопку Home, перемикається на Telegram чи йому надходить вхідний дзвінок — ваш застосунок не закривається повністю, а змінює свій ",[3524,7283,7284],{},"стан життєвого циклу (AppState)",[3558,7286,7288,7289],{"id":7287},"три-стани-appstate","Три стани ",[3516,7290,7275],{},[3512,7292,7293],{},"Операційні системи iOS та Android визначають три основні стани застосунку:",[3645,7295,7296],{},[3577,7297,7299],{"className":3649,"code":7298,"language":3651,"meta":3582,"style":3582},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\nstate \"active\" as Active #e8f5e9 : Застосунок на передньому плані.\\nКористувач бачить екран і взаємодіє.\n\nstate \"inactive\" as Inactive #fff3e0 : Перехідний стан.\\n(Вхідний виклик, App Switcher,\\nсистемний діалог дозволів).\n\nstate \"background\" as Background #ffebee : Застосунок згорнуто.\\nJS-потік призупиняється або\\nобмежується системою.\n\n[*] --> Active : Запуск застосунку\n\nActive --> Inactive : Згортання \u002F Вхідний дзвінок\nInactive --> Background : Повний перехід у фоновий режим\nBackground --> Inactive : Користувач повертає застосунок\nInactive --> Active : Відновлення активності\n\nBackground --> [*] : ОС знищує процес\\nдля звільнення RAM\n@endl\n",[3516,7300,7301,7305,7309,7313,7317,7322,7326,7331,7335,7340,7344,7349,7353,7358,7363,7368,7373,7377,7382],{"__ignoreMap":3582},[3586,7302,7303],{"class":3588,"line":3589},[3586,7304,3658],{},[3586,7306,7307],{"class":3588,"line":3661},[3586,7308,3664],{},[3586,7310,7311],{"class":3588,"line":3667},[3586,7312,3670],{},[3586,7314,7315],{"class":3588,"line":3673},[3586,7316,3677],{"emptyLinePlaceholder":3676},[3586,7318,7319],{"class":3588,"line":3680},[3586,7320,7321],{},"state \"active\" as Active #e8f5e9 : Застосунок на передньому плані.\\nКористувач бачить екран і взаємодіє.\n",[3586,7323,7324],{"class":3588,"line":3686},[3586,7325,3677],{"emptyLinePlaceholder":3676},[3586,7327,7328],{"class":3588,"line":3692},[3586,7329,7330],{},"state \"inactive\" as Inactive #fff3e0 : Перехідний стан.\\n(Вхідний виклик, App Switcher,\\nсистемний діалог дозволів).\n",[3586,7332,7333],{"class":3588,"line":3698},[3586,7334,3677],{"emptyLinePlaceholder":3676},[3586,7336,7337],{"class":3588,"line":3704},[3586,7338,7339],{},"state \"background\" as Background #ffebee : Застосунок згорнуто.\\nJS-потік призупиняється або\\nобмежується системою.\n",[3586,7341,7342],{"class":3588,"line":3710},[3586,7343,3677],{"emptyLinePlaceholder":3676},[3586,7345,7346],{"class":3588,"line":3715},[3586,7347,7348],{},"[*] --> Active : Запуск застосунку\n",[3586,7350,7351],{"class":3588,"line":3721},[3586,7352,3677],{"emptyLinePlaceholder":3676},[3586,7354,7355],{"class":3588,"line":3727},[3586,7356,7357],{},"Active --> Inactive : Згортання \u002F Вхідний дзвінок\n",[3586,7359,7360],{"class":3588,"line":3733},[3586,7361,7362],{},"Inactive --> Background : Повний перехід у фоновий режим\n",[3586,7364,7365],{"class":3588,"line":3738},[3586,7366,7367],{},"Background --> Inactive : Користувач повертає застосунок\n",[3586,7369,7370],{"class":3588,"line":3743},[3586,7371,7372],{},"Inactive --> Active : Відновлення активності\n",[3586,7374,7375],{"class":3588,"line":3749},[3586,7376,3677],{"emptyLinePlaceholder":3676},[3586,7378,7379],{"class":3588,"line":3755},[3586,7380,7381],{},"Background --> [*] : ОС знищує процес\\nдля звільнення RAM\n",[3586,7383,7384],{"class":3588,"line":3761},[3586,7385,5450],{},[5138,7387,7388,7393,7416],{},[5141,7389,7392],{"name":7390,"type":7391},"active","стан AppState","Застосунок працює на передньому плані (foreground), видимий на екрані та реагує на всі жести й натискання користувача.",[5141,7394,7396,7402],{"name":7395,"type":7391},"inactive",[3512,7397,7398,7399],{},"Перехідний стан. Застосунок все ще видимий (або напіввидимий), але не отримує подій дотику.\n",[3524,7400,7401],{},"Коли виникає:",[3613,7403,7404,7407,7410,7413],{},[3532,7405,7406],{},"Увімкнення iOS App Switcher (панель перемикання між застосунками);",[3532,7408,7409],{},"Вхідний телефонний дзвінок або будильник;",[3532,7411,7412],{},"Системне вікно запиту дозволу (наприклад, «Надати доступ до геопозиції?»);",[3532,7414,7415],{},"Опускання верхньої шторки сповіщень.",[5141,7417,7419,7420,7423],{"name":7418,"type":7391},"background","Застосунок згорнуто і він не видимий користувачу. Він перебуває в пам'яті RAM, але операційна система істотно обмежує виконання JavaScript-коду для економії заряду акумулятора. В будь-який момент при нестачі оперативної пам'яті ОС може ",[3524,7421,7422],{},"тихо знищити (kill)"," процес застосунку без виклику будь-яких destructors!",[3558,7425,7427,7428],{"id":7426},"навіщо-розробнику-стежити-за-appstate","Навіщо розробнику стежити за ",[3516,7429,7275],{},[3512,7431,7432,7433,7435],{},"Робота з ",[3516,7434,7275],{}," необхідна для трьох критичних сценаріїв:",[3529,7437,7438,7450,7467],{},[3532,7439,7440,7443,7444,7446,7447,7449],{},[3524,7441,7442],{},"Автоматичне поновлення застарілих даних (Refetch on App Active):","\nЯкщо користувач відкрив список поїздок о 09:00, згорнув застосунок, а повернувся о 14:00 — дані на екрані застаріли. При переході з ",[3516,7445,7418],{}," у ",[3516,7448,7390],{}," потрібно автоматично підтягнути нові дані з API.",[3532,7451,7452,7455,7456,7459,7460,7463,7464,7466],{},[3524,7453,7454],{},"Пауза таймерів, фонової анімації та polling-запитів:","\nЯкщо у вас працює ",[3516,7457,7458],{},"setInterval",", який кожні 5 секунд запитує нові повідомлення з сервера — його ",[3524,7461,7462],{},"обов'язково потрібно призупиняти"," при переході в ",[3516,7465,7418],{},". Інакше при поверненні в активний стан ви отримаєте пачку накопичених запитів, або акумулятор пристрою буде прискорено розряджатися.",[3532,7468,7469,7472,7473,7475,7476,7478],{},[3524,7470,7471],{},"Безпека та приватність (Blur overlay):","\nБанківські додаткові або застосунки з приватними нотатками у стані ",[3516,7474,7395],{}," \u002F ",[3516,7477,7418],{}," накривають екран розмитим фоном чи логотипом, щоб у панелі відкритих застосунків (App Switcher) випадковий перехожий не побачив баланс рахунку або особисті фото.",[3558,7480,6456,7482],{"id":7481},"кастомний-react-хук-useappstate",[3516,7483,7484],{},"useAppState",[3512,7486,7487,7488,7490],{},"Модуль ",[3516,7489,7275],{}," входить до складу ядра React Native. Напишемо зручний хук для відстеження змін стану:",[3577,7492,7494],{"className":3579,"code":7493,"language":3581,"meta":3582,"style":3582},"import { useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nexport function useAppState(): AppStateStatus {\n  const [appState, setAppState] = useState\u003CAppStateStatus>(AppState.currentState);\n\n  useEffect(() => {\n    \u002F\u002F Передплата на зміну стану життєвого циклу\n    const subscription = AppState.addEventListener('change', (nextAppState: AppStateStatus) => {\n      setAppState(nextAppState);\n    });\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return appState;\n}\n",[3516,7495,7496,7516,7537,7541,7556,7590,7594,7604,7609,7645,7656,7660,7664,7674,7686,7691,7695,7699,7708],{"__ignoreMap":3582},[3586,7497,7498,7500,7502,7504,7506,7508,7510,7512,7514],{"class":3588,"line":3589},[3586,7499,4376],{"class":4038},[3586,7501,6474],{"class":3596},[3586,7503,6477],{"class":3960},[3586,7505,4440],{"class":3596},[3586,7507,6482],{"class":3960},[3586,7509,6485],{"class":3596},[3586,7511,6488],{"class":4038},[3586,7513,6491],{"class":3600},[3586,7515,4205],{"class":3596},[3586,7517,7518,7520,7522,7524,7526,7529,7531,7533,7535],{"class":3588,"line":3661},[3586,7519,4376],{"class":4038},[3586,7521,6474],{"class":3596},[3586,7523,7275],{"class":3960},[3586,7525,4440],{"class":3596},[3586,7527,7528],{"class":3960},"AppStateStatus",[3586,7530,6485],{"class":3596},[3586,7532,6488],{"class":4038},[3586,7534,6941],{"class":3600},[3586,7536,4205],{"class":3596},[3586,7538,7539],{"class":3588,"line":3667},[3586,7540,3677],{"emptyLinePlaceholder":3676},[3586,7542,7543,7545,7547,7550,7552,7554],{"class":3588,"line":3673},[3586,7544,4401],{"class":4038},[3586,7546,3952],{"class":3948},[3586,7548,7549],{"class":3592}," useAppState",[3586,7551,6595],{"class":3596},[3586,7553,7528],{"class":4225},[3586,7555,4042],{"class":3596},[3586,7557,7558,7560,7562,7565,7567,7570,7572,7574,7576,7578,7581,7583,7585,7588],{"class":3588,"line":3680},[3586,7559,3976],{"class":3948},[3586,7561,6607],{"class":3596},[3586,7563,7564],{"class":3979},"appState",[3586,7566,4440],{"class":3596},[3586,7568,7569],{"class":3979},"setAppState",[3586,7571,6617],{"class":3596},[3586,7573,6482],{"class":3592},[3586,7575,6622],{"class":3596},[3586,7577,7528],{"class":4225},[3586,7579,7580],{"class":3596},">(",[3586,7582,7275],{"class":3960},[3586,7584,3627],{"class":3596},[3586,7586,7587],{"class":3960},"currentState",[3586,7589,3604],{"class":3596},[3586,7591,7592],{"class":3588,"line":3686},[3586,7593,3677],{"emptyLinePlaceholder":3676},[3586,7595,7596,7598,7600,7602],{"class":3588,"line":3692},[3586,7597,6680],{"class":3592},[3586,7599,4012],{"class":3596},[3586,7601,4015],{"class":3948},[3586,7603,4042],{"class":3596},[3586,7605,7606],{"class":3588,"line":3698},[3586,7607,7608],{"class":3996},"    \u002F\u002F Передплата на зміну стану життєвого циклу\n",[3586,7610,7611,7613,7616,7618,7620,7622,7624,7626,7629,7632,7635,7637,7639,7641,7643],{"class":3588,"line":3704},[3586,7612,4047],{"class":3948},[3586,7614,7615],{"class":3979}," subscription",[3586,7617,3964],{"class":3596},[3586,7619,7275],{"class":3960},[3586,7621,3627],{"class":3596},[3586,7623,6707],{"class":3592},[3586,7625,3597],{"class":3596},[3586,7627,7628],{"class":3600},"'change'",[3586,7630,7631],{"class":3596},", (",[3586,7633,7634],{"class":3960},"nextAppState",[3586,7636,4222],{"class":3596},[3586,7638,7528],{"class":4225},[3586,7640,4509],{"class":3596},[3586,7642,4015],{"class":3948},[3586,7644,4042],{"class":3596},[3586,7646,7647,7650,7652,7654],{"class":3588,"line":3710},[3586,7648,7649],{"class":3592},"      setAppState",[3586,7651,3597],{"class":3596},[3586,7653,7634],{"class":3960},[3586,7655,3604],{"class":3596},[3586,7657,7658],{"class":3588,"line":3715},[3586,7659,4109],{"class":3596},[3586,7661,7662],{"class":3588,"line":3721},[3586,7663,3677],{"emptyLinePlaceholder":3676},[3586,7665,7666,7668,7670,7672],{"class":3588,"line":3727},[3586,7667,4200],{"class":4038},[3586,7669,6860],{"class":3596},[3586,7671,4015],{"class":3948},[3586,7673,4042],{"class":3596},[3586,7675,7676,7679,7681,7684],{"class":3588,"line":3733},[3586,7677,7678],{"class":3960},"      subscription",[3586,7680,3627],{"class":3596},[3586,7682,7683],{"class":3592},"remove",[3586,7685,3991],{"class":3596},[3586,7687,7688],{"class":3588,"line":3738},[3586,7689,7690],{"class":3596},"    };\n",[3586,7692,7693],{"class":3588,"line":3743},[3586,7694,6871],{"class":3596},[3586,7696,7697],{"class":3588,"line":3749},[3586,7698,3677],{"emptyLinePlaceholder":3676},[3586,7700,7701,7703,7706],{"class":3588,"line":3755},[3586,7702,4582],{"class":4038},[3586,7704,7705],{"class":3960}," appState",[3586,7707,4205],{"class":3596},[3586,7709,7710],{"class":3588,"line":3761},[3586,7711,3707],{"class":3596},[3846,7713],{},[3507,7715,7717],{"id":7716},"поєднуємо-життєвий-цикл-та-мережу-сценарії-автоматичного-поновлення-даних","Поєднуємо життєвий цикл та мережу: Сценарії автоматичного поновлення даних",[3512,7719,7720],{},"Тепер поєднаємо знання про мережу та життєвий цикл застосунку.",[3512,7722,7723,7724,7727],{},"У реальному мобільному додатку користувач очікує, що дані на екрані ",[3524,7725,7726],{},"завжди свіжі",", без необхідності постійно тиснути кнопку «Оновити».",[3512,7729,7730,7731,7734],{},"Створимо комплексний хук ",[3516,7732,7733],{},"useRefetchOnFocusAndNetwork",", який trigger-ить оновлення даних у двох випадках:",[3529,7736,7737,7745],{},[3532,7738,7739,7740,7742,7743,3643],{},"Користувач повернувся в застосунок із фону (",[3516,7741,7418],{}," ➔ ",[3516,7744,7390],{},[3532,7746,7747,7748,7742,7751,3643],{},"Пристрій відновив інтернет-з'єднання після офлайну (",[3516,7749,7750],{},"isOffline: true",[3516,7752,7753],{},"isOffline: false",[3577,7755,7757],{"className":3579,"code":7756,"language":3581,"meta":3582,"style":3582},"import { useEffect, useRef } from 'react';\nimport { AppStateStatus } from 'react-native';\nimport { useAppState } from '.\u002FuseAppState';\nimport { useNetworkStatus } from '.\u002FuseNetworkStatus';\n\nexport function useRefetchOnFocusAndNetwork(onRefetch: () => void) {\n  const appState = useAppState();\n  const { isOffline } = useNetworkStatus();\n\n  \u002F\u002F Зберігаємо попередні значення у ref, щоб порівнювати їх без зайвих re-renders\n  const prevAppStateRef = useRef\u003CAppStateStatus>(appState);\n  const prevOfflineRef = useRef\u003Cboolean>(isOffline);\n\n  useEffect(() => {\n    \u002F\u002F 1. Сценарій повернення з фону у активний стан\n    const isReturningToActive =\n      prevAppStateRef.current.match(\u002Finactive|background\u002F) && appState === 'active';\n\n    \u002F\u002F 2. Сценарій відновлення мережевого підключення\n    const isReconnectingToNetwork = prevOfflineRef.current === true && isOffline === false;\n\n    if ((isReturningToActive || isReconnectingToNetwork) && !isOffline) {\n      console.log('Поновлення даних: новий фокус або відновлення мережі');\n      onRefetch();\n    }\n\n    \u002F\u002F Оновлюємо refs\n    prevAppStateRef.current = appState;\n    prevOfflineRef.current = isOffline;\n  }, [appState, isOffline, onRefetch]);\n}\n",[3516,7758,7759,7780,7796,7813,7829,7833,7857,7869,7883,7887,7892,7913,7934,7938,7948,7953,7963,8003,8007,8012,8042,8046,8069,8085,8092,8096,8100,8105,8120,8135,8153],{"__ignoreMap":3582},[3586,7760,7761,7763,7765,7767,7769,7772,7774,7776,7778],{"class":3588,"line":3589},[3586,7762,4376],{"class":4038},[3586,7764,6474],{"class":3596},[3586,7766,6477],{"class":3960},[3586,7768,4440],{"class":3596},[3586,7770,7771],{"class":3960},"useRef",[3586,7773,6485],{"class":3596},[3586,7775,6488],{"class":4038},[3586,7777,6491],{"class":3600},[3586,7779,4205],{"class":3596},[3586,7781,7782,7784,7786,7788,7790,7792,7794],{"class":3588,"line":3661},[3586,7783,4376],{"class":4038},[3586,7785,6474],{"class":3596},[3586,7787,7528],{"class":3960},[3586,7789,6485],{"class":3596},[3586,7791,6488],{"class":4038},[3586,7793,6941],{"class":3600},[3586,7795,4205],{"class":3596},[3586,7797,7798,7800,7802,7804,7806,7808,7811],{"class":3588,"line":3667},[3586,7799,4376],{"class":4038},[3586,7801,6474],{"class":3596},[3586,7803,7484],{"class":3960},[3586,7805,6485],{"class":3596},[3586,7807,6488],{"class":4038},[3586,7809,7810],{"class":3600}," '.\u002FuseAppState'",[3586,7812,4205],{"class":3596},[3586,7814,7815,7817,7819,7821,7823,7825,7827],{"class":3588,"line":3673},[3586,7816,4376],{"class":4038},[3586,7818,6474],{"class":3596},[3586,7820,6459],{"class":3960},[3586,7822,6485],{"class":3596},[3586,7824,6488],{"class":4038},[3586,7826,6958],{"class":3600},[3586,7828,4205],{"class":3596},[3586,7830,7831],{"class":3588,"line":3680},[3586,7832,3677],{"emptyLinePlaceholder":3676},[3586,7834,7835,7837,7839,7842,7844,7847,7850,7852,7855],{"class":3588,"line":3686},[3586,7836,4401],{"class":4038},[3586,7838,3952],{"class":3948},[3586,7840,7841],{"class":3592}," useRefetchOnFocusAndNetwork",[3586,7843,3597],{"class":3596},[3586,7845,7846],{"class":3592},"onRefetch",[3586,7848,7849],{"class":3596},": () ",[3586,7851,4015],{"class":3948},[3586,7853,7854],{"class":4225}," void",[3586,7856,3971],{"class":3596},[3586,7858,7859,7861,7863,7865,7867],{"class":3588,"line":3692},[3586,7860,3976],{"class":3948},[3586,7862,7705],{"class":3979},[3586,7864,3964],{"class":3596},[3586,7866,7484],{"class":3592},[3586,7868,3991],{"class":3596},[3586,7870,7871,7873,7875,7877,7879,7881],{"class":3588,"line":3698},[3586,7872,3976],{"class":3948},[3586,7874,6474],{"class":3596},[3586,7876,6998],{"class":3979},[3586,7878,7001],{"class":3596},[3586,7880,6459],{"class":3592},[3586,7882,3991],{"class":3596},[3586,7884,7885],{"class":3588,"line":3704},[3586,7886,3677],{"emptyLinePlaceholder":3676},[3586,7888,7889],{"class":3588,"line":3710},[3586,7890,7891],{"class":3996},"  \u002F\u002F Зберігаємо попередні значення у ref, щоб порівнювати їх без зайвих re-renders\n",[3586,7893,7894,7896,7899,7901,7903,7905,7907,7909,7911],{"class":3588,"line":3715},[3586,7895,3976],{"class":3948},[3586,7897,7898],{"class":3979}," prevAppStateRef",[3586,7900,3964],{"class":3596},[3586,7902,7771],{"class":3592},[3586,7904,6622],{"class":3596},[3586,7906,7528],{"class":4225},[3586,7908,7580],{"class":3596},[3586,7910,7564],{"class":3960},[3586,7912,3604],{"class":3596},[3586,7914,7915,7917,7920,7922,7924,7926,7928,7930,7932],{"class":3588,"line":3721},[3586,7916,3976],{"class":3948},[3586,7918,7919],{"class":3979}," prevOfflineRef",[3586,7921,3964],{"class":3596},[3586,7923,7771],{"class":3592},[3586,7925,6622],{"class":3596},[3586,7927,6385],{"class":4225},[3586,7929,7580],{"class":3596},[3586,7931,6998],{"class":3960},[3586,7933,3604],{"class":3596},[3586,7935,7936],{"class":3588,"line":3727},[3586,7937,3677],{"emptyLinePlaceholder":3676},[3586,7939,7940,7942,7944,7946],{"class":3588,"line":3733},[3586,7941,6680],{"class":3592},[3586,7943,4012],{"class":3596},[3586,7945,4015],{"class":3948},[3586,7947,4042],{"class":3596},[3586,7949,7950],{"class":3588,"line":3738},[3586,7951,7952],{"class":3996},"    \u002F\u002F 1. Сценарій повернення з фону у активний стан\n",[3586,7954,7955,7957,7960],{"class":3588,"line":3743},[3586,7956,4047],{"class":3948},[3586,7958,7959],{"class":3979}," isReturningToActive",[3586,7961,7962],{"class":3596}," =\n",[3586,7964,7965,7968,7970,7973,7975,7978,7980,7984,7988,7991,7994,7996,7998,8001],{"class":3588,"line":3749},[3586,7966,7967],{"class":3960},"      prevAppStateRef",[3586,7969,3627],{"class":3596},[3586,7971,7972],{"class":3960},"current",[3586,7974,3627],{"class":3596},[3586,7976,7977],{"class":3592},"match",[3586,7979,3597],{"class":3596},[3586,7981,7983],{"class":7982},"shsrj","\u002Finactive",[3586,7985,7987],{"class":7986},"siofk","|",[3586,7989,7990],{"class":7982},"background\u002F",[3586,7992,7993],{"class":3596},") && ",[3586,7995,7564],{"class":3960},[3586,7997,4244],{"class":3596},[3586,7999,8000],{"class":3600},"'active'",[3586,8002,4205],{"class":3596},[3586,8004,8005],{"class":3588,"line":3755},[3586,8006,3677],{"emptyLinePlaceholder":3676},[3586,8008,8009],{"class":3588,"line":3761},[3586,8010,8011],{"class":3996},"    \u002F\u002F 2. Сценарій відновлення мережевого підключення\n",[3586,8013,8014,8016,8019,8021,8024,8026,8028,8030,8032,8034,8036,8038,8040],{"class":3588,"line":3766},[3586,8015,4047],{"class":3948},[3586,8017,8018],{"class":3979}," isReconnectingToNetwork",[3586,8020,3964],{"class":3596},[3586,8022,8023],{"class":3960},"prevOfflineRef",[3586,8025,3627],{"class":3596},[3586,8027,7972],{"class":3960},[3586,8029,4244],{"class":3596},[3586,8031,5145],{"class":3948},[3586,8033,5861],{"class":3596},[3586,8035,6998],{"class":3960},[3586,8037,4244],{"class":3596},[3586,8039,6419],{"class":3948},[3586,8041,4205],{"class":3596},[3586,8043,8044],{"class":3588,"line":3771},[3586,8045,3677],{"emptyLinePlaceholder":3676},[3586,8047,8048,8050,8053,8056,8059,8062,8065,8067],{"class":3588,"line":3777},[3586,8049,4118],{"class":4038},[3586,8051,8052],{"class":3596}," ((",[3586,8054,8055],{"class":3960},"isReturningToActive",[3586,8057,8058],{"class":3596}," || ",[3586,8060,8061],{"class":3960},"isReconnectingToNetwork",[3586,8063,8064],{"class":3596},") && !",[3586,8066,6998],{"class":3960},[3586,8068,3971],{"class":3596},[3586,8070,8071,8073,8075,8078,8080,8083],{"class":3588,"line":3783},[3586,8072,5080],{"class":3960},[3586,8074,3627],{"class":3596},[3586,8076,8077],{"class":3592},"log",[3586,8079,3597],{"class":3596},[3586,8081,8082],{"class":3600},"'Поновлення даних: новий фокус або відновлення мережі'",[3586,8084,3604],{"class":3596},[3586,8086,8087,8090],{"class":3588,"line":3789},[3586,8088,8089],{"class":3592},"      onRefetch",[3586,8091,3991],{"class":3596},[3586,8093,8094],{"class":3588,"line":3794},[3586,8095,4171],{"class":3596},[3586,8097,8098],{"class":3588,"line":3799},[3586,8099,3677],{"emptyLinePlaceholder":3676},[3586,8101,8102],{"class":3588,"line":3805},[3586,8103,8104],{"class":3996},"    \u002F\u002F Оновлюємо refs\n",[3586,8106,8107,8110,8112,8114,8116,8118],{"class":3588,"line":3811},[3586,8108,8109],{"class":3960},"    prevAppStateRef",[3586,8111,3627],{"class":3596},[3586,8113,7972],{"class":3960},[3586,8115,3964],{"class":3596},[3586,8117,7564],{"class":3960},[3586,8119,4205],{"class":3596},[3586,8121,8122,8125,8127,8129,8131,8133],{"class":3588,"line":3817},[3586,8123,8124],{"class":3960},"    prevOfflineRef",[3586,8126,3627],{"class":3596},[3586,8128,7972],{"class":3960},[3586,8130,3964],{"class":3596},[3586,8132,6998],{"class":3960},[3586,8134,4205],{"class":3596},[3586,8136,8137,8140,8142,8144,8146,8148,8150],{"class":3588,"line":3823},[3586,8138,8139],{"class":3596},"  }, [",[3586,8141,7564],{"class":3960},[3586,8143,4440],{"class":3596},[3586,8145,6998],{"class":3960},[3586,8147,4440],{"class":3596},[3586,8149,7846],{"class":3960},[3586,8151,8152],{"class":3596},"]);\n",[3586,8154,8155],{"class":3588,"line":3829},[3586,8156,3707],{"class":3596},[6307,8158,8159,8162,8163,3912,8166,8169,8170,8173,8174,8176,8177,8179],{},[3524,8160,8161],{},"Сучасні бібліотеки (RTK Query \u002F TanStack Query):","\nУ наступних статтях ми побачимо, що бібліотеки управління стейтом на кшталт ",[3524,8164,8165],{},"RTK Query",[3524,8167,8168],{},"TanStack Query"," (React Query) вже мають вбудовану підтримку ",[3516,8171,8172],{},"setupListeners"," з ",[3516,8175,6379],{}," та ",[3516,8178,7275],{},". Проте розуміння того, як це працює «під капотом» через нативні події, критично важливе для написання власного мережевого шару або кастомних ефектів.",[3846,8181],{},[3507,8183,8185],{"id":8184},"міні-проєкт-курси-валют","Міні-проєкт: «Курси валют»",[3512,8187,8188],{},"У цьому міні-проєкті ми побудуємо самодостатній застосунок для моніторингу курсів валют, який об'єднує всі вивчені концепції мережі та життєвого циклу:",[3613,8190,8191,8194,8201,8207],{},[3532,8192,8193],{},"Отримання даних з публічного API з таймаутом та скасуванням запиту;",[3532,8195,8196,8197,8200],{},"Індикатори завантаження (",[3516,8198,8199],{},"ActivityIndicator","), помилки з логікою повторних спроб (Retry);",[3532,8202,8203,8204,8206],{},"Автоматичний індикатор відсутності зв'язку (Offline Banner via ",[3516,8205,6379],{},");",[3532,8208,8209,8210,3643],{},"Автоматичне поновлення даних при поверненні в застосунок з фону (",[3516,8211,7275],{},[3558,8213,8215],{"id":8214},"структура-проєкту","Структура проєкту",[8217,8218,8219],"code-tree",{},[3613,8220,8221,8312],{},[3532,8222,8223,8226],{},[3524,8224,8225],{},"src\u002F",[3613,8227,8228,8247,8280,8299],{},[3532,8229,8230,8233],{},[3524,8231,8232],{},"api\u002F",[3613,8234,8235,8241],{},[3532,8236,8237,8240],{},[3524,8238,8239],{},"client.ts"," — налаштований екземпляр axios \u002F fetch з таймаутом 8 секунд",[3532,8242,8243,8246],{},[3524,8244,8245],{},"types.ts"," — TypeScript-інтерфейси курсів валют",[3532,8248,8249,8252],{},[3524,8250,8251],{},"hooks\u002F",[3613,8253,8254,8262,8274],{},[3532,8255,8256,8259,8260],{},[3524,8257,8258],{},"useNetworkStatus.ts"," — хук для відстеження ",[3516,8261,6373],{},[3532,8263,8264,8259,8267,4216,8269,8271,8272,5547],{},[3524,8265,8266],{},"useAppState.ts",[3516,8268,7275],{},[3516,8270,7390],{},"\u002F",[3516,8273,7418],{},[3532,8275,8276,8279],{},[3524,8277,8278],{},"useRefetchOnFocusAndNetwork.ts"," — хук для автоматичного поновлення",[3532,8281,8282,8285],{},[3524,8283,8284],{},"components\u002F",[3613,8286,8287,8293],{},[3532,8288,8289,8292],{},[3524,8290,8291],{},"OfflineBanner.tsx"," — плаваючий плашка-індикатор офлайну",[3532,8294,8295,8298],{},[3524,8296,8297],{},"ErrorView.tsx"," — екран помилки з кнопкою повтору",[3532,8300,8301,8304],{},[3524,8302,8303],{},"screens\u002F",[3613,8305,8306],{},[3532,8307,8308,8311],{},[3524,8309,8310],{},"CurrencyRatesScreen.tsx"," — головний екран зі списком валют",[3532,8313,8314,8317],{},[3524,8315,8316],{},"App.tsx"," — точка входу",[3558,8319,8321],{"id":8320},"кроки-реалізації","Кроки реалізації",[8323,8324,8325,8329,8332,8423,8427,8430,8907,8911],"steps",{},[3558,8326,8328],{"id":8327},"крок-1-налаштування-мережевого-клієнта","Крок 1. Налаштування мережевого клієнта",[3512,8330,8331],{},"Створюємо мережевий клієнт з обмеженням таймауту у 8 секунд для публічного API Національного банку України (або будь-якого REST API курсів валют):",[3577,8333,8335],{"className":3579,"code":8334,"language":3581,"meta":3582,"style":3582},"\u002F\u002F src\u002Fapi\u002Fclient.ts\nimport axios from 'axios';\n\nexport const currencyApi = axios.create({\n  baseURL: 'https:\u002F\u002Fbank.gov.ua\u002FNBUStatService\u002Fv1\u002Fstatdirectory',\n  timeout: 8000, \u002F\u002F 8 секунд таймаут\n  headers: {\n    'Accept': 'application\u002Fjson',\n  },\n});\n",[3516,8336,8337,8342,8354,8358,8377,8386,8398,8404,8415,8419],{"__ignoreMap":3582},[3586,8338,8339],{"class":3588,"line":3589},[3586,8340,8341],{"class":3996},"\u002F\u002F src\u002Fapi\u002Fclient.ts\n",[3586,8343,8344,8346,8348,8350,8352],{"class":3588,"line":3661},[3586,8345,4376],{"class":4038},[3586,8347,4379],{"class":3960},[3586,8349,4382],{"class":4038},[3586,8351,4385],{"class":3600},[3586,8353,4205],{"class":3596},[3586,8355,8356],{"class":3588,"line":3667},[3586,8357,3677],{"emptyLinePlaceholder":3676},[3586,8359,8360,8362,8364,8367,8369,8371,8373,8375],{"class":3588,"line":3673},[3586,8361,4401],{"class":4038},[3586,8363,4404],{"class":3948},[3586,8365,8366],{"class":3979}," currencyApi",[3586,8368,3964],{"class":3596},[3586,8370,3857],{"class":3960},[3586,8372,3627],{"class":3596},[3586,8374,4416],{"class":3592},[3586,8376,4419],{"class":3596},[3586,8378,8379,8381,8384],{"class":3588,"line":3680},[3586,8380,4424],{"class":3960},[3586,8382,8383],{"class":3600}," 'https:\u002F\u002Fbank.gov.ua\u002FNBUStatService\u002Fv1\u002Fstatdirectory'",[3586,8385,4080],{"class":3596},[3586,8387,8388,8390,8393,8395],{"class":3588,"line":3686},[3586,8389,4434],{"class":3960},[3586,8391,8392],{"class":3967}," 8000",[3586,8394,4440],{"class":3596},[3586,8396,8397],{"class":3996},"\u002F\u002F 8 секунд таймаут\n",[3586,8399,8400,8402],{"class":3588,"line":3692},[3586,8401,4448],{"class":3960},[3586,8403,4042],{"class":3596},[3586,8405,8406,8409,8411,8413],{"class":3588,"line":3698},[3586,8407,8408],{"class":3600},"    'Accept'",[3586,8410,3938],{"class":3960},[3586,8412,4097],{"class":3600},[3586,8414,4080],{"class":3596},[3586,8416,8417],{"class":3588,"line":3704},[3586,8418,4466],{"class":3596},[3586,8420,8421],{"class":3588,"line":3710},[3586,8422,4471],{"class":3596},[3558,8424,8426],{"id":8425},"крок-2-побудова-компонента-обробки-помилок-errorview","Крок 2. Побудова компонента обробки помилок (ErrorView)",[3512,8428,8429],{},"Якщо запит завершився з помилкою (наприклад, таймаут або 500 статус), показуємо дружній інтерфейс із можливістю повторити запит вручну:",[3577,8431,8433],{"className":3579,"code":8432,"language":3581,"meta":3582,"style":3582},"\u002F\u002F src\u002Fcomponents\u002FErrorView.tsx\nimport React from 'react';\nimport { View, Text, Pressable, StyleSheet } from 'react-native';\n\ninterface ErrorViewProps {\n  message: string;\n  onRetry: () => void;\n}\n\nexport const ErrorView: React.FC\u003CErrorViewProps> = ({ message, onRetry }) => (\n  \u003CView style={styles.container}>\n    \u003CText style={styles.title}>Помилка завантаження\u003C\u002FText>\n    \u003CText style={styles.message}>{message}\u003C\u002FText>\n    \u003CPressable style={styles.button} onPress={onRetry}>\n      \u003CText style={styles.buttonText}>Повторити спробу\u003C\u002FText>\n    \u003C\u002FPressable>\n  \u003C\u002FView>\n);\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 24 },\n  title: { fontSize: 18, fontWeight: '700', color: '#111827', marginBottom: 8 },\n  message: { fontSize: 14, color: '#6B7280', textAlign: 'center', marginBottom: 16 },\n  button: { backgroundColor: '#2563EB', paddingVertical: 12, paddingHorizontal: 24, borderRadius: 8 },\n  buttonText: { color: '#FFFFFF', fontWeight: '600', fontSize: 15 },\n});\n",[3516,8434,8435,8440,8452,8481,8485,8495,8506,8519,8523,8527,8567,8583,8612,8636,8662,8689,8697,8706,8710,8714,8730,8768,8806,8840,8877,8903],{"__ignoreMap":3582},[3586,8436,8437],{"class":3588,"line":3589},[3586,8438,8439],{"class":3996},"\u002F\u002F src\u002Fcomponents\u002FErrorView.tsx\n",[3586,8441,8442,8444,8446,8448,8450],{"class":3588,"line":3661},[3586,8443,4376],{"class":4038},[3586,8445,6909],{"class":3960},[3586,8447,4382],{"class":4038},[3586,8449,6491],{"class":3600},[3586,8451,4205],{"class":3596},[3586,8453,8454,8456,8458,8460,8462,8464,8466,8469,8471,8473,8475,8477,8479],{"class":3588,"line":3667},[3586,8455,4376],{"class":4038},[3586,8457,6474],{"class":3596},[3586,8459,6924],{"class":3960},[3586,8461,4440],{"class":3596},[3586,8463,6929],{"class":3960},[3586,8465,4440],{"class":3596},[3586,8467,8468],{"class":3960},"Pressable",[3586,8470,4440],{"class":3596},[3586,8472,6934],{"class":3960},[3586,8474,6485],{"class":3596},[3586,8476,6488],{"class":4038},[3586,8478,6941],{"class":3600},[3586,8480,4205],{"class":3596},[3586,8482,8483],{"class":3588,"line":3673},[3586,8484,3677],{"emptyLinePlaceholder":3676},[3586,8486,8487,8490,8493],{"class":3588,"line":3680},[3586,8488,8489],{"class":3948},"interface",[3586,8491,8492],{"class":4225}," ErrorViewProps",[3586,8494,4042],{"class":3596},[3586,8496,8497,8500,8502,8504],{"class":3588,"line":3686},[3586,8498,8499],{"class":3960},"  message",[3586,8501,4222],{"class":3596},[3586,8503,5144],{"class":4225},[3586,8505,4205],{"class":3596},[3586,8507,8508,8511,8513,8515,8517],{"class":3588,"line":3692},[3586,8509,8510],{"class":3592},"  onRetry",[3586,8512,7849],{"class":3596},[3586,8514,4015],{"class":3948},[3586,8516,7854],{"class":4225},[3586,8518,4205],{"class":3596},[3586,8520,8521],{"class":3588,"line":3698},[3586,8522,3707],{"class":3596},[3586,8524,8525],{"class":3588,"line":3704},[3586,8526,3677],{"emptyLinePlaceholder":3676},[3586,8528,8529,8531,8533,8536,8538,8540,8542,8544,8546,8549,8552,8555,8557,8560,8563,8565],{"class":3588,"line":3710},[3586,8530,4401],{"class":4038},[3586,8532,4404],{"class":3948},[3586,8534,8535],{"class":3592}," ErrorView",[3586,8537,4222],{"class":3596},[3586,8539,2021],{"class":4225},[3586,8541,3627],{"class":3596},[3586,8543,6982],{"class":4225},[3586,8545,6622],{"class":3596},[3586,8547,8548],{"class":4225},"ErrorViewProps",[3586,8550,8551],{"class":3596},"> = ({ ",[3586,8553,8554],{"class":3960},"message",[3586,8556,4440],{"class":3596},[3586,8558,8559],{"class":3960},"onRetry",[3586,8561,8562],{"class":3596}," }) ",[3586,8564,4015],{"class":3948},[3586,8566,7037],{"class":3596},[3586,8568,8569,8572,8574,8576,8578,8581],{"class":3588,"line":3715},[3586,8570,8571],{"class":3596},"  \u003C",[3586,8573,6924],{"class":3960},[3586,8575,7047],{"class":3960},[3586,8577,7050],{"class":3596},[3586,8579,8580],{"class":3960},"container",[3586,8582,7056],{"class":3596},[3586,8584,8585,8587,8589,8591,8593,8596,8599,8602,8605,8608,8610],{"class":3588,"line":3721},[3586,8586,7042],{"class":3596},[3586,8588,6929],{"class":3960},[3586,8590,7047],{"class":3960},[3586,8592,7050],{"class":3596},[3586,8594,8595],{"class":3960},"title",[3586,8597,8598],{"class":3596},"}>",[3586,8600,8601],{"class":3960},"Помилка",[3586,8603,8604],{"class":3960}," завантаження",[3586,8606,8607],{"class":3596},"\u003C\u002F",[3586,8609,6929],{"class":3960},[3586,8611,7117],{"class":3596},[3586,8613,8614,8616,8618,8620,8622,8624,8627,8629,8632,8634],{"class":3588,"line":3727},[3586,8615,7042],{"class":3596},[3586,8617,6929],{"class":3960},[3586,8619,7047],{"class":3960},[3586,8621,7050],{"class":3596},[3586,8623,8554],{"class":3960},[3586,8625,8626],{"class":3596},"}>{",[3586,8628,8554],{"class":3960},[3586,8630,8631],{"class":3596},"}\u003C\u002F",[3586,8633,6929],{"class":3960},[3586,8635,7117],{"class":3596},[3586,8637,8638,8640,8642,8644,8646,8649,8652,8655,8658,8660],{"class":3588,"line":3733},[3586,8639,7042],{"class":3596},[3586,8641,8468],{"class":3960},[3586,8643,7047],{"class":3960},[3586,8645,7050],{"class":3596},[3586,8647,8648],{"class":3960},"button",[3586,8650,8651],{"class":3596},"} ",[3586,8653,8654],{"class":3960},"onPress",[3586,8656,8657],{"class":3596},"={",[3586,8659,8559],{"class":3960},[3586,8661,7056],{"class":3596},[3586,8663,8664,8666,8668,8670,8672,8675,8677,8680,8683,8685,8687],{"class":3588,"line":3738},[3586,8665,7061],{"class":3596},[3586,8667,6929],{"class":3960},[3586,8669,7047],{"class":3960},[3586,8671,7050],{"class":3596},[3586,8673,8674],{"class":3960},"buttonText",[3586,8676,8598],{"class":3596},[3586,8678,8679],{"class":3960},"Повторити",[3586,8681,8682],{"class":3960}," спробу",[3586,8684,8607],{"class":3596},[3586,8686,6929],{"class":3960},[3586,8688,7117],{"class":3596},[3586,8690,8691,8693,8695],{"class":3588,"line":3743},[3586,8692,7122],{"class":3596},[3586,8694,8468],{"class":3960},[3586,8696,7117],{"class":3596},[3586,8698,8699,8702,8704],{"class":3588,"line":3749},[3586,8700,8701],{"class":3596},"  \u003C\u002F",[3586,8703,6924],{"class":3960},[3586,8705,7117],{"class":3596},[3586,8707,8708],{"class":3588,"line":3755},[3586,8709,3604],{"class":3596},[3586,8711,8712],{"class":3588,"line":3761},[3586,8713,3677],{"emptyLinePlaceholder":3676},[3586,8715,8716,8718,8720,8722,8724,8726,8728],{"class":3588,"line":3766},[3586,8717,7145],{"class":3948},[3586,8719,7148],{"class":3979},[3586,8721,3964],{"class":3596},[3586,8723,6934],{"class":3960},[3586,8725,3627],{"class":3596},[3586,8727,4416],{"class":3592},[3586,8729,4419],{"class":3596},[3586,8731,8732,8735,8737,8740,8743,8745,8748,8750,8752,8755,8757,8759,8762,8765],{"class":3588,"line":3771},[3586,8733,8734],{"class":3960},"  container:",[3586,8736,6474],{"class":3596},[3586,8738,8739],{"class":3960},"flex:",[3586,8741,8742],{"class":3967}," 1",[3586,8744,4440],{"class":3596},[3586,8746,8747],{"class":3960},"justifyContent:",[3586,8749,7206],{"class":3600},[3586,8751,4440],{"class":3596},[3586,8753,8754],{"class":3960},"alignItems:",[3586,8756,7206],{"class":3600},[3586,8758,4440],{"class":3596},[3586,8760,8761],{"class":3960},"padding:",[3586,8763,8764],{"class":3967}," 24",[3586,8766,8767],{"class":3596}," },\n",[3586,8769,8770,8773,8775,8778,8781,8783,8786,8789,8791,8794,8797,8799,8802,8804],{"class":3588,"line":3777},[3586,8771,8772],{"class":3960},"  title:",[3586,8774,6474],{"class":3596},[3586,8776,8777],{"class":3960},"fontSize:",[3586,8779,8780],{"class":3967}," 18",[3586,8782,4440],{"class":3596},[3586,8784,8785],{"class":3960},"fontWeight:",[3586,8787,8788],{"class":3600}," '700'",[3586,8790,4440],{"class":3596},[3586,8792,8793],{"class":3960},"color:",[3586,8795,8796],{"class":3600}," '#111827'",[3586,8798,4440],{"class":3596},[3586,8800,8801],{"class":3960},"marginBottom:",[3586,8803,7186],{"class":3967},[3586,8805,8767],{"class":3596},[3586,8807,8808,8811,8813,8815,8818,8820,8822,8825,8827,8830,8832,8834,8836,8838],{"class":3588,"line":3783},[3586,8809,8810],{"class":3960},"  message:",[3586,8812,6474],{"class":3596},[3586,8814,8777],{"class":3960},[3586,8816,8817],{"class":3967}," 14",[3586,8819,4440],{"class":3596},[3586,8821,8793],{"class":3960},[3586,8823,8824],{"class":3600}," '#6B7280'",[3586,8826,4440],{"class":3596},[3586,8828,8829],{"class":3960},"textAlign:",[3586,8831,7206],{"class":3600},[3586,8833,4440],{"class":3596},[3586,8835,8801],{"class":3960},[3586,8837,7196],{"class":3967},[3586,8839,8767],{"class":3596},[3586,8841,8842,8845,8847,8850,8853,8855,8858,8861,8863,8866,8868,8870,8873,8875],{"class":3588,"line":3789},[3586,8843,8844],{"class":3960},"  button:",[3586,8846,6474],{"class":3596},[3586,8848,8849],{"class":3960},"backgroundColor:",[3586,8851,8852],{"class":3600}," '#2563EB'",[3586,8854,4440],{"class":3596},[3586,8856,8857],{"class":3960},"paddingVertical:",[3586,8859,8860],{"class":3967}," 12",[3586,8862,4440],{"class":3596},[3586,8864,8865],{"class":3960},"paddingHorizontal:",[3586,8867,8764],{"class":3967},[3586,8869,4440],{"class":3596},[3586,8871,8872],{"class":3960},"borderRadius:",[3586,8874,7186],{"class":3967},[3586,8876,8767],{"class":3596},[3586,8878,8879,8882,8884,8886,8888,8890,8892,8894,8896,8898,8901],{"class":3588,"line":3794},[3586,8880,8881],{"class":3960},"  buttonText:",[3586,8883,6474],{"class":3596},[3586,8885,8793],{"class":3960},[3586,8887,7236],{"class":3600},[3586,8889,4440],{"class":3596},[3586,8891,8785],{"class":3960},[3586,8893,7256],{"class":3600},[3586,8895,4440],{"class":3596},[3586,8897,8777],{"class":3960},[3586,8899,8900],{"class":3967}," 15",[3586,8902,8767],{"class":3596},[3586,8904,8905],{"class":3588,"line":3799},[3586,8906,4471],{"class":3596},[3558,8908,8910],{"id":8909},"крок-3-складання-головного-екрана-зі-списком-валют","Крок 3. Складання головного екрана зі списком валют",[3512,8912,8913,8914,4440,8916,8919,8920,3627],{},"Об'єднуємо роботу з мережею, ",[3516,8915,8199],{},[3516,8917,8918],{},"FlatList"," та хук ",[3516,8921,7733],{},[8923,8924,8926],"collapsible",{"title":8925},"Повний код додатка (App.tsx) — розгорнути для перегляду",[3577,8927,8929],{"className":3579,"code":8928,"language":3581,"meta":3582,"style":3582},"import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  SafeAreaView,\n  View,\n  Text,\n  FlatList,\n  ActivityIndicator,\n  StyleSheet,\n  StatusBar,\n  RefreshControl,\n} from 'react-native';\nimport { currencyApi } from '.\u002Fsrc\u002Fapi\u002Fclient';\nimport { AppError } from '.\u002Fsrc\u002Fapi\u002FAppError';\nimport { OfflineBanner } from '.\u002Fsrc\u002Fcomponents\u002FOfflineBanner';\nimport { ErrorView } from '.\u002Fsrc\u002Fcomponents\u002FErrorView';\nimport { useRefetchOnFocusAndNetwork } from '.\u002Fsrc\u002Fhooks\u002FuseRefetchOnFocusAndNetwork';\n\ninterface CurrencyRate {\n  r030: number;\n  txt: string;\n  rate: number;\n  cc: string;\n  exchangedate: string;\n}\n\nexport default function App() {\n  const [rates, setRates] = useState\u003CCurrencyRate[]>([]);\n  const [loading, setLoading] = useState\u003Cboolean>(true);\n  const [refreshing, setRefreshing] = useState\u003Cboolean>(false);\n  const [error, setError] = useState\u003CAppError | null>(null);\n\n  const fetchRates = useCallback(async (isManualRefresh = false) => {\n    if (isManualRefresh) {\n      setRefreshing(true);\n    } else {\n      setLoading(true);\n    }\n    setError(null);\n\n    try {\n      const response = await currencyApi.get\u003CCurrencyRate[]>('\u002Fexchange?json');\n      \u002F\u002F Фільтруємо лише популярні валюти (USD, EUR, PLN, GBP)\n      const popular = response.data.filter((item) =>\n        ['USD', 'EUR', 'PLN', 'GBP', 'CHF'].includes(item.cc)\n      );\n      setRates(popular);\n    } catch (err) {\n      setError(AppError.from(err));\n    } finally {\n      setLoading(false);\n      setRefreshing(false);\n    }\n  }, []);\n\n  \u002F\u002F Первинне завантаження при старті\n  useEffect(() => {\n    fetchRates();\n  }, [fetchRates]);\n\n  \u002F\u002F Автоматичне поновлення даних при згортанні\u002Fрозгортанні та при відновленні інтернет-мережі\n  useRefetchOnFocusAndNetwork(() => fetchRates());\n\n  return (\n    \u003CSafeAreaView style={styles.safeArea}>\n      \u003CStatusBar barStyle=\"dark-content\" backgroundColor=\"#FFFFFF\" \u002F>\n      \u003COfflineBanner \u002F>\n\n      \u003CView style={styles.header}>\n        \u003CText style={styles.headerTitle}>Курси валют НБУ\u003C\u002FText>\n        \u003CText style={styles.headerSubtitle}>Автопоновлення при поверненні в додаток\u003C\u002FText>\n      \u003C\u002FView>\n\n      {loading && !refreshing ? (\n        \u003CView style={styles.center}>\n          \u003CActivityIndicator size=\"large\" color=\"#2563EB\" \u002F>\n          \u003CText style={styles.loadingText}>Отримання актуальних курсів...\u003C\u002FText>\n        \u003C\u002FView>\n      ) : error ? (\n        \u003CErrorView message={error.userMessage} onRetry={() => fetchRates()} \u002F>\n      ) : (\n        \u003CFlatList\n          data={rates}\n          keyExtractor={(item) => item.cc}\n          refreshControl={\n            \u003CRefreshControl\n              refreshing={refreshing}\n              onRefresh={() => fetchRates(true)}\n              colors={['#2563EB']}\n            \u002F>\n          }\n          renderItem={({ item }) => (\n            \u003CView style={styles.card}>\n              \u003CView>\n                \u003CText style={styles.currencyCode}>{item.cc}\u003C\u002FText>\n                \u003CText style={styles.currencyName}>{item.txt}\u003C\u002FText>\n              \u003C\u002FView>\n              \u003CText style={styles.rateValue}>{item.rate.toFixed(2)} ₴\u003C\u002FText>\n            \u003C\u002FView>\n          )}\n          contentContainerStyle={styles.listContent}\n        \u002F>\n      )}\n    \u003C\u002FSafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  safeArea: { flex: 1, backgroundColor: '#F9FAFB' },\n  header: { padding: 16, backgroundColor: '#FFFFFF', borderBottomWidth: 1, borderBottomColor: '#E5E7EB' },\n  headerTitle: { fontSize: 22, fontWeight: '800', color: '#111827' },\n  headerSubtitle: { fontSize: 13, color: '#6B7280', marginTop: 2 },\n  center: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n  loadingText: { marginTop: 12, color: '#6B7280', fontSize: 14 },\n  listContent: { padding: 16 },\n  card: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: '#FFFFFF',\n    padding: 16,\n    borderRadius: 12,\n    marginBottom: 12,\n    shadowColor: '#000',\n    shadowOpacity: 0.05,\n    shadowRadius: 4,\n    elevation: 2,\n  },\n  currencyCode: { fontSize: 18, fontWeight: '700', color: '#111827' },\n  currencyName: { fontSize: 13, color: '#6B7280', marginTop: 2 },\n  rateValue: { fontSize: 20, fontWeight: '700', color: '#059669' },\n});\n",[3516,8930,8931,8958,8964,8971,8978,8985,8992,8999,9006,9013,9020,9030,9048,9065,9083,9101,9118,9122,9131,9142,9153,9164,9175,9186,9190,9194,9208,9234,9262,9290,9322,9326,9356,9366,9377,9386,9397,9401,9412,9416,9423,9451,9456,9486,9532,9537,9549,9562,9582,9590,9600,9610,9614,9618,9622,9627,9637,9644,9653,9657,9662,9676,9681,9688,9705,9733,9742,9747,9763,9795,9831,9840,9845,9861,9877,9903,9935,9945,9955,9982,9988,9996,10008,10021,10030,10039,10051,10068,10085,10091,10097,10103,10109,10115,10121,10127,10133,10139,10145,10151,10157,10163,10169,10175,10180,10185,10190,10196,10217,10252,10280,10308,10334,10360,10374,10382,10393,10403,10412,10421,10431,10441,10451,10462,10473,10484,10494,10499,10525,10551,10579],{"__ignoreMap":3582},[3586,8932,8933,8935,8937,8939,8942,8944,8946,8948,8950,8952,8954,8956],{"class":3588,"line":3589},[3586,8934,4376],{"class":4038},[3586,8936,6909],{"class":3960},[3586,8938,6503],{"class":3596},[3586,8940,8941],{"class":3960},"useCallback",[3586,8943,4440],{"class":3596},[3586,8945,6477],{"class":3960},[3586,8947,4440],{"class":3596},[3586,8949,6482],{"class":3960},[3586,8951,6485],{"class":3596},[3586,8953,6488],{"class":4038},[3586,8955,6491],{"class":3600},[3586,8957,4205],{"class":3596},[3586,8959,8960,8962],{"class":3588,"line":3661},[3586,8961,4376],{"class":4038},[3586,8963,4042],{"class":3596},[3586,8965,8966,8969],{"class":3588,"line":3667},[3586,8967,8968],{"class":3960},"  SafeAreaView",[3586,8970,4080],{"class":3596},[3586,8972,8973,8976],{"class":3588,"line":3673},[3586,8974,8975],{"class":3960},"  View",[3586,8977,4080],{"class":3596},[3586,8979,8980,8983],{"class":3588,"line":3680},[3586,8981,8982],{"class":3960},"  Text",[3586,8984,4080],{"class":3596},[3586,8986,8987,8990],{"class":3588,"line":3686},[3586,8988,8989],{"class":3960},"  FlatList",[3586,8991,4080],{"class":3596},[3586,8993,8994,8997],{"class":3588,"line":3692},[3586,8995,8996],{"class":3960},"  ActivityIndicator",[3586,8998,4080],{"class":3596},[3586,9000,9001,9004],{"class":3588,"line":3698},[3586,9002,9003],{"class":3960},"  StyleSheet",[3586,9005,4080],{"class":3596},[3586,9007,9008,9011],{"class":3588,"line":3704},[3586,9009,9010],{"class":3960},"  StatusBar",[3586,9012,4080],{"class":3596},[3586,9014,9015,9018],{"class":3588,"line":3710},[3586,9016,9017],{"class":3960},"  RefreshControl",[3586,9019,4080],{"class":3596},[3586,9021,9022,9024,9026,9028],{"class":3588,"line":3715},[3586,9023,8651],{"class":3596},[3586,9025,6488],{"class":4038},[3586,9027,6941],{"class":3600},[3586,9029,4205],{"class":3596},[3586,9031,9032,9034,9036,9039,9041,9043,9046],{"class":3588,"line":3721},[3586,9033,4376],{"class":4038},[3586,9035,6474],{"class":3596},[3586,9037,9038],{"class":3960},"currencyApi",[3586,9040,6485],{"class":3596},[3586,9042,6488],{"class":4038},[3586,9044,9045],{"class":3600}," '.\u002Fsrc\u002Fapi\u002Fclient'",[3586,9047,4205],{"class":3596},[3586,9049,9050,9052,9054,9056,9058,9060,9063],{"class":3588,"line":3727},[3586,9051,4376],{"class":4038},[3586,9053,6474],{"class":3596},[3586,9055,5546],{"class":3960},[3586,9057,6485],{"class":3596},[3586,9059,6488],{"class":4038},[3586,9061,9062],{"class":3600}," '.\u002Fsrc\u002Fapi\u002FAppError'",[3586,9064,4205],{"class":3596},[3586,9066,9067,9069,9071,9074,9076,9078,9081],{"class":3588,"line":3733},[3586,9068,4376],{"class":4038},[3586,9070,6474],{"class":3596},[3586,9072,9073],{"class":3960},"OfflineBanner",[3586,9075,6485],{"class":3596},[3586,9077,6488],{"class":4038},[3586,9079,9080],{"class":3600}," '.\u002Fsrc\u002Fcomponents\u002FOfflineBanner'",[3586,9082,4205],{"class":3596},[3586,9084,9085,9087,9089,9092,9094,9096,9099],{"class":3588,"line":3738},[3586,9086,4376],{"class":4038},[3586,9088,6474],{"class":3596},[3586,9090,9091],{"class":3960},"ErrorView",[3586,9093,6485],{"class":3596},[3586,9095,6488],{"class":4038},[3586,9097,9098],{"class":3600}," '.\u002Fsrc\u002Fcomponents\u002FErrorView'",[3586,9100,4205],{"class":3596},[3586,9102,9103,9105,9107,9109,9111,9113,9116],{"class":3588,"line":3743},[3586,9104,4376],{"class":4038},[3586,9106,6474],{"class":3596},[3586,9108,7733],{"class":3960},[3586,9110,6485],{"class":3596},[3586,9112,6488],{"class":4038},[3586,9114,9115],{"class":3600}," '.\u002Fsrc\u002Fhooks\u002FuseRefetchOnFocusAndNetwork'",[3586,9117,4205],{"class":3596},[3586,9119,9120],{"class":3588,"line":3749},[3586,9121,3677],{"emptyLinePlaceholder":3676},[3586,9123,9124,9126,9129],{"class":3588,"line":3755},[3586,9125,8489],{"class":3948},[3586,9127,9128],{"class":4225}," CurrencyRate",[3586,9130,4042],{"class":3596},[3586,9132,9133,9136,9138,9140],{"class":3588,"line":3761},[3586,9134,9135],{"class":3960},"  r030",[3586,9137,4222],{"class":3596},[3586,9139,5154],{"class":4225},[3586,9141,4205],{"class":3596},[3586,9143,9144,9147,9149,9151],{"class":3588,"line":3766},[3586,9145,9146],{"class":3960},"  txt",[3586,9148,4222],{"class":3596},[3586,9150,5144],{"class":4225},[3586,9152,4205],{"class":3596},[3586,9154,9155,9158,9160,9162],{"class":3588,"line":3771},[3586,9156,9157],{"class":3960},"  rate",[3586,9159,4222],{"class":3596},[3586,9161,5154],{"class":4225},[3586,9163,4205],{"class":3596},[3586,9165,9166,9169,9171,9173],{"class":3588,"line":3777},[3586,9167,9168],{"class":3960},"  cc",[3586,9170,4222],{"class":3596},[3586,9172,5144],{"class":4225},[3586,9174,4205],{"class":3596},[3586,9176,9177,9180,9182,9184],{"class":3588,"line":3783},[3586,9178,9179],{"class":3960},"  exchangedate",[3586,9181,4222],{"class":3596},[3586,9183,5144],{"class":4225},[3586,9185,4205],{"class":3596},[3586,9187,9188],{"class":3588,"line":3789},[3586,9189,3707],{"class":3596},[3586,9191,9192],{"class":3588,"line":3794},[3586,9193,3677],{"emptyLinePlaceholder":3676},[3586,9195,9196,9198,9201,9203,9206],{"class":3588,"line":3799},[3586,9197,4401],{"class":4038},[3586,9199,9200],{"class":4038}," default",[3586,9202,3952],{"class":3948},[3586,9204,9205],{"class":3592}," App",[3586,9207,4612],{"class":3596},[3586,9209,9210,9212,9214,9217,9219,9222,9224,9226,9228,9231],{"class":3588,"line":3805},[3586,9211,3976],{"class":3948},[3586,9213,6607],{"class":3596},[3586,9215,9216],{"class":3979},"rates",[3586,9218,4440],{"class":3596},[3586,9220,9221],{"class":3979},"setRates",[3586,9223,6617],{"class":3596},[3586,9225,6482],{"class":3592},[3586,9227,6622],{"class":3596},[3586,9229,9230],{"class":4225},"CurrencyRate",[3586,9232,9233],{"class":3596},"[]>([]);\n",[3586,9235,9236,9238,9240,9243,9245,9248,9250,9252,9254,9256,9258,9260],{"class":3588,"line":3811},[3586,9237,3976],{"class":3948},[3586,9239,6607],{"class":3596},[3586,9241,9242],{"class":3979},"loading",[3586,9244,4440],{"class":3596},[3586,9246,9247],{"class":3979},"setLoading",[3586,9249,6617],{"class":3596},[3586,9251,6482],{"class":3592},[3586,9253,6622],{"class":3596},[3586,9255,6385],{"class":4225},[3586,9257,7580],{"class":3596},[3586,9259,5145],{"class":3948},[3586,9261,3604],{"class":3596},[3586,9263,9264,9266,9268,9271,9273,9276,9278,9280,9282,9284,9286,9288],{"class":3588,"line":3817},[3586,9265,3976],{"class":3948},[3586,9267,6607],{"class":3596},[3586,9269,9270],{"class":3979},"refreshing",[3586,9272,4440],{"class":3596},[3586,9274,9275],{"class":3979},"setRefreshing",[3586,9277,6617],{"class":3596},[3586,9279,6482],{"class":3592},[3586,9281,6622],{"class":3596},[3586,9283,6385],{"class":4225},[3586,9285,7580],{"class":3596},[3586,9287,6419],{"class":3948},[3586,9289,3604],{"class":3596},[3586,9291,9292,9294,9296,9298,9300,9303,9305,9307,9309,9311,9314,9316,9318,9320],{"class":3588,"line":3823},[3586,9293,3976],{"class":3948},[3586,9295,6607],{"class":3596},[3586,9297,4219],{"class":3979},[3586,9299,4440],{"class":3596},[3586,9301,9302],{"class":3979},"setError",[3586,9304,6617],{"class":3596},[3586,9306,6482],{"class":3592},[3586,9308,6622],{"class":3596},[3586,9310,5546],{"class":4225},[3586,9312,9313],{"class":3596}," | ",[3586,9315,5869],{"class":4225},[3586,9317,7580],{"class":3596},[3586,9319,5869],{"class":3948},[3586,9321,3604],{"class":3596},[3586,9323,9324],{"class":3588,"line":3829},[3586,9325,3677],{"emptyLinePlaceholder":3676},[3586,9327,9328,9330,9333,9335,9337,9339,9341,9343,9346,9348,9350,9352,9354],{"class":3588,"line":3834},[3586,9329,3976],{"class":3948},[3586,9331,9332],{"class":3979}," fetchRates",[3586,9334,3964],{"class":3596},[3586,9336,8941],{"class":3592},[3586,9338,3597],{"class":3596},[3586,9340,3949],{"class":3948},[3586,9342,4216],{"class":3596},[3586,9344,9345],{"class":3960},"isManualRefresh",[3586,9347,3964],{"class":3596},[3586,9349,6419],{"class":3948},[3586,9351,4509],{"class":3596},[3586,9353,4015],{"class":3948},[3586,9355,4042],{"class":3596},[3586,9357,9358,9360,9362,9364],{"class":3588,"line":4784},[3586,9359,4118],{"class":4038},[3586,9361,4216],{"class":3596},[3586,9363,9345],{"class":3960},[3586,9365,3971],{"class":3596},[3586,9367,9368,9371,9373,9375],{"class":3588,"line":4789},[3586,9369,9370],{"class":3592},"      setRefreshing",[3586,9372,3597],{"class":3596},[3586,9374,5145],{"class":3948},[3586,9376,3604],{"class":3596},[3586,9378,9379,9382,9384],{"class":3588,"line":4795},[3586,9380,9381],{"class":3596},"    } ",[3586,9383,4747],{"class":4038},[3586,9385,4042],{"class":3596},[3586,9387,9388,9391,9393,9395],{"class":3588,"line":4800},[3586,9389,9390],{"class":3592},"      setLoading",[3586,9392,3597],{"class":3596},[3586,9394,5145],{"class":3948},[3586,9396,3604],{"class":3596},[3586,9398,9399],{"class":3588,"line":5408},[3586,9400,4171],{"class":3596},[3586,9402,9403,9406,9408,9410],{"class":3588,"line":5414},[3586,9404,9405],{"class":3592},"    setError",[3586,9407,3597],{"class":3596},[3586,9409,5869],{"class":3948},[3586,9411,3604],{"class":3596},[3586,9413,9414],{"class":3588,"line":5419},[3586,9415,3677],{"emptyLinePlaceholder":3676},[3586,9417,9418,9421],{"class":3588,"line":5424},[3586,9419,9420],{"class":4038},"    try",[3586,9422,4042],{"class":3596},[3586,9424,9425,9427,9429,9431,9433,9435,9437,9439,9441,9443,9446,9449],{"class":3588,"line":5430},[3586,9426,5886],{"class":3948},[3586,9428,4050],{"class":3979},[3586,9430,3964],{"class":3596},[3586,9432,4055],{"class":4038},[3586,9434,8366],{"class":3960},[3586,9436,3627],{"class":3596},[3586,9438,4635],{"class":3592},[3586,9440,6622],{"class":3596},[3586,9442,9230],{"class":4225},[3586,9444,9445],{"class":3596},"[]>(",[3586,9447,9448],{"class":3600},"'\u002Fexchange?json'",[3586,9450,3604],{"class":3596},[3586,9452,9453],{"class":3588,"line":5436},[3586,9454,9455],{"class":3996},"      \u002F\u002F Фільтруємо лише популярні валюти (USD, EUR, PLN, GBP)\n",[3586,9457,9458,9460,9463,9465,9467,9469,9471,9473,9476,9478,9481,9483],{"class":3588,"line":5442},[3586,9459,5886],{"class":3948},[3586,9461,9462],{"class":3979}," popular",[3586,9464,3964],{"class":3596},[3586,9466,4124],{"class":3960},[3586,9468,3627],{"class":3596},[3586,9470,4653],{"class":3960},[3586,9472,3627],{"class":3596},[3586,9474,9475],{"class":3592},"filter",[3586,9477,4503],{"class":3596},[3586,9479,9480],{"class":3960},"item",[3586,9482,4509],{"class":3596},[3586,9484,9485],{"class":3948},"=>\n",[3586,9487,9488,9491,9494,9496,9499,9501,9504,9506,9509,9511,9514,9517,9520,9522,9524,9526,9529],{"class":3588,"line":5447},[3586,9489,9490],{"class":3596},"        [",[3586,9492,9493],{"class":3600},"'USD'",[3586,9495,4440],{"class":3596},[3586,9497,9498],{"class":3600},"'EUR'",[3586,9500,4440],{"class":3596},[3586,9502,9503],{"class":3600},"'PLN'",[3586,9505,4440],{"class":3596},[3586,9507,9508],{"class":3600},"'GBP'",[3586,9510,4440],{"class":3596},[3586,9512,9513],{"class":3600},"'CHF'",[3586,9515,9516],{"class":3596},"].",[3586,9518,9519],{"class":3592},"includes",[3586,9521,3597],{"class":3596},[3586,9523,9480],{"class":3960},[3586,9525,3627],{"class":3596},[3586,9527,9528],{"class":3960},"cc",[3586,9530,9531],{"class":3596},")\n",[3586,9533,9534],{"class":3588,"line":6060},[3586,9535,9536],{"class":3596},"      );\n",[3586,9538,9539,9542,9544,9547],{"class":3588,"line":6065},[3586,9540,9541],{"class":3592},"      setRates",[3586,9543,3597],{"class":3596},[3586,9545,9546],{"class":3960},"popular",[3586,9548,3604],{"class":3596},[3586,9550,9551,9553,9555,9557,9560],{"class":3588,"line":6070},[3586,9552,9381],{"class":3596},[3586,9554,4213],{"class":4038},[3586,9556,4216],{"class":3596},[3586,9558,9559],{"class":3960},"err",[3586,9561,3971],{"class":3596},[3586,9563,9564,9567,9569,9571,9573,9575,9577,9579],{"class":3588,"line":6092},[3586,9565,9566],{"class":3592},"      setError",[3586,9568,3597],{"class":3596},[3586,9570,5546],{"class":3960},[3586,9572,3627],{"class":3596},[3586,9574,6488],{"class":3592},[3586,9576,3597],{"class":3596},[3586,9578,9559],{"class":3960},[3586,9580,9581],{"class":3596},"));\n",[3586,9583,9584,9586,9588],{"class":3588,"line":6107},[3586,9585,9381],{"class":3596},[3586,9587,4285],{"class":4038},[3586,9589,4042],{"class":3596},[3586,9591,9592,9594,9596,9598],{"class":3588,"line":6140},[3586,9593,9390],{"class":3592},[3586,9595,3597],{"class":3596},[3586,9597,6419],{"class":3948},[3586,9599,3604],{"class":3596},[3586,9601,9602,9604,9606,9608],{"class":3588,"line":6145},[3586,9603,9370],{"class":3592},[3586,9605,3597],{"class":3596},[3586,9607,6419],{"class":3948},[3586,9609,3604],{"class":3596},[3586,9611,9612],{"class":3588,"line":6161},[3586,9613,4171],{"class":3596},[3586,9615,9616],{"class":3588,"line":6194},[3586,9617,6871],{"class":3596},[3586,9619,9620],{"class":3588,"line":6199},[3586,9621,3677],{"emptyLinePlaceholder":3676},[3586,9623,9624],{"class":3588,"line":6216},[3586,9625,9626],{"class":3996},"  \u002F\u002F Первинне завантаження при старті\n",[3586,9628,9629,9631,9633,9635],{"class":3588,"line":6249},[3586,9630,6680],{"class":3592},[3586,9632,4012],{"class":3596},[3586,9634,4015],{"class":3948},[3586,9636,4042],{"class":3596},[3586,9638,9639,9642],{"class":3588,"line":6254},[3586,9640,9641],{"class":3592},"    fetchRates",[3586,9643,3991],{"class":3596},[3586,9645,9646,9648,9651],{"class":3588,"line":6259},[3586,9647,8139],{"class":3596},[3586,9649,9650],{"class":3960},"fetchRates",[3586,9652,8152],{"class":3596},[3586,9654,9655],{"class":3588,"line":6264},[3586,9656,3677],{"emptyLinePlaceholder":3676},[3586,9658,9659],{"class":3588,"line":6298},[3586,9660,9661],{"class":3996},"  \u002F\u002F Автоматичне поновлення даних при згортанні\u002Fрозгортанні та при відновленні інтернет-мережі\n",[3586,9663,9664,9667,9669,9671,9673],{"class":3588,"line":6303},[3586,9665,9666],{"class":3592},"  useRefetchOnFocusAndNetwork",[3586,9668,4012],{"class":3596},[3586,9670,4015],{"class":3948},[3586,9672,9332],{"class":3592},[3586,9674,9675],{"class":3596},"());\n",[3586,9677,9679],{"class":3588,"line":9678},62,[3586,9680,3677],{"emptyLinePlaceholder":3676},[3586,9682,9684,9686],{"class":3588,"line":9683},63,[3586,9685,4582],{"class":4038},[3586,9687,7037],{"class":3596},[3586,9689,9691,9693,9696,9698,9700,9703],{"class":3588,"line":9690},64,[3586,9692,7042],{"class":3596},[3586,9694,9695],{"class":3960},"SafeAreaView",[3586,9697,7047],{"class":3960},[3586,9699,7050],{"class":3596},[3586,9701,9702],{"class":3960},"safeArea",[3586,9704,7056],{"class":3596},[3586,9706,9708,9710,9713,9716,9719,9722,9725,9727,9730],{"class":3588,"line":9707},65,[3586,9709,7061],{"class":3596},[3586,9711,9712],{"class":3960},"StatusBar",[3586,9714,9715],{"class":3960}," barStyle",[3586,9717,9718],{"class":3596},"=",[3586,9720,9721],{"class":3600},"\"dark-content\"",[3586,9723,9724],{"class":3960}," backgroundColor",[3586,9726,9718],{"class":3596},[3586,9728,9729],{"class":3600},"\"#FFFFFF\"",[3586,9731,9732],{"class":3596}," \u002F>\n",[3586,9734,9736,9738,9740],{"class":3588,"line":9735},66,[3586,9737,7061],{"class":3596},[3586,9739,9073],{"class":3960},[3586,9741,9732],{"class":3596},[3586,9743,9745],{"class":3588,"line":9744},67,[3586,9746,3677],{"emptyLinePlaceholder":3676},[3586,9748,9750,9752,9754,9756,9758,9761],{"class":3588,"line":9749},68,[3586,9751,7061],{"class":3596},[3586,9753,6924],{"class":3960},[3586,9755,7047],{"class":3960},[3586,9757,7050],{"class":3596},[3586,9759,9760],{"class":3960},"header",[3586,9762,7056],{"class":3596},[3586,9764,9766,9769,9771,9773,9775,9778,9780,9783,9786,9789,9791,9793],{"class":3588,"line":9765},69,[3586,9767,9768],{"class":3596},"        \u003C",[3586,9770,6929],{"class":3960},[3586,9772,7047],{"class":3960},[3586,9774,7050],{"class":3596},[3586,9776,9777],{"class":3960},"headerTitle",[3586,9779,8598],{"class":3596},[3586,9781,9782],{"class":3960},"Курси",[3586,9784,9785],{"class":3960}," валют",[3586,9787,9788],{"class":3979}," НБУ",[3586,9790,8607],{"class":3596},[3586,9792,6929],{"class":3960},[3586,9794,7117],{"class":3596},[3586,9796,9798,9800,9802,9804,9806,9809,9811,9814,9817,9820,9822,9825,9827,9829],{"class":3588,"line":9797},70,[3586,9799,9768],{"class":3596},[3586,9801,6929],{"class":3960},[3586,9803,7047],{"class":3960},[3586,9805,7050],{"class":3596},[3586,9807,9808],{"class":3960},"headerSubtitle",[3586,9810,8598],{"class":3596},[3586,9812,9813],{"class":3960},"Автопоновлення",[3586,9815,9816],{"class":3960}," при",[3586,9818,9819],{"class":3960}," поверненні",[3586,9821,7095],{"class":3960},[3586,9823,9824],{"class":3960}," додаток",[3586,9826,8607],{"class":3596},[3586,9828,6929],{"class":3960},[3586,9830,7117],{"class":3596},[3586,9832,9834,9836,9838],{"class":3588,"line":9833},71,[3586,9835,7112],{"class":3596},[3586,9837,6924],{"class":3960},[3586,9839,7117],{"class":3596},[3586,9841,9843],{"class":3588,"line":9842},72,[3586,9844,3677],{"emptyLinePlaceholder":3676},[3586,9846,9848,9851,9853,9856,9858],{"class":3588,"line":9847},73,[3586,9849,9850],{"class":3596},"      {",[3586,9852,9242],{"class":3960},[3586,9854,9855],{"class":3596}," && !",[3586,9857,9270],{"class":3960},[3586,9859,9860],{"class":3596}," ? (\n",[3586,9862,9864,9866,9868,9870,9872,9875],{"class":3588,"line":9863},74,[3586,9865,9768],{"class":3596},[3586,9867,6924],{"class":3960},[3586,9869,7047],{"class":3960},[3586,9871,7050],{"class":3596},[3586,9873,9874],{"class":3960},"center",[3586,9876,7056],{"class":3596},[3586,9878,9880,9883,9885,9888,9890,9893,9896,9898,9901],{"class":3588,"line":9879},75,[3586,9881,9882],{"class":3596},"          \u003C",[3586,9884,8199],{"class":3960},[3586,9886,9887],{"class":3960}," size",[3586,9889,9718],{"class":3596},[3586,9891,9892],{"class":3600},"\"large\"",[3586,9894,9895],{"class":3960}," color",[3586,9897,9718],{"class":3596},[3586,9899,9900],{"class":3600},"\"#2563EB\"",[3586,9902,9732],{"class":3596},[3586,9904,9906,9908,9910,9912,9914,9917,9919,9922,9925,9928,9931,9933],{"class":3588,"line":9905},76,[3586,9907,9882],{"class":3596},[3586,9909,6929],{"class":3960},[3586,9911,7047],{"class":3960},[3586,9913,7050],{"class":3596},[3586,9915,9916],{"class":3960},"loadingText",[3586,9918,8598],{"class":3596},[3586,9920,9921],{"class":3960},"Отримання",[3586,9923,9924],{"class":3960}," актуальних",[3586,9926,9927],{"class":3960}," курсів",[3586,9929,9930],{"class":3596},"...\u003C\u002F",[3586,9932,6929],{"class":3960},[3586,9934,7117],{"class":3596},[3586,9936,9938,9941,9943],{"class":3588,"line":9937},77,[3586,9939,9940],{"class":3596},"        \u003C\u002F",[3586,9942,6924],{"class":3960},[3586,9944,7117],{"class":3596},[3586,9946,9948,9951,9953],{"class":3588,"line":9947},78,[3586,9949,9950],{"class":3596},"      ) : ",[3586,9952,4219],{"class":3960},[3586,9954,9860],{"class":3596},[3586,9956,9958,9960,9962,9965,9968,9970,9972,9974,9977,9979],{"class":3588,"line":9957},79,[3586,9959,9768],{"class":3596},[3586,9961,9091],{"class":3960},[3586,9963,9964],{"class":3960}," message",[3586,9966,9967],{"class":3596},"={error.",[3586,9969,5762],{"class":3960},[3586,9971,8651],{"class":3596},[3586,9973,8559],{"class":3960},[3586,9975,9976],{"class":3596},"={() => ",[3586,9978,9650],{"class":3592},[3586,9980,9981],{"class":3596},"()} \u002F>\n",[3586,9983,9985],{"class":3588,"line":9984},80,[3586,9986,9987],{"class":3596},"      ) : (\n",[3586,9989,9991,9993],{"class":3588,"line":9990},81,[3586,9992,9768],{"class":3596},[3586,9994,9995],{"class":3960},"FlatList\n",[3586,9997,9999,10002,10004,10006],{"class":3588,"line":9998},82,[3586,10000,10001],{"class":3960},"          data",[3586,10003,8657],{"class":3596},[3586,10005,9216],{"class":3960},[3586,10007,3707],{"class":3596},[3586,10009,10011,10014,10017,10019],{"class":3588,"line":10010},83,[3586,10012,10013],{"class":3960},"          keyExtractor",[3586,10015,10016],{"class":3596},"={(item) => item.",[3586,10018,9528],{"class":3960},[3586,10020,3707],{"class":3596},[3586,10022,10024,10027],{"class":3588,"line":10023},84,[3586,10025,10026],{"class":3960},"          refreshControl",[3586,10028,10029],{"class":3596},"={\n",[3586,10031,10033,10036],{"class":3588,"line":10032},85,[3586,10034,10035],{"class":3596},"            \u003C",[3586,10037,10038],{"class":3960},"RefreshControl\n",[3586,10040,10042,10045,10047,10049],{"class":3588,"line":10041},86,[3586,10043,10044],{"class":3960},"              refreshing",[3586,10046,8657],{"class":3596},[3586,10048,9270],{"class":3960},[3586,10050,3707],{"class":3596},[3586,10052,10054,10057,10059,10061,10063,10065],{"class":3588,"line":10053},87,[3586,10055,10056],{"class":3960},"              onRefresh",[3586,10058,9976],{"class":3596},[3586,10060,9650],{"class":3592},[3586,10062,3597],{"class":3596},[3586,10064,5145],{"class":3960},[3586,10066,10067],{"class":3596},")}\n",[3586,10069,10071,10074,10076,10079,10082],{"class":3588,"line":10070},88,[3586,10072,10073],{"class":3960},"              colors",[3586,10075,8657],{"class":3596},[3586,10077,10078],{"class":3960},"[",[3586,10080,10081],{"class":3600},"'#2563EB'",[3586,10083,10084],{"class":3960},"]}\n",[3586,10086,10088],{"class":3588,"line":10087},89,[3586,10089,10090],{"class":3960},"            \u002F>\n",[3586,10092,10094],{"class":3588,"line":10093},90,[3586,10095,10096],{"class":3960},"          }\n",[3586,10098,10100],{"class":3588,"line":10099},91,[3586,10101,10102],{"class":3960},"          renderItem={({ item }) => (\n",[3586,10104,10106],{"class":3588,"line":10105},92,[3586,10107,10108],{"class":3960},"            \u003CView style={styles.card}>\n",[3586,10110,10112],{"class":3588,"line":10111},93,[3586,10113,10114],{"class":3960},"              \u003CView>\n",[3586,10116,10118],{"class":3588,"line":10117},94,[3586,10119,10120],{"class":3960},"                \u003CText style={styles.currencyCode}>{item.cc}\u003C\u002FText>\n",[3586,10122,10124],{"class":3588,"line":10123},95,[3586,10125,10126],{"class":3960},"                \u003CText style={styles.currencyName}>{item.txt}\u003C\u002FText>\n",[3586,10128,10130],{"class":3588,"line":10129},96,[3586,10131,10132],{"class":3960},"              \u003C\u002FView>\n",[3586,10134,10136],{"class":3588,"line":10135},97,[3586,10137,10138],{"class":3960},"              \u003CText style={styles.rateValue}>{item.rate.toFixed(2)} ₴\u003C\u002FText>\n",[3586,10140,10142],{"class":3588,"line":10141},98,[3586,10143,10144],{"class":3960},"            \u003C\u002FView>\n",[3586,10146,10148],{"class":3588,"line":10147},99,[3586,10149,10150],{"class":3960},"          )}\n",[3586,10152,10154],{"class":3588,"line":10153},100,[3586,10155,10156],{"class":3960},"          contentContainerStyle={styles.listContent}\n",[3586,10158,10160],{"class":3588,"line":10159},101,[3586,10161,10162],{"class":3960},"        \u002F>\n",[3586,10164,10166],{"class":3588,"line":10165},102,[3586,10167,10168],{"class":3960},"      )}\n",[3586,10170,10172],{"class":3588,"line":10171},103,[3586,10173,10174],{"class":3960},"    \u003C\u002FSafeAreaView>\n",[3586,10176,10178],{"class":3588,"line":10177},104,[3586,10179,7131],{"class":3960},[3586,10181,10183],{"class":3588,"line":10182},105,[3586,10184,3707],{"class":3960},[3586,10186,10188],{"class":3588,"line":10187},106,[3586,10189,3677],{"emptyLinePlaceholder":3676},[3586,10191,10193],{"class":3588,"line":10192},107,[3586,10194,10195],{"class":3960},"const styles = StyleSheet.create({\n",[3586,10197,10199,10202,10204,10206,10208,10210,10212,10215],{"class":3588,"line":10198},108,[3586,10200,10201],{"class":3960},"  safeArea:",[3586,10203,6474],{"class":3596},[3586,10205,8739],{"class":3960},[3586,10207,8742],{"class":3967},[3586,10209,4440],{"class":3596},[3586,10211,8849],{"class":3960},[3586,10213,10214],{"class":3600}," '#F9FAFB'",[3586,10216,8767],{"class":3596},[3586,10218,10220,10223,10225,10227,10229,10231,10233,10235,10237,10240,10242,10244,10247,10250],{"class":3588,"line":10219},109,[3586,10221,10222],{"class":3960},"  header:",[3586,10224,6474],{"class":3596},[3586,10226,8761],{"class":3960},[3586,10228,7196],{"class":3967},[3586,10230,4440],{"class":3596},[3586,10232,8849],{"class":3960},[3586,10234,7236],{"class":3600},[3586,10236,4440],{"class":3596},[3586,10238,10239],{"class":3960},"borderBottomWidth:",[3586,10241,8742],{"class":3967},[3586,10243,4440],{"class":3596},[3586,10245,10246],{"class":3960},"borderBottomColor:",[3586,10248,10249],{"class":3600}," '#E5E7EB'",[3586,10251,8767],{"class":3596},[3586,10253,10255,10258,10260,10262,10265,10267,10269,10272,10274,10276,10278],{"class":3588,"line":10254},110,[3586,10256,10257],{"class":3960},"  headerTitle:",[3586,10259,6474],{"class":3596},[3586,10261,8777],{"class":3960},[3586,10263,10264],{"class":3967}," 22",[3586,10266,4440],{"class":3596},[3586,10268,8785],{"class":3960},[3586,10270,10271],{"class":3600}," '800'",[3586,10273,4440],{"class":3596},[3586,10275,8793],{"class":3960},[3586,10277,8796],{"class":3600},[3586,10279,8767],{"class":3596},[3586,10281,10283,10286,10288,10290,10292,10294,10296,10298,10300,10303,10306],{"class":3588,"line":10282},111,[3586,10284,10285],{"class":3960},"  headerSubtitle:",[3586,10287,6474],{"class":3596},[3586,10289,8777],{"class":3960},[3586,10291,7246],{"class":3967},[3586,10293,4440],{"class":3596},[3586,10295,8793],{"class":3960},[3586,10297,8824],{"class":3600},[3586,10299,4440],{"class":3596},[3586,10301,10302],{"class":3960},"marginTop:",[3586,10304,10305],{"class":3967}," 2",[3586,10307,8767],{"class":3596},[3586,10309,10311,10314,10316,10318,10320,10322,10324,10326,10328,10330,10332],{"class":3588,"line":10310},112,[3586,10312,10313],{"class":3960},"  center:",[3586,10315,6474],{"class":3596},[3586,10317,8739],{"class":3960},[3586,10319,8742],{"class":3967},[3586,10321,4440],{"class":3596},[3586,10323,8747],{"class":3960},[3586,10325,7206],{"class":3600},[3586,10327,4440],{"class":3596},[3586,10329,8754],{"class":3960},[3586,10331,7206],{"class":3600},[3586,10333,8767],{"class":3596},[3586,10335,10337,10340,10342,10344,10346,10348,10350,10352,10354,10356,10358],{"class":3588,"line":10336},113,[3586,10338,10339],{"class":3960},"  loadingText:",[3586,10341,6474],{"class":3596},[3586,10343,10302],{"class":3960},[3586,10345,8860],{"class":3967},[3586,10347,4440],{"class":3596},[3586,10349,8793],{"class":3960},[3586,10351,8824],{"class":3600},[3586,10353,4440],{"class":3596},[3586,10355,8777],{"class":3960},[3586,10357,8817],{"class":3967},[3586,10359,8767],{"class":3596},[3586,10361,10363,10366,10368,10370,10372],{"class":3588,"line":10362},114,[3586,10364,10365],{"class":3960},"  listContent:",[3586,10367,6474],{"class":3596},[3586,10369,8761],{"class":3960},[3586,10371,7196],{"class":3967},[3586,10373,8767],{"class":3596},[3586,10375,10377,10380],{"class":3588,"line":10376},115,[3586,10378,10379],{"class":3960},"  card:",[3586,10381,4042],{"class":3596},[3586,10383,10385,10388,10391],{"class":3588,"line":10384},116,[3586,10386,10387],{"class":3960},"    flexDirection:",[3586,10389,10390],{"class":3600}," 'row'",[3586,10392,4080],{"class":3596},[3586,10394,10396,10398,10401],{"class":3588,"line":10395},117,[3586,10397,7213],{"class":3960},[3586,10399,10400],{"class":3600}," 'space-between'",[3586,10402,4080],{"class":3596},[3586,10404,10406,10408,10410],{"class":3588,"line":10405},118,[3586,10407,7203],{"class":3960},[3586,10409,7206],{"class":3600},[3586,10411,4080],{"class":3596},[3586,10413,10415,10417,10419],{"class":3588,"line":10414},119,[3586,10416,7170],{"class":3960},[3586,10418,7236],{"class":3600},[3586,10420,4080],{"class":3596},[3586,10422,10424,10427,10429],{"class":3588,"line":10423},120,[3586,10425,10426],{"class":3960},"    padding:",[3586,10428,7196],{"class":3967},[3586,10430,4080],{"class":3596},[3586,10432,10434,10437,10439],{"class":3588,"line":10433},121,[3586,10435,10436],{"class":3960},"    borderRadius:",[3586,10438,8860],{"class":3967},[3586,10440,4080],{"class":3596},[3586,10442,10444,10447,10449],{"class":3588,"line":10443},122,[3586,10445,10446],{"class":3960},"    marginBottom:",[3586,10448,8860],{"class":3967},[3586,10450,4080],{"class":3596},[3586,10452,10454,10457,10460],{"class":3588,"line":10453},123,[3586,10455,10456],{"class":3960},"    shadowColor:",[3586,10458,10459],{"class":3600}," '#000'",[3586,10461,4080],{"class":3596},[3586,10463,10465,10468,10471],{"class":3588,"line":10464},124,[3586,10466,10467],{"class":3960},"    shadowOpacity:",[3586,10469,10470],{"class":3967}," 0.05",[3586,10472,4080],{"class":3596},[3586,10474,10476,10479,10482],{"class":3588,"line":10475},125,[3586,10477,10478],{"class":3960},"    shadowRadius:",[3586,10480,10481],{"class":3967}," 4",[3586,10483,4080],{"class":3596},[3586,10485,10487,10490,10492],{"class":3588,"line":10486},126,[3586,10488,10489],{"class":3960},"    elevation:",[3586,10491,10305],{"class":3967},[3586,10493,4080],{"class":3596},[3586,10495,10497],{"class":3588,"line":10496},127,[3586,10498,4466],{"class":3596},[3586,10500,10502,10505,10507,10509,10511,10513,10515,10517,10519,10521,10523],{"class":3588,"line":10501},128,[3586,10503,10504],{"class":3960},"  currencyCode:",[3586,10506,6474],{"class":3596},[3586,10508,8777],{"class":3960},[3586,10510,8780],{"class":3967},[3586,10512,4440],{"class":3596},[3586,10514,8785],{"class":3960},[3586,10516,8788],{"class":3600},[3586,10518,4440],{"class":3596},[3586,10520,8793],{"class":3960},[3586,10522,8796],{"class":3600},[3586,10524,8767],{"class":3596},[3586,10526,10528,10531,10533,10535,10537,10539,10541,10543,10545,10547,10549],{"class":3588,"line":10527},129,[3586,10529,10530],{"class":3960},"  currencyName:",[3586,10532,6474],{"class":3596},[3586,10534,8777],{"class":3960},[3586,10536,7246],{"class":3967},[3586,10538,4440],{"class":3596},[3586,10540,8793],{"class":3960},[3586,10542,8824],{"class":3600},[3586,10544,4440],{"class":3596},[3586,10546,10302],{"class":3960},[3586,10548,10305],{"class":3967},[3586,10550,8767],{"class":3596},[3586,10552,10554,10557,10559,10561,10564,10566,10568,10570,10572,10574,10577],{"class":3588,"line":10553},130,[3586,10555,10556],{"class":3960},"  rateValue:",[3586,10558,6474],{"class":3596},[3586,10560,8777],{"class":3960},[3586,10562,10563],{"class":3967}," 20",[3586,10565,4440],{"class":3596},[3586,10567,8785],{"class":3960},[3586,10569,8788],{"class":3600},[3586,10571,4440],{"class":3596},[3586,10573,8793],{"class":3960},[3586,10575,10576],{"class":3600}," '#059669'",[3586,10578,8767],{"class":3596},[3586,10580,10582],{"class":3588,"line":10581},131,[3586,10583,4471],{"class":3596},[3846,10585],{},[3507,10587,10589],{"id":10588},"практичний-крок-у-nomad","Практичний крок у Nomad",[3512,10591,10592,10593,10596],{},"У наскрізному мобільному щоденнику подорожей ",[3524,10594,10595],{},"Nomad"," ми підключаємо інтеграцію з мок-сервером або віддаленим API для завантаження списку поїздок користувача.",[3558,10598,10600],{"id":10599},"навіщо-це-користувачу","Навіщо це користувачу",[3512,10602,10603],{},"Користувач бачить реальний список своїх подорожей, завантажений із сервера API. Якщо інтернет у дорозі зникає, додаток інформує про офлайн-стан, не падінням або білим екраном, а з можливістю переглядати раніше завантажені поїздки.",[3558,10605,10607],{"id":10606},"поточний-стан-та-нові-зміни","Поточний стан та нові зміни",[3613,10609,10610,10616],{},[3532,10611,10612,10615],{},[3524,10613,10614],{},"Уже є:"," Базова структура навігації, дизайн-токени, картки поїздок та списки.",[3532,10617,10618,10621],{},[3524,10619,10620],{},"Додаємо в цій статті:",[3613,10622,10623,10637,10652,10662,10665,10674],{},[3532,10624,10625,10626,4216,10629,4440,10631,4440,10634,8206],{},"Мережевий шар ",[3516,10627,10628],{},"src\u002Fapi\u002F",[3516,10630,8239],{},[3516,10632,10633],{},"tripsApi.ts",[3516,10635,10636],{},"AppError.ts",[3532,10638,10639,10640,4216,10645,10648,10649,8206],{},"Локальний мок-сервер на базі ",[3524,10641,10642],{},[3516,10643,10644],{},"json-server",[3516,10646,10647],{},"db.json"," + ",[3516,10650,10651],{},"npm run api",[3532,10653,10654,10655,10658,10659,8206],{},"Завантаження списку поїздок через HTTP при старті (",[3516,10656,10657],{},"TripsProvider"," + GET ",[3516,10660,10661],{},"\u002Ftrips",[3532,10663,10664],{},"Індикатори стану: Loading, Error + Retry, Pull-to-Refresh;",[3532,10666,10667,10668,4440,10670,4440,10672,6424],{},"Хуки ",[3516,10669,6459],{},[3516,10671,7484],{},[3516,10673,7733],{},[3532,10675,10676,10678,10679,3627],{},[3516,10677,9073],{}," у кореневому ",[3516,10680,10681],{},"_layout.tsx",[3558,10683,10685,10686],{"id":10684},"локальне-api-на-базі-json-server","Локальне API на базі ",[3516,10687,10644],{},[3512,10689,10690,10691,10695],{},"Для реалістичного розробницького середовища ми використовуємо ",[3524,10692,10693],{},[3516,10694,10644],{},". Він дозволяє створити повноцінне REST API з підтримкою фільтрації, пагінації та затримок без написання серверного коду.",[10697,10698,10700,10701],"h4",{"id":10699},"_1-створення-файлу-мок-даних-dbjson","1. Створення файлу мок-даних ",[3516,10702,10647],{},[3512,10704,10705,10706,3938],{},"У корені проєкту Nomad створюємо файл ",[3516,10707,10647],{},[3512,10709,10710,10711,10714,10715,10718],{},"Форма записів збігається з типом ",[3516,10712,10713],{},"Trip"," у застосунку (щоб ",[3516,10716,10717],{},"TripCard"," і деталі працювали без додаткового мапінгу). Скорочений приклад:",[3577,10720,10723],{"className":10721,"code":10722,"language":4193,"meta":3582,"style":3582},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"trips\": [\n    {\n      \"id\": \"1\",\n      \"title\": \"Карпати на вихідні\",\n      \"dateLabel\": \"12–14 бер. 2026\",\n      \"description\": \"Говерла, полонини й вечірній чай біля каміну в котеджі.\",\n      \"coverUri\": \"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?w=800&q=80\",\n      \"region\": \"Карпати\"\n    },\n    {\n      \"id\": \"2\",\n      \"title\": \"Львівський вікенд\",\n      \"dateLabel\": \"2–4 трав. 2026\",\n      \"description\": \"Кава, площа Ринок, закапелки й нічний трамвай.\",\n      \"coverUri\": \"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555881400-74d7acaacd8b?w=800&q=80\",\n      \"region\": \"Захід\"\n    }\n  ]\n}\n",[3516,10724,10725,10730,10739,10744,10756,10768,10780,10792,10804,10814,10819,10823,10834,10845,10856,10867,10878,10887,10891,10896],{"__ignoreMap":3582},[3586,10726,10727],{"class":3588,"line":3589},[3586,10728,10729],{"class":3596},"{\n",[3586,10731,10732,10736],{"class":3588,"line":3661},[3586,10733,10735],{"class":10734},"sLwNe","  \"trips\"",[3586,10737,10738],{"class":3596},": [\n",[3586,10740,10741],{"class":3588,"line":3667},[3586,10742,10743],{"class":3596},"    {\n",[3586,10745,10746,10749,10751,10754],{"class":3588,"line":3673},[3586,10747,10748],{"class":10734},"      \"id\"",[3586,10750,4222],{"class":3596},[3586,10752,10753],{"class":3600},"\"1\"",[3586,10755,4080],{"class":3596},[3586,10757,10758,10761,10763,10766],{"class":3588,"line":3680},[3586,10759,10760],{"class":10734},"      \"title\"",[3586,10762,4222],{"class":3596},[3586,10764,10765],{"class":3600},"\"Карпати на вихідні\"",[3586,10767,4080],{"class":3596},[3586,10769,10770,10773,10775,10778],{"class":3588,"line":3686},[3586,10771,10772],{"class":10734},"      \"dateLabel\"",[3586,10774,4222],{"class":3596},[3586,10776,10777],{"class":3600},"\"12–14 бер. 2026\"",[3586,10779,4080],{"class":3596},[3586,10781,10782,10785,10787,10790],{"class":3588,"line":3692},[3586,10783,10784],{"class":10734},"      \"description\"",[3586,10786,4222],{"class":3596},[3586,10788,10789],{"class":3600},"\"Говерла, полонини й вечірній чай біля каміну в котеджі.\"",[3586,10791,4080],{"class":3596},[3586,10793,10794,10797,10799,10802],{"class":3588,"line":3698},[3586,10795,10796],{"class":10734},"      \"coverUri\"",[3586,10798,4222],{"class":3596},[3586,10800,10801],{"class":3600},"\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?w=800&q=80\"",[3586,10803,4080],{"class":3596},[3586,10805,10806,10809,10811],{"class":3588,"line":3704},[3586,10807,10808],{"class":10734},"      \"region\"",[3586,10810,4222],{"class":3596},[3586,10812,10813],{"class":3600},"\"Карпати\"\n",[3586,10815,10816],{"class":3588,"line":3710},[3586,10817,10818],{"class":3596},"    },\n",[3586,10820,10821],{"class":3588,"line":3715},[3586,10822,10743],{"class":3596},[3586,10824,10825,10827,10829,10832],{"class":3588,"line":3721},[3586,10826,10748],{"class":10734},[3586,10828,4222],{"class":3596},[3586,10830,10831],{"class":3600},"\"2\"",[3586,10833,4080],{"class":3596},[3586,10835,10836,10838,10840,10843],{"class":3588,"line":3727},[3586,10837,10760],{"class":10734},[3586,10839,4222],{"class":3596},[3586,10841,10842],{"class":3600},"\"Львівський вікенд\"",[3586,10844,4080],{"class":3596},[3586,10846,10847,10849,10851,10854],{"class":3588,"line":3733},[3586,10848,10772],{"class":10734},[3586,10850,4222],{"class":3596},[3586,10852,10853],{"class":3600},"\"2–4 трав. 2026\"",[3586,10855,4080],{"class":3596},[3586,10857,10858,10860,10862,10865],{"class":3588,"line":3738},[3586,10859,10784],{"class":10734},[3586,10861,4222],{"class":3596},[3586,10863,10864],{"class":3600},"\"Кава, площа Ринок, закапелки й нічний трамвай.\"",[3586,10866,4080],{"class":3596},[3586,10868,10869,10871,10873,10876],{"class":3588,"line":3743},[3586,10870,10796],{"class":10734},[3586,10872,4222],{"class":3596},[3586,10874,10875],{"class":3600},"\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555881400-74d7acaacd8b?w=800&q=80\"",[3586,10877,4080],{"class":3596},[3586,10879,10880,10882,10884],{"class":3588,"line":3749},[3586,10881,10808],{"class":10734},[3586,10883,4222],{"class":3596},[3586,10885,10886],{"class":3600},"\"Захід\"\n",[3586,10888,10889],{"class":3588,"line":3755},[3586,10890,4171],{"class":3596},[3586,10892,10893],{"class":3588,"line":3761},[3586,10894,10895],{"class":3596},"  ]\n",[3586,10897,10898],{"class":3588,"line":3766},[3586,10899,3707],{"class":3596},[3512,10901,10902,10903,10905],{},"Повний seed (12 поїздок) — у ",[3516,10904,10647],{}," репозиторію Nomad.",[10697,10907,10909,10910],{"id":10908},"_2-запуск-з-привязкою-до-host-0000","2. Запуск з прив'язкою до ",[3516,10911,10912],{},"--host 0.0.0.0",[5193,10914,10915,10920,10921,10923,10924,10927,10928,5478,10930,10933,10934,10937,10938,3627],{},[3524,10916,10917,10918,3938],{},"Обов'язковий прапорець ",[3516,10919,10912],{}," За замовчуванням ",[3516,10922,10644],{}," слухає лише ",[3516,10925,10926],{},"127.0.0.1",". Мобільний пристрій або емулятор вважає ",[3516,10929,10926],{},[3524,10931,10932],{},"власною адресою",", тому спроба зробити запит до ",[3516,10935,10936],{},"http:\u002F\u002F127.0.0.1:3000"," з Android-емулятора або смартфона завершиться помилкою ",[3516,10939,10940],{},"Network Error",[3512,10942,10943,10944,10947],{},"Додаємо скрипт у ",[3516,10945,10946],{},"package.json"," та запускаємо його:",[3577,10949,10951],{"className":10721,"code":10950,"language":4193,"meta":3582,"style":3582},"\"scripts\": {\n  \"api\": \"json-server --watch db.json --port 3000 --host 0.0.0.0\"\n}\n",[3516,10952,10953,10961,10971],{"__ignoreMap":3582},[3586,10954,10955,10958],{"class":3588,"line":3589},[3586,10956,10957],{"class":3600},"\"scripts\"",[3586,10959,10960],{"class":3596},": {\n",[3586,10962,10963,10966,10968],{"class":3588,"line":3661},[3586,10964,10965],{"class":10734},"  \"api\"",[3586,10967,4222],{"class":3596},[3586,10969,10970],{"class":3600},"\"json-server --watch db.json --port 3000 --host 0.0.0.0\"\n",[3586,10972,10973],{"class":3588,"line":3667},[3586,10974,3707],{"class":3596},[10697,10976,10978,10979,10981],{"id":10977},"_3-динамічне-визначення-baseurl-для-різних-пристроїв","3. Динамічне визначення ",[3516,10980,5143],{}," для різних пристроїв",[3512,10983,10984,10985,3938],{},"Оскільки iOS Симулятор, Android Емулятор та фізичний телефон через Expo Go підключаються до вашого комп'ютера по-різному, налаштовуємо мережевий клієнт у ",[3516,10986,10987],{},"src\u002Fapi\u002Fclient.ts",[3577,10989,10991],{"className":3579,"code":10990,"language":3581,"meta":3582,"style":3582},"import { Platform } from 'react-native';\nimport Constants from 'expo-constants';\nimport axios from 'axios';\n\nconst getBaseUrl = (): string => {\n  \u002F\u002F 1. Android Emulator використовує спеціальний псевдонім 10.0.2.2\n  if (Platform.OS === 'android') {\n    return 'http:\u002F\u002F10.0.2.2:3000';\n  }\n\n  \u002F\u002F 2. Для реального смартфона (Expo Go) беремо IP-адресу ПК з конфігурації Expo\n  const hostUri = Constants.expoConfig?.hostUri;\n  if (hostUri) {\n    const ip = hostUri.split(':').shift();\n    return `http:\u002F\u002F${ip}:3000`;\n  }\n\n  \u002F\u002F 3. iOS Simulator може звертатися через localhost\n  return 'http:\u002F\u002Flocalhost:3000';\n};\n\nexport const apiClient = axios.create({\n  baseURL: getBaseUrl(),\n  timeout: 8000,\n  headers: {\n    'Content-Type': 'application\u002Fjson',\n  },\n});\n",[3516,10992,10993,11010,11024,11036,11040,11057,11062,11082,11091,11095,11099,11104,11128,11138,11166,11185,11189,11193,11198,11207,11211,11215,11233,11242,11250,11256,11266,11270],{"__ignoreMap":3582},[3586,10994,10995,10997,10999,11002,11004,11006,11008],{"class":3588,"line":3589},[3586,10996,4376],{"class":4038},[3586,10998,6474],{"class":3596},[3586,11000,11001],{"class":3960},"Platform",[3586,11003,6485],{"class":3596},[3586,11005,6488],{"class":4038},[3586,11007,6941],{"class":3600},[3586,11009,4205],{"class":3596},[3586,11011,11012,11014,11017,11019,11022],{"class":3588,"line":3661},[3586,11013,4376],{"class":4038},[3586,11015,11016],{"class":3960}," Constants",[3586,11018,4382],{"class":4038},[3586,11020,11021],{"class":3600}," 'expo-constants'",[3586,11023,4205],{"class":3596},[3586,11025,11026,11028,11030,11032,11034],{"class":3588,"line":3667},[3586,11027,4376],{"class":4038},[3586,11029,4379],{"class":3960},[3586,11031,4382],{"class":4038},[3586,11033,4385],{"class":3600},[3586,11035,4205],{"class":3596},[3586,11037,11038],{"class":3588,"line":3673},[3586,11039,3677],{"emptyLinePlaceholder":3676},[3586,11041,11042,11044,11047,11050,11052,11055],{"class":3588,"line":3680},[3586,11043,7145],{"class":3948},[3586,11045,11046],{"class":3592}," getBaseUrl",[3586,11048,11049],{"class":3596}," = (): ",[3586,11051,5144],{"class":4225},[3586,11053,11054],{"class":3948}," =>",[3586,11056,4042],{"class":3596},[3586,11058,11059],{"class":3588,"line":3686},[3586,11060,11061],{"class":3996},"  \u002F\u002F 1. Android Emulator використовує спеціальний псевдонім 10.0.2.2\n",[3586,11063,11064,11066,11068,11070,11072,11075,11077,11080],{"class":3588,"line":3692},[3586,11065,4536],{"class":4038},[3586,11067,4216],{"class":3596},[3586,11069,11001],{"class":3960},[3586,11071,3627],{"class":3596},[3586,11073,11074],{"class":3979},"OS",[3586,11076,4244],{"class":3596},[3586,11078,11079],{"class":3600},"'android'",[3586,11081,3971],{"class":3596},[3586,11083,11084,11086,11089],{"class":3588,"line":3698},[3586,11085,4200],{"class":4038},[3586,11087,11088],{"class":3600}," 'http:\u002F\u002F10.0.2.2:3000'",[3586,11090,4205],{"class":3596},[3586,11092,11093],{"class":3588,"line":3704},[3586,11094,4304],{"class":3596},[3586,11096,11097],{"class":3588,"line":3710},[3586,11098,3677],{"emptyLinePlaceholder":3676},[3586,11100,11101],{"class":3588,"line":3715},[3586,11102,11103],{"class":3996},"  \u002F\u002F 2. Для реального смартфона (Expo Go) беремо IP-адресу ПК з конфігурації Expo\n",[3586,11105,11106,11108,11111,11113,11116,11118,11121,11123,11126],{"class":3588,"line":3721},[3586,11107,3976],{"class":3948},[3586,11109,11110],{"class":3979}," hostUri",[3586,11112,3964],{"class":3596},[3586,11114,11115],{"class":3960},"Constants",[3586,11117,3627],{"class":3596},[3586,11119,11120],{"class":3960},"expoConfig",[3586,11122,4768],{"class":3596},[3586,11124,11125],{"class":3960},"hostUri",[3586,11127,4205],{"class":3596},[3586,11129,11130,11132,11134,11136],{"class":3588,"line":3727},[3586,11131,4536],{"class":4038},[3586,11133,4216],{"class":3596},[3586,11135,11125],{"class":3960},[3586,11137,3971],{"class":3596},[3586,11139,11140,11142,11145,11147,11149,11151,11154,11156,11159,11161,11164],{"class":3588,"line":3733},[3586,11141,4047],{"class":3948},[3586,11143,11144],{"class":3979}," ip",[3586,11146,3964],{"class":3596},[3586,11148,11125],{"class":3960},[3586,11150,3627],{"class":3596},[3586,11152,11153],{"class":3592},"split",[3586,11155,3597],{"class":3596},[3586,11157,11158],{"class":3600},"':'",[3586,11160,3643],{"class":3596},[3586,11162,11163],{"class":3592},"shift",[3586,11165,3991],{"class":3596},[3586,11167,11168,11170,11173,11175,11178,11180,11183],{"class":3588,"line":3738},[3586,11169,4200],{"class":4038},[3586,11171,11172],{"class":3600}," `http:\u002F\u002F",[3586,11174,4150],{"class":3948},[3586,11176,11177],{"class":3960},"ip",[3586,11179,4161],{"class":3948},[3586,11181,11182],{"class":3600},":3000`",[3586,11184,4205],{"class":3596},[3586,11186,11187],{"class":3588,"line":3743},[3586,11188,4304],{"class":3596},[3586,11190,11191],{"class":3588,"line":3749},[3586,11192,3677],{"emptyLinePlaceholder":3676},[3586,11194,11195],{"class":3588,"line":3755},[3586,11196,11197],{"class":3996},"  \u002F\u002F 3. iOS Simulator може звертатися через localhost\n",[3586,11199,11200,11202,11205],{"class":3588,"line":3761},[3586,11201,4582],{"class":4038},[3586,11203,11204],{"class":3600}," 'http:\u002F\u002Flocalhost:3000'",[3586,11206,4205],{"class":3596},[3586,11208,11209],{"class":3588,"line":3766},[3586,11210,7136],{"class":3596},[3586,11212,11213],{"class":3588,"line":3771},[3586,11214,3677],{"emptyLinePlaceholder":3676},[3586,11216,11217,11219,11221,11223,11225,11227,11229,11231],{"class":3588,"line":3777},[3586,11218,4401],{"class":4038},[3586,11220,4404],{"class":3948},[3586,11222,4407],{"class":3979},[3586,11224,3964],{"class":3596},[3586,11226,3857],{"class":3960},[3586,11228,3627],{"class":3596},[3586,11230,4416],{"class":3592},[3586,11232,4419],{"class":3596},[3586,11234,11235,11237,11239],{"class":3588,"line":3783},[3586,11236,4424],{"class":3960},[3586,11238,11046],{"class":3592},[3586,11240,11241],{"class":3596},"(),\n",[3586,11243,11244,11246,11248],{"class":3588,"line":3789},[3586,11245,4434],{"class":3960},[3586,11247,8392],{"class":3967},[3586,11249,4080],{"class":3596},[3586,11251,11252,11254],{"class":3588,"line":3794},[3586,11253,4448],{"class":3960},[3586,11255,4042],{"class":3596},[3586,11257,11258,11260,11262,11264],{"class":3588,"line":3799},[3586,11259,4455],{"class":3600},[3586,11261,3938],{"class":3960},[3586,11263,4097],{"class":3600},[3586,11265,4080],{"class":3596},[3586,11267,11268],{"class":3588,"line":3805},[3586,11269,4466],{"class":3596},[3586,11271,11272],{"class":3588,"line":3811},[3586,11273,4471],{"class":3596},[6307,11275,11276,11279,11280,8176,11282,11285],{},[3524,11277,11278],{},"Як перевірити:"," Після запуску ",[3516,11281,10651],{},[3516,11283,11284],{},"npx expo start",", клієнт автоматично вибере потрібну IP-адресу залежно від того, де саме запущено застосунок (на симуляторі Mac, Android Studio чи на реальному пристрої через QR-код).",[3558,11287,11289],{"id":11288},"знімок-файлової-структури-проєкту-nomad","Знімок файлової структури проєкту Nomad",[8217,11291,11292],{},[3613,11293,11294,11305,11342],{},[3532,11295,11296,11298,11299,11301,11302,5547],{},[3524,11297,10647],{}," — seed для ",[3516,11300,10644],{}," (масив ",[3516,11303,11304],{},"trips",[3532,11306,11307,11310],{},[3524,11308,11309],{},"app\u002F",[3613,11311,11312,11322],{},[3532,11313,11314,11316,11317,10648,11319,11321],{},[3524,11315,10681],{}," — ",[3516,11318,9073],{},[3516,11320,10657],{}," + root Stack",[3532,11323,11324,11327],{},[3524,11325,11326],{},"(tabs)\u002F",[3613,11328,11329],{},[3532,11330,11331,11334],{},[3524,11332,11333],{},"trips\u002F",[3613,11335,11336],{},[3532,11337,11338,11341],{},[3524,11339,11340],{},"index.tsx"," — список: loading \u002F error \u002F pull-to-refresh \u002F дані з API",[3532,11343,11344,11346],{},[3524,11345,8225],{},[3613,11347,11348,11379,11390,11415],{},[3532,11349,11350,11352],{},[3524,11351,8232],{},[3613,11353,11354,11362,11372],{},[3532,11355,11356,11358,11359,11361],{},[3524,11357,8239],{}," — axios (",[3516,11360,5143],{}," + timeout 8 с)",[3532,11363,11364,11316,11366,4440,11369],{},[3524,11365,10633],{},[3516,11367,11368],{},"fetchTrips()",[3516,11370,11371],{},"fetchTripById()",[3532,11373,11374,11376,11377],{},[3524,11375,10636],{}," — таксономія помилок → ",[3516,11378,5762],{},[3532,11380,11381,11383],{},[3524,11382,8284],{},[3613,11384,11385],{},[3532,11386,11387,11389],{},[3524,11388,8291],{}," — плашка «немає інтернету»",[3532,11391,11392,11394],{},[3524,11393,8251],{},[3613,11395,11396,11404,11410],{},[3532,11397,11398,11316,11400,4216,11402,5547],{},[3524,11399,8258],{},[3516,11401,6379],{},[3516,11403,6998],{},[3532,11405,11406,11316,11408],{},[3524,11407,8266],{},[3516,11409,7275],{},[3532,11411,11412,11414],{},[3524,11413,8278],{}," — refetch при active \u002F reconnect",[3532,11416,11417,11420],{},[3524,11418,11419],{},"features\u002Ftrips\u002Fmodel\u002F",[3613,11421,11422],{},[3532,11423,11424,11427,11428,11431,11432],{},[3524,11425,11426],{},"TripsProvider.tsx"," — завантаження з API, ",[3516,11429,11430],{},"refetch",", локальний ",[3516,11433,11434],{},"addTrip",[3558,11436,11438],{"id":11437},"перевірка-роботи","Перевірка роботи",[3529,11440,11441,11446,11451,11457],{},[3532,11442,11443,11444,3627],{},"Запустіть проєкт у Expo Go або емуляторі: ",[3516,11445,11284],{},[3532,11447,11448,11449,3627],{},"При завантаженні списку поїздок відображається індикатор ",[3516,11450,8199],{},[3532,11452,11453,11454,3627],{},"Увімкніть Режим польоту (Airplane Mode) на телефоні або вимкніть Wi-Fi на емуляторі: зверху екрана миттєво з'явиться червоний банер ",[3524,11455,11456],{},"«Немає підключення до інтернету»",[3532,11458,11459],{},"Згорніть додаток, увімкніть мережу та розгорніть додаток — список поїздок фоново поновиться без додаткових дій користувача.",[3558,11461,11463],{"id":11462},"повідомлення-коміту-в-репозиторії-nomad","Повідомлення коміту в репозиторії Nomad",[3577,11465,11467],{"className":6345,"code":11466,"language":6347,"meta":3582,"style":3582},"git commit -m \"$(cat \u003C\u003C'EOF'\nfeat: fetch trips from API\n\nMaterial: content\u002F15.react-native\u002F14.networking-and-app-lifecycle.md\nEOF\n)\"\n",[3516,11468,11469,11492,11497,11501,11506,11511],{"__ignoreMap":3582},[3586,11470,11471,11474,11477,11480,11483,11486,11489],{"class":3588,"line":3589},[3586,11472,11473],{"class":3592},"git",[3586,11475,11476],{"class":3600}," commit",[3586,11478,11479],{"class":3948}," -m",[3586,11481,11482],{"class":3600}," \"$(",[3586,11484,11485],{"class":3592},"cat",[3586,11487,11488],{"class":3596}," \u003C\u003C",[3586,11490,11491],{"class":3600},"'EOF'\n",[3586,11493,11494],{"class":3588,"line":3661},[3586,11495,11496],{"class":3600},"feat: fetch trips from API\n",[3586,11498,11499],{"class":3588,"line":3667},[3586,11500,3677],{"emptyLinePlaceholder":3676},[3586,11502,11503],{"class":3588,"line":3673},[3586,11504,11505],{"class":3600},"Material: content\u002F15.react-native\u002F14.networking-and-app-lifecycle.md\n",[3586,11507,11508],{"class":3588,"line":3680},[3586,11509,11510],{"class":3600},"EOF\n",[3586,11512,11513],{"class":3588,"line":3686},[3586,11514,11515],{"class":3600},")\"\n",[3846,11517],{},[3507,11519,11521],{"id":11520},"самостійні-практичні-завдання","Самостійні практичні завдання",[11523,11524,11525,11539],"table",{},[11526,11527,11528],"thead",{},[11529,11530,11531,11536],"tr",{},[11532,11533,11535],"th",{"align":11534},"left","Рівень",[11532,11537,11538],{"align":11534},"Завдання",[11540,11541,11542,11561,11581],"tbody",{},[11529,11543,11544,11550],{},[11545,11546,11547],"td",{"align":11534},[3524,11548,11549],{},"Basic",[11545,11551,11552,11553,11556,11557,11560],{"align":11534},"Додати у міні-проєкт «Курси валют» поле ",[3516,11554,11555],{},"input"," для пошуку \u002F фільтрації за назвою валюти. Реалізувати виклики ",[3516,11558,11559],{},"fetchRates()"," через стандартну кнопку «Оновити».",[11529,11562,11563,11568],{},[11545,11564,11565],{"align":11534},[3524,11566,11567],{},"Intermediate",[11545,11569,11570,11571,11574,11575,11577,11578,3627],{"align":11534},"Написати кастомний хук ",[3516,11572,11573],{},"useFetch\u003CT>(url: string)",", який приймає URL, створює ",[3516,11576,3937],{},", скасовує запит при размонтировании компонента (unmount) та повертає ",[3516,11579,11580],{},"{ data, loading, error, refetch }",[11529,11582,11583,11588],{},[11545,11584,11585],{"align":11534},[3524,11586,11587],{},"Pro",[11545,11589,11590,11591,11593,11594,11597],{"align":11534},"Реалізувати перехоплювач Axios (Interceptor) для оновлення застарілого токена авторизації (Refresh Token Flow). Якщо запит повертає ",[3516,11592,5504],{},", перехоплювач повинен поставити наступні запити на чергу (queue), виконати один фоновий ",[3516,11595,11596],{},"POST \u002Fauth\u002Frefresh",", оновити токен у SecureStore та повторити зупинені запити.",[3846,11599],{},[3507,11601,11603],{"id":11602},"поширені-запитання-faq","Поширені запитання (FAQ)",[11605,11606,11607,11655,11669],"accordion",{},[11608,11609,11611,11624],"accordion-item",{"title":11610},"Чому у моєму мобільному додатку виникає Network Error при зверненні до localhost?",[3512,11612,11613,11614,3912,11617,11619,11620,11623],{},"У мобільному емуляторі ",[3516,11615,11616],{},"localhost",[3516,11618,10926],{}," посилається на ",[3524,11621,11622],{},"сам емулятор\u002Fтелефон",", а не на ваш комп'ютер, де запущено сервер API!",[3613,11625,11626,11636,11649],{},[3532,11627,11628,11629,11632,11633,3627],{},"Для ",[3524,11630,11631],{},"Android Emulator",": використовуйте спеціальну IP-адресу ",[3516,11634,11635],{},"http:\u002F\u002F10.0.2.2:3000",[3532,11637,11628,11638,11641,11642,11645,11646,3643],{},[3524,11639,11640],{},"iOS Simulator",": можна використовувати ",[3516,11643,11644],{},"http:\u002F\u002Flocalhost:3000"," або локальну IP-адресу комп'ютера в мережі Wi-Fi (наприклад ",[3516,11647,11648],{},"http:\u002F\u002F192.168.1.50:3000",[3532,11650,11628,11651,11654],{},[3524,11652,11653],{},"фізичного телефону",": телефон та комп'ютер повинні бути в одній Wi-Fi мережі, і в якості URL слід вказувати локальну IP-адресу вашого комп'ютера.",[11608,11656,11658,11659,11662,11663,11665,11666,11668],{"title":11657},"Чи працює CORS у React Native?","Ні. Політика безпеки CORS — це обмеження, яке впроваджується виключно ",[3524,11660,11661],{},"браузерами",". Нативні мережеві стеки iOS (",[3516,11664,3626],{},") та Android (",[3516,11667,3638],{},") роблять HTTP-запити напряму без перевірки заголовків CORS.",[11608,11670,11672,11673,3912,11676,11678],{"title":11671},"Що відбувається із запитом fetch, якщо користувач згортає додаток?","Якщо запит вже виконується на нативному рівні ОС, він може завершитися, але якщо додаток перебуває у фоні понад кілька секунд, операційна система призупиняє JS-потік, і обробник ",[3516,11674,11675],{},".then()",[3516,11677,4055],{}," виконається лише тоді, коли користувач поверне додаток в активний стан.",[11680,11681,11682],"style",{},"html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .siofk, html code.shiki .siofk{--shiki-light:#EE0000;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":3582,"searchDepth":3661,"depth":3661,"links":11684},[11685,11688,11696,11701,11710,11719,11720,11727,11736,11737],{"id":3509,"depth":3661,"text":3510,"children":11686},[11687],{"id":3560,"depth":3667,"text":3561},{"id":3850,"depth":3661,"text":11689,"children":11690},"Анатомія HTTP-запитів: fetch vs axios у мобільному середовищі",[11691,11693,11695],{"id":3872,"depth":3667,"text":11692},"Глобальний fetch у React Native та його пастки",{"id":4311,"depth":3667,"text":11694},"Чому в реальних мобільних проєктах часто обирають axios",{"id":5132,"depth":3667,"text":5133},{"id":5207,"depth":3661,"text":5208,"children":11697},[11698,11699],{"id":5453,"depth":3667,"text":5454},{"id":5542,"depth":3667,"text":11700},"Створення уніфікованого нормалізатора помилок (AppError)",{"id":6320,"depth":3661,"text":11702,"children":11703},"Відстеження стану мережі у реальному часі: @react-native-community\u002Fnetinfo",[11704,11705,11707,11709],{"id":6341,"depth":3667,"text":6342},{"id":6366,"depth":3667,"text":11706},"Плутанина двох прапорців: isConnected vs isInternetReachable",{"id":6455,"depth":3667,"text":11708},"Кастомний React-хук: useNetworkStatus",{"id":6890,"depth":3667,"text":6891},{"id":7271,"depth":3661,"text":11711,"children":11712},"Життєвий цикл мобільного застосунку: AppState",[11713,11715,11717],{"id":7287,"depth":3667,"text":11714},"Три стани AppState",{"id":7426,"depth":3667,"text":11716},"Навіщо розробнику стежити за AppState",{"id":7481,"depth":3667,"text":11718},"Кастомний React-хук: useAppState",{"id":7716,"depth":3661,"text":7717},{"id":8184,"depth":3661,"text":8185,"children":11721},[11722,11723,11724,11725,11726],{"id":8214,"depth":3667,"text":8215},{"id":8320,"depth":3667,"text":8321},{"id":8327,"depth":3667,"text":8328},{"id":8425,"depth":3667,"text":8426},{"id":8909,"depth":3667,"text":8910},{"id":10588,"depth":3661,"text":10589,"children":11728},[11729,11730,11731,11733,11734,11735],{"id":10599,"depth":3667,"text":10600},{"id":10606,"depth":3667,"text":10607},{"id":10684,"depth":3667,"text":11732},"Локальне API на базі json-server",{"id":11288,"depth":3667,"text":11289},{"id":11437,"depth":3667,"text":11438},{"id":11462,"depth":3667,"text":11463},{"id":11520,"depth":3661,"text":11521},{"id":11602,"depth":3661,"text":11603},"Глибоке розуміння fetch та axios у React Native, обробка помилок мережі, відстеження стану мережі (NetInfo) та стану застосунку (AppState)","md",null,{},{"title":3420,"description":11738},"2jltN74_kkHQ9vs3gGatTNeDcQBCEc5NzPkuoSLzmy4",[11745,11747],{"title":3416,"path":3417,"stem":3418,"description":11746,"children":-1},"Параметри в Expo Router — динамічні сегменти, query, useLocalSearchParams; scheme, universal links і cold start",{"title":3429,"path":3430,"stem":3431,"description":11748,"children":-1},"Що таке AI, ML та Data Science, чим вони відрізняються, як комп'ютер навчається на даних — без формул, але з ясними аналогіями та хронологією розвитку від 1950 до ChatGPT",1785915284019]