[{"data":1,"prerenderedAt":18755},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-redux-classic":5466,"-react-typescript-redux-classic-surround":18750},[4,1707,2194,2666,2847,3015,3222,3344,3394,3451,3485,3611,3688,3702,3841,4219,4296,5029,5204,5297,5350,5462],{"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,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076,2080,2084,2088,2092,2096,2100,2104,2108,2112,2116],{"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},"Революція C++20: Ranges та Views","\u002Fcpp\u002Franges-views","02.cpp\u002F100.ranges-views",{"title":1757,"path":1758,"stem":1759},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1761,"path":1762,"stem":1763},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1765,"path":1766,"stem":1767},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1769,"path":1770,"stem":1771},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1773,"path":1774,"stem":1775},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1777,"path":1778,"stem":1779},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1781,"path":1782,"stem":1783},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1785,"path":1786,"stem":1787},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1789,"path":1790,"stem":1791},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1793,"path":1794,"stem":1795},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1797,"path":1798,"stem":1799},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1801,"path":1802,"stem":1803},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1805,"path":1806,"stem":1807},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1809,"path":1810,"stem":1811},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1813,"path":1814,"stem":1815},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1817,"path":1818,"stem":1819},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1821,"path":1822,"stem":1823},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1825,"path":1826,"stem":1827},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1829,"path":1830,"stem":1831},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1833,"path":1834,"stem":1835},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1837,"path":1838,"stem":1839},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1841,"path":1842,"stem":1843},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1845,"path":1846,"stem":1847},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1849,"path":1850,"stem":1851},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1853,"path":1854,"stem":1855},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1857,"path":1858,"stem":1859},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1861,"path":1862,"stem":1863},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1865,"path":1866,"stem":1867},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1869,"path":1870,"stem":1871},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1873,"path":1874,"stem":1875},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1877,"path":1878,"stem":1879},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1881,"path":1882,"stem":1883},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1885,"path":1886,"stem":1887},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1889,"path":1890,"stem":1891},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1893,"path":1894,"stem":1895},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1897,"path":1898,"stem":1899},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1901,"path":1902,"stem":1903},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1909,"path":1910,"stem":1911},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1913,"path":1914,"stem":1915},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1917,"path":1918,"stem":1919},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1921,"path":1922,"stem":1923},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1925,"path":1926,"stem":1927},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1929,"path":1930,"stem":1931},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1933,"path":1934,"stem":1935},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1937,"path":1938,"stem":1939},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1941,"path":1942,"stem":1943},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1945,"path":1946,"stem":1947},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1949,"path":1950,"stem":1951},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1953,"path":1954,"stem":1955},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1957,"path":1958,"stem":1959},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1961,"path":1962,"stem":1963},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1965,"path":1966,"stem":1967},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1973,"path":1974,"stem":1975},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1977,"path":1978,"stem":1979},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1981,"path":1982,"stem":1983},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1985,"path":1986,"stem":1987},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1989,"path":1990,"stem":1991},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1993,"path":1994,"stem":1995},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1997,"path":1998,"stem":1999},"Вступ до наслідування: базові поняття та відношення «is-a»","\u002Fcpp\u002Finheritance-intro","02.cpp\u002F70.inheritance-intro",{"title":2001,"path":2002,"stem":2003},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":2005,"path":2006,"stem":2007},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2009,"path":2010,"stem":2011},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2013,"path":2014,"stem":2015},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2017,"path":2018,"stem":2019},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2021,"path":2022,"stem":2023},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2025,"path":2026,"stem":2027},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2029,"path":2030,"stem":2031},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2033,"path":2034,"stem":2035},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2037,"path":2038,"stem":2039},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2041,"path":2042,"stem":2043},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2045,"path":2046,"stem":2047},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2049,"path":2050,"stem":2051},"Повна (явна) спеціалізація шаблонів","\u002Fcpp\u002Ffull-template-specialization","02.cpp\u002F83.full-template-specialization",{"title":2053,"path":2054,"stem":2055},"Часткова спеціалізація шаблонів класів","\u002Fcpp\u002Fpartial-template-specialization","02.cpp\u002F84.partial-template-specialization",{"title":2057,"path":2058,"stem":2059},"Механізм винятків: try, catch, throw та розкручування стеку","\u002Fcpp\u002Fexceptions-basics","02.cpp\u002F85.exceptions-basics",{"title":2061,"path":2062,"stem":2063},"Ієрархія std::exception та власні класи винятків","\u002Fcpp\u002Fexception-hierarchy-custom","02.cpp\u002F86.exception-hierarchy-custom",{"title":2065,"path":2066,"stem":2067},"Повторне генерування винятків та функціональний try-блок","\u002Fcpp\u002Frethrow-function-try","02.cpp\u002F87.rethrow-function-try",{"title":2069,"path":2070,"stem":2071},"Безпека винятків, noexcept та деструктори","\u002Fcpp\u002Fsafety-noexcept","02.cpp\u002F88.safety-noexcept",{"title":2073,"path":2074,"stem":2075},"Власні структури даних: стек та черга","\u002Fcpp\u002Fcustom-stack-queue","02.cpp\u002F89.custom-stack-queue",{"title":2077,"path":2078,"stem":2079},"Власні структури даних: однозв'язаний список","\u002Fcpp\u002Flinked-list","02.cpp\u002F90.linked-list",{"title":2081,"path":2082,"stem":2083},"Власні структури даних: бінарне дерево пошуку","\u002Fcpp\u002Fbinary-search-tree","02.cpp\u002F91.binary-search-tree",{"title":2085,"path":2086,"stem":2087},"Власні структури даних: хеш-таблиця","\u002Fcpp\u002Fhash-table","02.cpp\u002F92.hash-table",{"title":2089,"path":2090,"stem":2091},"Готові структури даних C++: послідовні контейнери STL","\u002Fcpp\u002Fstl-sequential-containers","02.cpp\u002F93.stl-sequential-containers",{"title":2093,"path":2094,"stem":2095},"Готові структури даних C++: асоціативні контейнери та адаптери","\u002Fcpp\u002Fstl-associative-adapters","02.cpp\u002F94.stl-associative-adapters",{"title":2097,"path":2098,"stem":2099},"Готові структури даних C++: ітератори та алгоритми STL","\u002Fcpp\u002Fstl-iterators-algorithms","02.cpp\u002F95.stl-iterators-algorithms",{"title":2101,"path":2102,"stem":2103},"R-value посилання та move-семантика","\u002Fcpp\u002Frvalue-references-move-semantics","02.cpp\u002F96.rvalue-references-move-semantics",{"title":2105,"path":2106,"stem":2107},"Move-конструктор, move-присвоювання та Правило п","\u002Fcpp\u002Fmove-constructors-rule-of-five","02.cpp\u002F97.move-constructors-rule-of-five",{"title":2109,"path":2110,"stem":2111},"Розумний покажчик std::unique_ptr","\u002Fcpp\u002Funique-ptr","02.cpp\u002F98.unique-ptr",{"title":2113,"path":2114,"stem":2115},"Спільне володіння: std::shared_ptr та std::weak_ptr","\u002Fcpp\u002Fshared-ptr-weak-ptr","02.cpp\u002F99.shared-ptr-weak-ptr",{"title":2117,"icon":2118,"path":2119,"stem":2120,"children":2121,"page":59},"CMake і vcpkg","i-devicon-cmake","\u002Fcpp\u002Fcmake","02.cpp\u002F990.cmake",[2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166,2170,2174,2178,2182,2186,2190],{"title":2123,"path":2124,"stem":2125},"CMake: навіщо він потрібен і як його встановити","\u002Fcpp\u002Fcmake\u002Fwhat-is-cmake","02.cpp\u002F990.cmake\u002F01.what-is-cmake",{"title":2127,"path":2128,"stem":2129},"Перший проєкт з CMake: конфігурація, збірка, запуск","\u002Fcpp\u002Fcmake\u002Ffirst-project","02.cpp\u002F990.cmake\u002F02.first-project",{"title":2131,"path":2132,"stem":2133},"Синтаксис CMakeLists.txt: команди, змінні, списки","\u002Fcpp\u002Fcmake\u002Fcmakelists-syntax","02.cpp\u002F990.cmake\u002F03.cmakelists-syntax",{"title":2135,"path":2136,"stem":2137},"Проєкт із кількома файлами: перелік джерел і file(GLOB)","\u002Fcpp\u002Fcmake\u002Fmultiple-files","02.cpp\u002F990.cmake\u002F04.multiple-files",{"title":2139,"path":2140,"stem":2141},"Бібліотеки в CMake: STATIC, SHARED, INTERFACE та видимість PUBLIC\u002FPRIVATE","\u002Fcpp\u002Fcmake\u002Flibraries","02.cpp\u002F990.cmake\u002F05.libraries",{"title":2143,"path":2144,"stem":2145},"Підключення зовнішніх бібліотек: find_package, add_subdirectory, FetchContent, pkg-config","\u002Fcpp\u002Fcmake\u002Fexternal-libraries","02.cpp\u002F990.cmake\u002F06.external-libraries",{"title":2147,"path":2148,"stem":2149},"Умови, опції, цикли та функції в CMake","\u002Fcpp\u002Fcmake\u002Fvariables-conditions","02.cpp\u002F990.cmake\u002F07.variables-conditions",{"title":2151,"path":2152,"stem":2153},"Конфігурації збірки: Debug, Release і вирази-генератори","\u002Fcpp\u002Fcmake\u002Fbuild-configurations","02.cpp\u002F990.cmake\u002F08.build-configurations",{"title":2155,"path":2156,"stem":2157},"Структура великого проєкту: підпапки, модулі CMake, PCH та install","\u002Fcpp\u002Fcmake\u002Fproject-structure","02.cpp\u002F990.cmake\u002F09.project-structure",{"title":2159,"path":2160,"stem":2161},"Тестування з CMake: CTest, Google Test, покриття коду","\u002Fcpp\u002Fcmake\u002Ftesting-ctest","02.cpp\u002F990.cmake\u002F10.testing-ctest",{"title":2163,"path":2164,"stem":2165},"Команди CMake, пресети, скрипти збірки та кращі практики","\u002Fcpp\u002Fcmake\u002Fcommands-best-practices","02.cpp\u002F990.cmake\u002F11.commands-best-practices",{"title":2167,"path":2168,"stem":2169},"Практичні проєкти: калькулятор, Qt-застосунок і кросплатформна збірка","\u002Fcpp\u002Fcmake\u002Freal-projects","02.cpp\u002F990.cmake\u002F12.real-projects",{"title":2171,"path":2172,"stem":2173},"Пакетні менеджери для C++: vcpkg, Conan, CPM та системні пакети","\u002Fcpp\u002Fcmake\u002Fpackage-managers","02.cpp\u002F990.cmake\u002F13.package-managers",{"title":2175,"path":2176,"stem":2177},"vcpkg: встановлення, основні команди та triplets","\u002Fcpp\u002Fcmake\u002Fvcpkg-basics","02.cpp\u002F990.cmake\u002F14.vcpkg-basics",{"title":2179,"path":2180,"stem":2181},"vcpkg і CMake: toolchain-файл, manifest vcpkg.json, IDE","\u002Fcpp\u002Fcmake\u002Fvcpkg-cmake","02.cpp\u002F990.cmake\u002F15.vcpkg-cmake",{"title":2183,"path":2184,"stem":2185},"vcpkg для досвідчених: версії, features, реєстри, власні порти, кеш і діагностика","\u002Fcpp\u002Fcmake\u002Fvcpkg-advanced","02.cpp\u002F990.cmake\u002F16.vcpkg-advanced",{"title":2187,"path":2188,"stem":2189},"Бібліотеки C++: fmt, spdlog і nlohmann\u002Fjson","\u002Fcpp\u002Fcmake\u002Flibraries-format-log-json","02.cpp\u002F990.cmake\u002F17.libraries-format-log-json",{"title":2191,"path":2192,"stem":2193},"Бібліотеки C++: cpp-httplib, cxxopts, CLI11, Google Test і Catch2","\u002Fcpp\u002Fcmake\u002Flibraries-network-cli-testing","02.cpp\u002F990.cmake\u002F18.libraries-network-cli-testing",{"title":2195,"icon":2196,"path":2197,"stem":2198,"children":2199,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2200,2226,2280,2302,2606,2644,2662],{"title":2201,"icon":2202,"path":2203,"stem":2204,"children":2205,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2206,2210,2214,2218,2222],{"title":2207,"path":2208,"stem":2209},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2211,"path":2212,"stem":2213},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2215,"path":2216,"stem":2217},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2219,"path":2220,"stem":2221},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2223,"path":2224,"stem":2225},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2227,"icon":2228,"path":2229,"stem":2230,"children":2231,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2232,2236,2240,2244,2248,2252,2256,2260,2264,2268,2272,2276],{"title":2233,"path":2234,"stem":2235},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2237,"path":2238,"stem":2239},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2241,"path":2242,"stem":2243},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2245,"path":2246,"stem":2247},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2249,"path":2250,"stem":2251},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2253,"path":2254,"stem":2255},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2257,"path":2258,"stem":2259},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2261,"path":2262,"stem":2263},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2265,"path":2266,"stem":2267},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2269,"path":2270,"stem":2271},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2273,"path":2274,"stem":2275},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2277,"path":2278,"stem":2279},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2281,"icon":2282,"path":2283,"stem":2284,"children":2285,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2286,2290,2294,2298],{"title":2287,"path":2288,"stem":2289},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2291,"path":2292,"stem":2293},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2295,"path":2296,"stem":2297},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2299,"path":2300,"stem":2301},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2303,"icon":2304,"path":2305,"stem":2306,"children":2307},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2308,2309,2313,2317,2321,2325,2388,2423,2575],{"title":2303,"path":2305,"stem":2306},{"title":2310,"path":2311,"stem":2312},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2314,"path":2315,"stem":2316},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2318,"path":2319,"stem":2320},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2322,"path":2323,"stem":2324},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2326,"icon":132,"path":2327,"stem":2328,"children":2329},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2330,2332,2336,2340,2344,2348,2352,2356,2360,2364,2368,2372,2376,2380,2384],{"title":2331,"path":2327,"stem":2328},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2333,"path":2334,"stem":2335},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2337,"path":2338,"stem":2339},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2341,"path":2342,"stem":2343},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2345,"path":2346,"stem":2347},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2349,"path":2350,"stem":2351},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2353,"path":2354,"stem":2355},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2357,"path":2358,"stem":2359},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2361,"path":2362,"stem":2363},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2365,"path":2366,"stem":2367},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2369,"path":2370,"stem":2371},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2373,"path":2374,"stem":2375},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2377,"path":2378,"stem":2379},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2381,"path":2382,"stem":2383},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2385,"path":2386,"stem":2387},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2389,"icon":2304,"path":2390,"stem":2391,"children":2392},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2393,2395,2399,2403,2407,2411,2415,2419],{"title":2394,"path":2390,"stem":2391},"React Router: Навігаційна система сучасного вебу",{"title":2396,"path":2397,"stem":2398},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2400,"path":2401,"stem":2402},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2404,"path":2405,"stem":2406},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2408,"path":2409,"stem":2410},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2412,"path":2413,"stem":2414},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2416,"path":2417,"stem":2418},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2420,"path":2421,"stem":2422},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2424,"icon":132,"path":2425,"stem":2426,"children":2427},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2428,2430,2446,2475,2484,2505,2521,2550],{"title":2429,"path":2425,"stem":2426},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2431,"stem":2432,"children":2433,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2434,2438,2442],{"title":2435,"path":2436,"stem":2437},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2439,"path":2440,"stem":2441},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2443,"path":2444,"stem":2445},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2447,"icon":132,"path":2448,"stem":2449,"children":2450,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2451,2455,2459,2463,2467,2471],{"title":2452,"path":2453,"stem":2454},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2456,"path":2457,"stem":2458},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2460,"path":2461,"stem":2462},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2464,"path":2465,"stem":2466},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2468,"path":2469,"stem":2470},"Підключення до 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":2472,"path":2473,"stem":2474},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2476,"icon":132,"path":2477,"stem":2478,"children":2479,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2480],{"title":2481,"path":2482,"stem":2483},"Проблеми класичного 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":2485,"icon":132,"path":2486,"stem":2487,"children":2488,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2489,2493,2497,2501],{"title":2490,"path":2491,"stem":2492},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2494,"path":2495,"stem":2496},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2498,"path":2499,"stem":2500},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2502,"path":2503,"stem":2504},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2506,"icon":92,"path":2507,"stem":2508,"children":2509,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2510,2514,2518],{"title":2511,"path":2512,"stem":2513},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2515,"path":2516,"stem":2517},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2365,"path":2519,"stem":2520},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2522,"icon":132,"path":2523,"stem":2524,"children":2525,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2526,2530,2534,2538,2542,2546],{"title":2527,"path":2528,"stem":2529},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2531,"path":2532,"stem":2533},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2535,"path":2536,"stem":2537},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2539,"path":2540,"stem":2541},"Логіка 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":2543,"path":2544,"stem":2545},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2547,"path":2548,"stem":2549},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2551,"icon":132,"path":2552,"stem":2553,"children":2554,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2555,2559,2563,2567,2571],{"title":2556,"path":2557,"stem":2558},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2560,"path":2561,"stem":2562},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2564,"path":2565,"stem":2566},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2568,"path":2569,"stem":2570},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2572,"path":2573,"stem":2574},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2576,"icon":132,"path":2577,"stem":2578,"children":2579},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2580,2582,2586,2590,2594,2598,2602],{"title":2581,"path":2577,"stem":2578},"UI Бібліотеки в React",{"title":2583,"path":2584,"stem":2585},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2587,"path":2588,"stem":2589},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2591,"path":2592,"stem":2593},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2595,"path":2596,"stem":2597},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2599,"path":2600,"stem":2601},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2603,"path":2604,"stem":2605},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2607,"icon":2608,"path":2609,"stem":2610,"children":2611,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2612,2616,2620,2624,2628,2632,2636,2640],{"title":2613,"path":2614,"stem":2615},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2617,"path":2618,"stem":2619},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2621,"path":2622,"stem":2623},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2625,"path":2626,"stem":2627},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2629,"path":2630,"stem":2631},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2633,"path":2634,"stem":2635},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2637,"path":2638,"stem":2639},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2641,"path":2642,"stem":2643},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2645,"icon":2646,"path":2647,"stem":2648,"children":2649,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2650,2654,2658],{"title":2651,"path":2652,"stem":2653},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2655,"path":2656,"stem":2657},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2659,"path":2660,"stem":2661},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2663,"path":2664,"stem":2665},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2667,"icon":2668,"path":2669,"stem":2670,"children":2671,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2672,2675,2678,2682,2686,2690,2694],{"title":162,"path":2673,"stem":2674},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2676,"stem":2677},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2679,"path":2680,"stem":2681},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2683,"path":2684,"stem":2685},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2687,"path":2688,"stem":2689},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2691,"path":2692,"stem":2693},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739,2743,2747,2751,2755,2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811,2815,2819,2823,2827,2831,2835,2839,2843],{"title":2700,"path":2701,"stem":2702},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2704,"path":2705,"stem":2706},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2708,"path":2709,"stem":2710},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2712,"path":2713,"stem":2714},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2716,"path":2717,"stem":2718},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2720,"path":2721,"stem":2722},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2724,"path":2725,"stem":2726},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2728,"path":2729,"stem":2730},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2732,"path":2733,"stem":2734},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2736,"path":2737,"stem":2738},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2740,"path":2741,"stem":2742},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2744,"path":2745,"stem":2746},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2748,"path":2749,"stem":2750},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2752,"path":2753,"stem":2754},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2756,"path":2757,"stem":2758},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2760,"path":2761,"stem":2762},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2764,"path":2765,"stem":2766},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2768,"path":2769,"stem":2770},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2772,"path":2773,"stem":2774},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2776,"path":2777,"stem":2778},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2780,"path":2781,"stem":2782},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2784,"path":2785,"stem":2786},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2788,"path":2789,"stem":2790},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2792,"path":2793,"stem":2794},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2796,"path":2797,"stem":2798},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2800,"path":2801,"stem":2802},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2804,"path":2805,"stem":2806},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2808,"path":2809,"stem":2810},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2812,"path":2813,"stem":2814},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2816,"path":2817,"stem":2818},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2820,"path":2821,"stem":2822},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2824,"path":2825,"stem":2826},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2828,"path":2829,"stem":2830},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2832,"path":2833,"stem":2834},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2836,"path":2837,"stem":2838},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2840,"path":2841,"stem":2842},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2844,"path":2845,"stem":2846},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2848,"icon":2849,"path":2850,"stem":2851,"children":2852,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2853,2895,2954],{"title":2854,"icon":2855,"path":2856,"stem":2857,"children":2858,"page":59},"Python Core","i-lucide-code","\u002Fpython\u002Fcore","05.python\u002F01.core",[2859,2863,2867,2871,2875,2879,2883,2887,2891],{"title":2860,"path":2861,"stem":2862},"Як комп'ютер виконує програму","\u002Fpython\u002Fcore\u002Fhow-computers-run-programs","05.python\u002F01.core\u002F00.how-computers-run-programs",{"title":2864,"path":2865,"stem":2866},"Перша програма і функція print","\u002Fpython\u002Fcore\u002Ffirst-program-print","05.python\u002F01.core\u002F01.first-program-print",{"title":2868,"path":2869,"stem":2870},"Об'єкти, значення і типи","\u002Fpython\u002Fcore\u002Fobjects-values-types","05.python\u002F01.core\u002F02.objects-values-types",{"title":2872,"path":2873,"stem":2874},"Змінні — імена, посилання, ідентичність","\u002Fpython\u002Fcore\u002Fvariables-names-references","05.python\u002F01.core\u002F03.variables-names-references",{"title":2876,"path":2877,"stem":2878},"Вирази, оператори, введення і перетворення типів","\u002Fpython\u002Fcore\u002Fexpressions-input-types","05.python\u002F01.core\u002F04.expressions-input-types",{"title":2880,"path":2881,"stem":2882},"Логіка та розгалуження","\u002Fpython\u002Fcore\u002Flogic-branching","05.python\u002F01.core\u002F05.logic-branching",{"title":2884,"path":2885,"stem":2886},"Цикли та ітерація","\u002Fpython\u002Fcore\u002Floops-iteration","05.python\u002F01.core\u002F06.loops-iteration",{"title":2888,"path":2889,"stem":2890},"Налагодження (debugging)","\u002Fpython\u002Fcore\u002Fdebugging","05.python\u002F01.core\u002F07.debugging",{"title":2892,"path":2893,"stem":2894},"Рядки і текст","\u002Fpython\u002Fcore\u002Fstrings-text","05.python\u002F01.core\u002F08.strings-text",{"title":2506,"path":2896,"stem":2897,"children":2898,"page":59},"\u002Fpython\u002Fadvanced","05.python\u002F02.advanced",[2899,2903,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950],{"title":2900,"path":2901,"stem":2902},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fadvanced\u002Fmodules-packages-venv","05.python\u002F02.advanced\u002F00.modules-packages-venv",{"title":71,"path":2904,"stem":2905},"\u002Fpython\u002Fadvanced\u002Fclasses-objects","05.python\u002F02.advanced\u002F01.classes-objects",{"title":2907,"path":2908,"stem":2909},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fadvanced\u002Fencapsulation","05.python\u002F02.advanced\u002F02.encapsulation",{"title":2911,"path":2912,"stem":2913},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Fadvanced\u002Finheritance-mro","05.python\u002F02.advanced\u002F03.inheritance-mro",{"title":2915,"path":2916,"stem":2917},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fadvanced\u002Fabstraction-protocols","05.python\u002F02.advanced\u002F04.abstraction-protocols",{"title":2919,"path":2920,"stem":2921},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fadvanced\u002Fdunder-methods","05.python\u002F02.advanced\u002F05.dunder-methods",{"title":2923,"path":2924,"stem":2925},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fadvanced\u002Fdecorators-static-class","05.python\u002F02.advanced\u002F06.decorators-static-class",{"title":2927,"path":2928,"stem":2929},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fadvanced\u002Fdescriptors","05.python\u002F02.advanced\u002F07.descriptors",{"title":2931,"path":2932,"stem":2933},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fadvanced\u002Fmetaclasses","05.python\u002F02.advanced\u002F08.metaclasses",{"title":2935,"path":2936,"stem":2937},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fadvanced\u002Fmodern-containers","05.python\u002F02.advanced\u002F09.modern-containers",{"title":2939,"path":2940,"stem":2941},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fadvanced\u002Fgil-concurrency-intro","05.python\u002F02.advanced\u002F11.gil-concurrency-intro",{"title":2943,"path":2944,"stem":2945},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fadvanced\u002Fthreading","05.python\u002F02.advanced\u002F12.threading",{"title":2947,"path":2948,"stem":2949},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fadvanced\u002Fmultiprocessing","05.python\u002F02.advanced\u002F13.multiprocessing",{"title":2951,"path":2952,"stem":2953},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fadvanced\u002Fasyncio","05.python\u002F02.advanced\u002F14.asyncio",{"title":2955,"icon":92,"path":2956,"stem":2957,"children":2958,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002F03.fastapi",[2959,2963,2967,2971,2975,2979,2983,2987,2991,2995,2999,3003,3007,3011],{"title":2960,"path":2961,"stem":2962},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002F03.fastapi\u002F15.typing-pydantic",{"title":2964,"path":2965,"stem":2966},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002F03.fastapi\u002F16.wsgi-asgi-ecosystem",{"title":2968,"path":2969,"stem":2970},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002F03.fastapi\u002F17.fastapi-intro",{"title":2972,"path":2973,"stem":2974},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002F03.fastapi\u002F18.fastapi-routing-params",{"title":2976,"path":2977,"stem":2978},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002F03.fastapi\u002F19.fastapi-pydantic-schemas",{"title":2980,"path":2981,"stem":2982},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002F03.fastapi\u002F20.fastapi-dependency-injection",{"title":2984,"path":2985,"stem":2986},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002F03.fastapi\u002F21.fastapi-errors-middleware",{"title":2988,"path":2989,"stem":2990},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002F03.fastapi\u002F22.sqlalchemy-orm",{"title":2992,"path":2993,"stem":2994},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002F03.fastapi\u002F23.alembic-migrations",{"title":2996,"path":2997,"stem":2998},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002F03.fastapi\u002F24.fastapi-repository-clean-arch",{"title":3000,"path":3001,"stem":3002},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002F03.fastapi\u002F25.fastapi-auth-security",{"title":3004,"path":3005,"stem":3006},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002F03.fastapi\u002F26.fastapi-testing",{"title":3008,"path":3009,"stem":3010},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002F03.fastapi\u002F27.fastapi-async-advanced",{"title":3012,"path":3013,"stem":3014},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002F03.fastapi\u002F28.fastapi-deployment",{"title":3016,"icon":3017,"path":3018,"stem":3019,"children":3020,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[3021,3051,3074,3111,3140,3158,3192,3204,3213],{"title":3022,"icon":3023,"path":3024,"stem":3025,"children":3026,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[3027,3031,3035,3039,3043,3047],{"title":3028,"path":3029,"stem":3030},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":3032,"path":3033,"stem":3034},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":3036,"path":3037,"stem":3038},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":3040,"path":3041,"stem":3042},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":3044,"path":3045,"stem":3046},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":3048,"path":3049,"stem":3050},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":3052,"icon":3017,"path":3053,"stem":3054,"children":3055,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[3056,3060,3066,3070],{"title":3057,"path":3058,"stem":3059},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":3061,"path":3062,"stem":3063,"children":3064},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[3065],{"title":3061,"path":3062,"stem":3063},{"title":3067,"path":3068,"stem":3069},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":3071,"path":3072,"stem":3073},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":3075,"icon":3017,"path":3076,"stem":3077,"children":3078,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[3079,3083,3087,3091,3095,3099,3103,3107],{"title":3080,"path":3081,"stem":3082},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":3084,"path":3085,"stem":3086},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":3088,"path":3089,"stem":3090},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":3092,"path":3093,"stem":3094},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":3096,"path":3097,"stem":3098},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":3100,"path":3101,"stem":3102},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":3104,"path":3105,"stem":3106},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":3108,"path":3109,"stem":3110},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":3112,"icon":3017,"path":3113,"stem":3114,"children":3115,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[3116,3120,3124,3128,3132,3136],{"title":3117,"path":3118,"stem":3119},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":3121,"path":3122,"stem":3123},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":3125,"path":3126,"stem":3127},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":3129,"path":3130,"stem":3131},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":3133,"path":3134,"stem":3135},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":3137,"path":3138,"stem":3139},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":3141,"icon":3142,"path":3143,"stem":3144,"children":3145,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[3146,3150,3154],{"title":3147,"path":3148,"stem":3149},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":3151,"path":3152,"stem":3153},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":3155,"path":3156,"stem":3157},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":3159,"icon":3160,"path":3161,"stem":3162,"children":3163,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[3164,3168,3172,3176,3180,3184,3188],{"title":3165,"path":3166,"stem":3167},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":3169,"path":3170,"stem":3171},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":3173,"path":3174,"stem":3175},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":3177,"path":3178,"stem":3179},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":3181,"path":3182,"stem":3183},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":3185,"path":3186,"stem":3187},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":3189,"path":3190,"stem":3191},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":3189,"icon":793,"path":3193,"stem":3194,"children":3195,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3196,3200],{"title":3197,"path":3198,"stem":3199},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3201,"path":3202,"stem":3203},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3205,"icon":3206,"path":3207,"stem":3208,"children":3209,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3210],{"title":3205,"path":3211,"stem":3212},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3214,"icon":3215,"path":3216,"stem":3217,"children":3218,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3219],{"title":3214,"path":3220,"stem":3221},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3223,"icon":3224,"path":3225,"stem":3226,"children":3227,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3228,3304],{"title":3229,"icon":3230,"path":3231,"stem":3232,"children":3233},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3234,3236,3240,3244,3248,3252,3256,3260,3264,3268,3272,3276,3280,3284,3288,3292,3296,3300],{"title":3235,"path":3231,"stem":3232},"Docker: від нуля до production",{"title":3237,"path":3238,"stem":3239},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3241,"path":3242,"stem":3243},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3245,"path":3246,"stem":3247},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3249,"path":3250,"stem":3251},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3253,"path":3254,"stem":3255},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3257,"path":3258,"stem":3259},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3261,"path":3262,"stem":3263},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3265,"path":3266,"stem":3267},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3269,"path":3270,"stem":3271},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3273,"path":3274,"stem":3275},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3277,"path":3278,"stem":3279},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3281,"path":3282,"stem":3283},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3285,"path":3286,"stem":3287},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3289,"path":3290,"stem":3291},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3293,"path":3294,"stem":3295},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3297,"path":3298,"stem":3299},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3301,"path":3302,"stem":3303},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3305,"icon":3306,"path":3307,"stem":3308,"children":3309},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3310,3312,3316,3320,3324,3328,3332,3336,3340],{"title":3311,"path":3307,"stem":3308},"Kubernetes: від розробки до production",{"title":3313,"path":3314,"stem":3315},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3317,"path":3318,"stem":3319},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3321,"path":3322,"stem":3323},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3325,"path":3326,"stem":3327},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3329,"path":3330,"stem":3331},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3333,"path":3334,"stem":3335},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3337,"path":3338,"stem":3339},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3341,"path":3342,"stem":3343},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3345,"icon":3346,"path":3347,"stem":3348,"children":3349,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3350,3354,3358,3362,3366,3370,3374,3378,3382,3386,3390],{"title":3351,"path":3352,"stem":3353},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3355,"path":3356,"stem":3357},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3359,"path":3360,"stem":3361},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3363,"path":3364,"stem":3365},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3367,"path":3368,"stem":3369},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3371,"path":3372,"stem":3373},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3375,"path":3376,"stem":3377},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3379,"path":3380,"stem":3381},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3383,"path":3384,"stem":3385},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3387,"path":3388,"stem":3389},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3391,"path":3392,"stem":3393},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3395,"icon":943,"path":3396,"stem":3397,"children":3398,"page":59},"DDD","\u002Fddd","10.ddd",[3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447],{"title":3400,"path":3401,"stem":3402},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3404,"path":3405,"stem":3406},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3408,"path":3409,"stem":3410},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3412,"path":3413,"stem":3414},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3416,"path":3417,"stem":3418},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3420,"path":3421,"stem":3422},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3424,"path":3425,"stem":3426},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3428,"path":3429,"stem":3430},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3432,"path":3433,"stem":3434},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3436,"path":3437,"stem":3438},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3440,"path":3441,"stem":3442},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3444,"path":3445,"stem":3446},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3448,"path":3449,"stem":3450},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3452,"icon":3453,"path":3454,"stem":3455,"children":3456,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3457,3461,3465,3469,3473,3477,3481],{"title":3458,"path":3459,"stem":3460},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3462,"path":3463,"stem":3464},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3466,"path":3467,"stem":3468},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3470,"path":3471,"stem":3472},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3474,"path":3475,"stem":3476},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3478,"path":3479,"stem":3480},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3482,"path":3483,"stem":3484},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3486,"icon":3487,"path":3488,"stem":3489,"children":3490,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3491,3495,3499,3503,3507,3511,3515,3519,3523,3527,3531,3535,3539,3543,3547,3551,3555,3559,3563,3567,3571,3575,3579,3583,3587,3591,3595,3599,3603,3607],{"title":3492,"path":3493,"stem":3494},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3496,"path":3497,"stem":3498},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3500,"path":3501,"stem":3502},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3504,"path":3505,"stem":3506},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3508,"path":3509,"stem":3510},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3512,"path":3513,"stem":3514},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3516,"path":3517,"stem":3518},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3520,"path":3521,"stem":3522},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3524,"path":3525,"stem":3526},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3528,"path":3529,"stem":3530},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3532,"path":3533,"stem":3534},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3536,"path":3537,"stem":3538},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3540,"path":3541,"stem":3542},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3544,"path":3545,"stem":3546},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3548,"path":3549,"stem":3550},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3552,"path":3553,"stem":3554},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3556,"path":3557,"stem":3558},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3560,"path":3561,"stem":3562},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3564,"path":3565,"stem":3566},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3568,"path":3569,"stem":3570},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3572,"path":3573,"stem":3574},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3576,"path":3577,"stem":3578},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3580,"path":3581,"stem":3582},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3584,"path":3585,"stem":3586},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3588,"path":3589,"stem":3590},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3592,"path":3593,"stem":3594},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3596,"path":3597,"stem":3598},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3600,"path":3601,"stem":3602},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3604,"path":3605,"stem":3606},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3608,"path":3609,"stem":3610},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3612,"path":3613,"stem":3614,"children":3615,"page":59},"AWS","\u002Faws","13.aws",[3616,3620,3624,3628,3632,3636,3640,3644,3648,3652,3656,3660,3664,3668,3672,3676,3680,3684],{"title":3617,"path":3618,"stem":3619},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3621,"path":3622,"stem":3623},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3625,"path":3626,"stem":3627},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3629,"path":3630,"stem":3631},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3633,"path":3634,"stem":3635},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3637,"path":3638,"stem":3639},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3641,"path":3642,"stem":3643},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3645,"path":3646,"stem":3647},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3649,"path":3650,"stem":3651},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3653,"path":3654,"stem":3655},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3657,"path":3658,"stem":3659},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3661,"path":3662,"stem":3663},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3665,"path":3666,"stem":3667},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3669,"path":3670,"stem":3671},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3673,"path":3674,"stem":3675},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3677,"path":3678,"stem":3679},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3681,"path":3682,"stem":3683},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3685,"path":3686,"stem":3687},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3689,"path":3690,"stem":3691,"children":3692,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3693],{"title":3694,"path":3695,"stem":3696,"children":3697,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3698],{"title":3699,"path":3700,"stem":3701},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3703,"path":3704,"stem":3705,"children":3706,"page":59},"React Native","\u002Freact-native","15.react-native",[3707,3728],{"title":3708,"path":3709,"stem":3710,"children":3711,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3712,3716,3720,3724],{"title":3713,"path":3714,"stem":3715},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3717,"path":3718,"stem":3719},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3721,"path":3722,"stem":3723},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3725,"path":3726,"stem":3727},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3729,"path":3730,"stem":3731,"children":3732,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3733,3737,3741,3745,3749,3753,3757,3761,3765,3769,3773,3777,3781,3785,3789,3793,3797,3801,3805,3809,3813,3817,3821,3825,3829,3833,3837],{"title":3734,"path":3735,"stem":3736},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3738,"path":3739,"stem":3740},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3742,"path":3743,"stem":3744},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3746,"path":3747,"stem":3748},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3750,"path":3751,"stem":3752},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3754,"path":3755,"stem":3756},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3758,"path":3759,"stem":3760},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3762,"path":3763,"stem":3764},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3766,"path":3767,"stem":3768},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3770,"path":3771,"stem":3772},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3774,"path":3775,"stem":3776},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3778,"path":3779,"stem":3780},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3782,"path":3783,"stem":3784},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3786,"path":3787,"stem":3788},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3790,"path":3791,"stem":3792},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3794,"path":3795,"stem":3796},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3798,"path":3799,"stem":3800},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3802,"path":3803,"stem":3804},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3806,"path":3807,"stem":3808},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3810,"path":3811,"stem":3812},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3814,"path":3815,"stem":3816},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3818,"path":3819,"stem":3820},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3822,"path":3823,"stem":3824},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3826,"path":3827,"stem":3828},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3830,"path":3831,"stem":3832},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3834,"path":3835,"stem":3836},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3838,"path":3839,"stem":3840},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3842,"path":3843,"stem":3844,"children":3845,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3846,3855,3864,3873,3902,3928,3953,3986,4003,4016,4025,4038,4047,4068,4081,4150],{"title":3847,"path":3848,"stem":3849,"children":3850,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3851],{"title":3852,"path":3853,"stem":3854},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3856,"path":3857,"stem":3858,"children":3859,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3860],{"title":3861,"path":3862,"stem":3863},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3865,"path":3866,"stem":3867,"children":3868,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3869],{"title":3870,"path":3871,"stem":3872},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3874,"path":3875,"stem":3876,"children":3877,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3878,3882,3886,3890,3894,3898],{"title":3879,"path":3880,"stem":3881},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3883,"path":3884,"stem":3885},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3887,"path":3888,"stem":3889},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3891,"path":3892,"stem":3893},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3895,"path":3896,"stem":3897},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3899,"path":3900,"stem":3901},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3903,"path":3904,"stem":3905,"children":3906},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3907,3908,3912,3916,3920,3924],{"title":3903,"path":3904,"stem":3905},{"title":3909,"path":3910,"stem":3911},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3913,"path":3914,"stem":3915},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3917,"path":3918,"stem":3919},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3921,"path":3922,"stem":3923},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3925,"path":3926,"stem":3927},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3929,"path":3930,"stem":3931,"children":3932,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3933,3937,3941,3945,3949],{"title":3934,"path":3935,"stem":3936},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3938,"path":3939,"stem":3940},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3942,"path":3943,"stem":3944},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3946,"path":3947,"stem":3948},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3950,"path":3951,"stem":3952},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3954,"path":3955,"stem":3956,"children":3957,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3958,3962,3966,3970,3974,3978,3982],{"title":3959,"path":3960,"stem":3961},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3963,"path":3964,"stem":3965},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3967,"path":3968,"stem":3969},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3971,"path":3972,"stem":3973},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3975,"path":3976,"stem":3977},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3979,"path":3980,"stem":3981},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3983,"path":3984,"stem":3985},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3987,"path":3988,"stem":3989,"children":3990,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3991,3995,3999],{"title":3992,"path":3993,"stem":3994},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3996,"path":3997,"stem":3998},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":4000,"path":4001,"stem":4002},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":4004,"path":4005,"stem":4006,"children":4007,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[4008,4012],{"title":4009,"path":4010,"stem":4011},"Дерева рішень — моделі з прозорою та зрозумілою логікою","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":4013,"path":4014,"stem":4015},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":4017,"path":4018,"stem":4019,"children":4020,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[4021],{"title":4022,"path":4023,"stem":4024},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":4026,"path":4027,"stem":4028,"children":4029,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[4030,4034],{"title":4031,"path":4032,"stem":4033},"Основи класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":4035,"path":4036,"stem":4037},"Метрики якості класифікації","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":4039,"path":4040,"stem":4041,"children":4042,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[4043],{"title":4044,"path":4045,"stem":4046},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":4048,"path":4049,"stem":4050,"children":4051,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[4052,4056,4060,4064],{"title":4053,"path":4054,"stem":4055},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":4057,"path":4058,"stem":4059},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":4061,"path":4062,"stem":4063},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":4065,"path":4066,"stem":4067},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":4069,"path":4070,"stem":4071,"children":4072,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[4073,4077],{"title":4074,"path":4075,"stem":4076},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":4078,"path":4079,"stem":4080},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":4082,"path":4083,"stem":4084,"children":4085,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[4086,4090,4094,4098,4102,4106,4110,4114,4118,4122,4126,4130,4134,4138,4142,4146],{"title":4087,"path":4088,"stem":4089},"Вступ до комп'ютерного зору та проблеми Dense-мереж","\u002Fai-python\u002Fcnn-image-classification\u002Fintro-computer-vision","16.ai-python\u002F15.cnn-image-classification\u002F01.intro-computer-vision",{"title":4091,"path":4092,"stem":4093},"Навіщо потрібна згортка — від нейрона-шаблону до ковзного детектора","\u002Fai-python\u002Fcnn-image-classification\u002Fwhy-convolution","16.ai-python\u002F15.cnn-image-classification\u002F02.why-convolution",{"title":4095,"path":4096,"stem":4097},"Згортка крок за кроком — ядро, карта ознак і розмір результату","\u002Fai-python\u002Fcnn-image-classification\u002Fconvolution-step-by-step","16.ai-python\u002F15.cnn-image-classification\u002F03.convolution-step-by-step",{"title":4099,"path":4100,"stem":4101},"Що «бачить» ядро — читаємо карту ознак і класичні фільтри","\u002Fai-python\u002Fcnn-image-classification\u002Ffilters-what-kernel-sees","16.ai-python\u002F15.cnn-image-classification\u002F04.filters-what-kernel-sees",{"title":4103,"path":4104,"stem":4105},"Padding і stride — що робити з краями картинки та її розміром","\u002Fai-python\u002Fcnn-image-classification\u002Fpadding-and-stride","16.ai-python\u002F15.cnn-image-classification\u002F05.padding-and-stride",{"title":4107,"path":4108,"stem":4109},"Ядро, що навчається — від випадкових чисел до детектора країв","\u002Fai-python\u002Fcnn-image-classification\u002Flearnable-kernels","16.ai-python\u002F15.cnn-image-classification\u002F06.learnable-kernels",{"title":4111,"path":4112,"stem":4113},"Пулінг і поле зору — стискаємо карту ознак і дивимося ширше","\u002Fai-python\u002Fcnn-image-classification\u002Fpooling","16.ai-python\u002F15.cnn-image-classification\u002F07.pooling",{"title":4115,"path":4116,"stem":4117},"Багатоканальна згортка — ядро-куб, кольорове фото та підрахунок параметрів","\u002Fai-python\u002Fcnn-image-classification\u002Fmultichannel-convolution","16.ai-python\u002F15.cnn-image-classification\u002F08.multichannel-convolution",{"title":4119,"path":4120,"stem":4121},"Повна CNN для MNIST — збираємо, навчаємо, перевіряємо","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-mnist","16.ai-python\u002F15.cnn-image-classification\u002F09.cnn-mnist",{"title":4123,"path":4124,"stem":4125},"CNN для CIFAR-10 — коли задача справді складна","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-cifar10","16.ai-python\u002F15.cnn-image-classification\u002F10.cnn-cifar10",{"title":4127,"path":4128,"stem":4129},"Міні-батчі, DataLoader і швидкість навчання","\u002Fai-python\u002Fcnn-image-classification\u002Fmini-batch-learning-rate","16.ai-python\u002F15.cnn-image-classification\u002F11.mini-batch-learning-rate",{"title":4131,"path":4132,"stem":4133},"Ініціалізація ваг і Batch Normalization","\u002Fai-python\u002Fcnn-image-classification\u002Fweight-init-batchnorm","16.ai-python\u002F15.cnn-image-classification\u002F12.weight-init-batchnorm",{"title":4135,"path":4136,"stem":4137},"LayerNorm і обрізання градієнтів","\u002Fai-python\u002Fcnn-image-classification\u002Flayernorm-gradient-clipping","16.ai-python\u002F15.cnn-image-classification\u002F13.layernorm-gradient-clipping",{"title":4139,"path":4140,"stem":4141},"Аугментація даних","\u002Fai-python\u002Fcnn-image-classification\u002Fdata-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F14.data-augmentation",{"title":4143,"path":4144,"stem":4145},"Глибокі мережі та ResNet","\u002Fai-python\u002Fcnn-image-classification\u002Fdeep-networks-resnet","16.ai-python\u002F15.cnn-image-classification\u002F15.deep-networks-resnet",{"title":4147,"path":4148,"stem":4149},"Пневмонія на рентгені - метрики, transfer learning, Grad-CAM","\u002Fai-python\u002Fcnn-image-classification\u002Fpneumonia-transfer-learning","16.ai-python\u002F15.cnn-image-classification\u002F16.pneumonia-transfer-learning",{"title":4151,"path":4152,"stem":4153,"children":4154,"page":59},"Natural Language Processing","\u002Fai-python\u002Fnatural-language-processing","16.ai-python\u002F16.natural-language-processing",[4155,4159,4163,4167,4171,4175,4179,4183,4187,4191,4195,4199,4203,4207,4211,4215],{"title":4156,"path":4157,"stem":4158},"Текст як дані — чому мова складна для комп'ютера","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-as-data","16.ai-python\u002F16.natural-language-processing\u002F01.text-as-data",{"title":4160,"path":4161,"stem":4162},"Токенізація — розбиття тексту на слова й речення","\u002Fai-python\u002Fnatural-language-processing\u002Ftokenization","16.ai-python\u002F16.natural-language-processing\u002F02.tokenization",{"title":4164,"path":4165,"stem":4166},"Стеммінг, лемматизація та стоп-слова","\u002Fai-python\u002Fnatural-language-processing\u002Fstemming-lemmatization-stopwords","16.ai-python\u002F16.natural-language-processing\u002F03.stemming-lemmatization-stopwords",{"title":4168,"path":4169,"stem":4170},"Корпус та частоти слів","\u002Fai-python\u002Fnatural-language-processing\u002Fcorpus-and-frequency","16.ai-python\u002F16.natural-language-processing\u002F04.corpus-and-frequency",{"title":4172,"path":4173,"stem":4174},"Мішок слів — перше представлення тексту числами","\u002Fai-python\u002Fnatural-language-processing\u002Fbag-of-words","16.ai-python\u002F16.natural-language-processing\u002F05.bag-of-words",{"title":4176,"path":4177,"stem":4178},"Класифікація тексту — baseline на мішку слів","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-classification-baseline","16.ai-python\u002F16.natural-language-processing\u002F06.text-classification-baseline",{"title":4180,"path":4181,"stem":4182},"Від one-hot до embeddings — щільні вектори слів","\u002Fai-python\u002Fnatural-language-processing\u002Ffrom-one-hot-to-embeddings","16.ai-python\u002F16.natural-language-processing\u002F07.from-one-hot-to-embeddings",{"title":4184,"path":4185,"stem":4186},"Word2Vec — навчання векторів слів з контексту","\u002Fai-python\u002Fnatural-language-processing\u002Fword2vec","16.ai-python\u002F16.natural-language-processing\u002F08.word2vec",{"title":4188,"path":4189,"stem":4190},"GloVe — глобальні вектори слів та попередньо навчені моделі","\u002Fai-python\u002Fnatural-language-processing\u002Fglove-pretrained-embeddings","16.ai-python\u002F16.natural-language-processing\u002F09.glove-pretrained-embeddings",{"title":4192,"path":4193,"stem":4194},"Embeddings для класифікації — від мішка слів до векторів","\u002Fai-python\u002Fnatural-language-processing\u002Fembeddings-for-classification","16.ai-python\u002F16.natural-language-processing\u002F10.embeddings-for-classification",{"title":4196,"path":4197,"stem":4198},"Мовні моделі та послідовності — від біграм до батчів","\u002Fai-python\u002Fnatural-language-processing\u002Flanguage-models-and-sequences","16.ai-python\u002F16.natural-language-processing\u002F11.language-models-and-sequences",{"title":4200,"path":4201,"stem":4202},"Рекурентні нейронні мережі (RNN)","\u002Fai-python\u002Fnatural-language-processing\u002Frnn","16.ai-python\u002F16.natural-language-processing\u002F12.rnn",{"title":4204,"path":4205,"stem":4206},"LSTM і GRU — рекурентні мережі з вентилями","\u002Fai-python\u002Fnatural-language-processing\u002Flstm-gru","16.ai-python\u002F16.natural-language-processing\u002F13.lstm-gru",{"title":4208,"path":4209,"stem":4210},"Seq2seq і механізм уваги","\u002Fai-python\u002Fnatural-language-processing\u002Fseq2seq-attention","16.ai-python\u002F16.natural-language-processing\u002F14.seq2seq-attention",{"title":4212,"path":4213,"stem":4214},"Transformer — self-attention замість рекурентності","\u002Fai-python\u002Fnatural-language-processing\u002Ftransformer","16.ai-python\u002F16.natural-language-processing\u002F15.transformer",{"title":4216,"path":4217,"stem":4218},"Готові моделі та Hugging Face — transfer learning","\u002Fai-python\u002Fnatural-language-processing\u002Fpretrained-models-sentiment","16.ai-python\u002F16.natural-language-processing\u002F16.pretrained-models-sentiment",{"title":4220,"icon":658,"path":4221,"stem":4222,"children":4223,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[4224,4228,4232,4236,4240,4244,4248,4252,4256,4260,4264,4268,4272,4276,4280,4284,4288,4292],{"title":4225,"path":4226,"stem":4227},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":4229,"path":4230,"stem":4231},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":4233,"path":4234,"stem":4235},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":4237,"path":4238,"stem":4239},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":4241,"path":4242,"stem":4243},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":4245,"path":4246,"stem":4247},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":4249,"path":4250,"stem":4251},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":4253,"path":4254,"stem":4255},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":4257,"path":4258,"stem":4259},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":4261,"path":4262,"stem":4263},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":4265,"path":4266,"stem":4267},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":4269,"path":4270,"stem":4271},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":4273,"path":4274,"stem":4275},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":4277,"path":4278,"stem":4279},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4281,"path":4282,"stem":4283},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4285,"path":4286,"stem":4287},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4289,"path":4290,"stem":4291},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4293,"path":4294,"stem":4295},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4297,"icon":2228,"path":4298,"stem":4299,"children":4300,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4301,4346,4384,4413,4442,4499,4549,4643,4709,4791,4824,4852,4894,4940,4983],{"title":4302,"icon":658,"path":4303,"stem":4304,"children":4305,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4306,4310,4314,4318,4322,4326,4330,4334,4338,4342],{"title":4307,"path":4308,"stem":4309},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4311,"path":4312,"stem":4313},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4315,"path":4316,"stem":4317},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4319,"path":4320,"stem":4321},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4323,"path":4324,"stem":4325},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4327,"path":4328,"stem":4329},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4331,"path":4332,"stem":4333},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4335,"path":4336,"stem":4337},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4339,"path":4340,"stem":4341},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4343,"path":4344,"stem":4345},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4347,"icon":4348,"path":4349,"stem":4350,"children":4351,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4352,4356,4360,4364,4368,4372,4376,4380],{"title":4353,"path":4354,"stem":4355},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4357,"path":4358,"stem":4359},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4361,"path":4362,"stem":4363},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4365,"path":4366,"stem":4367},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4369,"path":4370,"stem":4371},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4373,"path":4374,"stem":4375},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4377,"path":4378,"stem":4379},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4381,"path":4382,"stem":4383},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4385,"icon":2608,"path":4386,"stem":4387,"children":4388,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4389,4393,4397,4401,4405,4409],{"title":4390,"path":4391,"stem":4392},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4394,"path":4395,"stem":4396},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4398,"path":4399,"stem":4400},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4402,"path":4403,"stem":4404},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4406,"path":4407,"stem":4408},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4410,"path":4411,"stem":4412},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4414,"icon":2608,"path":4415,"stem":4416,"children":4417,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4418,4422,4426,4430,4434,4438],{"title":4419,"path":4420,"stem":4421},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4423,"path":4424,"stem":4425},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4427,"path":4428,"stem":4429},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4431,"path":4432,"stem":4433},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4435,"path":4436,"stem":4437},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4439,"path":4440,"stem":4441},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4443,"icon":4444,"path":4445,"stem":4446,"children":4447,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4448,4452,4456,4460,4464,4468,4472,4476,4480,4484,4488,4491,4495],{"title":4449,"path":4450,"stem":4451},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4453,"path":4454,"stem":4455},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4457,"path":4458,"stem":4459},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4461,"path":4462,"stem":4463},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4465,"path":4466,"stem":4467},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4469,"path":4470,"stem":4471},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4473,"path":4474,"stem":4475},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4477,"path":4478,"stem":4479},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4481,"path":4482,"stem":4483},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4485,"path":4486,"stem":4487},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3293,"path":4489,"stem":4490},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4492,"path":4493,"stem":4494},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4496,"path":4497,"stem":4498},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4500,"icon":4501,"path":4502,"stem":4503,"children":4504,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4505,4509,4513,4517,4521,4525,4529,4533,4537,4541,4545],{"title":4506,"path":4507,"stem":4508},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4510,"path":4511,"stem":4512},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4514,"path":4515,"stem":4516},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4518,"path":4519,"stem":4520},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4522,"path":4523,"stem":4524},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4526,"path":4527,"stem":4528},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4530,"path":4531,"stem":4532},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4534,"path":4535,"stem":4536},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4538,"path":4539,"stem":4540},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4542,"path":4543,"stem":4544},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4546,"path":4547,"stem":4548},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4550,"icon":4551,"path":4552,"stem":4553,"children":4554,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4555,4559,4563,4567,4571,4575,4579,4583,4587,4591,4595,4599,4603,4607,4611,4615,4619,4623,4627,4631,4635,4639],{"title":4556,"path":4557,"stem":4558},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4560,"path":4561,"stem":4562},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4564,"path":4565,"stem":4566},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4568,"path":4569,"stem":4570},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4572,"path":4573,"stem":4574},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4576,"path":4577,"stem":4578},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4580,"path":4581,"stem":4582},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4584,"path":4585,"stem":4586},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4588,"path":4589,"stem":4590},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4592,"path":4593,"stem":4594},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4596,"path":4597,"stem":4598},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4600,"path":4601,"stem":4602},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4604,"path":4605,"stem":4606},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4608,"path":4609,"stem":4610},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4612,"path":4613,"stem":4614},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4616,"path":4617,"stem":4618},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4620,"path":4621,"stem":4622},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4624,"path":4625,"stem":4626},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4628,"path":4629,"stem":4630},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4632,"path":4633,"stem":4634},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4636,"path":4637,"stem":4638},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4640,"path":4641,"stem":4642},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4644,"icon":4645,"path":4646,"stem":4647,"children":4648,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4649,4653,4657,4661,4665,4669,4673,4677,4681,4685,4689,4693,4697,4701,4705],{"title":4650,"path":4651,"stem":4652},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4654,"path":4655,"stem":4656},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4658,"path":4659,"stem":4660},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4662,"path":4663,"stem":4664},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4666,"path":4667,"stem":4668},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4670,"path":4671,"stem":4672},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4674,"path":4675,"stem":4676},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4678,"path":4679,"stem":4680},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4682,"path":4683,"stem":4684},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4686,"path":4687,"stem":4688},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4690,"path":4691,"stem":4692},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4694,"path":4695,"stem":4696},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4698,"path":4699,"stem":4700},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4702,"path":4703,"stem":4704},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4706,"path":4707,"stem":4708},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4710,"icon":4711,"path":4712,"stem":4713,"children":4714,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4715,4719,4723,4727,4731,4735,4739,4743,4747,4751,4755,4759,4763,4767,4771,4775,4779,4783,4787],{"title":4716,"path":4717,"stem":4718},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4720,"path":4721,"stem":4722},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4724,"path":4725,"stem":4726},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4728,"path":4729,"stem":4730},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4732,"path":4733,"stem":4734},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4736,"path":4737,"stem":4738},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4740,"path":4741,"stem":4742},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4744,"path":4745,"stem":4746},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4748,"path":4749,"stem":4750},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4752,"path":4753,"stem":4754},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4756,"path":4757,"stem":4758},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4760,"path":4761,"stem":4762},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4764,"path":4765,"stem":4766},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4768,"path":4769,"stem":4770},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4772,"path":4773,"stem":4774},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4776,"path":4777,"stem":4778},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4780,"path":4781,"stem":4782},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4784,"path":4785,"stem":4786},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4788,"path":4789,"stem":4790},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4792,"icon":3017,"path":4793,"stem":4794,"children":4795,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4796,4800,4804,4808,4812,4816,4820],{"title":4797,"path":4798,"stem":4799},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4801,"path":4802,"stem":4803},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4805,"path":4806,"stem":4807},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4809,"path":4810,"stem":4811},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4813,"path":4814,"stem":4815},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4817,"path":4818,"stem":4819},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4821,"path":4822,"stem":4823},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4825,"icon":4826,"path":4827,"stem":4828,"children":4829,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4830,4834,4838,4842,4846],{"title":4831,"path":4832,"stem":4833},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4835,"path":4836,"stem":4837},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4839,"path":4840,"stem":4841},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4843,"path":4844,"stem":4845},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4847,"path":4848,"stem":4849,"children":4850},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4851],{"title":4847,"path":4848,"stem":4849},{"title":4853,"icon":4854,"path":4855,"stem":4856,"children":4857,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4858,4862,4866,4870,4874,4878,4882,4886,4890],{"title":4859,"path":4860,"stem":4861},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4863,"path":4864,"stem":4865},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4867,"path":4868,"stem":4869},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4871,"path":4872,"stem":4873},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4875,"path":4876,"stem":4877},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4879,"path":4880,"stem":4881},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4883,"path":4884,"stem":4885},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4887,"path":4888,"stem":4889},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4891,"path":4892,"stem":4893},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4895,"icon":4896,"path":4897,"stem":4898,"children":4899,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4900,4904,4908,4912,4916,4920,4924,4928,4932,4936],{"title":4901,"path":4902,"stem":4903},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4905,"path":4906,"stem":4907},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4909,"path":4910,"stem":4911},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4913,"path":4914,"stem":4915},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4917,"path":4918,"stem":4919},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4921,"path":4922,"stem":4923},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4925,"path":4926,"stem":4927},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4929,"path":4930,"stem":4931},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4933,"path":4934,"stem":4935},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4937,"path":4938,"stem":4939},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4941,"icon":871,"path":4942,"stem":4943,"children":4944,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4945,4949,4953,4957,4961,4965,4968,4971,4975,4979],{"title":4946,"path":4947,"stem":4948},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4950,"path":4951,"stem":4952},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4954,"path":4955,"stem":4956},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4958,"path":4959,"stem":4960},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4962,"path":4963,"stem":4964},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4966,"stem":4967},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4969,"stem":4970},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4972,"path":4973,"stem":4974},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4976,"path":4977,"stem":4978},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4980,"path":4981,"stem":4982},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4984,"icon":4985,"path":4986,"stem":4987,"children":4988,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4989,4993,4997,5001,5005,5009,5013,5017,5021,5025],{"title":4990,"path":4991,"stem":4992},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4994,"path":4995,"stem":4996},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4998,"path":4999,"stem":5000},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":5002,"path":5003,"stem":5004},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":5006,"path":5007,"stem":5008},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":5010,"path":5011,"stem":5012},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":5014,"path":5015,"stem":5016},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":5018,"path":5019,"stem":5020},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":5022,"path":5023,"stem":5024},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":5026,"path":5027,"stem":5028},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":5030,"icon":5031,"path":5032,"stem":5033,"children":5034,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[5035,5076,5125,5163],{"title":5036,"icon":4985,"path":5037,"stem":5038,"children":5039,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[5040,5044,5048,5052,5056,5060,5064,5068,5072],{"title":5041,"path":5042,"stem":5043},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":5045,"path":5046,"stem":5047},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":5049,"path":5050,"stem":5051},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":5053,"path":5054,"stem":5055},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":5057,"path":5058,"stem":5059},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":5061,"path":5062,"stem":5063},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":5065,"path":5066,"stem":5067},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":5069,"path":5070,"stem":5071},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":5073,"path":5074,"stem":5075},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":5077,"icon":255,"path":5078,"stem":5079,"children":5080,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[5081,5085,5089,5093,5097,5101,5105,5109,5113,5117,5121],{"title":5082,"path":5083,"stem":5084},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":5086,"path":5087,"stem":5088},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":5090,"path":5091,"stem":5092},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":5094,"path":5095,"stem":5096},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":5098,"path":5099,"stem":5100},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":5102,"path":5103,"stem":5104},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":5106,"path":5107,"stem":5108},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":5110,"path":5111,"stem":5112},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":5114,"path":5115,"stem":5116},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":5118,"path":5119,"stem":5120},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":5122,"path":5123,"stem":5124},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":5126,"icon":5127,"path":5128,"stem":5129,"children":5130,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[5131,5135,5139,5143,5147,5151,5155,5159],{"title":5132,"path":5133,"stem":5134},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":5136,"path":5137,"stem":5138},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":5140,"path":5141,"stem":5142},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":5144,"path":5145,"stem":5146},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":5148,"path":5149,"stem":5150},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":5152,"path":5153,"stem":5154},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":5156,"path":5157,"stem":5158},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":5160,"path":5161,"stem":5162},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":5164,"icon":793,"path":5165,"stem":5166,"children":5167,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[5168,5172,5176,5180,5184,5188,5192,5196,5200],{"title":5169,"path":5170,"stem":5171},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":5173,"path":5174,"stem":5175},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":5177,"path":5178,"stem":5179},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":5181,"path":5182,"stem":5183},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":5185,"path":5186,"stem":5187},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":5189,"path":5190,"stem":5191},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":5193,"path":5194,"stem":5195},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":5197,"path":5198,"stem":5199},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":5201,"path":5202,"stem":5203},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":5205,"icon":5206,"path":5207,"stem":5208,"children":5209,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[5210,5236,5258,5279],{"title":5211,"icon":5212,"path":5213,"stem":5214,"children":5215,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[5216,5220,5224,5228,5232],{"title":5217,"path":5218,"stem":5219},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":5221,"path":5222,"stem":5223},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":5225,"path":5226,"stem":5227},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":5229,"path":5230,"stem":5231},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":5233,"path":5234,"stem":5235},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":5237,"icon":5238,"path":5239,"stem":5240,"children":5241,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[5242,5246,5250,5254],{"title":5243,"path":5244,"stem":5245},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":5247,"path":5248,"stem":5249},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":5251,"path":5252,"stem":5253},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":5255,"path":5256,"stem":5257},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":5259,"icon":3224,"path":5260,"stem":5261,"children":5262,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[5263,5267,5271,5275],{"title":5264,"path":5265,"stem":5266},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":5268,"path":5269,"stem":5270},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":5272,"path":5273,"stem":5274},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":5276,"path":5277,"stem":5278},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5280,"icon":5281,"path":5282,"stem":5283,"children":5284,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5285,5289,5293],{"title":5286,"path":5287,"stem":5288},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5290,"path":5291,"stem":5292},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5294,"path":5295,"stem":5296},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5298,"path":5299,"stem":5300,"children":5301,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5302,5306,5310,5314,5318,5322,5326,5330,5334,5338,5342,5346],{"title":5303,"path":5304,"stem":5305},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5307,"path":5308,"stem":5309},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5311,"path":5312,"stem":5313},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5315,"path":5316,"stem":5317},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5319,"path":5320,"stem":5321},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5323,"path":5324,"stem":5325},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5327,"path":5328,"stem":5329},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5331,"path":5332,"stem":5333},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5335,"path":5336,"stem":5337},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5339,"path":5340,"stem":5341},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5343,"path":5344,"stem":5345},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5347,"path":5348,"stem":5349},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5351,"path":5352,"stem":5353,"children":5354,"page":59},"React Typescript","\u002Freact-typescript","22.react-typescript",[5355,5380,5384,5388,5392,5396,5400,5404,5408,5412,5442,5446,5450,5454,5458],{"title":5356,"path":5357,"stem":5358,"children":5359,"page":59},"From Html To Project","\u002Freact-typescript\u002Ffrom-html-to-project","22.react-typescript\u002F01.from-html-to-project",[5360,5364,5368,5372,5376],{"title":5361,"path":5362,"stem":5363},"Від одного HTML-файлу до повноцінного проєкту","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fevolution","22.react-typescript\u002F01.from-html-to-project\u002F01.evolution",{"title":5365,"path":5366,"stem":5367},"Що таке React","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fwhat-is-react","22.react-typescript\u002F01.from-html-to-project\u002F02.what-is-react",{"title":5369,"path":5370,"stem":5371},"JSX та TSX — синтаксичний цукор, а не магія","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-tsx-syntax","22.react-typescript\u002F01.from-html-to-project\u002F03.jsx-tsx-syntax",{"title":5373,"path":5374,"stem":5375},"Компоненти — будівельні блоки інтерфейсу","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fcomponents","22.react-typescript\u002F01.from-html-to-project\u002F04.components",{"title":5377,"path":5378,"stem":5379},"JSX — розмітка всередині TypeScript","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-expressions","22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions",{"title":5381,"path":5382,"stem":5383},"Хук useReducer: структуроване управління складним станом","\u002Freact-typescript\u002Fuse-reducer","22.react-typescript\u002F23.use-reducer",{"title":5385,"path":5386,"stem":5387},"Context API: передавання даних без «пропс-дрілінгу»","\u002Freact-typescript\u002Fcontext-api","22.react-typescript\u002F24.context-api",{"title":5389,"path":5390,"stem":5391},"Синхронізація з ефектами: хук useEffect та функції очищення","\u002Freact-typescript\u002Fuse-effect","22.react-typescript\u002F27.use-effect",{"title":5393,"path":5394,"stem":5395},"Можливо, вам не потрібен ефект: антипатерни та альтернативи","\u002Freact-typescript\u002Fyou-might-not-need-effect","22.react-typescript\u002F28.you-might-not-need-effect",{"title":5397,"path":5398,"stem":5399},"Життєвий цикл реактивних ефектів: мислення процесами синхронізації","\u002Freact-typescript\u002Flifecycle-of-reactive-effects","22.react-typescript\u002F29.lifecycle-of-reactive-effects",{"title":5401,"path":5402,"stem":5403},"Розділення подій та ефектів: реактивна проти нереактивної логіки","\u002Freact-typescript\u002Fseparating-events-from-effects","22.react-typescript\u002F30.separating-events-from-effects",{"title":5405,"path":5406,"stem":5407},"Видалення зайвих залежностей ефектів та оптимізація синхронізації","\u002Freact-typescript\u002Fremoving-effect-dependencies","22.react-typescript\u002F31.removing-effect-dependencies",{"title":5409,"path":5410,"stem":5411},"Кастомні хуки: повторне використання та композиція реактивної логіки","\u002Freact-typescript\u002Fcustom-hooks","22.react-typescript\u002F32.custom-hooks",{"title":5413,"path":5414,"stem":5415,"children":5416},"React Router v7: Маршрутизація в SPA","\u002Freact-typescript\u002Freact-router-v7","22.react-typescript\u002F33.react-router-v7\u002Findex",[5417,5418,5422,5426,5430,5434,5438],{"title":5413,"path":5414,"stem":5415},{"title":5419,"path":5420,"stem":5421},"Встановлення та базова конфігурація React Router v7","\u002Freact-typescript\u002Freact-router-v7\u002Finstallation-setup","22.react-typescript\u002F33.react-router-v7\u002F01.installation-setup",{"title":5423,"path":5424,"stem":5425},"Вкладені маршрути та Outlet: архітектура складних макетів","\u002Freact-typescript\u002Freact-router-v7\u002Fnested-routes-outlet","22.react-typescript\u002F33.react-router-v7\u002F02.nested-routes-outlet",{"title":5427,"path":5428,"stem":5429},"Динамічні маршрути та параметри URL","\u002Freact-typescript\u002Freact-router-v7\u002Fdynamic-routes-params","22.react-typescript\u002F33.react-router-v7\u002F03.dynamic-routes-params",{"title":5431,"path":5432,"stem":5433},"Навігація та корисні хуки React Router","\u002Freact-typescript\u002Freact-router-v7\u002Fnavigation-hooks","22.react-typescript\u002F33.react-router-v7\u002F04.navigation-hooks",{"title":5435,"path":5436,"stem":5437},"Обробка помилок та 404: ErrorBoundary і fallback-маршрути","\u002Freact-typescript\u002Freact-router-v7\u002Ferror-handling-404","22.react-typescript\u002F33.react-router-v7\u002F05.error-handling-404",{"title":5439,"path":5440,"stem":5441},"Data Router API: альтернативний синтаксис через createBrowserRouter","\u002Freact-typescript\u002Freact-router-v7\u002Fdata-router-api-examples","22.react-typescript\u002F33.react-router-v7\u002F06.data-router-api-examples",{"title":5443,"path":5444,"stem":5445},"Axios: HTTP-клієнт із розширеними можливостями","\u002Freact-typescript\u002Faxios","22.react-typescript\u002F34.axios",{"title":5447,"path":5448,"stem":5449},"Redux: класичний підхід до глобального стану","\u002Freact-typescript\u002Fredux-classic","22.react-typescript\u002F35.redux-classic",{"title":5451,"path":5452,"stem":5453},"Redux Toolkit: сучасний стандарт Redux","\u002Freact-typescript\u002Fredux-toolkit","22.react-typescript\u002F36.redux-toolkit",{"title":5455,"path":5456,"stem":5457},"RTK Query: запити до сервера без болю","\u002Freact-typescript\u002Frtk-query-tanstack-query","22.react-typescript\u002F38.rtk-query-tanstack-query",{"title":5459,"path":5460,"stem":5461},"React Hook Form + Zod: типобезпечна валідація форм","\u002Freact-typescript\u002Freact-hook-form-zod","22.react-typescript\u002F39.react-hook-form-zod",{"title":5463,"path":5464,"stem":5465},"Тестування компонентів діаграм та пісочниць","\u002Ftest-components","98.test-components",{"id":5467,"title":5447,"body":5468,"description":18744,"extension":18745,"links":18746,"meta":18747,"navigation":5649,"path":5448,"seo":18748,"stem":5449,"__hash__":18749},"docs\u002F22.react-typescript\u002F35.redux-classic.md",{"type":5469,"value":5470,"toc":18706},"minimark",[5471,5475,5543,5546,5551,5555,5573,5582,6225,6263,6265,6269,6276,6281,6288,7588,7612,7614,7618,7621,7625,7636,7814,7818,7824,7904,7908,7915,7931,8145,8157,8159,8163,8167,8179,8320,8327,8552,8575,8579,8599,9024,9037,9041,9047,9070,9273,9293,9295,9299,9302,9310,9314,9321,9555,9559,9841,9845,10348,10365,10369,10375,10563,10637,10644,10646,10650,10656,10678,10742,10746,10930,10941,10945,10951,11231,11236,11487,11507,11511,11519,11899,11903,12248,12571,12573,12577,12586,12590,12600,12633,12638,12751,12756,13201,13206,13585,13590,13999,14012,14014,14018,14025,14042,14062,14067,14265,14274,14287,14289,14293,14300,15378,15381,15383,15387,15539,15553,15555,15559,15643,15645,15649,16383,16385,16389,18659,18661,18665,18703],[5472,5473,5447],"h1",{"id":5474},"redux-класичний-підхід-до-глобального-стану",[5476,5477,5478,5499],"card-group",{},[5479,5480,5483],"card",{"icon":5481,"title":5482},"i-lucide-target","🎯 Мета теми",[5484,5485,5486,5490,5493,5496],"ul",{},[5487,5488,5489],"li",{},"Зрозуміти фундаментальні концепції Redux незалежно від React: actions, reducers, store, subscribe.",[5487,5491,5492],{},"Опанувати еволюцію Redux від чистого JavaScript до типізованої інтеграції з React через react-redux.",[5487,5494,5495],{},"Навчитися структурувати глобальний стан за принципами immutability та pure functions.",[5487,5497,5498],{},"Інтегрувати middleware (redux-thunk) для обробки асинхронних операцій.",[5479,5500,5502],{"icon":4854,"title":5501},"🔑 Ключові терміни",[5484,5503,5504,5516,5527,5537],{},[5487,5505,5506,5510,5511,5515],{},[5507,5508,5509],"strong",{},"Store:"," єдине джерело правди (",[5512,5513,5514],"em",{},"single source of truth",") — центральний контейнер стану застосунку.",[5487,5517,5518,5521,5522,5526],{},[5507,5519,5520],{},"Action:"," звичайний JavaScript-об'єкт із полем ",[5523,5524,5525],"code",{},"type",", що описує подію у системі.",[5487,5528,5529,5532,5533,5536],{},[5507,5530,5531],{},"Reducer:"," чиста функція ",[5523,5534,5535],{},"(state, action) => newState",", яка визначає, як стан змінюється у відповідь на action.",[5487,5538,5539,5542],{},[5507,5540,5541],{},"Dispatch:"," метод відправки action до store, який викликає reducer та оновлює стан.",[5544,5545],"hr",{},[5547,5548,5550],"h2",{"id":5549},"чому-redux-якщо-є-context-api","Чому Redux, якщо є Context API?",[5552,5553,5554],"p",{},"Після вивчення Context API у студентів часто виникає питання: навіщо вивчати Redux, якщо React уже має вбудований механізм передачі стану через дерево компонентів? Щоб відповісти на це питання, важливо зрозуміти фундаментальну різницю між цими підходами.",[5552,5556,5557,5560,5561,5564,5565,5568,5569,5572],{},[5507,5558,5559],{},"Context API"," — це механізм React для уникнення «prop drilling» (передачі пропсів через багато рівнів компонентів). Він вирішує проблему доступності даних, але ",[5507,5562,5563],{},"не надає інструментів для управління складним станом",". Як тільки логіка стану виходить за межі ",[5523,5566,5567],{},"useState"," та ",[5523,5570,5571],{},"useReducer",", Context перетворюється на транспортний канал для довільних значень без структури, історії змін чи інструментів налагодження.",[5552,5574,5575,5577,5578,5581],{},[5507,5576,2424],{}," — це ",[5507,5579,5580],{},"архітектурний патерн"," із суворими правилами організації стану:",[5583,5584,5585,5956],"code-group",{},[5586,5587,5593],"pre",{"className":5588,"code":5589,"filename":5590,"language":5591,"meta":5592,"style":5592},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Context лише транспортує стан — логіка залишається у компонентах\nconst CartContext = createContext\u003CCartState | null>(null);\n\nfunction CartProvider({ children }: { children: React.ReactNode }) {\n  const [items, setItems] = useState\u003CCartItem[]>([]);\n\n  \u002F\u002F Логіка розкидана по компоненту\n  const addItem = (product: Product) => {\n    setItems([...items, { ...product, quantity: 1 }]);\n  };\n\n  const removeItem = (id: number) => {\n    setItems(items.filter((item) => item.id !== id));\n  };\n\n  return (\n    \u003CCartContext.Provider value={{ items, addItem, removeItem }}>\n      {children}\n    \u003C\u002FCartContext.Provider>\n  );\n}\n","Context API — передача стану","tsx","",[5523,5594,5595,5604,5644,5651,5686,5717,5722,5728,5756,5784,5790,5795,5819,5859,5864,5869,5879,5924,5935,5945,5951],{"__ignoreMap":5592},[5596,5597,5600],"span",{"class":5598,"line":5599},"line",1,[5596,5601,5603],{"class":5602},"spJ8K","\u002F\u002F Context лише транспортує стан — логіка залишається у компонентах\n",[5596,5605,5607,5611,5615,5619,5623,5626,5630,5633,5636,5639,5641],{"class":5598,"line":5606},2,[5596,5608,5610],{"class":5609},"su1O8","const",[5596,5612,5614],{"class":5613},"s-QsJ"," CartContext",[5596,5616,5618],{"class":5617},"sHH4Y"," = ",[5596,5620,5622],{"class":5621},"s8Opu","createContext",[5596,5624,5625],{"class":5617},"\u003C",[5596,5627,5629],{"class":5628},"sN1BT","CartState",[5596,5631,5632],{"class":5617}," | ",[5596,5634,5635],{"class":5628},"null",[5596,5637,5638],{"class":5617},">(",[5596,5640,5635],{"class":5609},[5596,5642,5643],{"class":5617},");\n",[5596,5645,5647],{"class":5598,"line":5646},3,[5596,5648,5650],{"emptyLinePlaceholder":5649},true,"\n",[5596,5652,5654,5657,5660,5663,5667,5670,5672,5675,5677,5680,5683],{"class":5598,"line":5653},4,[5596,5655,5656],{"class":5609},"function",[5596,5658,5659],{"class":5621}," CartProvider",[5596,5661,5662],{"class":5617},"({ ",[5596,5664,5666],{"class":5665},"siwwj","children",[5596,5668,5669],{"class":5617}," }: { ",[5596,5671,5666],{"class":5665},[5596,5673,5674],{"class":5617},": ",[5596,5676,2303],{"class":5628},[5596,5678,5679],{"class":5617},".",[5596,5681,5682],{"class":5628},"ReactNode",[5596,5684,5685],{"class":5617}," }) {\n",[5596,5687,5689,5692,5695,5698,5701,5704,5707,5709,5711,5714],{"class":5598,"line":5688},5,[5596,5690,5691],{"class":5609},"  const",[5596,5693,5694],{"class":5617}," [",[5596,5696,5697],{"class":5613},"items",[5596,5699,5700],{"class":5617},", ",[5596,5702,5703],{"class":5613},"setItems",[5596,5705,5706],{"class":5617},"] = ",[5596,5708,5567],{"class":5621},[5596,5710,5625],{"class":5617},[5596,5712,5713],{"class":5628},"CartItem",[5596,5715,5716],{"class":5617},"[]>([]);\n",[5596,5718,5720],{"class":5598,"line":5719},6,[5596,5721,5650],{"emptyLinePlaceholder":5649},[5596,5723,5725],{"class":5598,"line":5724},7,[5596,5726,5727],{"class":5602},"  \u002F\u002F Логіка розкидана по компоненту\n",[5596,5729,5731,5733,5736,5739,5742,5744,5747,5750,5753],{"class":5598,"line":5730},8,[5596,5732,5691],{"class":5609},[5596,5734,5735],{"class":5621}," addItem",[5596,5737,5738],{"class":5617}," = (",[5596,5740,5741],{"class":5665},"product",[5596,5743,5674],{"class":5617},[5596,5745,5746],{"class":5628},"Product",[5596,5748,5749],{"class":5617},") ",[5596,5751,5752],{"class":5609},"=>",[5596,5754,5755],{"class":5617}," {\n",[5596,5757,5759,5762,5765,5767,5770,5772,5774,5777,5781],{"class":5598,"line":5758},9,[5596,5760,5761],{"class":5621},"    setItems",[5596,5763,5764],{"class":5617},"([...",[5596,5766,5697],{"class":5665},[5596,5768,5769],{"class":5617},", { ...",[5596,5771,5741],{"class":5665},[5596,5773,5700],{"class":5617},[5596,5775,5776],{"class":5665},"quantity:",[5596,5778,5780],{"class":5779},"sJj4R"," 1",[5596,5782,5783],{"class":5617}," }]);\n",[5596,5785,5787],{"class":5598,"line":5786},10,[5596,5788,5789],{"class":5617},"  };\n",[5596,5791,5793],{"class":5598,"line":5792},11,[5596,5794,5650],{"emptyLinePlaceholder":5649},[5596,5796,5798,5800,5803,5805,5808,5810,5813,5815,5817],{"class":5598,"line":5797},12,[5596,5799,5691],{"class":5609},[5596,5801,5802],{"class":5621}," removeItem",[5596,5804,5738],{"class":5617},[5596,5806,5807],{"class":5665},"id",[5596,5809,5674],{"class":5617},[5596,5811,5812],{"class":5628},"number",[5596,5814,5749],{"class":5617},[5596,5816,5752],{"class":5609},[5596,5818,5755],{"class":5617},[5596,5820,5822,5824,5827,5829,5831,5834,5837,5840,5842,5844,5847,5849,5851,5854,5856],{"class":5598,"line":5821},13,[5596,5823,5761],{"class":5621},[5596,5825,5826],{"class":5617},"(",[5596,5828,5697],{"class":5665},[5596,5830,5679],{"class":5617},[5596,5832,5833],{"class":5621},"filter",[5596,5835,5836],{"class":5617},"((",[5596,5838,5839],{"class":5665},"item",[5596,5841,5749],{"class":5617},[5596,5843,5752],{"class":5609},[5596,5845,5846],{"class":5665}," item",[5596,5848,5679],{"class":5617},[5596,5850,5807],{"class":5665},[5596,5852,5853],{"class":5617}," !== ",[5596,5855,5807],{"class":5665},[5596,5857,5858],{"class":5617},"));\n",[5596,5860,5862],{"class":5598,"line":5861},14,[5596,5863,5789],{"class":5617},[5596,5865,5867],{"class":5598,"line":5866},15,[5596,5868,5650],{"emptyLinePlaceholder":5649},[5596,5870,5872,5876],{"class":5598,"line":5871},16,[5596,5873,5875],{"class":5874},"s8xlr","  return",[5596,5877,5878],{"class":5617}," (\n",[5596,5880,5882,5886,5889,5893,5896,5899,5903,5905,5907,5910,5912,5915,5918,5921],{"class":5598,"line":5881},17,[5596,5883,5885],{"class":5884},"s0P7L","    \u003C",[5596,5887,5888],{"class":5628},"CartContext.Provider",[5596,5890,5892],{"class":5891},"sa4r_"," value",[5596,5894,5895],{"class":5617},"=",[5596,5897,5898],{"class":5609},"{",[5596,5900,5902],{"class":5901},"sD7JJ","{ ",[5596,5904,5697],{"class":5665},[5596,5906,5700],{"class":5901},[5596,5908,5909],{"class":5665},"addItem",[5596,5911,5700],{"class":5901},[5596,5913,5914],{"class":5665},"removeItem",[5596,5916,5917],{"class":5901}," }",[5596,5919,5920],{"class":5609},"}",[5596,5922,5923],{"class":5884},">\n",[5596,5925,5927,5930,5932],{"class":5598,"line":5926},18,[5596,5928,5929],{"class":5609},"      {",[5596,5931,5666],{"class":5665},[5596,5933,5934],{"class":5609},"}\n",[5596,5936,5938,5941,5943],{"class":5598,"line":5937},19,[5596,5939,5940],{"class":5884},"    \u003C\u002F",[5596,5942,5888],{"class":5628},[5596,5944,5923],{"class":5884},[5596,5946,5948],{"class":5598,"line":5947},20,[5596,5949,5950],{"class":5617},"  );\n",[5596,5952,5954],{"class":5598,"line":5953},21,[5596,5955,5934],{"class":5617},[5586,5957,5960],{"className":5588,"code":5958,"filename":5959,"language":5591,"meta":5592,"style":5592},"\u002F\u002F Redux відокремлює стан від UI — логіка у редюсері\ninterface CartState {\n  items: CartItem[];\n}\n\nconst initialState: CartState = { items: [] };\n\nfunction cartReducer(state = initialState, action: CartAction): CartState {\n  switch (action.type) {\n    case \"cart\u002FaddItem\":\n      return { items: [...state.items, action.payload] };\n    case \"cart\u002FremoveItem\":\n      return { items: state.items.filter((item) => item.id !== action.payload) };\n    default:\n      return state;\n  }\n}\n\n\u002F\u002F Компоненти лише диспатчать actions — логіка ізольована\ndispatch({ type: \"cart\u002FaddItem\", payload: product });\n","Redux — централізована логіка",[5523,5961,5962,5967,5977,5989,5993,5997,6017,6021,6055,6072,6084,6115,6124,6168,6175,6184,6189,6193,6197,6202],{"__ignoreMap":5592},[5596,5963,5964],{"class":5598,"line":5599},[5596,5965,5966],{"class":5602},"\u002F\u002F Redux відокремлює стан від UI — логіка у редюсері\n",[5596,5968,5969,5972,5975],{"class":5598,"line":5606},[5596,5970,5971],{"class":5609},"interface",[5596,5973,5974],{"class":5628}," CartState",[5596,5976,5755],{"class":5617},[5596,5978,5979,5982,5984,5986],{"class":5598,"line":5646},[5596,5980,5981],{"class":5665},"  items",[5596,5983,5674],{"class":5617},[5596,5985,5713],{"class":5628},[5596,5987,5988],{"class":5617},"[];\n",[5596,5990,5991],{"class":5598,"line":5653},[5596,5992,5934],{"class":5617},[5596,5994,5995],{"class":5598,"line":5688},[5596,5996,5650],{"emptyLinePlaceholder":5649},[5596,5998,5999,6001,6004,6006,6008,6011,6014],{"class":5598,"line":5719},[5596,6000,5610],{"class":5609},[5596,6002,6003],{"class":5613}," initialState",[5596,6005,5674],{"class":5617},[5596,6007,5629],{"class":5628},[5596,6009,6010],{"class":5617}," = { ",[5596,6012,6013],{"class":5665},"items:",[5596,6015,6016],{"class":5617}," [] };\n",[5596,6018,6019],{"class":5598,"line":5724},[5596,6020,5650],{"emptyLinePlaceholder":5649},[5596,6022,6023,6025,6028,6030,6033,6035,6038,6040,6043,6045,6048,6051,6053],{"class":5598,"line":5730},[5596,6024,5656],{"class":5609},[5596,6026,6027],{"class":5621}," cartReducer",[5596,6029,5826],{"class":5617},[5596,6031,6032],{"class":5665},"state",[5596,6034,5618],{"class":5617},[5596,6036,6037],{"class":5665},"initialState",[5596,6039,5700],{"class":5617},[5596,6041,6042],{"class":5665},"action",[5596,6044,5674],{"class":5617},[5596,6046,6047],{"class":5628},"CartAction",[5596,6049,6050],{"class":5617},"): ",[5596,6052,5629],{"class":5628},[5596,6054,5755],{"class":5617},[5596,6056,6057,6060,6063,6065,6067,6069],{"class":5598,"line":5758},[5596,6058,6059],{"class":5874},"  switch",[5596,6061,6062],{"class":5617}," (",[5596,6064,6042],{"class":5665},[5596,6066,5679],{"class":5617},[5596,6068,5525],{"class":5665},[5596,6070,6071],{"class":5617},") {\n",[5596,6073,6074,6077,6081],{"class":5598,"line":5786},[5596,6075,6076],{"class":5874},"    case",[5596,6078,6080],{"class":6079},"sbdoH"," \"cart\u002FaddItem\"",[5596,6082,6083],{"class":5617},":\n",[5596,6085,6086,6089,6092,6094,6097,6099,6101,6103,6105,6107,6109,6112],{"class":5598,"line":5792},[5596,6087,6088],{"class":5874},"      return",[5596,6090,6091],{"class":5617}," { ",[5596,6093,6013],{"class":5665},[5596,6095,6096],{"class":5617}," [...",[5596,6098,6032],{"class":5665},[5596,6100,5679],{"class":5617},[5596,6102,5697],{"class":5665},[5596,6104,5700],{"class":5617},[5596,6106,6042],{"class":5665},[5596,6108,5679],{"class":5617},[5596,6110,6111],{"class":5665},"payload",[5596,6113,6114],{"class":5617},"] };\n",[5596,6116,6117,6119,6122],{"class":5598,"line":5797},[5596,6118,6076],{"class":5874},[5596,6120,6121],{"class":6079}," \"cart\u002FremoveItem\"",[5596,6123,6083],{"class":5617},[5596,6125,6126,6128,6130,6132,6135,6137,6139,6141,6143,6145,6147,6149,6151,6153,6155,6157,6159,6161,6163,6165],{"class":5598,"line":5821},[5596,6127,6088],{"class":5874},[5596,6129,6091],{"class":5617},[5596,6131,6013],{"class":5665},[5596,6133,6134],{"class":5665}," state",[5596,6136,5679],{"class":5617},[5596,6138,5697],{"class":5665},[5596,6140,5679],{"class":5617},[5596,6142,5833],{"class":5621},[5596,6144,5836],{"class":5617},[5596,6146,5839],{"class":5665},[5596,6148,5749],{"class":5617},[5596,6150,5752],{"class":5609},[5596,6152,5846],{"class":5665},[5596,6154,5679],{"class":5617},[5596,6156,5807],{"class":5665},[5596,6158,5853],{"class":5617},[5596,6160,6042],{"class":5665},[5596,6162,5679],{"class":5617},[5596,6164,6111],{"class":5665},[5596,6166,6167],{"class":5617},") };\n",[5596,6169,6170,6173],{"class":5598,"line":5861},[5596,6171,6172],{"class":5874},"    default",[5596,6174,6083],{"class":5617},[5596,6176,6177,6179,6181],{"class":5598,"line":5866},[5596,6178,6088],{"class":5874},[5596,6180,6134],{"class":5665},[5596,6182,6183],{"class":5617},";\n",[5596,6185,6186],{"class":5598,"line":5871},[5596,6187,6188],{"class":5617},"  }\n",[5596,6190,6191],{"class":5598,"line":5881},[5596,6192,5934],{"class":5617},[5596,6194,6195],{"class":5598,"line":5926},[5596,6196,5650],{"emptyLinePlaceholder":5649},[5596,6198,6199],{"class":5598,"line":5937},[5596,6200,6201],{"class":5602},"\u002F\u002F Компоненти лише диспатчать actions — логіка ізольована\n",[5596,6203,6204,6207,6209,6212,6214,6216,6219,6222],{"class":5598,"line":5947},[5596,6205,6206],{"class":5621},"dispatch",[5596,6208,5662],{"class":5617},[5596,6210,6211],{"class":5665},"type:",[5596,6213,6080],{"class":6079},[5596,6215,5700],{"class":5617},[5596,6217,6218],{"class":5665},"payload:",[5596,6220,6221],{"class":5665}," product",[5596,6223,6224],{"class":5617}," });\n",[6226,6227,6228,6234,6245,6249],"tip",{},[5552,6229,6230,6231,6233],{},"Обирайте ",[5507,6232,5559],{},", якщо:",[5484,6235,6236,6239,6242],{},[5487,6237,6238],{},"Стан простий (2–3 поля без складних обчислень).",[5487,6240,6241],{},"Оновлення рідкісні (тема застосунку, налаштування локалізації).",[5487,6243,6244],{},"Проєкт невеликий (до 10–15 компонентів, що споживають контекст).",[5552,6246,6230,6247,6233],{},[5507,6248,2424],{},[5484,6250,6251,6254,6257,6260],{},[5487,6252,6253],{},"Стан складний (вкладені об'єкти, масиви, залежності між даними).",[5487,6255,6256],{},"Потрібна історія змін для відладки (Redux DevTools — time-travel debugging).",[5487,6258,6259],{},"Багато компонентів незалежно читають і змінюють різні частини стану.",[5487,6261,6262],{},"Потрібна передбачувана логіка з тестованими редюсерами.",[5544,6264],{},[5547,6266,6268],{"id":6267},"redux-без-react-філософія-через-практику","Redux без React: філософія через практику",[5552,6270,6271,6272,6275],{},"Перш ніж інтегрувати Redux у React, важливо зрозуміти, що Redux — ",[5507,6273,6274],{},"автономна бібліотека",", яка працює у будь-якому JavaScript-оточенні. Розпочнемо з найпростішого прикладу у звичайному HTML-файлі без жодних фреймворків.",[6277,6278,6280],"h3",{"id":6279},"лічильник-у-чистому-javascript","Лічильник у чистому JavaScript",[5552,6282,6283,6284,6287],{},"Створіть файл ",[5523,6285,6286],{},"index.html"," та відкрийте його у браузері:",[5586,6289,6293],{"className":6290,"code":6291,"language":6292,"meta":5592,"style":5592},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003C!DOCTYPE html>\n\u003Chtml lang=\"uk\">\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\" \u002F>\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n  \u003Ctitle>Redux без React\u003C\u002Ftitle>\n  \u003Cstyle>\n    body {\n      font-family: system-ui, sans-serif;\n      padding: 2rem;\n      background: #f8fafc;\n    }\n    .counter {\n      background: white;\n      padding: 2rem;\n      border-radius: 0.5rem;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      max-width: 400px;\n    }\n    button {\n      padding: 0.5rem 1rem;\n      margin: 0.25rem;\n      border: none;\n      border-radius: 0.375rem;\n      font-weight: 600;\n      cursor: pointer;\n      background: #3b82f6;\n      color: white;\n    }\n    button:hover {\n      background: #2563eb;\n    }\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cdiv class=\"counter\">\n    \u003Ch1>Лічильник: \u003Cspan id=\"value\">0\u003C\u002Fspan>\u003C\u002Fh1>\n    \u003Cbutton id=\"increment\">+1\u003C\u002Fbutton>\n    \u003Cbutton id=\"decrement\">-1\u003C\u002Fbutton>\n    \u003Cbutton id=\"reset\">Скинути\u003C\u002Fbutton>\n    \u003Cbutton id=\"incrementIfOdd\">Додати, якщо непарне\u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\n  \u003C!-- Підключаємо Redux із CDN -->\n  \u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fredux@4.2.1\u002Fdist\u002Fredux.min.js\">\u003C\u002Fscript>\n\n  \u003Cscript>\n    \u002F\u002F 1️⃣ REDUCER: чиста функція, що описує зміну стану\n    function counterReducer(state = 0, action) {\n      switch (action.type) {\n        case \"INCREMENT\":\n          return state + 1;\n        case \"DECREMENT\":\n          return state - 1;\n        case \"RESET\":\n          return 0;\n        default:\n          return state; \u002F\u002F Незмінений стан для невідомих actions\n      }\n    }\n\n    \u002F\u002F 2️⃣ STORE: створення сховища з редюсером\n    const store = Redux.createStore(counterReducer);\n\n    \u002F\u002F Посилання на DOM-елемент\n    const valueEl = document.getElementById(\"value\");\n\n    \u002F\u002F 3️⃣ SUBSCRIBE: реєстрація слухача змін стану\n    function render() {\n      const currentState = store.getState();\n      valueEl.textContent = currentState;\n      console.log(\"Новий стан:\", currentState);\n    }\n\n    render(); \u002F\u002F Початкове відображення\n    store.subscribe(render); \u002F\u002F Викликати render при кожній зміні стану\n\n    \u002F\u002F 4️⃣ DISPATCH: відправка actions\n    document.getElementById(\"increment\").addEventListener(\"click\", () => {\n      store.dispatch({ type: \"INCREMENT\" });\n    });\n\n    document.getElementById(\"decrement\").addEventListener(\"click\", () => {\n      store.dispatch({ type: \"DECREMENT\" });\n    });\n\n    document.getElementById(\"reset\").addEventListener(\"click\", () => {\n      store.dispatch({ type: \"RESET\" });\n    });\n\n    document.getElementById(\"incrementIfOdd\").addEventListener(\"click\", () => {\n      const currentValue = store.getState();\n      if (currentValue % 2 !== 0) {\n        store.dispatch({ type: \"INCREMENT\" });\n      }\n    });\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html",[5523,6294,6295,6309,6326,6335,6354,6378,6398,6407,6415,6433,6445,6457,6462,6469,6480,6490,6502,6540,6552,6556,6563,6576,6589,6602,6614,6627,6640,6652,6664,6669,6677,6689,6694,6704,6713,6723,6741,6780,6806,6831,6856,6881,6890,6895,6901,6923,6928,6937,6943,6968,6984,6995,7010,7020,7034,7044,7053,7061,7074,7080,7085,7090,7096,7122,7127,7133,7157,7162,7168,7179,7200,7217,7240,7245,7250,7262,7284,7289,7295,7327,7345,7351,7356,7383,7400,7405,7410,7437,7454,7459,7464,7491,7509,7533,7551,7556,7561,7570,7579],{"__ignoreMap":5592},[5596,6296,6297,6300,6304,6307],{"class":5598,"line":5599},[5596,6298,6299],{"class":5884},"\u003C!",[5596,6301,6303],{"class":6302},"sKtos","DOCTYPE",[5596,6305,6306],{"class":5891}," html",[5596,6308,5923],{"class":5884},[5596,6310,6311,6313,6315,6318,6320,6324],{"class":5598,"line":5606},[5596,6312,5625],{"class":5884},[5596,6314,6292],{"class":6302},[5596,6316,6317],{"class":5891}," lang",[5596,6319,5895],{"class":5617},[5596,6321,6323],{"class":6322},"su9tN","\"uk\"",[5596,6325,5923],{"class":5884},[5596,6327,6328,6330,6333],{"class":5598,"line":5646},[5596,6329,5625],{"class":5884},[5596,6331,6332],{"class":6302},"head",[5596,6334,5923],{"class":5884},[5596,6336,6337,6340,6343,6346,6348,6351],{"class":5598,"line":5653},[5596,6338,6339],{"class":5884},"  \u003C",[5596,6341,6342],{"class":6302},"meta",[5596,6344,6345],{"class":5891}," charset",[5596,6347,5895],{"class":5617},[5596,6349,6350],{"class":6322},"\"UTF-8\"",[5596,6352,6353],{"class":5884}," \u002F>\n",[5596,6355,6356,6358,6360,6363,6365,6368,6371,6373,6376],{"class":5598,"line":5688},[5596,6357,6339],{"class":5884},[5596,6359,6342],{"class":6302},[5596,6361,6362],{"class":5891}," name",[5596,6364,5895],{"class":5617},[5596,6366,6367],{"class":6322},"\"viewport\"",[5596,6369,6370],{"class":5891}," content",[5596,6372,5895],{"class":5617},[5596,6374,6375],{"class":6322},"\"width=device-width, initial-scale=1.0\"",[5596,6377,6353],{"class":5884},[5596,6379,6380,6382,6385,6388,6391,6394,6396],{"class":5598,"line":5719},[5596,6381,6339],{"class":5884},[5596,6383,6384],{"class":6302},"title",[5596,6386,6387],{"class":5884},">",[5596,6389,6390],{"class":5617},"Redux без React",[5596,6392,6393],{"class":5884},"\u003C\u002F",[5596,6395,6384],{"class":6302},[5596,6397,5923],{"class":5884},[5596,6399,6400,6402,6405],{"class":5598,"line":5724},[5596,6401,6339],{"class":5884},[5596,6403,6404],{"class":6302},"style",[5596,6406,5923],{"class":5884},[5596,6408,6409,6413],{"class":5598,"line":5730},[5596,6410,6412],{"class":6411},"sqdDX","    body",[5596,6414,5755],{"class":5901},[5596,6416,6417,6420,6422,6426,6428,6431],{"class":5598,"line":5758},[5596,6418,6419],{"class":5891},"      font-family",[5596,6421,5674],{"class":5901},[5596,6423,6425],{"class":6424},"sDUd3","system-ui",[5596,6427,5700],{"class":5901},[5596,6429,6430],{"class":6424},"sans-serif",[5596,6432,6183],{"class":5901},[5596,6434,6435,6438,6440,6443],{"class":5598,"line":5786},[5596,6436,6437],{"class":5891},"      padding",[5596,6439,5674],{"class":5901},[5596,6441,6442],{"class":5779},"2rem",[5596,6444,6183],{"class":5901},[5596,6446,6447,6450,6452,6455],{"class":5598,"line":5792},[5596,6448,6449],{"class":5891},"      background",[5596,6451,5674],{"class":5901},[5596,6453,6454],{"class":6424},"#f8fafc",[5596,6456,6183],{"class":5901},[5596,6458,6459],{"class":5598,"line":5797},[5596,6460,6461],{"class":5901},"    }\n",[5596,6463,6464,6467],{"class":5598,"line":5821},[5596,6465,6466],{"class":6411},"    .counter",[5596,6468,5755],{"class":5901},[5596,6470,6471,6473,6475,6478],{"class":5598,"line":5861},[5596,6472,6449],{"class":5891},[5596,6474,5674],{"class":5901},[5596,6476,6477],{"class":6424},"white",[5596,6479,6183],{"class":5901},[5596,6481,6482,6484,6486,6488],{"class":5598,"line":5866},[5596,6483,6437],{"class":5891},[5596,6485,5674],{"class":5901},[5596,6487,6442],{"class":5779},[5596,6489,6183],{"class":5901},[5596,6491,6492,6495,6497,6500],{"class":5598,"line":5871},[5596,6493,6494],{"class":5891},"      border-radius",[5596,6496,5674],{"class":5901},[5596,6498,6499],{"class":5779},"0.5rem",[5596,6501,6183],{"class":5901},[5596,6503,6504,6507,6509,6512,6515,6518,6521,6523,6525,6527,6529,6531,6533,6535,6538],{"class":5598,"line":5881},[5596,6505,6506],{"class":5891},"      box-shadow",[5596,6508,5674],{"class":5901},[5596,6510,6511],{"class":5779},"0",[5596,6513,6514],{"class":5779}," 1px",[5596,6516,6517],{"class":5779}," 3px",[5596,6519,6520],{"class":5621}," rgba",[5596,6522,5826],{"class":5901},[5596,6524,6511],{"class":5779},[5596,6526,5700],{"class":5901},[5596,6528,6511],{"class":5779},[5596,6530,5700],{"class":5901},[5596,6532,6511],{"class":5779},[5596,6534,5700],{"class":5901},[5596,6536,6537],{"class":5779},"0.1",[5596,6539,5643],{"class":5901},[5596,6541,6542,6545,6547,6550],{"class":5598,"line":5926},[5596,6543,6544],{"class":5891},"      max-width",[5596,6546,5674],{"class":5901},[5596,6548,6549],{"class":5779},"400px",[5596,6551,6183],{"class":5901},[5596,6553,6554],{"class":5598,"line":5937},[5596,6555,6461],{"class":5901},[5596,6557,6558,6561],{"class":5598,"line":5947},[5596,6559,6560],{"class":6411},"    button",[5596,6562,5755],{"class":5901},[5596,6564,6565,6567,6569,6571,6574],{"class":5598,"line":5953},[5596,6566,6437],{"class":5891},[5596,6568,5674],{"class":5901},[5596,6570,6499],{"class":5779},[5596,6572,6573],{"class":5779}," 1rem",[5596,6575,6183],{"class":5901},[5596,6577,6579,6582,6584,6587],{"class":5598,"line":6578},22,[5596,6580,6581],{"class":5891},"      margin",[5596,6583,5674],{"class":5901},[5596,6585,6586],{"class":5779},"0.25rem",[5596,6588,6183],{"class":5901},[5596,6590,6592,6595,6597,6600],{"class":5598,"line":6591},23,[5596,6593,6594],{"class":5891},"      border",[5596,6596,5674],{"class":5901},[5596,6598,6599],{"class":6424},"none",[5596,6601,6183],{"class":5901},[5596,6603,6605,6607,6609,6612],{"class":5598,"line":6604},24,[5596,6606,6494],{"class":5891},[5596,6608,5674],{"class":5901},[5596,6610,6611],{"class":5779},"0.375rem",[5596,6613,6183],{"class":5901},[5596,6615,6617,6620,6622,6625],{"class":5598,"line":6616},25,[5596,6618,6619],{"class":5891},"      font-weight",[5596,6621,5674],{"class":5901},[5596,6623,6624],{"class":5779},"600",[5596,6626,6183],{"class":5901},[5596,6628,6630,6633,6635,6638],{"class":5598,"line":6629},26,[5596,6631,6632],{"class":5891},"      cursor",[5596,6634,5674],{"class":5901},[5596,6636,6637],{"class":6424},"pointer",[5596,6639,6183],{"class":5901},[5596,6641,6643,6645,6647,6650],{"class":5598,"line":6642},27,[5596,6644,6449],{"class":5891},[5596,6646,5674],{"class":5901},[5596,6648,6649],{"class":6424},"#3b82f6",[5596,6651,6183],{"class":5901},[5596,6653,6655,6658,6660,6662],{"class":5598,"line":6654},28,[5596,6656,6657],{"class":5891},"      color",[5596,6659,5674],{"class":5901},[5596,6661,6477],{"class":6424},[5596,6663,6183],{"class":5901},[5596,6665,6667],{"class":5598,"line":6666},29,[5596,6668,6461],{"class":5901},[5596,6670,6672,6675],{"class":5598,"line":6671},30,[5596,6673,6674],{"class":6411},"    button:hover",[5596,6676,5755],{"class":5901},[5596,6678,6680,6682,6684,6687],{"class":5598,"line":6679},31,[5596,6681,6449],{"class":5891},[5596,6683,5674],{"class":5901},[5596,6685,6686],{"class":6424},"#2563eb",[5596,6688,6183],{"class":5901},[5596,6690,6692],{"class":5598,"line":6691},32,[5596,6693,6461],{"class":5901},[5596,6695,6697,6700,6702],{"class":5598,"line":6696},33,[5596,6698,6699],{"class":5884},"  \u003C\u002F",[5596,6701,6404],{"class":6302},[5596,6703,5923],{"class":5884},[5596,6705,6707,6709,6711],{"class":5598,"line":6706},34,[5596,6708,6393],{"class":5884},[5596,6710,6332],{"class":6302},[5596,6712,5923],{"class":5884},[5596,6714,6716,6718,6721],{"class":5598,"line":6715},35,[5596,6717,5625],{"class":5884},[5596,6719,6720],{"class":6302},"body",[5596,6722,5923],{"class":5884},[5596,6724,6726,6728,6731,6734,6736,6739],{"class":5598,"line":6725},36,[5596,6727,6339],{"class":5884},[5596,6729,6730],{"class":6302},"div",[5596,6732,6733],{"class":5891}," class",[5596,6735,5895],{"class":5617},[5596,6737,6738],{"class":6322},"\"counter\"",[5596,6740,5923],{"class":5884},[5596,6742,6744,6746,6748,6750,6753,6755,6757,6760,6762,6765,6767,6769,6771,6773,6776,6778],{"class":5598,"line":6743},37,[5596,6745,5885],{"class":5884},[5596,6747,5472],{"class":6302},[5596,6749,6387],{"class":5884},[5596,6751,6752],{"class":5617},"Лічильник: ",[5596,6754,5625],{"class":5884},[5596,6756,5596],{"class":6302},[5596,6758,6759],{"class":5891}," id",[5596,6761,5895],{"class":5617},[5596,6763,6764],{"class":6322},"\"value\"",[5596,6766,6387],{"class":5884},[5596,6768,6511],{"class":5617},[5596,6770,6393],{"class":5884},[5596,6772,5596],{"class":6302},[5596,6774,6775],{"class":5884},">\u003C\u002F",[5596,6777,5472],{"class":6302},[5596,6779,5923],{"class":5884},[5596,6781,6783,6785,6788,6790,6792,6795,6797,6800,6802,6804],{"class":5598,"line":6782},38,[5596,6784,5885],{"class":5884},[5596,6786,6787],{"class":6302},"button",[5596,6789,6759],{"class":5891},[5596,6791,5895],{"class":5617},[5596,6793,6794],{"class":6322},"\"increment\"",[5596,6796,6387],{"class":5884},[5596,6798,6799],{"class":5617},"+1",[5596,6801,6393],{"class":5884},[5596,6803,6787],{"class":6302},[5596,6805,5923],{"class":5884},[5596,6807,6809,6811,6813,6815,6817,6820,6822,6825,6827,6829],{"class":5598,"line":6808},39,[5596,6810,5885],{"class":5884},[5596,6812,6787],{"class":6302},[5596,6814,6759],{"class":5891},[5596,6816,5895],{"class":5617},[5596,6818,6819],{"class":6322},"\"decrement\"",[5596,6821,6387],{"class":5884},[5596,6823,6824],{"class":5617},"-1",[5596,6826,6393],{"class":5884},[5596,6828,6787],{"class":6302},[5596,6830,5923],{"class":5884},[5596,6832,6834,6836,6838,6840,6842,6845,6847,6850,6852,6854],{"class":5598,"line":6833},40,[5596,6835,5885],{"class":5884},[5596,6837,6787],{"class":6302},[5596,6839,6759],{"class":5891},[5596,6841,5895],{"class":5617},[5596,6843,6844],{"class":6322},"\"reset\"",[5596,6846,6387],{"class":5884},[5596,6848,6849],{"class":5617},"Скинути",[5596,6851,6393],{"class":5884},[5596,6853,6787],{"class":6302},[5596,6855,5923],{"class":5884},[5596,6857,6859,6861,6863,6865,6867,6870,6872,6875,6877,6879],{"class":5598,"line":6858},41,[5596,6860,5885],{"class":5884},[5596,6862,6787],{"class":6302},[5596,6864,6759],{"class":5891},[5596,6866,5895],{"class":5617},[5596,6868,6869],{"class":6322},"\"incrementIfOdd\"",[5596,6871,6387],{"class":5884},[5596,6873,6874],{"class":5617},"Додати, якщо непарне",[5596,6876,6393],{"class":5884},[5596,6878,6787],{"class":6302},[5596,6880,5923],{"class":5884},[5596,6882,6884,6886,6888],{"class":5598,"line":6883},42,[5596,6885,6699],{"class":5884},[5596,6887,6730],{"class":6302},[5596,6889,5923],{"class":5884},[5596,6891,6893],{"class":5598,"line":6892},43,[5596,6894,5650],{"emptyLinePlaceholder":5649},[5596,6896,6898],{"class":5598,"line":6897},44,[5596,6899,6900],{"class":5602},"  \u003C!-- Підключаємо Redux із CDN -->\n",[5596,6902,6904,6906,6909,6912,6914,6917,6919,6921],{"class":5598,"line":6903},45,[5596,6905,6339],{"class":5884},[5596,6907,6908],{"class":6302},"script",[5596,6910,6911],{"class":5891}," src",[5596,6913,5895],{"class":5901},[5596,6915,6916],{"class":6322},"\"https:\u002F\u002Funpkg.com\u002Fredux@4.2.1\u002Fdist\u002Fredux.min.js\"",[5596,6918,6775],{"class":5884},[5596,6920,6908],{"class":6302},[5596,6922,5923],{"class":5884},[5596,6924,6926],{"class":5598,"line":6925},46,[5596,6927,5650],{"emptyLinePlaceholder":5649},[5596,6929,6931,6933,6935],{"class":5598,"line":6930},47,[5596,6932,6339],{"class":5884},[5596,6934,6908],{"class":6302},[5596,6936,5923],{"class":5884},[5596,6938,6940],{"class":5598,"line":6939},48,[5596,6941,6942],{"class":5602},"    \u002F\u002F 1️⃣ REDUCER: чиста функція, що описує зміну стану\n",[5596,6944,6946,6949,6952,6954,6956,6959,6962,6964,6966],{"class":5598,"line":6945},49,[5596,6947,6948],{"class":5609},"    function",[5596,6950,6951],{"class":5621}," counterReducer",[5596,6953,5826],{"class":5901},[5596,6955,6032],{"class":5665},[5596,6957,6958],{"class":5617}," =",[5596,6960,6961],{"class":5779}," 0",[5596,6963,5700],{"class":5901},[5596,6965,6042],{"class":5665},[5596,6967,6071],{"class":5901},[5596,6969,6971,6974,6976,6978,6980,6982],{"class":5598,"line":6970},50,[5596,6972,6973],{"class":5874},"      switch",[5596,6975,6062],{"class":5901},[5596,6977,6042],{"class":5665},[5596,6979,5679],{"class":5901},[5596,6981,5525],{"class":5665},[5596,6983,6071],{"class":5901},[5596,6985,6987,6990,6993],{"class":5598,"line":6986},51,[5596,6988,6989],{"class":5874},"        case",[5596,6991,6992],{"class":6079}," \"INCREMENT\"",[5596,6994,6083],{"class":5901},[5596,6996,6998,7001,7003,7006,7008],{"class":5598,"line":6997},52,[5596,6999,7000],{"class":5874},"          return",[5596,7002,6134],{"class":5665},[5596,7004,7005],{"class":5617}," +",[5596,7007,5780],{"class":5779},[5596,7009,6183],{"class":5901},[5596,7011,7013,7015,7018],{"class":5598,"line":7012},53,[5596,7014,6989],{"class":5874},[5596,7016,7017],{"class":6079}," \"DECREMENT\"",[5596,7019,6083],{"class":5901},[5596,7021,7023,7025,7027,7030,7032],{"class":5598,"line":7022},54,[5596,7024,7000],{"class":5874},[5596,7026,6134],{"class":5665},[5596,7028,7029],{"class":5617}," -",[5596,7031,5780],{"class":5779},[5596,7033,6183],{"class":5901},[5596,7035,7037,7039,7042],{"class":5598,"line":7036},55,[5596,7038,6989],{"class":5874},[5596,7040,7041],{"class":6079}," \"RESET\"",[5596,7043,6083],{"class":5901},[5596,7045,7047,7049,7051],{"class":5598,"line":7046},56,[5596,7048,7000],{"class":5874},[5596,7050,6961],{"class":5779},[5596,7052,6183],{"class":5901},[5596,7054,7056,7059],{"class":5598,"line":7055},57,[5596,7057,7058],{"class":5874},"        default",[5596,7060,6083],{"class":5901},[5596,7062,7064,7066,7068,7071],{"class":5598,"line":7063},58,[5596,7065,7000],{"class":5874},[5596,7067,6134],{"class":5665},[5596,7069,7070],{"class":5901},"; ",[5596,7072,7073],{"class":5602},"\u002F\u002F Незмінений стан для невідомих actions\n",[5596,7075,7077],{"class":5598,"line":7076},59,[5596,7078,7079],{"class":5901},"      }\n",[5596,7081,7083],{"class":5598,"line":7082},60,[5596,7084,6461],{"class":5901},[5596,7086,7088],{"class":5598,"line":7087},61,[5596,7089,5650],{"emptyLinePlaceholder":5649},[5596,7091,7093],{"class":5598,"line":7092},62,[5596,7094,7095],{"class":5602},"    \u002F\u002F 2️⃣ STORE: створення сховища з редюсером\n",[5596,7097,7099,7102,7105,7107,7110,7112,7115,7117,7120],{"class":5598,"line":7098},63,[5596,7100,7101],{"class":5609},"    const",[5596,7103,7104],{"class":5613}," store",[5596,7106,6958],{"class":5617},[5596,7108,7109],{"class":5665}," Redux",[5596,7111,5679],{"class":5901},[5596,7113,7114],{"class":5621},"createStore",[5596,7116,5826],{"class":5901},[5596,7118,7119],{"class":5665},"counterReducer",[5596,7121,5643],{"class":5901},[5596,7123,7125],{"class":5598,"line":7124},64,[5596,7126,5650],{"emptyLinePlaceholder":5649},[5596,7128,7130],{"class":5598,"line":7129},65,[5596,7131,7132],{"class":5602},"    \u002F\u002F Посилання на DOM-елемент\n",[5596,7134,7136,7138,7141,7143,7146,7148,7151,7153,7155],{"class":5598,"line":7135},66,[5596,7137,7101],{"class":5609},[5596,7139,7140],{"class":5613}," valueEl",[5596,7142,6958],{"class":5617},[5596,7144,7145],{"class":5665}," document",[5596,7147,5679],{"class":5901},[5596,7149,7150],{"class":5621},"getElementById",[5596,7152,5826],{"class":5901},[5596,7154,6764],{"class":6079},[5596,7156,5643],{"class":5901},[5596,7158,7160],{"class":5598,"line":7159},67,[5596,7161,5650],{"emptyLinePlaceholder":5649},[5596,7163,7165],{"class":5598,"line":7164},68,[5596,7166,7167],{"class":5602},"    \u002F\u002F 3️⃣ SUBSCRIBE: реєстрація слухача змін стану\n",[5596,7169,7171,7173,7176],{"class":5598,"line":7170},69,[5596,7172,6948],{"class":5609},[5596,7174,7175],{"class":5621}," render",[5596,7177,7178],{"class":5901},"() {\n",[5596,7180,7182,7185,7188,7190,7192,7194,7197],{"class":5598,"line":7181},70,[5596,7183,7184],{"class":5609},"      const",[5596,7186,7187],{"class":5613}," currentState",[5596,7189,6958],{"class":5617},[5596,7191,7104],{"class":5665},[5596,7193,5679],{"class":5901},[5596,7195,7196],{"class":5621},"getState",[5596,7198,7199],{"class":5901},"();\n",[5596,7201,7203,7206,7208,7211,7213,7215],{"class":5598,"line":7202},71,[5596,7204,7205],{"class":5665},"      valueEl",[5596,7207,5679],{"class":5901},[5596,7209,7210],{"class":5665},"textContent",[5596,7212,6958],{"class":5617},[5596,7214,7187],{"class":5665},[5596,7216,6183],{"class":5901},[5596,7218,7220,7223,7225,7228,7230,7233,7235,7238],{"class":5598,"line":7219},72,[5596,7221,7222],{"class":5665},"      console",[5596,7224,5679],{"class":5901},[5596,7226,7227],{"class":5621},"log",[5596,7229,5826],{"class":5901},[5596,7231,7232],{"class":6079},"\"Новий стан:\"",[5596,7234,5700],{"class":5901},[5596,7236,7237],{"class":5665},"currentState",[5596,7239,5643],{"class":5901},[5596,7241,7243],{"class":5598,"line":7242},73,[5596,7244,6461],{"class":5901},[5596,7246,7248],{"class":5598,"line":7247},74,[5596,7249,5650],{"emptyLinePlaceholder":5649},[5596,7251,7253,7256,7259],{"class":5598,"line":7252},75,[5596,7254,7255],{"class":5621},"    render",[5596,7257,7258],{"class":5901},"(); ",[5596,7260,7261],{"class":5602},"\u002F\u002F Початкове відображення\n",[5596,7263,7265,7268,7270,7273,7275,7278,7281],{"class":5598,"line":7264},76,[5596,7266,7267],{"class":5665},"    store",[5596,7269,5679],{"class":5901},[5596,7271,7272],{"class":5621},"subscribe",[5596,7274,5826],{"class":5901},[5596,7276,7277],{"class":5665},"render",[5596,7279,7280],{"class":5901},"); ",[5596,7282,7283],{"class":5602},"\u002F\u002F Викликати render при кожній зміні стану\n",[5596,7285,7287],{"class":5598,"line":7286},77,[5596,7288,5650],{"emptyLinePlaceholder":5649},[5596,7290,7292],{"class":5598,"line":7291},78,[5596,7293,7294],{"class":5602},"    \u002F\u002F 4️⃣ DISPATCH: відправка actions\n",[5596,7296,7298,7301,7303,7305,7307,7309,7312,7315,7317,7320,7323,7325],{"class":5598,"line":7297},79,[5596,7299,7300],{"class":5665},"    document",[5596,7302,5679],{"class":5901},[5596,7304,7150],{"class":5621},[5596,7306,5826],{"class":5901},[5596,7308,6794],{"class":6079},[5596,7310,7311],{"class":5901},").",[5596,7313,7314],{"class":5621},"addEventListener",[5596,7316,5826],{"class":5901},[5596,7318,7319],{"class":6079},"\"click\"",[5596,7321,7322],{"class":5901},", () ",[5596,7324,5752],{"class":5609},[5596,7326,5755],{"class":5901},[5596,7328,7330,7333,7335,7337,7339,7341,7343],{"class":5598,"line":7329},80,[5596,7331,7332],{"class":5665},"      store",[5596,7334,5679],{"class":5901},[5596,7336,6206],{"class":5621},[5596,7338,5662],{"class":5901},[5596,7340,6211],{"class":5665},[5596,7342,6992],{"class":6079},[5596,7344,6224],{"class":5901},[5596,7346,7348],{"class":5598,"line":7347},81,[5596,7349,7350],{"class":5901},"    });\n",[5596,7352,7354],{"class":5598,"line":7353},82,[5596,7355,5650],{"emptyLinePlaceholder":5649},[5596,7357,7359,7361,7363,7365,7367,7369,7371,7373,7375,7377,7379,7381],{"class":5598,"line":7358},83,[5596,7360,7300],{"class":5665},[5596,7362,5679],{"class":5901},[5596,7364,7150],{"class":5621},[5596,7366,5826],{"class":5901},[5596,7368,6819],{"class":6079},[5596,7370,7311],{"class":5901},[5596,7372,7314],{"class":5621},[5596,7374,5826],{"class":5901},[5596,7376,7319],{"class":6079},[5596,7378,7322],{"class":5901},[5596,7380,5752],{"class":5609},[5596,7382,5755],{"class":5901},[5596,7384,7386,7388,7390,7392,7394,7396,7398],{"class":5598,"line":7385},84,[5596,7387,7332],{"class":5665},[5596,7389,5679],{"class":5901},[5596,7391,6206],{"class":5621},[5596,7393,5662],{"class":5901},[5596,7395,6211],{"class":5665},[5596,7397,7017],{"class":6079},[5596,7399,6224],{"class":5901},[5596,7401,7403],{"class":5598,"line":7402},85,[5596,7404,7350],{"class":5901},[5596,7406,7408],{"class":5598,"line":7407},86,[5596,7409,5650],{"emptyLinePlaceholder":5649},[5596,7411,7413,7415,7417,7419,7421,7423,7425,7427,7429,7431,7433,7435],{"class":5598,"line":7412},87,[5596,7414,7300],{"class":5665},[5596,7416,5679],{"class":5901},[5596,7418,7150],{"class":5621},[5596,7420,5826],{"class":5901},[5596,7422,6844],{"class":6079},[5596,7424,7311],{"class":5901},[5596,7426,7314],{"class":5621},[5596,7428,5826],{"class":5901},[5596,7430,7319],{"class":6079},[5596,7432,7322],{"class":5901},[5596,7434,5752],{"class":5609},[5596,7436,5755],{"class":5901},[5596,7438,7440,7442,7444,7446,7448,7450,7452],{"class":5598,"line":7439},88,[5596,7441,7332],{"class":5665},[5596,7443,5679],{"class":5901},[5596,7445,6206],{"class":5621},[5596,7447,5662],{"class":5901},[5596,7449,6211],{"class":5665},[5596,7451,7041],{"class":6079},[5596,7453,6224],{"class":5901},[5596,7455,7457],{"class":5598,"line":7456},89,[5596,7458,7350],{"class":5901},[5596,7460,7462],{"class":5598,"line":7461},90,[5596,7463,5650],{"emptyLinePlaceholder":5649},[5596,7465,7467,7469,7471,7473,7475,7477,7479,7481,7483,7485,7487,7489],{"class":5598,"line":7466},91,[5596,7468,7300],{"class":5665},[5596,7470,5679],{"class":5901},[5596,7472,7150],{"class":5621},[5596,7474,5826],{"class":5901},[5596,7476,6869],{"class":6079},[5596,7478,7311],{"class":5901},[5596,7480,7314],{"class":5621},[5596,7482,5826],{"class":5901},[5596,7484,7319],{"class":6079},[5596,7486,7322],{"class":5901},[5596,7488,5752],{"class":5609},[5596,7490,5755],{"class":5901},[5596,7492,7494,7496,7499,7501,7503,7505,7507],{"class":5598,"line":7493},92,[5596,7495,7184],{"class":5609},[5596,7497,7498],{"class":5613}," currentValue",[5596,7500,6958],{"class":5617},[5596,7502,7104],{"class":5665},[5596,7504,5679],{"class":5901},[5596,7506,7196],{"class":5621},[5596,7508,7199],{"class":5901},[5596,7510,7512,7515,7517,7520,7523,7526,7529,7531],{"class":5598,"line":7511},93,[5596,7513,7514],{"class":5874},"      if",[5596,7516,6062],{"class":5901},[5596,7518,7519],{"class":5665},"currentValue",[5596,7521,7522],{"class":5617}," %",[5596,7524,7525],{"class":5779}," 2",[5596,7527,7528],{"class":5617}," !==",[5596,7530,6961],{"class":5779},[5596,7532,6071],{"class":5901},[5596,7534,7536,7539,7541,7543,7545,7547,7549],{"class":5598,"line":7535},94,[5596,7537,7538],{"class":5665},"        store",[5596,7540,5679],{"class":5901},[5596,7542,6206],{"class":5621},[5596,7544,5662],{"class":5901},[5596,7546,6211],{"class":5665},[5596,7548,6992],{"class":6079},[5596,7550,6224],{"class":5901},[5596,7552,7554],{"class":5598,"line":7553},95,[5596,7555,7079],{"class":5901},[5596,7557,7559],{"class":5598,"line":7558},96,[5596,7560,7350],{"class":5901},[5596,7562,7564,7566,7568],{"class":5598,"line":7563},97,[5596,7565,6699],{"class":5884},[5596,7567,6908],{"class":6302},[5596,7569,5923],{"class":5884},[5596,7571,7573,7575,7577],{"class":5598,"line":7572},98,[5596,7574,6393],{"class":5884},[5596,7576,6720],{"class":6302},[5596,7578,5923],{"class":5884},[5596,7580,7582,7584,7586],{"class":5598,"line":7581},99,[5596,7583,6393],{"class":5884},[5596,7585,6292],{"class":6302},[5596,7587,5923],{"class":5884},[7589,7590,7591,7592,7595,7596,7599,7600,7603,7604,7607,7608,7611],"note",{},"Зверніть увагу на однонаправлений потік даних (",[5512,7593,7594],{},"unidirectional data flow","): події DOM → ",[5523,7597,7598],{},"dispatch(action)"," → ",[5523,7601,7602],{},"reducer(state, action)"," → новий стан → ",[5523,7605,7606],{},"subscribe(callback)"," → оновлення UI. Redux ",[5507,7609,7610],{},"ніколи"," не змінює стан напряму — редюсер завжди повертає новий об'єкт стану.",[5544,7613],{},[5547,7615,7617],{"id":7616},"три-принципи-redux","Три принципи Redux",[5552,7619,7620],{},"Redux базується на трьох фундаментальних принципах, які гарантують передбачуваність та можливість відладки будь-якого застосунку:",[6277,7622,7624],{"id":7623},"_1-єдине-джерело-правди-single-source-of-truth","1. Єдине джерело правди (Single Source of Truth)",[5552,7626,7627,7628,7631,7632,7635],{},"Весь стан застосунку зберігається в ",[5507,7629,7630],{},"одному"," дереві об'єктів всередині одного store. Це спрощує налагодження, серіалізацію стану (збереження у ",[5523,7633,7634],{},"localStorage",") та розуміння поточного стану системи.",[5586,7637,7639],{"className":5588,"code":7638,"language":5591,"meta":5592,"style":5592},"\u002F\u002F Неправильно — кілька незалежних сторів\nconst userStore = createStore(userReducer);\nconst cartStore = createStore(cartReducer);\nconst ordersStore = createStore(ordersReducer);\n\n\u002F\u002F Правильно — один стор з комбінованим редюсером\nconst rootReducer = combineReducers({\n  user: userReducer,\n  cart: cartReducer,\n  orders: ordersReducer,\n});\n\nconst store = createStore(rootReducer);\n\n\u002F\u002F Структура стану:\n\u002F\u002F {\n\u002F\u002F   user: { id: 1, name: \"Олена\" },\n\u002F\u002F   cart: { items: [...] },\n\u002F\u002F   orders: { list: [...] }\n\u002F\u002F }\n",[5523,7640,7641,7646,7664,7682,7700,7704,7709,7724,7735,7744,7754,7759,7763,7780,7784,7789,7794,7799,7804,7809],{"__ignoreMap":5592},[5596,7642,7643],{"class":5598,"line":5599},[5596,7644,7645],{"class":5602},"\u002F\u002F Неправильно — кілька незалежних сторів\n",[5596,7647,7648,7650,7653,7655,7657,7659,7662],{"class":5598,"line":5606},[5596,7649,5610],{"class":5609},[5596,7651,7652],{"class":5613}," userStore",[5596,7654,5618],{"class":5617},[5596,7656,7114],{"class":5621},[5596,7658,5826],{"class":5617},[5596,7660,7661],{"class":5665},"userReducer",[5596,7663,5643],{"class":5617},[5596,7665,7666,7668,7671,7673,7675,7677,7680],{"class":5598,"line":5646},[5596,7667,5610],{"class":5609},[5596,7669,7670],{"class":5613}," cartStore",[5596,7672,5618],{"class":5617},[5596,7674,7114],{"class":5621},[5596,7676,5826],{"class":5617},[5596,7678,7679],{"class":5665},"cartReducer",[5596,7681,5643],{"class":5617},[5596,7683,7684,7686,7689,7691,7693,7695,7698],{"class":5598,"line":5653},[5596,7685,5610],{"class":5609},[5596,7687,7688],{"class":5613}," ordersStore",[5596,7690,5618],{"class":5617},[5596,7692,7114],{"class":5621},[5596,7694,5826],{"class":5617},[5596,7696,7697],{"class":5665},"ordersReducer",[5596,7699,5643],{"class":5617},[5596,7701,7702],{"class":5598,"line":5688},[5596,7703,5650],{"emptyLinePlaceholder":5649},[5596,7705,7706],{"class":5598,"line":5719},[5596,7707,7708],{"class":5602},"\u002F\u002F Правильно — один стор з комбінованим редюсером\n",[5596,7710,7711,7713,7716,7718,7721],{"class":5598,"line":5724},[5596,7712,5610],{"class":5609},[5596,7714,7715],{"class":5613}," rootReducer",[5596,7717,5618],{"class":5617},[5596,7719,7720],{"class":5621},"combineReducers",[5596,7722,7723],{"class":5617},"({\n",[5596,7725,7726,7729,7732],{"class":5598,"line":5730},[5596,7727,7728],{"class":5665},"  user:",[5596,7730,7731],{"class":5665}," userReducer",[5596,7733,7734],{"class":5617},",\n",[5596,7736,7737,7740,7742],{"class":5598,"line":5758},[5596,7738,7739],{"class":5665},"  cart:",[5596,7741,6027],{"class":5665},[5596,7743,7734],{"class":5617},[5596,7745,7746,7749,7752],{"class":5598,"line":5786},[5596,7747,7748],{"class":5665},"  orders:",[5596,7750,7751],{"class":5665}," ordersReducer",[5596,7753,7734],{"class":5617},[5596,7755,7756],{"class":5598,"line":5792},[5596,7757,7758],{"class":5617},"});\n",[5596,7760,7761],{"class":5598,"line":5797},[5596,7762,5650],{"emptyLinePlaceholder":5649},[5596,7764,7765,7767,7769,7771,7773,7775,7778],{"class":5598,"line":5821},[5596,7766,5610],{"class":5609},[5596,7768,7104],{"class":5613},[5596,7770,5618],{"class":5617},[5596,7772,7114],{"class":5621},[5596,7774,5826],{"class":5617},[5596,7776,7777],{"class":5665},"rootReducer",[5596,7779,5643],{"class":5617},[5596,7781,7782],{"class":5598,"line":5861},[5596,7783,5650],{"emptyLinePlaceholder":5649},[5596,7785,7786],{"class":5598,"line":5866},[5596,7787,7788],{"class":5602},"\u002F\u002F Структура стану:\n",[5596,7790,7791],{"class":5598,"line":5871},[5596,7792,7793],{"class":5602},"\u002F\u002F {\n",[5596,7795,7796],{"class":5598,"line":5881},[5596,7797,7798],{"class":5602},"\u002F\u002F   user: { id: 1, name: \"Олена\" },\n",[5596,7800,7801],{"class":5598,"line":5926},[5596,7802,7803],{"class":5602},"\u002F\u002F   cart: { items: [...] },\n",[5596,7805,7806],{"class":5598,"line":5937},[5596,7807,7808],{"class":5602},"\u002F\u002F   orders: { list: [...] }\n",[5596,7810,7811],{"class":5598,"line":5947},[5596,7812,7813],{"class":5602},"\u002F\u002F }\n",[6277,7815,7817],{"id":7816},"_2-стан-доступний-лише-для-читання-state-is-read-only","2. Стан доступний лише для читання (State is Read-Only)",[5552,7819,7820,7821,7823],{},"Єдиний спосіб змінити стан — відправити ",[5507,7822,6042],{}," (дію). Неможливо змінити стан напряму через присвоєння або мутацію об'єктів. Це гарантує, що жодна частина коду (view-логіка, middleware, сторонні бібліотеки) не може несподівано змінити глобальний стан.",[5586,7825,7827],{"className":5588,"code":7826,"language":5591,"meta":5592,"style":5592},"\u002F\u002F ❌ Неправильно — пряма мутація заборонена\nstore.getState().user.name = \"Андрій\";\n\n\u002F\u002F ✅ Правильно — зміна через action\nstore.dispatch({\n  type: \"user\u002FsetName\",\n  payload: \"Андрій\",\n});\n",[5523,7828,7829,7834,7861,7865,7870,7880,7890,7900],{"__ignoreMap":5592},[5596,7830,7831],{"class":5598,"line":5599},[5596,7832,7833],{"class":5602},"\u002F\u002F ❌ Неправильно — пряма мутація заборонена\n",[5596,7835,7836,7839,7841,7843,7846,7849,7851,7854,7856,7859],{"class":5598,"line":5606},[5596,7837,7838],{"class":5665},"store",[5596,7840,5679],{"class":5617},[5596,7842,7196],{"class":5621},[5596,7844,7845],{"class":5617},"().",[5596,7847,7848],{"class":5665},"user",[5596,7850,5679],{"class":5617},[5596,7852,7853],{"class":5665},"name",[5596,7855,5618],{"class":5617},[5596,7857,7858],{"class":6079},"\"Андрій\"",[5596,7860,6183],{"class":5617},[5596,7862,7863],{"class":5598,"line":5646},[5596,7864,5650],{"emptyLinePlaceholder":5649},[5596,7866,7867],{"class":5598,"line":5653},[5596,7868,7869],{"class":5602},"\u002F\u002F ✅ Правильно — зміна через action\n",[5596,7871,7872,7874,7876,7878],{"class":5598,"line":5688},[5596,7873,7838],{"class":5665},[5596,7875,5679],{"class":5617},[5596,7877,6206],{"class":5621},[5596,7879,7723],{"class":5617},[5596,7881,7882,7885,7888],{"class":5598,"line":5719},[5596,7883,7884],{"class":5665},"  type:",[5596,7886,7887],{"class":6079}," \"user\u002FsetName\"",[5596,7889,7734],{"class":5617},[5596,7891,7892,7895,7898],{"class":5598,"line":5724},[5596,7893,7894],{"class":5665},"  payload:",[5596,7896,7897],{"class":6079}," \"Андрій\"",[5596,7899,7734],{"class":5617},[5596,7901,7902],{"class":5598,"line":5730},[5596,7903,7758],{"class":5617},[6277,7905,7907],{"id":7906},"_3-зміни-виконуються-чистими-функціями-changes-are-made-with-pure-functions","3. Зміни виконуються чистими функціями (Changes are Made with Pure Functions)",[5552,7909,7910,7911,7914],{},"Редюсери — це ",[5507,7912,7913],{},"чисті функції",", які приймають попередній стан та action, і повертають новий стан. Чисті функції:",[5484,7916,7917,7920,7923],{},[5487,7918,7919],{},"Не мають побічних ефектів (не викликають API, не змінюють DOM, не генерують випадкові числа).",[5487,7921,7922],{},"Детерміновані: однаковий вхід завжди дає однаковий вихід.",[5487,7924,7925,7926,5568,7928,7930],{},"Не модифікують аргументи (",[5523,7927,6032],{},[5523,7929,6042],{}," залишаються незмінними).",[5586,7932,7934],{"className":5588,"code":7933,"language":5591,"meta":5592,"style":5592},"\u002F\u002F ❌ Неправильно — мутація state\nfunction cartReducer(state = { items: [] }, action) {\n  if (action.type === \"cart\u002FaddItem\") {\n    state.items.push(action.payload); \u002F\u002F Мутація!\n    return state;\n  }\n  return state;\n}\n\n\u002F\u002F ✅ Правильно — створення нового state\nfunction cartReducer(state = { items: [] }, action) {\n  if (action.type === \"cart\u002FaddItem\") {\n    return {\n      ...state,\n      items: [...state.items, action.payload], \u002F\u002F Новий масив\n    };\n  }\n  return state;\n}\n",[5523,7935,7936,7941,7962,7983,8010,8019,8023,8031,8035,8039,8044,8064,8082,8088,8097,8124,8129,8133,8141],{"__ignoreMap":5592},[5596,7937,7938],{"class":5598,"line":5599},[5596,7939,7940],{"class":5602},"\u002F\u002F ❌ Неправильно — мутація state\n",[5596,7942,7943,7945,7947,7949,7951,7953,7955,7958,7960],{"class":5598,"line":5606},[5596,7944,5656],{"class":5609},[5596,7946,6027],{"class":5621},[5596,7948,5826],{"class":5617},[5596,7950,6032],{"class":5665},[5596,7952,6010],{"class":5617},[5596,7954,6013],{"class":5665},[5596,7956,7957],{"class":5617}," [] }, ",[5596,7959,6042],{"class":5665},[5596,7961,6071],{"class":5617},[5596,7963,7964,7967,7969,7971,7973,7975,7978,7981],{"class":5598,"line":5646},[5596,7965,7966],{"class":5874},"  if",[5596,7968,6062],{"class":5617},[5596,7970,6042],{"class":5665},[5596,7972,5679],{"class":5617},[5596,7974,5525],{"class":5665},[5596,7976,7977],{"class":5617}," === ",[5596,7979,7980],{"class":6079},"\"cart\u002FaddItem\"",[5596,7982,6071],{"class":5617},[5596,7984,7985,7988,7990,7992,7994,7997,7999,8001,8003,8005,8007],{"class":5598,"line":5653},[5596,7986,7987],{"class":5665},"    state",[5596,7989,5679],{"class":5617},[5596,7991,5697],{"class":5665},[5596,7993,5679],{"class":5617},[5596,7995,7996],{"class":5621},"push",[5596,7998,5826],{"class":5617},[5596,8000,6042],{"class":5665},[5596,8002,5679],{"class":5617},[5596,8004,6111],{"class":5665},[5596,8006,7280],{"class":5617},[5596,8008,8009],{"class":5602},"\u002F\u002F Мутація!\n",[5596,8011,8012,8015,8017],{"class":5598,"line":5688},[5596,8013,8014],{"class":5874},"    return",[5596,8016,6134],{"class":5665},[5596,8018,6183],{"class":5617},[5596,8020,8021],{"class":5598,"line":5719},[5596,8022,6188],{"class":5617},[5596,8024,8025,8027,8029],{"class":5598,"line":5724},[5596,8026,5875],{"class":5874},[5596,8028,6134],{"class":5665},[5596,8030,6183],{"class":5617},[5596,8032,8033],{"class":5598,"line":5730},[5596,8034,5934],{"class":5617},[5596,8036,8037],{"class":5598,"line":5758},[5596,8038,5650],{"emptyLinePlaceholder":5649},[5596,8040,8041],{"class":5598,"line":5786},[5596,8042,8043],{"class":5602},"\u002F\u002F ✅ Правильно — створення нового state\n",[5596,8045,8046,8048,8050,8052,8054,8056,8058,8060,8062],{"class":5598,"line":5792},[5596,8047,5656],{"class":5609},[5596,8049,6027],{"class":5621},[5596,8051,5826],{"class":5617},[5596,8053,6032],{"class":5665},[5596,8055,6010],{"class":5617},[5596,8057,6013],{"class":5665},[5596,8059,7957],{"class":5617},[5596,8061,6042],{"class":5665},[5596,8063,6071],{"class":5617},[5596,8065,8066,8068,8070,8072,8074,8076,8078,8080],{"class":5598,"line":5797},[5596,8067,7966],{"class":5874},[5596,8069,6062],{"class":5617},[5596,8071,6042],{"class":5665},[5596,8073,5679],{"class":5617},[5596,8075,5525],{"class":5665},[5596,8077,7977],{"class":5617},[5596,8079,7980],{"class":6079},[5596,8081,6071],{"class":5617},[5596,8083,8084,8086],{"class":5598,"line":5821},[5596,8085,8014],{"class":5874},[5596,8087,5755],{"class":5617},[5596,8089,8090,8093,8095],{"class":5598,"line":5861},[5596,8091,8092],{"class":5617},"      ...",[5596,8094,6032],{"class":5665},[5596,8096,7734],{"class":5617},[5596,8098,8099,8102,8104,8106,8108,8110,8112,8114,8116,8118,8121],{"class":5598,"line":5866},[5596,8100,8101],{"class":5665},"      items:",[5596,8103,6096],{"class":5617},[5596,8105,6032],{"class":5665},[5596,8107,5679],{"class":5617},[5596,8109,5697],{"class":5665},[5596,8111,5700],{"class":5617},[5596,8113,6042],{"class":5665},[5596,8115,5679],{"class":5617},[5596,8117,6111],{"class":5665},[5596,8119,8120],{"class":5617},"], ",[5596,8122,8123],{"class":5602},"\u002F\u002F Новий масив\n",[5596,8125,8126],{"class":5598,"line":5871},[5596,8127,8128],{"class":5617},"    };\n",[5596,8130,8131],{"class":5598,"line":5881},[5596,8132,6188],{"class":5617},[5596,8134,8135,8137,8139],{"class":5598,"line":5926},[5596,8136,5875],{"class":5874},[5596,8138,6134],{"class":5665},[5596,8140,6183],{"class":5617},[5596,8142,8143],{"class":5598,"line":5937},[5596,8144,5934],{"class":5617},[8146,8147,8148,8149,8152,8153,8156],"warning",{},"Мутація стану у редюсері призводить до непомітних багів: React не помітить зміни (посилання на об'єкт залишилося тим самим), Redux DevTools не зафіксує історію, а ",[5523,8150,8151],{},"useSelector"," може пропустити перерендер. Завжди використовуйте spread-оператор (",[5523,8154,8155],{},"...",") або бібліотеку Immer (вбудована у Redux Toolkit).",[5544,8158],{},[5547,8160,8162],{"id":8161},"анатомія-redux-розбір-фундаментальних-концепцій","Анатомія Redux: розбір фундаментальних концепцій",[6277,8164,8166],{"id":8165},"actions-описуємо-події-системи","Actions: описуємо події системи",[5552,8168,8169,8172,8173,8175,8176,8178],{},[5507,8170,8171],{},"Action"," — це звичайний JavaScript-об'єкт, який описує подію, що сталася у застосунку. Єдина обов'язкова властивість — ",[5523,8174,5525],{}," (рядок, що ідентифікує дію). Додатково action може містити ",[5523,8177,6111],{}," (корисне навантаження) — дані, необхідні для обробки події.",[5586,8180,8182],{"className":5588,"code":8181,"language":5591,"meta":5592,"style":5592},"\u002F\u002F Прості actions без payload\n{ type: \"user\u002Flogout\" }\n{ type: \"cart\u002Fclear\" }\n\n\u002F\u002F Actions із payload\n{ type: \"user\u002FsetName\", payload: \"Олена Коваленко\" }\n{ type: \"cart\u002FaddItem\", payload: { id: 5, name: \"Ноутбук\", price: 25000 } }\n{ type: \"todos\u002FtoggleComplete\", payload: 42 } \u002F\u002F ID задачі\n",[5523,8183,8184,8189,8204,8217,8221,8226,8248,8294],{"__ignoreMap":5592},[5596,8185,8186],{"class":5598,"line":5599},[5596,8187,8188],{"class":5602},"\u002F\u002F Прості actions без payload\n",[5596,8190,8191,8193,8196,8198,8201],{"class":5598,"line":5606},[5596,8192,5902],{"class":5617},[5596,8194,5525],{"class":8195},"s5IvJ",[5596,8197,5674],{"class":5617},[5596,8199,8200],{"class":6079},"\"user\u002Flogout\"",[5596,8202,8203],{"class":5617}," }\n",[5596,8205,8206,8208,8210,8212,8215],{"class":5598,"line":5646},[5596,8207,5902],{"class":5617},[5596,8209,5525],{"class":8195},[5596,8211,5674],{"class":5617},[5596,8213,8214],{"class":6079},"\"cart\u002Fclear\"",[5596,8216,8203],{"class":5617},[5596,8218,8219],{"class":5598,"line":5653},[5596,8220,5650],{"emptyLinePlaceholder":5649},[5596,8222,8223],{"class":5598,"line":5688},[5596,8224,8225],{"class":5602},"\u002F\u002F Actions із payload\n",[5596,8227,8228,8230,8232,8234,8237,8239,8241,8243,8246],{"class":5598,"line":5719},[5596,8229,5902],{"class":5617},[5596,8231,5525],{"class":8195},[5596,8233,5674],{"class":5617},[5596,8235,8236],{"class":6079},"\"user\u002FsetName\"",[5596,8238,5700],{"class":5617},[5596,8240,6111],{"class":8195},[5596,8242,5674],{"class":5617},[5596,8244,8245],{"class":6079},"\"Олена Коваленко\"",[5596,8247,8203],{"class":5617},[5596,8249,8250,8252,8254,8256,8258,8260,8262,8265,8267,8269,8272,8274,8276,8278,8281,8283,8286,8288,8291],{"class":5598,"line":5724},[5596,8251,5902],{"class":5617},[5596,8253,5525],{"class":8195},[5596,8255,5674],{"class":5617},[5596,8257,7980],{"class":6079},[5596,8259,5700],{"class":5617},[5596,8261,6111],{"class":8195},[5596,8263,8264],{"class":5617},": { ",[5596,8266,5807],{"class":8195},[5596,8268,5674],{"class":5617},[5596,8270,8271],{"class":5779},"5",[5596,8273,5700],{"class":5617},[5596,8275,7853],{"class":8195},[5596,8277,5674],{"class":5617},[5596,8279,8280],{"class":6079},"\"Ноутбук\"",[5596,8282,5700],{"class":5617},[5596,8284,8285],{"class":8195},"price",[5596,8287,5674],{"class":5617},[5596,8289,8290],{"class":5779},"25000",[5596,8292,8293],{"class":5617}," } }\n",[5596,8295,8296,8298,8300,8302,8305,8307,8309,8311,8314,8317],{"class":5598,"line":5730},[5596,8297,5902],{"class":5617},[5596,8299,5525],{"class":8195},[5596,8301,5674],{"class":5617},[5596,8303,8304],{"class":6079},"\"todos\u002FtoggleComplete\"",[5596,8306,5700],{"class":5617},[5596,8308,6111],{"class":8195},[5596,8310,5674],{"class":5617},[5596,8312,8313],{"class":5779},"42",[5596,8315,8316],{"class":5617}," } ",[5596,8318,8319],{"class":5602},"\u002F\u002F ID задачі\n",[5552,8321,8322,8323,8326],{},"Для зручності створюють ",[5507,8324,8325],{},"action creators"," — функції, що генерують actions:",[5586,8328,8330],{"className":5588,"code":8329,"language":5591,"meta":5592,"style":5592},"\u002F\u002F Action creators — фабрики дій\nfunction setUserName(name: string) {\n  return { type: \"user\u002FsetName\", payload: name };\n}\n\nfunction addToCart(product: Product) {\n  return { type: \"cart\u002FaddItem\", payload: product };\n}\n\nfunction toggleTodo(id: number) {\n  return { type: \"todos\u002FtoggleComplete\", payload: id };\n}\n\n\u002F\u002F Використання\nstore.dispatch(setUserName(\"Андрій\"));\nstore.dispatch(addToCart({ id: 10, name: \"Мишка\", price: 800 }));\nstore.dispatch(toggleTodo(5));\n",[5523,8331,8332,8337,8355,8374,8378,8382,8399,8417,8421,8425,8442,8461,8465,8469,8474,8493,8533],{"__ignoreMap":5592},[5596,8333,8334],{"class":5598,"line":5599},[5596,8335,8336],{"class":5602},"\u002F\u002F Action creators — фабрики дій\n",[5596,8338,8339,8341,8344,8346,8348,8350,8353],{"class":5598,"line":5606},[5596,8340,5656],{"class":5609},[5596,8342,8343],{"class":5621}," setUserName",[5596,8345,5826],{"class":5617},[5596,8347,7853],{"class":5665},[5596,8349,5674],{"class":5617},[5596,8351,8352],{"class":5628},"string",[5596,8354,6071],{"class":5617},[5596,8356,8357,8359,8361,8363,8365,8367,8369,8371],{"class":5598,"line":5646},[5596,8358,5875],{"class":5874},[5596,8360,6091],{"class":5617},[5596,8362,6211],{"class":5665},[5596,8364,7887],{"class":6079},[5596,8366,5700],{"class":5617},[5596,8368,6218],{"class":5665},[5596,8370,6362],{"class":5665},[5596,8372,8373],{"class":5617}," };\n",[5596,8375,8376],{"class":5598,"line":5653},[5596,8377,5934],{"class":5617},[5596,8379,8380],{"class":5598,"line":5688},[5596,8381,5650],{"emptyLinePlaceholder":5649},[5596,8383,8384,8386,8389,8391,8393,8395,8397],{"class":5598,"line":5719},[5596,8385,5656],{"class":5609},[5596,8387,8388],{"class":5621}," addToCart",[5596,8390,5826],{"class":5617},[5596,8392,5741],{"class":5665},[5596,8394,5674],{"class":5617},[5596,8396,5746],{"class":5628},[5596,8398,6071],{"class":5617},[5596,8400,8401,8403,8405,8407,8409,8411,8413,8415],{"class":5598,"line":5724},[5596,8402,5875],{"class":5874},[5596,8404,6091],{"class":5617},[5596,8406,6211],{"class":5665},[5596,8408,6080],{"class":6079},[5596,8410,5700],{"class":5617},[5596,8412,6218],{"class":5665},[5596,8414,6221],{"class":5665},[5596,8416,8373],{"class":5617},[5596,8418,8419],{"class":5598,"line":5730},[5596,8420,5934],{"class":5617},[5596,8422,8423],{"class":5598,"line":5758},[5596,8424,5650],{"emptyLinePlaceholder":5649},[5596,8426,8427,8429,8432,8434,8436,8438,8440],{"class":5598,"line":5786},[5596,8428,5656],{"class":5609},[5596,8430,8431],{"class":5621}," toggleTodo",[5596,8433,5826],{"class":5617},[5596,8435,5807],{"class":5665},[5596,8437,5674],{"class":5617},[5596,8439,5812],{"class":5628},[5596,8441,6071],{"class":5617},[5596,8443,8444,8446,8448,8450,8453,8455,8457,8459],{"class":5598,"line":5792},[5596,8445,5875],{"class":5874},[5596,8447,6091],{"class":5617},[5596,8449,6211],{"class":5665},[5596,8451,8452],{"class":6079}," \"todos\u002FtoggleComplete\"",[5596,8454,5700],{"class":5617},[5596,8456,6218],{"class":5665},[5596,8458,6759],{"class":5665},[5596,8460,8373],{"class":5617},[5596,8462,8463],{"class":5598,"line":5797},[5596,8464,5934],{"class":5617},[5596,8466,8467],{"class":5598,"line":5821},[5596,8468,5650],{"emptyLinePlaceholder":5649},[5596,8470,8471],{"class":5598,"line":5861},[5596,8472,8473],{"class":5602},"\u002F\u002F Використання\n",[5596,8475,8476,8478,8480,8482,8484,8487,8489,8491],{"class":5598,"line":5866},[5596,8477,7838],{"class":5665},[5596,8479,5679],{"class":5617},[5596,8481,6206],{"class":5621},[5596,8483,5826],{"class":5617},[5596,8485,8486],{"class":5621},"setUserName",[5596,8488,5826],{"class":5617},[5596,8490,7858],{"class":6079},[5596,8492,5858],{"class":5617},[5596,8494,8495,8497,8499,8501,8503,8506,8508,8511,8514,8516,8519,8522,8524,8527,8530],{"class":5598,"line":5871},[5596,8496,7838],{"class":5665},[5596,8498,5679],{"class":5617},[5596,8500,6206],{"class":5621},[5596,8502,5826],{"class":5617},[5596,8504,8505],{"class":5621},"addToCart",[5596,8507,5662],{"class":5617},[5596,8509,8510],{"class":5665},"id:",[5596,8512,8513],{"class":5779}," 10",[5596,8515,5700],{"class":5617},[5596,8517,8518],{"class":5665},"name:",[5596,8520,8521],{"class":6079}," \"Мишка\"",[5596,8523,5700],{"class":5617},[5596,8525,8526],{"class":5665},"price:",[5596,8528,8529],{"class":5779}," 800",[5596,8531,8532],{"class":5617}," }));\n",[5596,8534,8535,8537,8539,8541,8543,8546,8548,8550],{"class":5598,"line":5881},[5596,8536,7838],{"class":5665},[5596,8538,5679],{"class":5617},[5596,8540,6206],{"class":5621},[5596,8542,5826],{"class":5617},[5596,8544,8545],{"class":5621},"toggleTodo",[5596,8547,5826],{"class":5617},[5596,8549,8271],{"class":5779},[5596,8551,5858],{"class":5617},[6226,8553,8554,8557,8558,8561,8562,5700,8565,5700,8568,8571,8572,5679],{},[5507,8555,8556],{},"Конвенція іменування actions:"," використовуйте формат ",[5523,8559,8560],{},"domain\u002FeventName"," (наприклад, ",[5523,8563,8564],{},"cart\u002FaddItem",[5523,8566,8567],{},"user\u002Flogin",[5523,8569,8570],{},"todos\u002Fdelete","). Це запобігає колізіям імен у великих застосунках із десятками редюсерів. У Redux Toolkit цей формат стає стандартом через ",[5523,8573,8574],{},"createSlice",[6277,8576,8578],{"id":8577},"reducers-чисті-функції-трансформації-стану","Reducers: чисті функції трансформації стану",[5552,8580,8581,8584,8585,8587,8588,8591,8592,8595,8596,8598],{},[5507,8582,8583],{},"Reducer"," — це функція з сигнатурою ",[5523,8586,5535],{},". Вона приймає поточний стан та action, і повертає ",[5507,8589,8590],{},"новий"," стан. Редюсер не змінює (",[5523,8593,8594],{},"mutate",") аргумент ",[5523,8597,6032],{}," — він конструює нову структуру даних.",[5586,8600,8602],{"className":5588,"code":8601,"language":5591,"meta":5592,"style":5592},"interface CounterState {\n  value: number;\n  history: number[];\n}\n\nconst initialState: CounterState = {\n  value: 0,\n  history: [],\n};\n\nfunction counterReducer(\n  state: CounterState = initialState,\n  action: { type: string; payload?: number }\n): CounterState {\n  switch (action.type) {\n    case \"counter\u002Fincrement\":\n      return {\n        value: state.value + 1,\n        history: [...state.history, state.value + 1], \u002F\u002F Новий масив\n      };\n\n    case \"counter\u002Fdecrement\":\n      return {\n        value: state.value - 1,\n        history: [...state.history, state.value - 1],\n      };\n\n    case \"counter\u002FincrementByAmount\":\n      const newValue = state.value + (action.payload ?? 0);\n      return {\n        value: newValue,\n        history: [...state.history, newValue],\n      };\n\n    case \"counter\u002Freset\":\n      return initialState; \u002F\u002F Повертаємо початковий стан\n\n    default:\n      return state; \u002F\u002F Важливо: для невідомих actions повертаємо незмінений стан\n  }\n}\n",[5523,8603,8604,8613,8624,8635,8639,8643,8657,8666,8674,8679,8683,8692,8707,8731,8739,8753,8762,8768,8788,8818,8823,8827,8836,8842,8859,8886,8890,8894,8903,8934,8940,8948,8967,8971,8975,8984,8995,8999,9005,9016,9020],{"__ignoreMap":5592},[5596,8605,8606,8608,8611],{"class":5598,"line":5599},[5596,8607,5971],{"class":5609},[5596,8609,8610],{"class":5628}," CounterState",[5596,8612,5755],{"class":5617},[5596,8614,8615,8618,8620,8622],{"class":5598,"line":5606},[5596,8616,8617],{"class":5665},"  value",[5596,8619,5674],{"class":5617},[5596,8621,5812],{"class":5628},[5596,8623,6183],{"class":5617},[5596,8625,8626,8629,8631,8633],{"class":5598,"line":5646},[5596,8627,8628],{"class":5665},"  history",[5596,8630,5674],{"class":5617},[5596,8632,5812],{"class":5628},[5596,8634,5988],{"class":5617},[5596,8636,8637],{"class":5598,"line":5653},[5596,8638,5934],{"class":5617},[5596,8640,8641],{"class":5598,"line":5688},[5596,8642,5650],{"emptyLinePlaceholder":5649},[5596,8644,8645,8647,8649,8651,8654],{"class":5598,"line":5719},[5596,8646,5610],{"class":5609},[5596,8648,6003],{"class":5613},[5596,8650,5674],{"class":5617},[5596,8652,8653],{"class":5628},"CounterState",[5596,8655,8656],{"class":5617}," = {\n",[5596,8658,8659,8662,8664],{"class":5598,"line":5724},[5596,8660,8661],{"class":5665},"  value:",[5596,8663,6961],{"class":5779},[5596,8665,7734],{"class":5617},[5596,8667,8668,8671],{"class":5598,"line":5730},[5596,8669,8670],{"class":5665},"  history:",[5596,8672,8673],{"class":5617}," [],\n",[5596,8675,8676],{"class":5598,"line":5758},[5596,8677,8678],{"class":5617},"};\n",[5596,8680,8681],{"class":5598,"line":5786},[5596,8682,5650],{"emptyLinePlaceholder":5649},[5596,8684,8685,8687,8689],{"class":5598,"line":5792},[5596,8686,5656],{"class":5609},[5596,8688,6951],{"class":5621},[5596,8690,8691],{"class":5617},"(\n",[5596,8693,8694,8697,8699,8701,8703,8705],{"class":5598,"line":5797},[5596,8695,8696],{"class":5665},"  state",[5596,8698,5674],{"class":5617},[5596,8700,8653],{"class":5628},[5596,8702,5618],{"class":5617},[5596,8704,6037],{"class":5665},[5596,8706,7734],{"class":5617},[5596,8708,8709,8712,8714,8716,8718,8720,8722,8724,8727,8729],{"class":5598,"line":5821},[5596,8710,8711],{"class":5665},"  action",[5596,8713,8264],{"class":5617},[5596,8715,5525],{"class":5665},[5596,8717,5674],{"class":5617},[5596,8719,8352],{"class":5628},[5596,8721,7070],{"class":5617},[5596,8723,6111],{"class":5665},[5596,8725,8726],{"class":5617},"?: ",[5596,8728,5812],{"class":5628},[5596,8730,8203],{"class":5617},[5596,8732,8733,8735,8737],{"class":5598,"line":5861},[5596,8734,6050],{"class":5617},[5596,8736,8653],{"class":5628},[5596,8738,5755],{"class":5617},[5596,8740,8741,8743,8745,8747,8749,8751],{"class":5598,"line":5866},[5596,8742,6059],{"class":5874},[5596,8744,6062],{"class":5617},[5596,8746,6042],{"class":5665},[5596,8748,5679],{"class":5617},[5596,8750,5525],{"class":5665},[5596,8752,6071],{"class":5617},[5596,8754,8755,8757,8760],{"class":5598,"line":5871},[5596,8756,6076],{"class":5874},[5596,8758,8759],{"class":6079}," \"counter\u002Fincrement\"",[5596,8761,6083],{"class":5617},[5596,8763,8764,8766],{"class":5598,"line":5881},[5596,8765,6088],{"class":5874},[5596,8767,5755],{"class":5617},[5596,8769,8770,8773,8775,8777,8780,8783,8786],{"class":5598,"line":5926},[5596,8771,8772],{"class":5665},"        value:",[5596,8774,6134],{"class":5665},[5596,8776,5679],{"class":5617},[5596,8778,8779],{"class":5665},"value",[5596,8781,8782],{"class":5617}," + ",[5596,8784,8785],{"class":5779},"1",[5596,8787,7734],{"class":5617},[5596,8789,8790,8793,8795,8797,8799,8802,8804,8806,8808,8810,8812,8814,8816],{"class":5598,"line":5937},[5596,8791,8792],{"class":5665},"        history:",[5596,8794,6096],{"class":5617},[5596,8796,6032],{"class":5665},[5596,8798,5679],{"class":5617},[5596,8800,8801],{"class":5665},"history",[5596,8803,5700],{"class":5617},[5596,8805,6032],{"class":5665},[5596,8807,5679],{"class":5617},[5596,8809,8779],{"class":5665},[5596,8811,8782],{"class":5617},[5596,8813,8785],{"class":5779},[5596,8815,8120],{"class":5617},[5596,8817,8123],{"class":5602},[5596,8819,8820],{"class":5598,"line":5947},[5596,8821,8822],{"class":5617},"      };\n",[5596,8824,8825],{"class":5598,"line":5953},[5596,8826,5650],{"emptyLinePlaceholder":5649},[5596,8828,8829,8831,8834],{"class":5598,"line":6578},[5596,8830,6076],{"class":5874},[5596,8832,8833],{"class":6079}," \"counter\u002Fdecrement\"",[5596,8835,6083],{"class":5617},[5596,8837,8838,8840],{"class":5598,"line":6591},[5596,8839,6088],{"class":5874},[5596,8841,5755],{"class":5617},[5596,8843,8844,8846,8848,8850,8852,8855,8857],{"class":5598,"line":6604},[5596,8845,8772],{"class":5665},[5596,8847,6134],{"class":5665},[5596,8849,5679],{"class":5617},[5596,8851,8779],{"class":5665},[5596,8853,8854],{"class":5617}," - ",[5596,8856,8785],{"class":5779},[5596,8858,7734],{"class":5617},[5596,8860,8861,8863,8865,8867,8869,8871,8873,8875,8877,8879,8881,8883],{"class":5598,"line":6616},[5596,8862,8792],{"class":5665},[5596,8864,6096],{"class":5617},[5596,8866,6032],{"class":5665},[5596,8868,5679],{"class":5617},[5596,8870,8801],{"class":5665},[5596,8872,5700],{"class":5617},[5596,8874,6032],{"class":5665},[5596,8876,5679],{"class":5617},[5596,8878,8779],{"class":5665},[5596,8880,8854],{"class":5617},[5596,8882,8785],{"class":5779},[5596,8884,8885],{"class":5617},"],\n",[5596,8887,8888],{"class":5598,"line":6629},[5596,8889,8822],{"class":5617},[5596,8891,8892],{"class":5598,"line":6642},[5596,8893,5650],{"emptyLinePlaceholder":5649},[5596,8895,8896,8898,8901],{"class":5598,"line":6654},[5596,8897,6076],{"class":5874},[5596,8899,8900],{"class":6079}," \"counter\u002FincrementByAmount\"",[5596,8902,6083],{"class":5617},[5596,8904,8905,8907,8910,8912,8914,8916,8918,8921,8923,8925,8927,8930,8932],{"class":5598,"line":6666},[5596,8906,7184],{"class":5609},[5596,8908,8909],{"class":5613}," newValue",[5596,8911,5618],{"class":5617},[5596,8913,6032],{"class":5665},[5596,8915,5679],{"class":5617},[5596,8917,8779],{"class":5665},[5596,8919,8920],{"class":5617}," + (",[5596,8922,6042],{"class":5665},[5596,8924,5679],{"class":5617},[5596,8926,6111],{"class":5665},[5596,8928,8929],{"class":5617}," ?? ",[5596,8931,6511],{"class":5779},[5596,8933,5643],{"class":5617},[5596,8935,8936,8938],{"class":5598,"line":6671},[5596,8937,6088],{"class":5874},[5596,8939,5755],{"class":5617},[5596,8941,8942,8944,8946],{"class":5598,"line":6679},[5596,8943,8772],{"class":5665},[5596,8945,8909],{"class":5665},[5596,8947,7734],{"class":5617},[5596,8949,8950,8952,8954,8956,8958,8960,8962,8965],{"class":5598,"line":6691},[5596,8951,8792],{"class":5665},[5596,8953,6096],{"class":5617},[5596,8955,6032],{"class":5665},[5596,8957,5679],{"class":5617},[5596,8959,8801],{"class":5665},[5596,8961,5700],{"class":5617},[5596,8963,8964],{"class":5665},"newValue",[5596,8966,8885],{"class":5617},[5596,8968,8969],{"class":5598,"line":6696},[5596,8970,8822],{"class":5617},[5596,8972,8973],{"class":5598,"line":6706},[5596,8974,5650],{"emptyLinePlaceholder":5649},[5596,8976,8977,8979,8982],{"class":5598,"line":6715},[5596,8978,6076],{"class":5874},[5596,8980,8981],{"class":6079}," \"counter\u002Freset\"",[5596,8983,6083],{"class":5617},[5596,8985,8986,8988,8990,8992],{"class":5598,"line":6725},[5596,8987,6088],{"class":5874},[5596,8989,6003],{"class":5665},[5596,8991,7070],{"class":5617},[5596,8993,8994],{"class":5602},"\u002F\u002F Повертаємо початковий стан\n",[5596,8996,8997],{"class":5598,"line":6743},[5596,8998,5650],{"emptyLinePlaceholder":5649},[5596,9000,9001,9003],{"class":5598,"line":6782},[5596,9002,6172],{"class":5874},[5596,9004,6083],{"class":5617},[5596,9006,9007,9009,9011,9013],{"class":5598,"line":6808},[5596,9008,6088],{"class":5874},[5596,9010,6134],{"class":5665},[5596,9012,7070],{"class":5617},[5596,9014,9015],{"class":5602},"\u002F\u002F Важливо: для невідомих actions повертаємо незмінений стан\n",[5596,9017,9018],{"class":5598,"line":6833},[5596,9019,6188],{"class":5617},[5596,9021,9022],{"class":5598,"line":6858},[5596,9023,5934],{"class":5617},[7589,9025,9026,9027,9029,9030,9033,9034,5679],{},"Параметр ",[5523,9028,6032],{}," має значення за замовчуванням (",[5523,9031,9032],{},"= initialState","). Це гарантує, що при першому виклику редюсера (коли Redux ініціалізує store), функція отримає початковий стан замість ",[5523,9035,9036],{},"undefined",[6277,9038,9040],{"id":9039},"store-контейнер-стану-та-оркестратор","Store: контейнер стану та оркестратор",[5552,9042,9043,9046],{},[5507,9044,9045],{},"Store"," — це об'єкт, що поєднує всі частини Redux у єдину систему. Він:",[5484,9048,9049,9052,9059,9064],{},[5487,9050,9051],{},"Зберігає дерево стану застосунку.",[5487,9053,9054,9055,9058],{},"Надає метод ",[5523,9056,9057],{},"getState()"," для читання поточного стану.",[5487,9060,9054,9061,9063],{},[5523,9062,7598],{}," для зміни стану.",[5487,9065,9066,9067,5679],{},"Реєструє слухачів через ",[5523,9068,9069],{},"subscribe(listener)",[5586,9071,9073],{"className":5588,"code":9072,"language":5591,"meta":5592,"style":5592},"import { createStore } from \"redux\";\n\n\u002F\u002F Створення store з редюсером\nconst store = createStore(counterReducer);\n\n\u002F\u002F Читання стану\nconsole.log(store.getState()); \u002F\u002F { value: 0, history: [] }\n\n\u002F\u002F Відправка action\nstore.dispatch({ type: \"counter\u002Fincrement\" });\nconsole.log(store.getState()); \u002F\u002F { value: 1, history: [1] }\n\n\u002F\u002F Підписка на зміни\nconst unsubscribe = store.subscribe(() => {\n  console.log(\"Стан змінився:\", store.getState());\n});\n\n\u002F\u002F Видалення підписки\nunsubscribe();\n",[5523,9074,9075,9094,9098,9103,9119,9123,9128,9151,9155,9160,9176,9197,9201,9206,9228,9253,9257,9261,9266],{"__ignoreMap":5592},[5596,9076,9077,9080,9082,9084,9086,9089,9092],{"class":5598,"line":5599},[5596,9078,9079],{"class":5874},"import",[5596,9081,6091],{"class":5617},[5596,9083,7114],{"class":5665},[5596,9085,8316],{"class":5617},[5596,9087,9088],{"class":5874},"from",[5596,9090,9091],{"class":6079}," \"redux\"",[5596,9093,6183],{"class":5617},[5596,9095,9096],{"class":5598,"line":5606},[5596,9097,5650],{"emptyLinePlaceholder":5649},[5596,9099,9100],{"class":5598,"line":5646},[5596,9101,9102],{"class":5602},"\u002F\u002F Створення store з редюсером\n",[5596,9104,9105,9107,9109,9111,9113,9115,9117],{"class":5598,"line":5653},[5596,9106,5610],{"class":5609},[5596,9108,7104],{"class":5613},[5596,9110,5618],{"class":5617},[5596,9112,7114],{"class":5621},[5596,9114,5826],{"class":5617},[5596,9116,7119],{"class":5665},[5596,9118,5643],{"class":5617},[5596,9120,9121],{"class":5598,"line":5688},[5596,9122,5650],{"emptyLinePlaceholder":5649},[5596,9124,9125],{"class":5598,"line":5719},[5596,9126,9127],{"class":5602},"\u002F\u002F Читання стану\n",[5596,9129,9130,9133,9135,9137,9139,9141,9143,9145,9148],{"class":5598,"line":5724},[5596,9131,9132],{"class":5665},"console",[5596,9134,5679],{"class":5617},[5596,9136,7227],{"class":5621},[5596,9138,5826],{"class":5617},[5596,9140,7838],{"class":5665},[5596,9142,5679],{"class":5617},[5596,9144,7196],{"class":5621},[5596,9146,9147],{"class":5617},"()); ",[5596,9149,9150],{"class":5602},"\u002F\u002F { value: 0, history: [] }\n",[5596,9152,9153],{"class":5598,"line":5730},[5596,9154,5650],{"emptyLinePlaceholder":5649},[5596,9156,9157],{"class":5598,"line":5758},[5596,9158,9159],{"class":5602},"\u002F\u002F Відправка action\n",[5596,9161,9162,9164,9166,9168,9170,9172,9174],{"class":5598,"line":5786},[5596,9163,7838],{"class":5665},[5596,9165,5679],{"class":5617},[5596,9167,6206],{"class":5621},[5596,9169,5662],{"class":5617},[5596,9171,6211],{"class":5665},[5596,9173,8759],{"class":6079},[5596,9175,6224],{"class":5617},[5596,9177,9178,9180,9182,9184,9186,9188,9190,9192,9194],{"class":5598,"line":5792},[5596,9179,9132],{"class":5665},[5596,9181,5679],{"class":5617},[5596,9183,7227],{"class":5621},[5596,9185,5826],{"class":5617},[5596,9187,7838],{"class":5665},[5596,9189,5679],{"class":5617},[5596,9191,7196],{"class":5621},[5596,9193,9147],{"class":5617},[5596,9195,9196],{"class":5602},"\u002F\u002F { value: 1, history: [1] }\n",[5596,9198,9199],{"class":5598,"line":5797},[5596,9200,5650],{"emptyLinePlaceholder":5649},[5596,9202,9203],{"class":5598,"line":5821},[5596,9204,9205],{"class":5602},"\u002F\u002F Підписка на зміни\n",[5596,9207,9208,9210,9213,9215,9217,9219,9221,9224,9226],{"class":5598,"line":5861},[5596,9209,5610],{"class":5609},[5596,9211,9212],{"class":5613}," unsubscribe",[5596,9214,5618],{"class":5617},[5596,9216,7838],{"class":5665},[5596,9218,5679],{"class":5617},[5596,9220,7272],{"class":5621},[5596,9222,9223],{"class":5617},"(() ",[5596,9225,5752],{"class":5609},[5596,9227,5755],{"class":5617},[5596,9229,9230,9233,9235,9237,9239,9242,9244,9246,9248,9250],{"class":5598,"line":5866},[5596,9231,9232],{"class":5665},"  console",[5596,9234,5679],{"class":5617},[5596,9236,7227],{"class":5621},[5596,9238,5826],{"class":5617},[5596,9240,9241],{"class":6079},"\"Стан змінився:\"",[5596,9243,5700],{"class":5617},[5596,9245,7838],{"class":5665},[5596,9247,5679],{"class":5617},[5596,9249,7196],{"class":5621},[5596,9251,9252],{"class":5617},"());\n",[5596,9254,9255],{"class":5598,"line":5871},[5596,9256,7758],{"class":5617},[5596,9258,9259],{"class":5598,"line":5881},[5596,9260,5650],{"emptyLinePlaceholder":5649},[5596,9262,9263],{"class":5598,"line":5926},[5596,9264,9265],{"class":5602},"\u002F\u002F Видалення підписки\n",[5596,9267,9268,9271],{"class":5598,"line":5937},[5596,9269,9270],{"class":5621},"unsubscribe",[5596,9272,7199],{"class":5617},[8146,9274,9275,9276,9278,9279,9281,9282,9285,9286,9289,9290,9292],{},"У продакшні ",[5507,9277,7610],{}," не викликайте ",[5523,9280,7114],{}," напряму у компонентах React. Store створюється один раз при запуску застосунку і передається через ",[5523,9283,9284],{},"\u003CProvider>"," з бібліотеки ",[5523,9287,9288],{},"react-redux",". Повторний виклик ",[5523,9291,7114],{}," створить окремий ізольований стор, що призведе до плутанини.",[5544,9294],{},[5547,9296,9298],{"id":9297},"модульна-архітектура-від-одного-файлу-до-структурованого-проєкту","Модульна архітектура: від одного файлу до структурованого проєкту",[5552,9300,9301],{},"У попередньому прикладі весь код розміщений в одному HTML-файлі. У реальних застосунках actions, reducers та store організовані у модульну структуру:",[5586,9303,9308],{"className":9304,"code":9306,"language":9307},[9305],"language-text","src\u002F\n├── store\u002F\n│   ├── index.ts              # Створення та експорт store\n│   ├── actions\u002F\n│   │   ├── todoActions.ts    # Action creators для задач\n│   │   └── userActions.ts    # Action creators для користувача\n│   ├── reducers\u002F\n│   │   ├── todoReducer.ts    # Редюсер задач\n│   │   ├── userReducer.ts    # Редюсер користувача\n│   │   └── rootReducer.ts    # Комбінований редюсер\n│   └── types.ts              # TypeScript типи для actions та state\n","text",[5523,9309,9306],{"__ignoreMap":5592},[6277,9311,9313],{"id":9312},"action-types-константи-для-уникнення-помилок","Action Types: константи для уникнення помилок",[5552,9315,9316,9317,9320],{},"Хард-кодити рядки типів actions (",[5523,9318,9319],{},"\"counter\u002Fincrement\"",") у кількох місцях — погана практика. Друкарська помилка призведе до мовчазного ігнорування action. Винесемо типи у константи:",[5586,9322,9324],{"className":5588,"code":9323,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Ftypes.ts\nexport const TODO_ADD = \"todos\u002Fadd\";\nexport const TODO_TOGGLE = \"todos\u002Ftoggle\";\nexport const TODO_DELETE = \"todos\u002Fdelete\";\nexport const TODO_CLEAR_COMPLETED = \"todos\u002FclearCompleted\";\n\n\u002F\u002F TypeScript типи для actions\nexport interface Todo {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\nexport type TodoAction =\n  | { type: typeof TODO_ADD; payload: string }\n  | { type: typeof TODO_TOGGLE; payload: number }\n  | { type: typeof TODO_DELETE; payload: number }\n  | { type: typeof TODO_CLEAR_COMPLETED };\n",[5523,9325,9326,9331,9349,9365,9381,9397,9401,9406,9418,9429,9440,9452,9456,9460,9473,9497,9519,9541],{"__ignoreMap":5592},[5596,9327,9328],{"class":5598,"line":5599},[5596,9329,9330],{"class":5602},"\u002F\u002F src\u002Fstore\u002Ftypes.ts\n",[5596,9332,9333,9336,9339,9342,9344,9347],{"class":5598,"line":5606},[5596,9334,9335],{"class":5874},"export",[5596,9337,9338],{"class":5609}," const",[5596,9340,9341],{"class":5613}," TODO_ADD",[5596,9343,5618],{"class":5617},[5596,9345,9346],{"class":6079},"\"todos\u002Fadd\"",[5596,9348,6183],{"class":5617},[5596,9350,9351,9353,9355,9358,9360,9363],{"class":5598,"line":5646},[5596,9352,9335],{"class":5874},[5596,9354,9338],{"class":5609},[5596,9356,9357],{"class":5613}," TODO_TOGGLE",[5596,9359,5618],{"class":5617},[5596,9361,9362],{"class":6079},"\"todos\u002Ftoggle\"",[5596,9364,6183],{"class":5617},[5596,9366,9367,9369,9371,9374,9376,9379],{"class":5598,"line":5653},[5596,9368,9335],{"class":5874},[5596,9370,9338],{"class":5609},[5596,9372,9373],{"class":5613}," TODO_DELETE",[5596,9375,5618],{"class":5617},[5596,9377,9378],{"class":6079},"\"todos\u002Fdelete\"",[5596,9380,6183],{"class":5617},[5596,9382,9383,9385,9387,9390,9392,9395],{"class":5598,"line":5688},[5596,9384,9335],{"class":5874},[5596,9386,9338],{"class":5609},[5596,9388,9389],{"class":5613}," TODO_CLEAR_COMPLETED",[5596,9391,5618],{"class":5617},[5596,9393,9394],{"class":6079},"\"todos\u002FclearCompleted\"",[5596,9396,6183],{"class":5617},[5596,9398,9399],{"class":5598,"line":5719},[5596,9400,5650],{"emptyLinePlaceholder":5649},[5596,9402,9403],{"class":5598,"line":5724},[5596,9404,9405],{"class":5602},"\u002F\u002F TypeScript типи для actions\n",[5596,9407,9408,9410,9413,9416],{"class":5598,"line":5730},[5596,9409,9335],{"class":5874},[5596,9411,9412],{"class":5609}," interface",[5596,9414,9415],{"class":5628}," Todo",[5596,9417,5755],{"class":5617},[5596,9419,9420,9423,9425,9427],{"class":5598,"line":5758},[5596,9421,9422],{"class":5665},"  id",[5596,9424,5674],{"class":5617},[5596,9426,5812],{"class":5628},[5596,9428,6183],{"class":5617},[5596,9430,9431,9434,9436,9438],{"class":5598,"line":5786},[5596,9432,9433],{"class":5665},"  text",[5596,9435,5674],{"class":5617},[5596,9437,8352],{"class":5628},[5596,9439,6183],{"class":5617},[5596,9441,9442,9445,9447,9450],{"class":5598,"line":5792},[5596,9443,9444],{"class":5665},"  completed",[5596,9446,5674],{"class":5617},[5596,9448,9449],{"class":5628},"boolean",[5596,9451,6183],{"class":5617},[5596,9453,9454],{"class":5598,"line":5797},[5596,9455,5934],{"class":5617},[5596,9457,9458],{"class":5598,"line":5821},[5596,9459,5650],{"emptyLinePlaceholder":5649},[5596,9461,9462,9464,9467,9470],{"class":5598,"line":5861},[5596,9463,9335],{"class":5874},[5596,9465,9466],{"class":5609}," type",[5596,9468,9469],{"class":5628}," TodoAction",[5596,9471,9472],{"class":5617}," =\n",[5596,9474,9475,9478,9480,9482,9485,9487,9489,9491,9493,9495],{"class":5598,"line":5866},[5596,9476,9477],{"class":5617},"  | { ",[5596,9479,5525],{"class":5665},[5596,9481,5674],{"class":5617},[5596,9483,9484],{"class":5609},"typeof",[5596,9486,9341],{"class":5613},[5596,9488,7070],{"class":5617},[5596,9490,6111],{"class":5665},[5596,9492,5674],{"class":5617},[5596,9494,8352],{"class":5628},[5596,9496,8203],{"class":5617},[5596,9498,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517],{"class":5598,"line":5871},[5596,9500,9477],{"class":5617},[5596,9502,5525],{"class":5665},[5596,9504,5674],{"class":5617},[5596,9506,9484],{"class":5609},[5596,9508,9357],{"class":5613},[5596,9510,7070],{"class":5617},[5596,9512,6111],{"class":5665},[5596,9514,5674],{"class":5617},[5596,9516,5812],{"class":5628},[5596,9518,8203],{"class":5617},[5596,9520,9521,9523,9525,9527,9529,9531,9533,9535,9537,9539],{"class":5598,"line":5881},[5596,9522,9477],{"class":5617},[5596,9524,5525],{"class":5665},[5596,9526,5674],{"class":5617},[5596,9528,9484],{"class":5609},[5596,9530,9373],{"class":5613},[5596,9532,7070],{"class":5617},[5596,9534,6111],{"class":5665},[5596,9536,5674],{"class":5617},[5596,9538,5812],{"class":5628},[5596,9540,8203],{"class":5617},[5596,9542,9543,9545,9547,9549,9551,9553],{"class":5598,"line":5926},[5596,9544,9477],{"class":5617},[5596,9546,5525],{"class":5665},[5596,9548,5674],{"class":5617},[5596,9550,9484],{"class":5609},[5596,9552,9389],{"class":5613},[5596,9554,8373],{"class":5617},[6277,9556,9558],{"id":9557},"action-creators-типізовані-фабрики-дій","Action Creators: типізовані фабрики дій",[5586,9560,9562],{"className":5588,"code":9561,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Factions\u002FtodoActions.ts\nimport { TODO_ADD, TODO_TOGGLE, TODO_DELETE, TODO_CLEAR_COMPLETED, TodoAction } from \"..\u002Ftypes\";\n\nlet nextTodoId = 0;\n\nexport function addTodo(text: string): TodoAction {\n  return {\n    type: TODO_ADD,\n    payload: text,\n  };\n}\n\nexport function toggleTodo(id: number): TodoAction {\n  return {\n    type: TODO_TOGGLE,\n    payload: id,\n  };\n}\n\nexport function deleteTodo(id: number): TodoAction {\n  return {\n    type: TODO_DELETE,\n    payload: id,\n  };\n}\n\nexport function clearCompletedTodos(): TodoAction {\n  return {\n    type: TODO_CLEAR_COMPLETED,\n  };\n}\n",[5523,9563,9564,9569,9607,9611,9625,9629,9653,9659,9668,9678,9682,9686,9690,9712,9718,9726,9734,9738,9742,9746,9769,9775,9783,9791,9795,9799,9803,9819,9825,9833,9837],{"__ignoreMap":5592},[5596,9565,9566],{"class":5598,"line":5599},[5596,9567,9568],{"class":5602},"\u002F\u002F src\u002Fstore\u002Factions\u002FtodoActions.ts\n",[5596,9570,9571,9573,9575,9578,9580,9583,9585,9588,9590,9593,9595,9598,9600,9602,9605],{"class":5598,"line":5606},[5596,9572,9079],{"class":5874},[5596,9574,6091],{"class":5617},[5596,9576,9577],{"class":5665},"TODO_ADD",[5596,9579,5700],{"class":5617},[5596,9581,9582],{"class":5665},"TODO_TOGGLE",[5596,9584,5700],{"class":5617},[5596,9586,9587],{"class":5665},"TODO_DELETE",[5596,9589,5700],{"class":5617},[5596,9591,9592],{"class":5665},"TODO_CLEAR_COMPLETED",[5596,9594,5700],{"class":5617},[5596,9596,9597],{"class":5665},"TodoAction",[5596,9599,8316],{"class":5617},[5596,9601,9088],{"class":5874},[5596,9603,9604],{"class":6079}," \"..\u002Ftypes\"",[5596,9606,6183],{"class":5617},[5596,9608,9609],{"class":5598,"line":5646},[5596,9610,5650],{"emptyLinePlaceholder":5649},[5596,9612,9613,9616,9619,9621,9623],{"class":5598,"line":5653},[5596,9614,9615],{"class":5609},"let",[5596,9617,9618],{"class":5665}," nextTodoId",[5596,9620,5618],{"class":5617},[5596,9622,6511],{"class":5779},[5596,9624,6183],{"class":5617},[5596,9626,9627],{"class":5598,"line":5688},[5596,9628,5650],{"emptyLinePlaceholder":5649},[5596,9630,9631,9633,9636,9639,9641,9643,9645,9647,9649,9651],{"class":5598,"line":5719},[5596,9632,9335],{"class":5874},[5596,9634,9635],{"class":5609}," function",[5596,9637,9638],{"class":5621}," addTodo",[5596,9640,5826],{"class":5617},[5596,9642,9307],{"class":5665},[5596,9644,5674],{"class":5617},[5596,9646,8352],{"class":5628},[5596,9648,6050],{"class":5617},[5596,9650,9597],{"class":5628},[5596,9652,5755],{"class":5617},[5596,9654,9655,9657],{"class":5598,"line":5724},[5596,9656,5875],{"class":5874},[5596,9658,5755],{"class":5617},[5596,9660,9661,9664,9666],{"class":5598,"line":5730},[5596,9662,9663],{"class":5665},"    type:",[5596,9665,9341],{"class":5613},[5596,9667,7734],{"class":5617},[5596,9669,9670,9673,9676],{"class":5598,"line":5758},[5596,9671,9672],{"class":5665},"    payload:",[5596,9674,9675],{"class":5665}," text",[5596,9677,7734],{"class":5617},[5596,9679,9680],{"class":5598,"line":5786},[5596,9681,5789],{"class":5617},[5596,9683,9684],{"class":5598,"line":5792},[5596,9685,5934],{"class":5617},[5596,9687,9688],{"class":5598,"line":5797},[5596,9689,5650],{"emptyLinePlaceholder":5649},[5596,9691,9692,9694,9696,9698,9700,9702,9704,9706,9708,9710],{"class":5598,"line":5821},[5596,9693,9335],{"class":5874},[5596,9695,9635],{"class":5609},[5596,9697,8431],{"class":5621},[5596,9699,5826],{"class":5617},[5596,9701,5807],{"class":5665},[5596,9703,5674],{"class":5617},[5596,9705,5812],{"class":5628},[5596,9707,6050],{"class":5617},[5596,9709,9597],{"class":5628},[5596,9711,5755],{"class":5617},[5596,9713,9714,9716],{"class":5598,"line":5861},[5596,9715,5875],{"class":5874},[5596,9717,5755],{"class":5617},[5596,9719,9720,9722,9724],{"class":5598,"line":5866},[5596,9721,9663],{"class":5665},[5596,9723,9357],{"class":5613},[5596,9725,7734],{"class":5617},[5596,9727,9728,9730,9732],{"class":5598,"line":5871},[5596,9729,9672],{"class":5665},[5596,9731,6759],{"class":5665},[5596,9733,7734],{"class":5617},[5596,9735,9736],{"class":5598,"line":5881},[5596,9737,5789],{"class":5617},[5596,9739,9740],{"class":5598,"line":5926},[5596,9741,5934],{"class":5617},[5596,9743,9744],{"class":5598,"line":5937},[5596,9745,5650],{"emptyLinePlaceholder":5649},[5596,9747,9748,9750,9752,9755,9757,9759,9761,9763,9765,9767],{"class":5598,"line":5947},[5596,9749,9335],{"class":5874},[5596,9751,9635],{"class":5609},[5596,9753,9754],{"class":5621}," deleteTodo",[5596,9756,5826],{"class":5617},[5596,9758,5807],{"class":5665},[5596,9760,5674],{"class":5617},[5596,9762,5812],{"class":5628},[5596,9764,6050],{"class":5617},[5596,9766,9597],{"class":5628},[5596,9768,5755],{"class":5617},[5596,9770,9771,9773],{"class":5598,"line":5953},[5596,9772,5875],{"class":5874},[5596,9774,5755],{"class":5617},[5596,9776,9777,9779,9781],{"class":5598,"line":6578},[5596,9778,9663],{"class":5665},[5596,9780,9373],{"class":5613},[5596,9782,7734],{"class":5617},[5596,9784,9785,9787,9789],{"class":5598,"line":6591},[5596,9786,9672],{"class":5665},[5596,9788,6759],{"class":5665},[5596,9790,7734],{"class":5617},[5596,9792,9793],{"class":5598,"line":6604},[5596,9794,5789],{"class":5617},[5596,9796,9797],{"class":5598,"line":6616},[5596,9798,5934],{"class":5617},[5596,9800,9801],{"class":5598,"line":6629},[5596,9802,5650],{"emptyLinePlaceholder":5649},[5596,9804,9805,9807,9809,9812,9815,9817],{"class":5598,"line":6642},[5596,9806,9335],{"class":5874},[5596,9808,9635],{"class":5609},[5596,9810,9811],{"class":5621}," clearCompletedTodos",[5596,9813,9814],{"class":5617},"(): ",[5596,9816,9597],{"class":5628},[5596,9818,5755],{"class":5617},[5596,9820,9821,9823],{"class":5598,"line":6654},[5596,9822,5875],{"class":5874},[5596,9824,5755],{"class":5617},[5596,9826,9827,9829,9831],{"class":5598,"line":6666},[5596,9828,9663],{"class":5665},[5596,9830,9389],{"class":5613},[5596,9832,7734],{"class":5617},[5596,9834,9835],{"class":5598,"line":6671},[5596,9836,5789],{"class":5617},[5596,9838,9839],{"class":5598,"line":6679},[5596,9840,5934],{"class":5617},[6277,9842,9844],{"id":9843},"reducer-типізована-логіка-трансформації-стану","Reducer: типізована логіка трансформації стану",[5586,9846,9848],{"className":5588,"code":9847,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Freducers\u002FtodoReducer.ts\nimport { TODO_ADD, TODO_TOGGLE, TODO_DELETE, TODO_CLEAR_COMPLETED, Todo, TodoAction } from \"..\u002Ftypes\";\n\nexport interface TodoState {\n  todos: Todo[];\n}\n\nconst initialState: TodoState = {\n  todos: [],\n};\n\nlet nextTodoId = 0;\n\nexport function todoReducer(state = initialState, action: TodoAction): TodoState {\n  switch (action.type) {\n    case TODO_ADD:\n      return {\n        todos: [\n          ...state.todos,\n          {\n            id: nextTodoId++,\n            text: action.payload,\n            completed: false,\n          },\n        ],\n      };\n\n    case TODO_TOGGLE:\n      return {\n        todos: state.todos.map((todo) =>\n          todo.id === action.payload\n            ? { ...todo, completed: !todo.completed }\n            : todo\n        ),\n      };\n\n    case TODO_DELETE:\n      return {\n        todos: state.todos.filter((todo) => todo.id !== action.payload),\n      };\n\n    case TODO_CLEAR_COMPLETED:\n      return {\n        todos: state.todos.filter((todo) => !todo.completed),\n      };\n\n    default:\n      return state;\n  }\n}\n",[5523,9849,9850,9855,9892,9896,9907,9918,9922,9926,9939,9946,9950,9954,9966,9970,10001,10015,10023,10029,10037,10051,10056,10066,10080,10090,10095,10100,10104,10108,10116,10122,10147,10165,10189,10197,10202,10206,10210,10218,10224,10264,10268,10272,10280,10286,10318,10322,10326,10332,10340,10344],{"__ignoreMap":5592},[5596,9851,9852],{"class":5598,"line":5599},[5596,9853,9854],{"class":5602},"\u002F\u002F src\u002Fstore\u002Freducers\u002FtodoReducer.ts\n",[5596,9856,9857,9859,9861,9863,9865,9867,9869,9871,9873,9875,9877,9880,9882,9884,9886,9888,9890],{"class":5598,"line":5606},[5596,9858,9079],{"class":5874},[5596,9860,6091],{"class":5617},[5596,9862,9577],{"class":5665},[5596,9864,5700],{"class":5617},[5596,9866,9582],{"class":5665},[5596,9868,5700],{"class":5617},[5596,9870,9587],{"class":5665},[5596,9872,5700],{"class":5617},[5596,9874,9592],{"class":5665},[5596,9876,5700],{"class":5617},[5596,9878,9879],{"class":5665},"Todo",[5596,9881,5700],{"class":5617},[5596,9883,9597],{"class":5665},[5596,9885,8316],{"class":5617},[5596,9887,9088],{"class":5874},[5596,9889,9604],{"class":6079},[5596,9891,6183],{"class":5617},[5596,9893,9894],{"class":5598,"line":5646},[5596,9895,5650],{"emptyLinePlaceholder":5649},[5596,9897,9898,9900,9902,9905],{"class":5598,"line":5653},[5596,9899,9335],{"class":5874},[5596,9901,9412],{"class":5609},[5596,9903,9904],{"class":5628}," TodoState",[5596,9906,5755],{"class":5617},[5596,9908,9909,9912,9914,9916],{"class":5598,"line":5688},[5596,9910,9911],{"class":5665},"  todos",[5596,9913,5674],{"class":5617},[5596,9915,9879],{"class":5628},[5596,9917,5988],{"class":5617},[5596,9919,9920],{"class":5598,"line":5719},[5596,9921,5934],{"class":5617},[5596,9923,9924],{"class":5598,"line":5724},[5596,9925,5650],{"emptyLinePlaceholder":5649},[5596,9927,9928,9930,9932,9934,9937],{"class":5598,"line":5730},[5596,9929,5610],{"class":5609},[5596,9931,6003],{"class":5613},[5596,9933,5674],{"class":5617},[5596,9935,9936],{"class":5628},"TodoState",[5596,9938,8656],{"class":5617},[5596,9940,9941,9944],{"class":5598,"line":5758},[5596,9942,9943],{"class":5665},"  todos:",[5596,9945,8673],{"class":5617},[5596,9947,9948],{"class":5598,"line":5786},[5596,9949,8678],{"class":5617},[5596,9951,9952],{"class":5598,"line":5792},[5596,9953,5650],{"emptyLinePlaceholder":5649},[5596,9955,9956,9958,9960,9962,9964],{"class":5598,"line":5797},[5596,9957,9615],{"class":5609},[5596,9959,9618],{"class":5665},[5596,9961,5618],{"class":5617},[5596,9963,6511],{"class":5779},[5596,9965,6183],{"class":5617},[5596,9967,9968],{"class":5598,"line":5821},[5596,9969,5650],{"emptyLinePlaceholder":5649},[5596,9971,9972,9974,9976,9979,9981,9983,9985,9987,9989,9991,9993,9995,9997,9999],{"class":5598,"line":5861},[5596,9973,9335],{"class":5874},[5596,9975,9635],{"class":5609},[5596,9977,9978],{"class":5621}," todoReducer",[5596,9980,5826],{"class":5617},[5596,9982,6032],{"class":5665},[5596,9984,5618],{"class":5617},[5596,9986,6037],{"class":5665},[5596,9988,5700],{"class":5617},[5596,9990,6042],{"class":5665},[5596,9992,5674],{"class":5617},[5596,9994,9597],{"class":5628},[5596,9996,6050],{"class":5617},[5596,9998,9936],{"class":5628},[5596,10000,5755],{"class":5617},[5596,10002,10003,10005,10007,10009,10011,10013],{"class":5598,"line":5866},[5596,10004,6059],{"class":5874},[5596,10006,6062],{"class":5617},[5596,10008,6042],{"class":5665},[5596,10010,5679],{"class":5617},[5596,10012,5525],{"class":5665},[5596,10014,6071],{"class":5617},[5596,10016,10017,10019,10021],{"class":5598,"line":5871},[5596,10018,6076],{"class":5874},[5596,10020,9341],{"class":5613},[5596,10022,6083],{"class":5617},[5596,10024,10025,10027],{"class":5598,"line":5881},[5596,10026,6088],{"class":5874},[5596,10028,5755],{"class":5617},[5596,10030,10031,10034],{"class":5598,"line":5926},[5596,10032,10033],{"class":5665},"        todos:",[5596,10035,10036],{"class":5617}," [\n",[5596,10038,10039,10042,10044,10046,10049],{"class":5598,"line":5937},[5596,10040,10041],{"class":5617},"          ...",[5596,10043,6032],{"class":5665},[5596,10045,5679],{"class":5617},[5596,10047,10048],{"class":5665},"todos",[5596,10050,7734],{"class":5617},[5596,10052,10053],{"class":5598,"line":5947},[5596,10054,10055],{"class":5617},"          {\n",[5596,10057,10058,10061,10063],{"class":5598,"line":5953},[5596,10059,10060],{"class":5665},"            id:",[5596,10062,9618],{"class":5665},[5596,10064,10065],{"class":5617},"++,\n",[5596,10067,10068,10071,10074,10076,10078],{"class":5598,"line":6578},[5596,10069,10070],{"class":5665},"            text:",[5596,10072,10073],{"class":5665}," action",[5596,10075,5679],{"class":5617},[5596,10077,6111],{"class":5665},[5596,10079,7734],{"class":5617},[5596,10081,10082,10085,10088],{"class":5598,"line":6591},[5596,10083,10084],{"class":5665},"            completed:",[5596,10086,10087],{"class":5609}," false",[5596,10089,7734],{"class":5617},[5596,10091,10092],{"class":5598,"line":6604},[5596,10093,10094],{"class":5617},"          },\n",[5596,10096,10097],{"class":5598,"line":6616},[5596,10098,10099],{"class":5617},"        ],\n",[5596,10101,10102],{"class":5598,"line":6629},[5596,10103,8822],{"class":5617},[5596,10105,10106],{"class":5598,"line":6642},[5596,10107,5650],{"emptyLinePlaceholder":5649},[5596,10109,10110,10112,10114],{"class":5598,"line":6654},[5596,10111,6076],{"class":5874},[5596,10113,9357],{"class":5613},[5596,10115,6083],{"class":5617},[5596,10117,10118,10120],{"class":5598,"line":6666},[5596,10119,6088],{"class":5874},[5596,10121,5755],{"class":5617},[5596,10123,10124,10126,10128,10130,10132,10134,10137,10139,10142,10144],{"class":5598,"line":6671},[5596,10125,10033],{"class":5665},[5596,10127,6134],{"class":5665},[5596,10129,5679],{"class":5617},[5596,10131,10048],{"class":5665},[5596,10133,5679],{"class":5617},[5596,10135,10136],{"class":5621},"map",[5596,10138,5836],{"class":5617},[5596,10140,10141],{"class":5665},"todo",[5596,10143,5749],{"class":5617},[5596,10145,10146],{"class":5609},"=>\n",[5596,10148,10149,10152,10154,10156,10158,10160,10162],{"class":5598,"line":6679},[5596,10150,10151],{"class":5665},"          todo",[5596,10153,5679],{"class":5617},[5596,10155,5807],{"class":5665},[5596,10157,7977],{"class":5617},[5596,10159,6042],{"class":5665},[5596,10161,5679],{"class":5617},[5596,10163,10164],{"class":5665},"payload\n",[5596,10166,10167,10170,10172,10174,10177,10180,10182,10184,10187],{"class":5598,"line":6691},[5596,10168,10169],{"class":5617},"            ? { ...",[5596,10171,10141],{"class":5665},[5596,10173,5700],{"class":5617},[5596,10175,10176],{"class":5665},"completed:",[5596,10178,10179],{"class":5617}," !",[5596,10181,10141],{"class":5665},[5596,10183,5679],{"class":5617},[5596,10185,10186],{"class":5665},"completed",[5596,10188,8203],{"class":5617},[5596,10190,10191,10194],{"class":5598,"line":6696},[5596,10192,10193],{"class":5617},"            : ",[5596,10195,10196],{"class":5665},"todo\n",[5596,10198,10199],{"class":5598,"line":6706},[5596,10200,10201],{"class":5617},"        ),\n",[5596,10203,10204],{"class":5598,"line":6715},[5596,10205,8822],{"class":5617},[5596,10207,10208],{"class":5598,"line":6725},[5596,10209,5650],{"emptyLinePlaceholder":5649},[5596,10211,10212,10214,10216],{"class":5598,"line":6743},[5596,10213,6076],{"class":5874},[5596,10215,9373],{"class":5613},[5596,10217,6083],{"class":5617},[5596,10219,10220,10222],{"class":5598,"line":6782},[5596,10221,6088],{"class":5874},[5596,10223,5755],{"class":5617},[5596,10225,10226,10228,10230,10232,10234,10236,10238,10240,10242,10244,10246,10249,10251,10253,10255,10257,10259,10261],{"class":5598,"line":6808},[5596,10227,10033],{"class":5665},[5596,10229,6134],{"class":5665},[5596,10231,5679],{"class":5617},[5596,10233,10048],{"class":5665},[5596,10235,5679],{"class":5617},[5596,10237,5833],{"class":5621},[5596,10239,5836],{"class":5617},[5596,10241,10141],{"class":5665},[5596,10243,5749],{"class":5617},[5596,10245,5752],{"class":5609},[5596,10247,10248],{"class":5665}," todo",[5596,10250,5679],{"class":5617},[5596,10252,5807],{"class":5665},[5596,10254,5853],{"class":5617},[5596,10256,6042],{"class":5665},[5596,10258,5679],{"class":5617},[5596,10260,6111],{"class":5665},[5596,10262,10263],{"class":5617},"),\n",[5596,10265,10266],{"class":5598,"line":6833},[5596,10267,8822],{"class":5617},[5596,10269,10270],{"class":5598,"line":6858},[5596,10271,5650],{"emptyLinePlaceholder":5649},[5596,10273,10274,10276,10278],{"class":5598,"line":6883},[5596,10275,6076],{"class":5874},[5596,10277,9389],{"class":5613},[5596,10279,6083],{"class":5617},[5596,10281,10282,10284],{"class":5598,"line":6892},[5596,10283,6088],{"class":5874},[5596,10285,5755],{"class":5617},[5596,10287,10288,10290,10292,10294,10296,10298,10300,10302,10304,10306,10308,10310,10312,10314,10316],{"class":5598,"line":6897},[5596,10289,10033],{"class":5665},[5596,10291,6134],{"class":5665},[5596,10293,5679],{"class":5617},[5596,10295,10048],{"class":5665},[5596,10297,5679],{"class":5617},[5596,10299,5833],{"class":5621},[5596,10301,5836],{"class":5617},[5596,10303,10141],{"class":5665},[5596,10305,5749],{"class":5617},[5596,10307,5752],{"class":5609},[5596,10309,10179],{"class":5617},[5596,10311,10141],{"class":5665},[5596,10313,5679],{"class":5617},[5596,10315,10186],{"class":5665},[5596,10317,10263],{"class":5617},[5596,10319,10320],{"class":5598,"line":6903},[5596,10321,8822],{"class":5617},[5596,10323,10324],{"class":5598,"line":6925},[5596,10325,5650],{"emptyLinePlaceholder":5649},[5596,10327,10328,10330],{"class":5598,"line":6930},[5596,10329,6172],{"class":5874},[5596,10331,6083],{"class":5617},[5596,10333,10334,10336,10338],{"class":5598,"line":6939},[5596,10335,6088],{"class":5874},[5596,10337,6134],{"class":5665},[5596,10339,6183],{"class":5617},[5596,10341,10342],{"class":5598,"line":6945},[5596,10343,6188],{"class":5617},[5596,10345,10346],{"class":5598,"line":6970},[5596,10347,5934],{"class":5617},[7589,10349,10350,10351,10354,10355,10357,10358,10360,10361,10364],{},"Метод ",[5523,10352,10353],{},".map()"," створює ",[5507,10356,8590],{}," масив, але копіює посилання на об'єкти. Щоб уникнути мутації об'єкта ",[5523,10359,10141],{},", ми використовуємо spread-оператор ",[5523,10362,10363],{},"{ ...todo, completed: !todo.completed }",", який створює новий об'єкт із зміненою властивістю.",[6277,10366,10368],{"id":10367},"комбінування-редюсерів-для-складного-стану","Комбінування редюсерів для складного стану",[5552,10370,10371,10372,10374],{},"Реальні застосунки мають десятки сутностей (users, posts, comments, cart, orders). Кожна сутність має власний редюсер, який відповідає лише за свою частину стану. Функція ",[5523,10373,7720],{}," об'єднує їх у єдиний кореневий редюсер:",[5586,10376,10378],{"className":5588,"code":10377,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Freducers\u002FrootReducer.ts\nimport { combineReducers } from \"redux\";\nimport { todoReducer } from \".\u002FtodoReducer\";\nimport { userReducer } from \".\u002FuserReducer\";\nimport { cartReducer } from \".\u002FcartReducer\";\n\nconst rootReducer = combineReducers({\n  todos: todoReducer,\n  user: userReducer,\n  cart: cartReducer,\n});\n\nexport type RootState = ReturnType\u003Ctypeof rootReducer>;\n\u002F\u002F RootState = {\n\u002F\u002F   todos: TodoState,\n\u002F\u002F   user: UserState,\n\u002F\u002F   cart: CartState\n\u002F\u002F }\n\nexport default rootReducer;\n",[5523,10379,10380,10385,10401,10419,10436,10453,10457,10469,10477,10485,10493,10497,10501,10524,10529,10534,10539,10544,10548,10552],{"__ignoreMap":5592},[5596,10381,10382],{"class":5598,"line":5599},[5596,10383,10384],{"class":5602},"\u002F\u002F src\u002Fstore\u002Freducers\u002FrootReducer.ts\n",[5596,10386,10387,10389,10391,10393,10395,10397,10399],{"class":5598,"line":5606},[5596,10388,9079],{"class":5874},[5596,10390,6091],{"class":5617},[5596,10392,7720],{"class":5665},[5596,10394,8316],{"class":5617},[5596,10396,9088],{"class":5874},[5596,10398,9091],{"class":6079},[5596,10400,6183],{"class":5617},[5596,10402,10403,10405,10407,10410,10412,10414,10417],{"class":5598,"line":5646},[5596,10404,9079],{"class":5874},[5596,10406,6091],{"class":5617},[5596,10408,10409],{"class":5665},"todoReducer",[5596,10411,8316],{"class":5617},[5596,10413,9088],{"class":5874},[5596,10415,10416],{"class":6079}," \".\u002FtodoReducer\"",[5596,10418,6183],{"class":5617},[5596,10420,10421,10423,10425,10427,10429,10431,10434],{"class":5598,"line":5653},[5596,10422,9079],{"class":5874},[5596,10424,6091],{"class":5617},[5596,10426,7661],{"class":5665},[5596,10428,8316],{"class":5617},[5596,10430,9088],{"class":5874},[5596,10432,10433],{"class":6079}," \".\u002FuserReducer\"",[5596,10435,6183],{"class":5617},[5596,10437,10438,10440,10442,10444,10446,10448,10451],{"class":5598,"line":5688},[5596,10439,9079],{"class":5874},[5596,10441,6091],{"class":5617},[5596,10443,7679],{"class":5665},[5596,10445,8316],{"class":5617},[5596,10447,9088],{"class":5874},[5596,10449,10450],{"class":6079}," \".\u002FcartReducer\"",[5596,10452,6183],{"class":5617},[5596,10454,10455],{"class":5598,"line":5719},[5596,10456,5650],{"emptyLinePlaceholder":5649},[5596,10458,10459,10461,10463,10465,10467],{"class":5598,"line":5724},[5596,10460,5610],{"class":5609},[5596,10462,7715],{"class":5613},[5596,10464,5618],{"class":5617},[5596,10466,7720],{"class":5621},[5596,10468,7723],{"class":5617},[5596,10470,10471,10473,10475],{"class":5598,"line":5730},[5596,10472,9943],{"class":5665},[5596,10474,9978],{"class":5665},[5596,10476,7734],{"class":5617},[5596,10478,10479,10481,10483],{"class":5598,"line":5758},[5596,10480,7728],{"class":5665},[5596,10482,7731],{"class":5665},[5596,10484,7734],{"class":5617},[5596,10486,10487,10489,10491],{"class":5598,"line":5786},[5596,10488,7739],{"class":5665},[5596,10490,6027],{"class":5665},[5596,10492,7734],{"class":5617},[5596,10494,10495],{"class":5598,"line":5792},[5596,10496,7758],{"class":5617},[5596,10498,10499],{"class":5598,"line":5797},[5596,10500,5650],{"emptyLinePlaceholder":5649},[5596,10502,10503,10505,10507,10510,10512,10515,10517,10519,10521],{"class":5598,"line":5821},[5596,10504,9335],{"class":5874},[5596,10506,9466],{"class":5609},[5596,10508,10509],{"class":5628}," RootState",[5596,10511,5618],{"class":5617},[5596,10513,10514],{"class":5628},"ReturnType",[5596,10516,5625],{"class":5617},[5596,10518,9484],{"class":5609},[5596,10520,7715],{"class":5665},[5596,10522,10523],{"class":5617},">;\n",[5596,10525,10526],{"class":5598,"line":5861},[5596,10527,10528],{"class":5602},"\u002F\u002F RootState = {\n",[5596,10530,10531],{"class":5598,"line":5866},[5596,10532,10533],{"class":5602},"\u002F\u002F   todos: TodoState,\n",[5596,10535,10536],{"class":5598,"line":5871},[5596,10537,10538],{"class":5602},"\u002F\u002F   user: UserState,\n",[5596,10540,10541],{"class":5598,"line":5881},[5596,10542,10543],{"class":5602},"\u002F\u002F   cart: CartState\n",[5596,10545,10546],{"class":5598,"line":5926},[5596,10547,7813],{"class":5602},[5596,10549,10550],{"class":5598,"line":5937},[5596,10551,5650],{"emptyLinePlaceholder":5649},[5596,10553,10554,10556,10559,10561],{"class":5598,"line":5947},[5596,10555,9335],{"class":5874},[5596,10557,10558],{"class":5874}," default",[5596,10560,7715],{"class":5665},[5596,10562,6183],{"class":5617},[5586,10564,10566],{"className":5588,"code":10565,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Findex.ts — створення store\nimport { createStore } from \"redux\";\nimport rootReducer from \".\u002Freducers\u002FrootReducer\";\n\nconst store = createStore(rootReducer);\n\nexport default store;\n",[5523,10567,10568,10573,10589,10603,10607,10623,10627],{"__ignoreMap":5592},[5596,10569,10570],{"class":5598,"line":5599},[5596,10571,10572],{"class":5602},"\u002F\u002F src\u002Fstore\u002Findex.ts — створення store\n",[5596,10574,10575,10577,10579,10581,10583,10585,10587],{"class":5598,"line":5606},[5596,10576,9079],{"class":5874},[5596,10578,6091],{"class":5617},[5596,10580,7114],{"class":5665},[5596,10582,8316],{"class":5617},[5596,10584,9088],{"class":5874},[5596,10586,9091],{"class":6079},[5596,10588,6183],{"class":5617},[5596,10590,10591,10593,10595,10598,10601],{"class":5598,"line":5646},[5596,10592,9079],{"class":5874},[5596,10594,7715],{"class":5665},[5596,10596,10597],{"class":5874}," from",[5596,10599,10600],{"class":6079}," \".\u002Freducers\u002FrootReducer\"",[5596,10602,6183],{"class":5617},[5596,10604,10605],{"class":5598,"line":5653},[5596,10606,5650],{"emptyLinePlaceholder":5649},[5596,10608,10609,10611,10613,10615,10617,10619,10621],{"class":5598,"line":5688},[5596,10610,5610],{"class":5609},[5596,10612,7104],{"class":5613},[5596,10614,5618],{"class":5617},[5596,10616,7114],{"class":5621},[5596,10618,5826],{"class":5617},[5596,10620,7777],{"class":5665},[5596,10622,5643],{"class":5617},[5596,10624,10625],{"class":5598,"line":5719},[5596,10626,5650],{"emptyLinePlaceholder":5649},[5596,10628,10629,10631,10633,10635],{"class":5598,"line":5724},[5596,10630,9335],{"class":5874},[5596,10632,10558],{"class":5874},[5596,10634,7104],{"class":5665},[5596,10636,6183],{"class":5617},[6226,10638,10639,10640,10643],{},"Тип ",[5523,10641,10642],{},"RootState"," автоматично виводиться з структури комбінованих редюсерів. Це дозволяє TypeScript перевіряти типи у всіх селекторах стану без ручного дублювання інтерфейсів.",[5544,10645],{},[5547,10647,10649],{"id":10648},"інтеграція-redux-із-react-через-react-redux","Інтеграція Redux із React через react-redux",[5552,10651,10652,10653,10655],{},"Тепер, коли ми розуміємо Redux у відриві від React, інтеграція стане очевидною. Бібліотека ",[5507,10654,9288],{}," надає два ключові інструменти:",[10657,10658,10659,10667],"ol",{},[5487,10660,10661,10666],{},[5507,10662,10663],{},[5523,10664,10665],{},"\u003CProvider store={store}>"," — компонент, що робить store доступним для всього дерева React.",[5487,10668,10669,10677],{},[5507,10670,10671,10672,5568,10674],{},"Хуки ",[5523,10673,8151],{},[5523,10675,10676],{},"useDispatch"," — сучасний спосіб читання стану та відправки actions.",[10679,10680,10681,10714],"tabs",{},[10682,10683,10685],"tabs-item",{"label":10684},"npm",[5586,10686,10690],{"className":10687,"code":10688,"language":10689,"meta":5592,"style":5592},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install react-redux\nnpm install --save-dev @types\u002Freact-redux\n","bash",[5523,10691,10692,10702],{"__ignoreMap":5592},[5596,10693,10694,10696,10699],{"class":5598,"line":5599},[5596,10695,10684],{"class":5621},[5596,10697,10698],{"class":6079}," install",[5596,10700,10701],{"class":6079}," react-redux\n",[5596,10703,10704,10706,10708,10711],{"class":5598,"line":5606},[5596,10705,10684],{"class":5621},[5596,10707,10698],{"class":6079},[5596,10709,10710],{"class":5609}," --save-dev",[5596,10712,10713],{"class":6079}," @types\u002Freact-redux\n",[10682,10715,10717],{"label":10716},"pnpm",[5586,10718,10720],{"className":10687,"code":10719,"language":10689,"meta":5592,"style":5592},"pnpm add react-redux\npnpm add -D @types\u002Freact-redux\n",[5523,10721,10722,10731],{"__ignoreMap":5592},[5596,10723,10724,10726,10729],{"class":5598,"line":5599},[5596,10725,10716],{"class":5621},[5596,10727,10728],{"class":6079}," add",[5596,10730,10701],{"class":6079},[5596,10732,10733,10735,10737,10740],{"class":5598,"line":5606},[5596,10734,10716],{"class":5621},[5596,10736,10728],{"class":6079},[5596,10738,10739],{"class":5609}," -D",[5596,10741,10713],{"class":6079},[6277,10743,10745],{"id":10744},"налаштування-provider-у-кореневому-компоненті","Налаштування Provider у кореневому компоненті",[5586,10747,10749],{"className":5588,"code":10748,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fmain.tsx — точка входу\nimport React from \"react\";\nimport ReactDOM from \"react-dom\u002Fclient\";\nimport { Provider } from \"react-redux\";\nimport store from \".\u002Fstore\";\nimport App from \".\u002FApp\";\nimport \".\u002Findex.css\";\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(\n  \u003CReact.StrictMode>\n    \u003CProvider store={store}>\n      \u003CApp \u002F>\n    \u003C\u002FProvider>\n  \u003C\u002FReact.StrictMode>\n);\n",[5523,10750,10751,10756,10770,10784,10802,10815,10829,10838,10842,10873,10882,10900,10910,10918,10926],{"__ignoreMap":5592},[5596,10752,10753],{"class":5598,"line":5599},[5596,10754,10755],{"class":5602},"\u002F\u002F src\u002Fmain.tsx — точка входу\n",[5596,10757,10758,10760,10763,10765,10768],{"class":5598,"line":5606},[5596,10759,9079],{"class":5874},[5596,10761,10762],{"class":5665}," React",[5596,10764,10597],{"class":5874},[5596,10766,10767],{"class":6079}," \"react\"",[5596,10769,6183],{"class":5617},[5596,10771,10772,10774,10777,10779,10782],{"class":5598,"line":5646},[5596,10773,9079],{"class":5874},[5596,10775,10776],{"class":5665}," ReactDOM",[5596,10778,10597],{"class":5874},[5596,10780,10781],{"class":6079}," \"react-dom\u002Fclient\"",[5596,10783,6183],{"class":5617},[5596,10785,10786,10788,10790,10793,10795,10797,10800],{"class":5598,"line":5653},[5596,10787,9079],{"class":5874},[5596,10789,6091],{"class":5617},[5596,10791,10792],{"class":5665},"Provider",[5596,10794,8316],{"class":5617},[5596,10796,9088],{"class":5874},[5596,10798,10799],{"class":6079}," \"react-redux\"",[5596,10801,6183],{"class":5617},[5596,10803,10804,10806,10808,10810,10813],{"class":5598,"line":5688},[5596,10805,9079],{"class":5874},[5596,10807,7104],{"class":5665},[5596,10809,10597],{"class":5874},[5596,10811,10812],{"class":6079}," \".\u002Fstore\"",[5596,10814,6183],{"class":5617},[5596,10816,10817,10819,10822,10824,10827],{"class":5598,"line":5719},[5596,10818,9079],{"class":5874},[5596,10820,10821],{"class":5665}," App",[5596,10823,10597],{"class":5874},[5596,10825,10826],{"class":6079}," \".\u002FApp\"",[5596,10828,6183],{"class":5617},[5596,10830,10831,10833,10836],{"class":5598,"line":5724},[5596,10832,9079],{"class":5874},[5596,10834,10835],{"class":6079}," \".\u002Findex.css\"",[5596,10837,6183],{"class":5617},[5596,10839,10840],{"class":5598,"line":5730},[5596,10841,5650],{"emptyLinePlaceholder":5649},[5596,10843,10844,10847,10849,10852,10854,10857,10859,10861,10863,10866,10869,10871],{"class":5598,"line":5758},[5596,10845,10846],{"class":5665},"ReactDOM",[5596,10848,5679],{"class":5617},[5596,10850,10851],{"class":5621},"createRoot",[5596,10853,5826],{"class":5617},[5596,10855,10856],{"class":5665},"document",[5596,10858,5679],{"class":5617},[5596,10860,7150],{"class":5621},[5596,10862,5826],{"class":5617},[5596,10864,10865],{"class":6079},"\"root\"",[5596,10867,10868],{"class":5617},")!).",[5596,10870,7277],{"class":5621},[5596,10872,8691],{"class":5617},[5596,10874,10875,10877,10880],{"class":5598,"line":5786},[5596,10876,6339],{"class":5884},[5596,10878,10879],{"class":5628},"React.StrictMode",[5596,10881,5923],{"class":5884},[5596,10883,10884,10886,10888,10890,10892,10894,10896,10898],{"class":5598,"line":5792},[5596,10885,5885],{"class":5884},[5596,10887,10792],{"class":5628},[5596,10889,7104],{"class":5891},[5596,10891,5895],{"class":5617},[5596,10893,5898],{"class":5609},[5596,10895,7838],{"class":5665},[5596,10897,5920],{"class":5609},[5596,10899,5923],{"class":5884},[5596,10901,10902,10905,10908],{"class":5598,"line":5797},[5596,10903,10904],{"class":5884},"      \u003C",[5596,10906,10907],{"class":5628},"App",[5596,10909,6353],{"class":5884},[5596,10911,10912,10914,10916],{"class":5598,"line":5821},[5596,10913,5940],{"class":5884},[5596,10915,10792],{"class":5628},[5596,10917,5923],{"class":5884},[5596,10919,10920,10922,10924],{"class":5598,"line":5861},[5596,10921,6699],{"class":5884},[5596,10923,10879],{"class":5628},[5596,10925,5923],{"class":5884},[5596,10927,10928],{"class":5598,"line":5866},[5596,10929,5643],{"class":5617},[7589,10931,10932,10934,10935,10938,10939,5679],{},[5523,10933,9284],{}," використовує React Context під капотом, щоб передати store всім компонентам-нащадкам. Однак на відміну від звичайного Context, react-redux ",[5507,10936,10937],{},"оптимізує"," перерендери: компоненти оновлюються лише при зміні тих частин стану, які вони безпосередньо читають через ",[5523,10940,8151],{},[6277,10942,10944],{"id":10943},"useselector-читання-стану-з-типізацією","useSelector: читання стану з типізацією",[5552,10946,10947,10948,10950],{},"Хук ",[5523,10949,8151],{}," приймає функцію-селектор, яка витягує потрібну частину стану зі store:",[5586,10952,10954],{"className":5588,"code":10953,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fcomponents\u002FTodoList.tsx\nimport { useSelector } from \"react-redux\";\nimport { RootState } from \"..\u002Fstore\u002Freducers\u002FrootReducer\";\nimport { Todo } from \"..\u002Fstore\u002Ftypes\";\n\nfunction TodoList() {\n  \u002F\u002F Типізований селектор: TypeScript знає структуру RootState\n  const todos = useSelector((state: RootState) => state.todos.todos);\n\n  return (\n    \u003Cul className=\"todo-list\">\n      {todos.map((todo) => (\n        \u003Cli key={todo.id} className={todo.completed ? \"completed\" : \"\"}>\n          \u003Cspan>{todo.text}\u003C\u002Fspan>\n        \u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  );\n}\n\nexport default TodoList;\n",[5523,10955,10956,10961,10977,10994,11011,11015,11024,11029,11064,11068,11074,11090,11110,11160,11185,11194,11201,11209,11213,11217,11221],{"__ignoreMap":5592},[5596,10957,10958],{"class":5598,"line":5599},[5596,10959,10960],{"class":5602},"\u002F\u002F src\u002Fcomponents\u002FTodoList.tsx\n",[5596,10962,10963,10965,10967,10969,10971,10973,10975],{"class":5598,"line":5606},[5596,10964,9079],{"class":5874},[5596,10966,6091],{"class":5617},[5596,10968,8151],{"class":5665},[5596,10970,8316],{"class":5617},[5596,10972,9088],{"class":5874},[5596,10974,10799],{"class":6079},[5596,10976,6183],{"class":5617},[5596,10978,10979,10981,10983,10985,10987,10989,10992],{"class":5598,"line":5646},[5596,10980,9079],{"class":5874},[5596,10982,6091],{"class":5617},[5596,10984,10642],{"class":5665},[5596,10986,8316],{"class":5617},[5596,10988,9088],{"class":5874},[5596,10990,10991],{"class":6079}," \"..\u002Fstore\u002Freducers\u002FrootReducer\"",[5596,10993,6183],{"class":5617},[5596,10995,10996,10998,11000,11002,11004,11006,11009],{"class":5598,"line":5653},[5596,10997,9079],{"class":5874},[5596,10999,6091],{"class":5617},[5596,11001,9879],{"class":5665},[5596,11003,8316],{"class":5617},[5596,11005,9088],{"class":5874},[5596,11007,11008],{"class":6079}," \"..\u002Fstore\u002Ftypes\"",[5596,11010,6183],{"class":5617},[5596,11012,11013],{"class":5598,"line":5688},[5596,11014,5650],{"emptyLinePlaceholder":5649},[5596,11016,11017,11019,11022],{"class":5598,"line":5719},[5596,11018,5656],{"class":5609},[5596,11020,11021],{"class":5621}," TodoList",[5596,11023,7178],{"class":5617},[5596,11025,11026],{"class":5598,"line":5724},[5596,11027,11028],{"class":5602},"  \u002F\u002F Типізований селектор: TypeScript знає структуру RootState\n",[5596,11030,11031,11033,11036,11038,11040,11042,11044,11046,11048,11050,11052,11054,11056,11058,11060,11062],{"class":5598,"line":5730},[5596,11032,5691],{"class":5609},[5596,11034,11035],{"class":5613}," todos",[5596,11037,5618],{"class":5617},[5596,11039,8151],{"class":5621},[5596,11041,5836],{"class":5617},[5596,11043,6032],{"class":5665},[5596,11045,5674],{"class":5617},[5596,11047,10642],{"class":5628},[5596,11049,5749],{"class":5617},[5596,11051,5752],{"class":5609},[5596,11053,6134],{"class":5665},[5596,11055,5679],{"class":5617},[5596,11057,10048],{"class":5665},[5596,11059,5679],{"class":5617},[5596,11061,10048],{"class":5665},[5596,11063,5643],{"class":5617},[5596,11065,11066],{"class":5598,"line":5758},[5596,11067,5650],{"emptyLinePlaceholder":5649},[5596,11069,11070,11072],{"class":5598,"line":5786},[5596,11071,5875],{"class":5874},[5596,11073,5878],{"class":5617},[5596,11075,11076,11078,11080,11083,11085,11088],{"class":5598,"line":5792},[5596,11077,5885],{"class":5884},[5596,11079,5484],{"class":6302},[5596,11081,11082],{"class":5891}," className",[5596,11084,5895],{"class":5617},[5596,11086,11087],{"class":6079},"\"todo-list\"",[5596,11089,5923],{"class":5884},[5596,11091,11092,11094,11096,11098,11100,11102,11104,11106,11108],{"class":5598,"line":5797},[5596,11093,5929],{"class":5609},[5596,11095,10048],{"class":5665},[5596,11097,5679],{"class":5901},[5596,11099,10136],{"class":5621},[5596,11101,5836],{"class":5901},[5596,11103,10141],{"class":5665},[5596,11105,5749],{"class":5901},[5596,11107,5752],{"class":5609},[5596,11109,5878],{"class":5901},[5596,11111,11112,11115,11117,11120,11122,11124,11126,11128,11130,11132,11134,11136,11138,11140,11142,11144,11147,11150,11153,11156,11158],{"class":5598,"line":5821},[5596,11113,11114],{"class":5884},"        \u003C",[5596,11116,5487],{"class":6302},[5596,11118,11119],{"class":5891}," key",[5596,11121,5895],{"class":5617},[5596,11123,5898],{"class":5609},[5596,11125,10141],{"class":5665},[5596,11127,5679],{"class":5901},[5596,11129,5807],{"class":5665},[5596,11131,5920],{"class":5609},[5596,11133,11082],{"class":5891},[5596,11135,5895],{"class":5617},[5596,11137,5898],{"class":5609},[5596,11139,10141],{"class":5665},[5596,11141,5679],{"class":5901},[5596,11143,10186],{"class":5665},[5596,11145,11146],{"class":5617}," ?",[5596,11148,11149],{"class":6079}," \"completed\"",[5596,11151,11152],{"class":5617}," :",[5596,11154,11155],{"class":6079}," \"\"",[5596,11157,5920],{"class":5609},[5596,11159,5923],{"class":5884},[5596,11161,11162,11165,11167,11169,11171,11173,11175,11177,11179,11181,11183],{"class":5598,"line":5861},[5596,11163,11164],{"class":5884},"          \u003C",[5596,11166,5596],{"class":6302},[5596,11168,6387],{"class":5884},[5596,11170,5898],{"class":5609},[5596,11172,10141],{"class":5665},[5596,11174,5679],{"class":5901},[5596,11176,9307],{"class":5665},[5596,11178,5920],{"class":5609},[5596,11180,6393],{"class":5884},[5596,11182,5596],{"class":6302},[5596,11184,5923],{"class":5884},[5596,11186,11187,11190,11192],{"class":5598,"line":5866},[5596,11188,11189],{"class":5884},"        \u003C\u002F",[5596,11191,5487],{"class":6302},[5596,11193,5923],{"class":5884},[5596,11195,11196,11199],{"class":5598,"line":5871},[5596,11197,11198],{"class":5901},"      ))",[5596,11200,5934],{"class":5609},[5596,11202,11203,11205,11207],{"class":5598,"line":5881},[5596,11204,5940],{"class":5884},[5596,11206,5484],{"class":6302},[5596,11208,5923],{"class":5884},[5596,11210,11211],{"class":5598,"line":5926},[5596,11212,5950],{"class":5617},[5596,11214,11215],{"class":5598,"line":5937},[5596,11216,5934],{"class":5617},[5596,11218,11219],{"class":5598,"line":5947},[5596,11220,5650],{"emptyLinePlaceholder":5649},[5596,11222,11223,11225,11227,11229],{"class":5598,"line":5953},[5596,11224,9335],{"class":5874},[5596,11226,10558],{"class":5874},[5596,11228,11021],{"class":5665},[5596,11230,6183],{"class":5617},[5552,11232,11233],{},[5507,11234,11235],{},"Селектори з обчисленнями:",[5586,11237,11239],{"className":5588,"code":11238,"language":5591,"meta":5592,"style":5592},"function TodoStats() {\n  const totalCount = useSelector((state: RootState) => state.todos.todos.length);\n  const completedCount = useSelector(\n    (state: RootState) => state.todos.todos.filter((t) => t.completed).length\n  );\n  const activeCount = totalCount - completedCount;\n\n  return (\n    \u003Cdiv className=\"stats\">\n      \u003Cp>Всього: {totalCount}\u003C\u002Fp>\n      \u003Cp>Активних: {activeCount}\u003C\u002Fp>\n      \u003Cp>Виконаних: {completedCount}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5523,11240,11241,11250,11290,11303,11353,11357,11376,11380,11386,11401,11424,11448,11471,11479,11483],{"__ignoreMap":5592},[5596,11242,11243,11245,11248],{"class":5598,"line":5599},[5596,11244,5656],{"class":5609},[5596,11246,11247],{"class":5621}," TodoStats",[5596,11249,7178],{"class":5617},[5596,11251,11252,11254,11257,11259,11261,11263,11265,11267,11269,11271,11273,11275,11277,11279,11281,11283,11285,11288],{"class":5598,"line":5606},[5596,11253,5691],{"class":5609},[5596,11255,11256],{"class":5613}," totalCount",[5596,11258,5618],{"class":5617},[5596,11260,8151],{"class":5621},[5596,11262,5836],{"class":5617},[5596,11264,6032],{"class":5665},[5596,11266,5674],{"class":5617},[5596,11268,10642],{"class":5628},[5596,11270,5749],{"class":5617},[5596,11272,5752],{"class":5609},[5596,11274,6134],{"class":5665},[5596,11276,5679],{"class":5617},[5596,11278,10048],{"class":5665},[5596,11280,5679],{"class":5617},[5596,11282,10048],{"class":5665},[5596,11284,5679],{"class":5617},[5596,11286,11287],{"class":5665},"length",[5596,11289,5643],{"class":5617},[5596,11291,11292,11294,11297,11299,11301],{"class":5598,"line":5646},[5596,11293,5691],{"class":5609},[5596,11295,11296],{"class":5613}," completedCount",[5596,11298,5618],{"class":5617},[5596,11300,8151],{"class":5621},[5596,11302,8691],{"class":5617},[5596,11304,11305,11308,11310,11312,11314,11316,11318,11320,11322,11324,11326,11328,11330,11332,11334,11337,11339,11341,11344,11346,11348,11350],{"class":5598,"line":5653},[5596,11306,11307],{"class":5617},"    (",[5596,11309,6032],{"class":5665},[5596,11311,5674],{"class":5617},[5596,11313,10642],{"class":5628},[5596,11315,5749],{"class":5617},[5596,11317,5752],{"class":5609},[5596,11319,6134],{"class":5665},[5596,11321,5679],{"class":5617},[5596,11323,10048],{"class":5665},[5596,11325,5679],{"class":5617},[5596,11327,10048],{"class":5665},[5596,11329,5679],{"class":5617},[5596,11331,5833],{"class":5621},[5596,11333,5836],{"class":5617},[5596,11335,11336],{"class":5665},"t",[5596,11338,5749],{"class":5617},[5596,11340,5752],{"class":5609},[5596,11342,11343],{"class":5665}," t",[5596,11345,5679],{"class":5617},[5596,11347,10186],{"class":5665},[5596,11349,7311],{"class":5617},[5596,11351,11352],{"class":5665},"length\n",[5596,11354,11355],{"class":5598,"line":5688},[5596,11356,5950],{"class":5617},[5596,11358,11359,11361,11364,11366,11369,11371,11374],{"class":5598,"line":5719},[5596,11360,5691],{"class":5609},[5596,11362,11363],{"class":5613}," activeCount",[5596,11365,5618],{"class":5617},[5596,11367,11368],{"class":5665},"totalCount",[5596,11370,8854],{"class":5617},[5596,11372,11373],{"class":5665},"completedCount",[5596,11375,6183],{"class":5617},[5596,11377,11378],{"class":5598,"line":5724},[5596,11379,5650],{"emptyLinePlaceholder":5649},[5596,11381,11382,11384],{"class":5598,"line":5730},[5596,11383,5875],{"class":5874},[5596,11385,5878],{"class":5617},[5596,11387,11388,11390,11392,11394,11396,11399],{"class":5598,"line":5758},[5596,11389,5885],{"class":5884},[5596,11391,6730],{"class":6302},[5596,11393,11082],{"class":5891},[5596,11395,5895],{"class":5617},[5596,11397,11398],{"class":6079},"\"stats\"",[5596,11400,5923],{"class":5884},[5596,11402,11403,11405,11407,11409,11412,11414,11416,11418,11420,11422],{"class":5598,"line":5786},[5596,11404,10904],{"class":5884},[5596,11406,5552],{"class":6302},[5596,11408,6387],{"class":5884},[5596,11410,11411],{"class":5617},"Всього: ",[5596,11413,5898],{"class":5609},[5596,11415,11368],{"class":5665},[5596,11417,5920],{"class":5609},[5596,11419,6393],{"class":5884},[5596,11421,5552],{"class":6302},[5596,11423,5923],{"class":5884},[5596,11425,11426,11428,11430,11432,11435,11437,11440,11442,11444,11446],{"class":5598,"line":5792},[5596,11427,10904],{"class":5884},[5596,11429,5552],{"class":6302},[5596,11431,6387],{"class":5884},[5596,11433,11434],{"class":5617},"Активних: ",[5596,11436,5898],{"class":5609},[5596,11438,11439],{"class":5665},"activeCount",[5596,11441,5920],{"class":5609},[5596,11443,6393],{"class":5884},[5596,11445,5552],{"class":6302},[5596,11447,5923],{"class":5884},[5596,11449,11450,11452,11454,11456,11459,11461,11463,11465,11467,11469],{"class":5598,"line":5797},[5596,11451,10904],{"class":5884},[5596,11453,5552],{"class":6302},[5596,11455,6387],{"class":5884},[5596,11457,11458],{"class":5617},"Виконаних: ",[5596,11460,5898],{"class":5609},[5596,11462,11373],{"class":5665},[5596,11464,5920],{"class":5609},[5596,11466,6393],{"class":5884},[5596,11468,5552],{"class":6302},[5596,11470,5923],{"class":5884},[5596,11472,11473,11475,11477],{"class":5598,"line":5821},[5596,11474,5940],{"class":5884},[5596,11476,6730],{"class":6302},[5596,11478,5923],{"class":5884},[5596,11480,11481],{"class":5598,"line":5861},[5596,11482,5950],{"class":5617},[5596,11484,11485],{"class":5598,"line":5866},[5596,11486,5934],{"class":5617},[8146,11488,11489,11492,11493,11495,11496,11499,11500,11503,11504,7311],{},[5507,11490,11491],{},"Проблема продуктивності:"," кожен виклик ",[5523,11494,8151],{}," створює нову функцію-селектор. Якщо селектор виконує складні обчислення (фільтрацію, сортування, агрегацію), ці обчислення повторюються при ",[5507,11497,11498],{},"кожному"," рендері компонента. Для складних селекторів використовуйте бібліотеку ",[5523,11501,11502],{},"reselect"," (мемоїзовані селектори) або Redux Toolkit (вбудована ",[5523,11505,11506],{},"createSelector",[6277,11508,11510],{"id":11509},"usedispatch-відправка-actions","useDispatch: відправка actions",[5552,11512,10947,11513,11515,11516,11518],{},[5523,11514,10676],{}," повертає функцію ",[5523,11517,6206],{},", через яку відправляються actions:",[5586,11520,11522],{"className":5588,"code":11521,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fcomponents\u002FAddTodoForm.tsx\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { addTodo } from \"..\u002Fstore\u002Factions\u002FtodoActions\";\n\nfunction AddTodoForm() {\n  const [text, setText] = useState(\"\");\n  const dispatch = useDispatch();\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault();\n    if (text.trim()) {\n      dispatch(addTodo(text)); \u002F\u002F Відправка action через action creator\n      setText(\"\");\n    }\n  }\n\n  return (\n    \u003Cform onSubmit={handleSubmit} className=\"add-todo-form\">\n      \u003Cinput\n        type=\"text\"\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        placeholder=\"Нова задача...\"\n      \u002F>\n      \u003Cbutton type=\"submit\">Додати\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  );\n}\n\nexport default AddTodoForm;\n",[5523,11523,11524,11529,11545,11561,11579,11583,11592,11616,11629,11633,11657,11669,11686,11705,11716,11720,11724,11728,11734,11762,11769,11779,11792,11830,11840,11845,11869,11877,11881,11885,11889],{"__ignoreMap":5592},[5596,11525,11526],{"class":5598,"line":5599},[5596,11527,11528],{"class":5602},"\u002F\u002F src\u002Fcomponents\u002FAddTodoForm.tsx\n",[5596,11530,11531,11533,11535,11537,11539,11541,11543],{"class":5598,"line":5606},[5596,11532,9079],{"class":5874},[5596,11534,6091],{"class":5617},[5596,11536,5567],{"class":5665},[5596,11538,8316],{"class":5617},[5596,11540,9088],{"class":5874},[5596,11542,10767],{"class":6079},[5596,11544,6183],{"class":5617},[5596,11546,11547,11549,11551,11553,11555,11557,11559],{"class":5598,"line":5646},[5596,11548,9079],{"class":5874},[5596,11550,6091],{"class":5617},[5596,11552,10676],{"class":5665},[5596,11554,8316],{"class":5617},[5596,11556,9088],{"class":5874},[5596,11558,10799],{"class":6079},[5596,11560,6183],{"class":5617},[5596,11562,11563,11565,11567,11570,11572,11574,11577],{"class":5598,"line":5653},[5596,11564,9079],{"class":5874},[5596,11566,6091],{"class":5617},[5596,11568,11569],{"class":5665},"addTodo",[5596,11571,8316],{"class":5617},[5596,11573,9088],{"class":5874},[5596,11575,11576],{"class":6079}," \"..\u002Fstore\u002Factions\u002FtodoActions\"",[5596,11578,6183],{"class":5617},[5596,11580,11581],{"class":5598,"line":5688},[5596,11582,5650],{"emptyLinePlaceholder":5649},[5596,11584,11585,11587,11590],{"class":5598,"line":5719},[5596,11586,5656],{"class":5609},[5596,11588,11589],{"class":5621}," AddTodoForm",[5596,11591,7178],{"class":5617},[5596,11593,11594,11596,11598,11600,11602,11605,11607,11609,11611,11614],{"class":5598,"line":5724},[5596,11595,5691],{"class":5609},[5596,11597,5694],{"class":5617},[5596,11599,9307],{"class":5613},[5596,11601,5700],{"class":5617},[5596,11603,11604],{"class":5613},"setText",[5596,11606,5706],{"class":5617},[5596,11608,5567],{"class":5621},[5596,11610,5826],{"class":5617},[5596,11612,11613],{"class":6079},"\"\"",[5596,11615,5643],{"class":5617},[5596,11617,11618,11620,11623,11625,11627],{"class":5598,"line":5730},[5596,11619,5691],{"class":5609},[5596,11621,11622],{"class":5613}," dispatch",[5596,11624,5618],{"class":5617},[5596,11626,10676],{"class":5621},[5596,11628,7199],{"class":5617},[5596,11630,11631],{"class":5598,"line":5758},[5596,11632,5650],{"emptyLinePlaceholder":5649},[5596,11634,11635,11638,11641,11643,11646,11648,11650,11652,11655],{"class":5598,"line":5786},[5596,11636,11637],{"class":5609},"  function",[5596,11639,11640],{"class":5621}," handleSubmit",[5596,11642,5826],{"class":5617},[5596,11644,11645],{"class":5665},"e",[5596,11647,5674],{"class":5617},[5596,11649,2303],{"class":5628},[5596,11651,5679],{"class":5617},[5596,11653,11654],{"class":5628},"FormEvent",[5596,11656,6071],{"class":5617},[5596,11658,11659,11662,11664,11667],{"class":5598,"line":5792},[5596,11660,11661],{"class":5665},"    e",[5596,11663,5679],{"class":5617},[5596,11665,11666],{"class":5621},"preventDefault",[5596,11668,7199],{"class":5617},[5596,11670,11671,11674,11676,11678,11680,11683],{"class":5598,"line":5797},[5596,11672,11673],{"class":5874},"    if",[5596,11675,6062],{"class":5617},[5596,11677,9307],{"class":5665},[5596,11679,5679],{"class":5617},[5596,11681,11682],{"class":5621},"trim",[5596,11684,11685],{"class":5617},"()) {\n",[5596,11687,11688,11691,11693,11695,11697,11699,11702],{"class":5598,"line":5821},[5596,11689,11690],{"class":5621},"      dispatch",[5596,11692,5826],{"class":5617},[5596,11694,11569],{"class":5621},[5596,11696,5826],{"class":5617},[5596,11698,9307],{"class":5665},[5596,11700,11701],{"class":5617},")); ",[5596,11703,11704],{"class":5602},"\u002F\u002F Відправка action через action creator\n",[5596,11706,11707,11710,11712,11714],{"class":5598,"line":5861},[5596,11708,11709],{"class":5621},"      setText",[5596,11711,5826],{"class":5617},[5596,11713,11613],{"class":6079},[5596,11715,5643],{"class":5617},[5596,11717,11718],{"class":5598,"line":5866},[5596,11719,6461],{"class":5617},[5596,11721,11722],{"class":5598,"line":5871},[5596,11723,6188],{"class":5617},[5596,11725,11726],{"class":5598,"line":5881},[5596,11727,5650],{"emptyLinePlaceholder":5649},[5596,11729,11730,11732],{"class":5598,"line":5926},[5596,11731,5875],{"class":5874},[5596,11733,5878],{"class":5617},[5596,11735,11736,11738,11741,11744,11746,11748,11751,11753,11755,11757,11760],{"class":5598,"line":5937},[5596,11737,5885],{"class":5884},[5596,11739,11740],{"class":6302},"form",[5596,11742,11743],{"class":5891}," onSubmit",[5596,11745,5895],{"class":5617},[5596,11747,5898],{"class":5609},[5596,11749,11750],{"class":5665},"handleSubmit",[5596,11752,5920],{"class":5609},[5596,11754,11082],{"class":5891},[5596,11756,5895],{"class":5617},[5596,11758,11759],{"class":6079},"\"add-todo-form\"",[5596,11761,5923],{"class":5884},[5596,11763,11764,11766],{"class":5598,"line":5947},[5596,11765,10904],{"class":5884},[5596,11767,11768],{"class":6302},"input\n",[5596,11770,11771,11774,11776],{"class":5598,"line":5953},[5596,11772,11773],{"class":5891},"        type",[5596,11775,5895],{"class":5617},[5596,11777,11778],{"class":6079},"\"text\"\n",[5596,11780,11781,11784,11786,11788,11790],{"class":5598,"line":6578},[5596,11782,11783],{"class":5891},"        value",[5596,11785,5895],{"class":5617},[5596,11787,5898],{"class":5609},[5596,11789,9307],{"class":5665},[5596,11791,5934],{"class":5609},[5596,11793,11794,11797,11799,11801,11803,11805,11807,11809,11812,11814,11816,11818,11821,11823,11825,11828],{"class":5598,"line":6591},[5596,11795,11796],{"class":5891},"        onChange",[5596,11798,5895],{"class":5617},[5596,11800,5898],{"class":5609},[5596,11802,5826],{"class":5901},[5596,11804,11645],{"class":5665},[5596,11806,5749],{"class":5901},[5596,11808,5752],{"class":5609},[5596,11810,11811],{"class":5621}," setText",[5596,11813,5826],{"class":5901},[5596,11815,11645],{"class":5665},[5596,11817,5679],{"class":5901},[5596,11819,11820],{"class":5665},"target",[5596,11822,5679],{"class":5901},[5596,11824,8779],{"class":5665},[5596,11826,11827],{"class":5901},")",[5596,11829,5934],{"class":5609},[5596,11831,11832,11835,11837],{"class":5598,"line":6604},[5596,11833,11834],{"class":5891},"        placeholder",[5596,11836,5895],{"class":5617},[5596,11838,11839],{"class":6079},"\"Нова задача...\"\n",[5596,11841,11842],{"class":5598,"line":6616},[5596,11843,11844],{"class":5884},"      \u002F>\n",[5596,11846,11847,11849,11851,11853,11855,11858,11860,11863,11865,11867],{"class":5598,"line":6629},[5596,11848,10904],{"class":5884},[5596,11850,6787],{"class":6302},[5596,11852,9466],{"class":5891},[5596,11854,5895],{"class":5617},[5596,11856,11857],{"class":6079},"\"submit\"",[5596,11859,6387],{"class":5884},[5596,11861,11862],{"class":5617},"Додати",[5596,11864,6393],{"class":5884},[5596,11866,6787],{"class":6302},[5596,11868,5923],{"class":5884},[5596,11870,11871,11873,11875],{"class":5598,"line":6642},[5596,11872,5940],{"class":5884},[5596,11874,11740],{"class":6302},[5596,11876,5923],{"class":5884},[5596,11878,11879],{"class":5598,"line":6654},[5596,11880,5950],{"class":5617},[5596,11882,11883],{"class":5598,"line":6666},[5596,11884,5934],{"class":5617},[5596,11886,11887],{"class":5598,"line":6671},[5596,11888,5650],{"emptyLinePlaceholder":5649},[5596,11890,11891,11893,11895,11897],{"class":5598,"line":6679},[5596,11892,9335],{"class":5874},[5596,11894,10558],{"class":5874},[5596,11896,11589],{"class":5665},[5596,11898,6183],{"class":5617},[6277,11900,11902],{"id":11901},"повний-компонент-із-useselector-та-usedispatch","Повний компонент із useSelector та useDispatch",[5586,11904,11906],{"className":5588,"code":11905,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fcomponents\u002FTodoItem.tsx\nimport { useDispatch } from \"react-redux\";\nimport { toggleTodo, deleteTodo } from \"..\u002Fstore\u002Factions\u002FtodoActions\";\nimport { Todo } from \"..\u002Fstore\u002Ftypes\";\n\ninterface TodoItemProps {\n  todo: Todo;\n}\n\nfunction TodoItem({ todo }: TodoItemProps) {\n  const dispatch = useDispatch();\n\n  return (\n    \u003Cli className={`todo-item ${todo.completed ? \"completed\" : \"\"}`}>\n      \u003Cinput\n        type=\"checkbox\"\n        checked={todo.completed}\n        onChange={() => dispatch(toggleTodo(todo.id))}\n      \u002F>\n      \u003Cspan>{todo.text}\u003C\u002Fspan>\n      \u003Cbutton onClick={() => dispatch(deleteTodo(todo.id))}>Видалити\u003C\u002Fbutton>\n    \u003C\u002Fli>\n  );\n}\n\nexport default TodoItem;\n",[5523,11907,11908,11913,11929,11950,11966,11970,11979,11990,11994,11998,12017,12029,12033,12039,12080,12086,12095,12112,12144,12148,12172,12218,12226,12230,12234,12238],{"__ignoreMap":5592},[5596,11909,11910],{"class":5598,"line":5599},[5596,11911,11912],{"class":5602},"\u002F\u002F src\u002Fcomponents\u002FTodoItem.tsx\n",[5596,11914,11915,11917,11919,11921,11923,11925,11927],{"class":5598,"line":5606},[5596,11916,9079],{"class":5874},[5596,11918,6091],{"class":5617},[5596,11920,10676],{"class":5665},[5596,11922,8316],{"class":5617},[5596,11924,9088],{"class":5874},[5596,11926,10799],{"class":6079},[5596,11928,6183],{"class":5617},[5596,11930,11931,11933,11935,11937,11939,11942,11944,11946,11948],{"class":5598,"line":5646},[5596,11932,9079],{"class":5874},[5596,11934,6091],{"class":5617},[5596,11936,8545],{"class":5665},[5596,11938,5700],{"class":5617},[5596,11940,11941],{"class":5665},"deleteTodo",[5596,11943,8316],{"class":5617},[5596,11945,9088],{"class":5874},[5596,11947,11576],{"class":6079},[5596,11949,6183],{"class":5617},[5596,11951,11952,11954,11956,11958,11960,11962,11964],{"class":5598,"line":5653},[5596,11953,9079],{"class":5874},[5596,11955,6091],{"class":5617},[5596,11957,9879],{"class":5665},[5596,11959,8316],{"class":5617},[5596,11961,9088],{"class":5874},[5596,11963,11008],{"class":6079},[5596,11965,6183],{"class":5617},[5596,11967,11968],{"class":5598,"line":5688},[5596,11969,5650],{"emptyLinePlaceholder":5649},[5596,11971,11972,11974,11977],{"class":5598,"line":5719},[5596,11973,5971],{"class":5609},[5596,11975,11976],{"class":5628}," TodoItemProps",[5596,11978,5755],{"class":5617},[5596,11980,11981,11984,11986,11988],{"class":5598,"line":5724},[5596,11982,11983],{"class":5665},"  todo",[5596,11985,5674],{"class":5617},[5596,11987,9879],{"class":5628},[5596,11989,6183],{"class":5617},[5596,11991,11992],{"class":5598,"line":5730},[5596,11993,5934],{"class":5617},[5596,11995,11996],{"class":5598,"line":5758},[5596,11997,5650],{"emptyLinePlaceholder":5649},[5596,11999,12000,12002,12005,12007,12009,12012,12015],{"class":5598,"line":5786},[5596,12001,5656],{"class":5609},[5596,12003,12004],{"class":5621}," TodoItem",[5596,12006,5662],{"class":5617},[5596,12008,10141],{"class":5665},[5596,12010,12011],{"class":5617}," }: ",[5596,12013,12014],{"class":5628},"TodoItemProps",[5596,12016,6071],{"class":5617},[5596,12018,12019,12021,12023,12025,12027],{"class":5598,"line":5792},[5596,12020,5691],{"class":5609},[5596,12022,11622],{"class":5613},[5596,12024,5618],{"class":5617},[5596,12026,10676],{"class":5621},[5596,12028,7199],{"class":5617},[5596,12030,12031],{"class":5598,"line":5797},[5596,12032,5650],{"emptyLinePlaceholder":5649},[5596,12034,12035,12037],{"class":5598,"line":5821},[5596,12036,5875],{"class":5874},[5596,12038,5878],{"class":5617},[5596,12040,12041,12043,12045,12047,12049,12051,12054,12057,12059,12061,12063,12065,12067,12069,12071,12073,12076,12078],{"class":5598,"line":5861},[5596,12042,5885],{"class":5884},[5596,12044,5487],{"class":6302},[5596,12046,11082],{"class":5891},[5596,12048,5895],{"class":5617},[5596,12050,5898],{"class":5609},[5596,12052,12053],{"class":6079},"`todo-item ",[5596,12055,12056],{"class":5609},"${",[5596,12058,10141],{"class":5665},[5596,12060,5679],{"class":5901},[5596,12062,10186],{"class":5665},[5596,12064,11146],{"class":5617},[5596,12066,11149],{"class":6079},[5596,12068,11152],{"class":5617},[5596,12070,11155],{"class":6079},[5596,12072,5920],{"class":5609},[5596,12074,12075],{"class":6079},"`",[5596,12077,5920],{"class":5609},[5596,12079,5923],{"class":5884},[5596,12081,12082,12084],{"class":5598,"line":5866},[5596,12083,10904],{"class":5884},[5596,12085,11768],{"class":6302},[5596,12087,12088,12090,12092],{"class":5598,"line":5871},[5596,12089,11773],{"class":5891},[5596,12091,5895],{"class":5617},[5596,12093,12094],{"class":6079},"\"checkbox\"\n",[5596,12096,12097,12100,12102,12104,12106,12108,12110],{"class":5598,"line":5881},[5596,12098,12099],{"class":5891},"        checked",[5596,12101,5895],{"class":5617},[5596,12103,5898],{"class":5609},[5596,12105,10141],{"class":5665},[5596,12107,5679],{"class":5901},[5596,12109,10186],{"class":5665},[5596,12111,5934],{"class":5609},[5596,12113,12114,12116,12118,12120,12123,12125,12127,12129,12131,12133,12135,12137,12139,12142],{"class":5598,"line":5926},[5596,12115,11796],{"class":5891},[5596,12117,5895],{"class":5617},[5596,12119,5898],{"class":5609},[5596,12121,12122],{"class":5901},"() ",[5596,12124,5752],{"class":5609},[5596,12126,11622],{"class":5621},[5596,12128,5826],{"class":5901},[5596,12130,8545],{"class":5621},[5596,12132,5826],{"class":5901},[5596,12134,10141],{"class":5665},[5596,12136,5679],{"class":5901},[5596,12138,5807],{"class":5665},[5596,12140,12141],{"class":5901},"))",[5596,12143,5934],{"class":5609},[5596,12145,12146],{"class":5598,"line":5937},[5596,12147,11844],{"class":5884},[5596,12149,12150,12152,12154,12156,12158,12160,12162,12164,12166,12168,12170],{"class":5598,"line":5947},[5596,12151,10904],{"class":5884},[5596,12153,5596],{"class":6302},[5596,12155,6387],{"class":5884},[5596,12157,5898],{"class":5609},[5596,12159,10141],{"class":5665},[5596,12161,5679],{"class":5901},[5596,12163,9307],{"class":5665},[5596,12165,5920],{"class":5609},[5596,12167,6393],{"class":5884},[5596,12169,5596],{"class":6302},[5596,12171,5923],{"class":5884},[5596,12173,12174,12176,12178,12181,12183,12185,12187,12189,12191,12193,12195,12197,12199,12201,12203,12205,12207,12209,12212,12214,12216],{"class":5598,"line":5953},[5596,12175,10904],{"class":5884},[5596,12177,6787],{"class":6302},[5596,12179,12180],{"class":5891}," onClick",[5596,12182,5895],{"class":5617},[5596,12184,5898],{"class":5609},[5596,12186,12122],{"class":5901},[5596,12188,5752],{"class":5609},[5596,12190,11622],{"class":5621},[5596,12192,5826],{"class":5901},[5596,12194,11941],{"class":5621},[5596,12196,5826],{"class":5901},[5596,12198,10141],{"class":5665},[5596,12200,5679],{"class":5901},[5596,12202,5807],{"class":5665},[5596,12204,12141],{"class":5901},[5596,12206,5920],{"class":5609},[5596,12208,6387],{"class":5884},[5596,12210,12211],{"class":5617},"Видалити",[5596,12213,6393],{"class":5884},[5596,12215,6787],{"class":6302},[5596,12217,5923],{"class":5884},[5596,12219,12220,12222,12224],{"class":5598,"line":6578},[5596,12221,5940],{"class":5884},[5596,12223,5487],{"class":6302},[5596,12225,5923],{"class":5884},[5596,12227,12228],{"class":5598,"line":6591},[5596,12229,5950],{"class":5617},[5596,12231,12232],{"class":5598,"line":6604},[5596,12233,5934],{"class":5617},[5596,12235,12236],{"class":5598,"line":6616},[5596,12237,5650],{"emptyLinePlaceholder":5649},[5596,12239,12240,12242,12244,12246],{"class":5598,"line":6629},[5596,12241,9335],{"class":5874},[5596,12243,10558],{"class":5874},[5596,12245,12004],{"class":5665},[5596,12247,6183],{"class":5617},[5586,12249,12251],{"className":5588,"code":12250,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002FApp.tsx — збірка компонентів\nimport { useSelector } from \"react-redux\";\nimport { RootState } from \".\u002Fstore\u002Freducers\u002FrootReducer\";\nimport AddTodoForm from \".\u002Fcomponents\u002FAddTodoForm\";\nimport TodoItem from \".\u002Fcomponents\u002FTodoItem\";\n\nfunction App() {\n  const todos = useSelector((state: RootState) => state.todos.todos);\n\n  return (\n    \u003Cdiv className=\"app\">\n      \u003Ch1>Список задач (Redux)\u003C\u002Fh1>\n      \u003CAddTodoForm \u002F>\n      \u003Cul className=\"todo-list\">\n        {todos.map((todo) => (\n          \u003CTodoItem key={todo.id} todo={todo} \u002F>\n        ))}\n      \u003C\u002Ful>\n      {todos.length === 0 && \u003Cp className=\"empty\">Немає задач\u003C\u002Fp>}\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default App;\n",[5523,12252,12253,12258,12274,12291,12304,12317,12321,12329,12363,12367,12373,12388,12405,12414,12428,12449,12482,12489,12498,12541,12549,12553,12557,12561],{"__ignoreMap":5592},[5596,12254,12255],{"class":5598,"line":5599},[5596,12256,12257],{"class":5602},"\u002F\u002F src\u002FApp.tsx — збірка компонентів\n",[5596,12259,12260,12262,12264,12266,12268,12270,12272],{"class":5598,"line":5606},[5596,12261,9079],{"class":5874},[5596,12263,6091],{"class":5617},[5596,12265,8151],{"class":5665},[5596,12267,8316],{"class":5617},[5596,12269,9088],{"class":5874},[5596,12271,10799],{"class":6079},[5596,12273,6183],{"class":5617},[5596,12275,12276,12278,12280,12282,12284,12286,12289],{"class":5598,"line":5646},[5596,12277,9079],{"class":5874},[5596,12279,6091],{"class":5617},[5596,12281,10642],{"class":5665},[5596,12283,8316],{"class":5617},[5596,12285,9088],{"class":5874},[5596,12287,12288],{"class":6079}," \".\u002Fstore\u002Freducers\u002FrootReducer\"",[5596,12290,6183],{"class":5617},[5596,12292,12293,12295,12297,12299,12302],{"class":5598,"line":5653},[5596,12294,9079],{"class":5874},[5596,12296,11589],{"class":5665},[5596,12298,10597],{"class":5874},[5596,12300,12301],{"class":6079}," \".\u002Fcomponents\u002FAddTodoForm\"",[5596,12303,6183],{"class":5617},[5596,12305,12306,12308,12310,12312,12315],{"class":5598,"line":5688},[5596,12307,9079],{"class":5874},[5596,12309,12004],{"class":5665},[5596,12311,10597],{"class":5874},[5596,12313,12314],{"class":6079}," \".\u002Fcomponents\u002FTodoItem\"",[5596,12316,6183],{"class":5617},[5596,12318,12319],{"class":5598,"line":5719},[5596,12320,5650],{"emptyLinePlaceholder":5649},[5596,12322,12323,12325,12327],{"class":5598,"line":5724},[5596,12324,5656],{"class":5609},[5596,12326,10821],{"class":5621},[5596,12328,7178],{"class":5617},[5596,12330,12331,12333,12335,12337,12339,12341,12343,12345,12347,12349,12351,12353,12355,12357,12359,12361],{"class":5598,"line":5730},[5596,12332,5691],{"class":5609},[5596,12334,11035],{"class":5613},[5596,12336,5618],{"class":5617},[5596,12338,8151],{"class":5621},[5596,12340,5836],{"class":5617},[5596,12342,6032],{"class":5665},[5596,12344,5674],{"class":5617},[5596,12346,10642],{"class":5628},[5596,12348,5749],{"class":5617},[5596,12350,5752],{"class":5609},[5596,12352,6134],{"class":5665},[5596,12354,5679],{"class":5617},[5596,12356,10048],{"class":5665},[5596,12358,5679],{"class":5617},[5596,12360,10048],{"class":5665},[5596,12362,5643],{"class":5617},[5596,12364,12365],{"class":5598,"line":5758},[5596,12366,5650],{"emptyLinePlaceholder":5649},[5596,12368,12369,12371],{"class":5598,"line":5786},[5596,12370,5875],{"class":5874},[5596,12372,5878],{"class":5617},[5596,12374,12375,12377,12379,12381,12383,12386],{"class":5598,"line":5792},[5596,12376,5885],{"class":5884},[5596,12378,6730],{"class":6302},[5596,12380,11082],{"class":5891},[5596,12382,5895],{"class":5617},[5596,12384,12385],{"class":6079},"\"app\"",[5596,12387,5923],{"class":5884},[5596,12389,12390,12392,12394,12396,12399,12401,12403],{"class":5598,"line":5797},[5596,12391,10904],{"class":5884},[5596,12393,5472],{"class":6302},[5596,12395,6387],{"class":5884},[5596,12397,12398],{"class":5617},"Список задач (Redux)",[5596,12400,6393],{"class":5884},[5596,12402,5472],{"class":6302},[5596,12404,5923],{"class":5884},[5596,12406,12407,12409,12412],{"class":5598,"line":5821},[5596,12408,10904],{"class":5884},[5596,12410,12411],{"class":5628},"AddTodoForm",[5596,12413,6353],{"class":5884},[5596,12415,12416,12418,12420,12422,12424,12426],{"class":5598,"line":5861},[5596,12417,10904],{"class":5884},[5596,12419,5484],{"class":6302},[5596,12421,11082],{"class":5891},[5596,12423,5895],{"class":5617},[5596,12425,11087],{"class":6079},[5596,12427,5923],{"class":5884},[5596,12429,12430,12433,12435,12437,12439,12441,12443,12445,12447],{"class":5598,"line":5866},[5596,12431,12432],{"class":5609},"        {",[5596,12434,10048],{"class":5665},[5596,12436,5679],{"class":5901},[5596,12438,10136],{"class":5621},[5596,12440,5836],{"class":5901},[5596,12442,10141],{"class":5665},[5596,12444,5749],{"class":5901},[5596,12446,5752],{"class":5609},[5596,12448,5878],{"class":5901},[5596,12450,12451,12453,12456,12458,12460,12462,12464,12466,12468,12470,12472,12474,12476,12478,12480],{"class":5598,"line":5871},[5596,12452,11164],{"class":5884},[5596,12454,12455],{"class":5628},"TodoItem",[5596,12457,11119],{"class":5891},[5596,12459,5895],{"class":5617},[5596,12461,5898],{"class":5609},[5596,12463,10141],{"class":5665},[5596,12465,5679],{"class":5901},[5596,12467,5807],{"class":5665},[5596,12469,5920],{"class":5609},[5596,12471,10248],{"class":5891},[5596,12473,5895],{"class":5617},[5596,12475,5898],{"class":5609},[5596,12477,10141],{"class":5665},[5596,12479,5920],{"class":5609},[5596,12481,6353],{"class":5884},[5596,12483,12484,12487],{"class":5598,"line":5881},[5596,12485,12486],{"class":5901},"        ))",[5596,12488,5934],{"class":5609},[5596,12490,12491,12494,12496],{"class":5598,"line":5926},[5596,12492,12493],{"class":5884},"      \u003C\u002F",[5596,12495,5484],{"class":6302},[5596,12497,5923],{"class":5884},[5596,12499,12500,12502,12504,12506,12508,12511,12513,12516,12519,12521,12523,12525,12528,12530,12533,12535,12537,12539],{"class":5598,"line":5937},[5596,12501,5929],{"class":5609},[5596,12503,10048],{"class":5665},[5596,12505,5679],{"class":5901},[5596,12507,11287],{"class":5665},[5596,12509,12510],{"class":5617}," ===",[5596,12512,6961],{"class":5779},[5596,12514,12515],{"class":5617}," &&",[5596,12517,12518],{"class":5884}," \u003C",[5596,12520,5552],{"class":6302},[5596,12522,11082],{"class":5891},[5596,12524,5895],{"class":5617},[5596,12526,12527],{"class":6079},"\"empty\"",[5596,12529,6387],{"class":5884},[5596,12531,12532],{"class":5901},"Немає задач",[5596,12534,6393],{"class":5884},[5596,12536,5552],{"class":6302},[5596,12538,6387],{"class":5884},[5596,12540,5934],{"class":5609},[5596,12542,12543,12545,12547],{"class":5598,"line":5947},[5596,12544,5940],{"class":5884},[5596,12546,6730],{"class":6302},[5596,12548,5923],{"class":5884},[5596,12550,12551],{"class":5598,"line":5953},[5596,12552,5950],{"class":5617},[5596,12554,12555],{"class":5598,"line":6578},[5596,12556,5934],{"class":5617},[5596,12558,12559],{"class":5598,"line":6591},[5596,12560,5650],{"emptyLinePlaceholder":5649},[5596,12562,12563,12565,12567,12569],{"class":5598,"line":6604},[5596,12564,9335],{"class":5874},[5596,12566,10558],{"class":5874},[5596,12568,10821],{"class":5665},[5596,12570,6183],{"class":5617},[5544,12572],{},[5547,12574,12576],{"id":12575},"middleware-розширення-можливостей-redux","Middleware: розширення можливостей Redux",[5552,12578,12579,12582,12583,12585],{},[5507,12580,12581],{},"Middleware"," — це функція, що перехоплює actions між моментом виклику ",[5523,12584,7598],{}," та моментом надходження action до reducer. Це дозволяє додавати логування, асинхронні операції, затримки, валідацію тощо.",[6277,12587,12589],{"id":12588},"redux-thunk-асинхронні-actions","Redux Thunk: асинхронні actions",[5552,12591,12592,12593,12596,12597,5679],{},"За замовчуванням Redux підтримує лише ",[5507,12594,12595],{},"синхронні"," actions (звичайні об'єкти). Якщо потрібно виконати HTTP-запит, затримку чи іншу асинхронну операцію, потрібен middleware ",[5507,12598,12599],{},"redux-thunk",[10679,12601,12602,12618],{},[10682,12603,12604],{"label":10684},[5586,12605,12607],{"className":10687,"code":12606,"language":10689,"meta":5592,"style":5592},"npm install redux-thunk\n",[5523,12608,12609],{"__ignoreMap":5592},[5596,12610,12611,12613,12615],{"class":5598,"line":5599},[5596,12612,10684],{"class":5621},[5596,12614,10698],{"class":6079},[5596,12616,12617],{"class":6079}," redux-thunk\n",[10682,12619,12620],{"label":10716},[5586,12621,12623],{"className":10687,"code":12622,"language":10689,"meta":5592,"style":5592},"pnpm add redux-thunk\n",[5523,12624,12625],{"__ignoreMap":5592},[5596,12626,12627,12629,12631],{"class":5598,"line":5599},[5596,12628,10716],{"class":5621},[5596,12630,10728],{"class":6079},[5596,12632,12617],{"class":6079},[5552,12634,12635],{},[5507,12636,12637],{},"Налаштування store з middleware:",[5586,12639,12641],{"className":5588,"code":12640,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Findex.ts\nimport { createStore, applyMiddleware } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport rootReducer from \".\u002Freducers\u002FrootReducer\";\n\nconst store = createStore(\n  rootReducer,\n  applyMiddleware(thunk) \u002F\u002F Додаємо middleware\n);\n\nexport default store;\n",[5523,12642,12643,12648,12669,12683,12695,12699,12711,12718,12733,12737,12741],{"__ignoreMap":5592},[5596,12644,12645],{"class":5598,"line":5599},[5596,12646,12647],{"class":5602},"\u002F\u002F src\u002Fstore\u002Findex.ts\n",[5596,12649,12650,12652,12654,12656,12658,12661,12663,12665,12667],{"class":5598,"line":5606},[5596,12651,9079],{"class":5874},[5596,12653,6091],{"class":5617},[5596,12655,7114],{"class":5665},[5596,12657,5700],{"class":5617},[5596,12659,12660],{"class":5665},"applyMiddleware",[5596,12662,8316],{"class":5617},[5596,12664,9088],{"class":5874},[5596,12666,9091],{"class":6079},[5596,12668,6183],{"class":5617},[5596,12670,12671,12673,12676,12678,12681],{"class":5598,"line":5646},[5596,12672,9079],{"class":5874},[5596,12674,12675],{"class":5665}," thunk",[5596,12677,10597],{"class":5874},[5596,12679,12680],{"class":6079}," \"redux-thunk\"",[5596,12682,6183],{"class":5617},[5596,12684,12685,12687,12689,12691,12693],{"class":5598,"line":5653},[5596,12686,9079],{"class":5874},[5596,12688,7715],{"class":5665},[5596,12690,10597],{"class":5874},[5596,12692,10600],{"class":6079},[5596,12694,6183],{"class":5617},[5596,12696,12697],{"class":5598,"line":5688},[5596,12698,5650],{"emptyLinePlaceholder":5649},[5596,12700,12701,12703,12705,12707,12709],{"class":5598,"line":5719},[5596,12702,5610],{"class":5609},[5596,12704,7104],{"class":5613},[5596,12706,5618],{"class":5617},[5596,12708,7114],{"class":5621},[5596,12710,8691],{"class":5617},[5596,12712,12713,12716],{"class":5598,"line":5724},[5596,12714,12715],{"class":5665},"  rootReducer",[5596,12717,7734],{"class":5617},[5596,12719,12720,12723,12725,12728,12730],{"class":5598,"line":5730},[5596,12721,12722],{"class":5621},"  applyMiddleware",[5596,12724,5826],{"class":5617},[5596,12726,12727],{"class":5665},"thunk",[5596,12729,5749],{"class":5617},[5596,12731,12732],{"class":5602},"\u002F\u002F Додаємо middleware\n",[5596,12734,12735],{"class":5598,"line":5758},[5596,12736,5643],{"class":5617},[5596,12738,12739],{"class":5598,"line":5786},[5596,12740,5650],{"emptyLinePlaceholder":5649},[5596,12742,12743,12745,12747,12749],{"class":5598,"line":5792},[5596,12744,9335],{"class":5874},[5596,12746,10558],{"class":5874},[5596,12748,7104],{"class":5665},[5596,12750,6183],{"class":5617},[5552,12752,12753],{},[5507,12754,12755],{},"Thunk action creator — функція, що повертає функцію:",[5586,12757,12759],{"className":5588,"code":12758,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Factions\u002FuserActions.ts\nimport { Dispatch } from \"redux\";\nimport axios from \"axios\";\n\n\u002F\u002F Типи actions\nexport const USER_FETCH_START = \"user\u002FfetchStart\";\nexport const USER_FETCH_SUCCESS = \"user\u002FfetchSuccess\";\nexport const USER_FETCH_ERROR = \"user\u002FfetchError\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\ntype UserAction =\n  | { type: typeof USER_FETCH_START }\n  | { type: typeof USER_FETCH_SUCCESS; payload: User }\n  | { type: typeof USER_FETCH_ERROR; payload: string };\n\n\u002F\u002F Thunk action creator — повертає функцію замість об'єкта\nexport function fetchUser(id: number) {\n  return async (dispatch: Dispatch\u003CUserAction>) => {\n    dispatch({ type: USER_FETCH_START });\n\n    try {\n      const { data } = await axios.get\u003CUser>(\n        `https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F${id}`\n      );\n      dispatch({ type: USER_FETCH_SUCCESS, payload: data });\n    } catch (error) {\n      const message = error instanceof Error ? error.message : \"Невідома помилка\";\n      dispatch({ type: USER_FETCH_ERROR, payload: message });\n    }\n  };\n}\n",[5523,12760,12761,12766,12783,12797,12801,12806,12822,12838,12854,12858,12867,12877,12888,12899,12903,12907,12916,12930,12953,12975,12979,12984,13003,13030,13043,13047,13054,13083,13097,13102,13121,13136,13171,13189,13193,13197],{"__ignoreMap":5592},[5596,12762,12763],{"class":5598,"line":5599},[5596,12764,12765],{"class":5602},"\u002F\u002F src\u002Fstore\u002Factions\u002FuserActions.ts\n",[5596,12767,12768,12770,12772,12775,12777,12779,12781],{"class":5598,"line":5606},[5596,12769,9079],{"class":5874},[5596,12771,6091],{"class":5617},[5596,12773,12774],{"class":5665},"Dispatch",[5596,12776,8316],{"class":5617},[5596,12778,9088],{"class":5874},[5596,12780,9091],{"class":6079},[5596,12782,6183],{"class":5617},[5596,12784,12785,12787,12790,12792,12795],{"class":5598,"line":5646},[5596,12786,9079],{"class":5874},[5596,12788,12789],{"class":5665}," axios",[5596,12791,10597],{"class":5874},[5596,12793,12794],{"class":6079}," \"axios\"",[5596,12796,6183],{"class":5617},[5596,12798,12799],{"class":5598,"line":5653},[5596,12800,5650],{"emptyLinePlaceholder":5649},[5596,12802,12803],{"class":5598,"line":5688},[5596,12804,12805],{"class":5602},"\u002F\u002F Типи actions\n",[5596,12807,12808,12810,12812,12815,12817,12820],{"class":5598,"line":5719},[5596,12809,9335],{"class":5874},[5596,12811,9338],{"class":5609},[5596,12813,12814],{"class":5613}," USER_FETCH_START",[5596,12816,5618],{"class":5617},[5596,12818,12819],{"class":6079},"\"user\u002FfetchStart\"",[5596,12821,6183],{"class":5617},[5596,12823,12824,12826,12828,12831,12833,12836],{"class":5598,"line":5724},[5596,12825,9335],{"class":5874},[5596,12827,9338],{"class":5609},[5596,12829,12830],{"class":5613}," USER_FETCH_SUCCESS",[5596,12832,5618],{"class":5617},[5596,12834,12835],{"class":6079},"\"user\u002FfetchSuccess\"",[5596,12837,6183],{"class":5617},[5596,12839,12840,12842,12844,12847,12849,12852],{"class":5598,"line":5730},[5596,12841,9335],{"class":5874},[5596,12843,9338],{"class":5609},[5596,12845,12846],{"class":5613}," USER_FETCH_ERROR",[5596,12848,5618],{"class":5617},[5596,12850,12851],{"class":6079},"\"user\u002FfetchError\"",[5596,12853,6183],{"class":5617},[5596,12855,12856],{"class":5598,"line":5758},[5596,12857,5650],{"emptyLinePlaceholder":5649},[5596,12859,12860,12862,12865],{"class":5598,"line":5786},[5596,12861,5971],{"class":5609},[5596,12863,12864],{"class":5628}," User",[5596,12866,5755],{"class":5617},[5596,12868,12869,12871,12873,12875],{"class":5598,"line":5792},[5596,12870,9422],{"class":5665},[5596,12872,5674],{"class":5617},[5596,12874,5812],{"class":5628},[5596,12876,6183],{"class":5617},[5596,12878,12879,12882,12884,12886],{"class":5598,"line":5797},[5596,12880,12881],{"class":5665},"  name",[5596,12883,5674],{"class":5617},[5596,12885,8352],{"class":5628},[5596,12887,6183],{"class":5617},[5596,12889,12890,12893,12895,12897],{"class":5598,"line":5821},[5596,12891,12892],{"class":5665},"  email",[5596,12894,5674],{"class":5617},[5596,12896,8352],{"class":5628},[5596,12898,6183],{"class":5617},[5596,12900,12901],{"class":5598,"line":5861},[5596,12902,5934],{"class":5617},[5596,12904,12905],{"class":5598,"line":5866},[5596,12906,5650],{"emptyLinePlaceholder":5649},[5596,12908,12909,12911,12914],{"class":5598,"line":5871},[5596,12910,5525],{"class":5609},[5596,12912,12913],{"class":5628}," UserAction",[5596,12915,9472],{"class":5617},[5596,12917,12918,12920,12922,12924,12926,12928],{"class":5598,"line":5881},[5596,12919,9477],{"class":5617},[5596,12921,5525],{"class":5665},[5596,12923,5674],{"class":5617},[5596,12925,9484],{"class":5609},[5596,12927,12814],{"class":5613},[5596,12929,8203],{"class":5617},[5596,12931,12932,12934,12936,12938,12940,12942,12944,12946,12948,12951],{"class":5598,"line":5926},[5596,12933,9477],{"class":5617},[5596,12935,5525],{"class":5665},[5596,12937,5674],{"class":5617},[5596,12939,9484],{"class":5609},[5596,12941,12830],{"class":5613},[5596,12943,7070],{"class":5617},[5596,12945,6111],{"class":5665},[5596,12947,5674],{"class":5617},[5596,12949,12950],{"class":5628},"User",[5596,12952,8203],{"class":5617},[5596,12954,12955,12957,12959,12961,12963,12965,12967,12969,12971,12973],{"class":5598,"line":5937},[5596,12956,9477],{"class":5617},[5596,12958,5525],{"class":5665},[5596,12960,5674],{"class":5617},[5596,12962,9484],{"class":5609},[5596,12964,12846],{"class":5613},[5596,12966,7070],{"class":5617},[5596,12968,6111],{"class":5665},[5596,12970,5674],{"class":5617},[5596,12972,8352],{"class":5628},[5596,12974,8373],{"class":5617},[5596,12976,12977],{"class":5598,"line":5947},[5596,12978,5650],{"emptyLinePlaceholder":5649},[5596,12980,12981],{"class":5598,"line":5953},[5596,12982,12983],{"class":5602},"\u002F\u002F Thunk action creator — повертає функцію замість об'єкта\n",[5596,12985,12986,12988,12990,12993,12995,12997,12999,13001],{"class":5598,"line":6578},[5596,12987,9335],{"class":5874},[5596,12989,9635],{"class":5609},[5596,12991,12992],{"class":5621}," fetchUser",[5596,12994,5826],{"class":5617},[5596,12996,5807],{"class":5665},[5596,12998,5674],{"class":5617},[5596,13000,5812],{"class":5628},[5596,13002,6071],{"class":5617},[5596,13004,13005,13007,13010,13012,13014,13016,13018,13020,13023,13026,13028],{"class":5598,"line":6591},[5596,13006,5875],{"class":5874},[5596,13008,13009],{"class":5609}," async",[5596,13011,6062],{"class":5617},[5596,13013,6206],{"class":5665},[5596,13015,5674],{"class":5617},[5596,13017,12774],{"class":5628},[5596,13019,5625],{"class":5617},[5596,13021,13022],{"class":5628},"UserAction",[5596,13024,13025],{"class":5617},">) ",[5596,13027,5752],{"class":5609},[5596,13029,5755],{"class":5617},[5596,13031,13032,13035,13037,13039,13041],{"class":5598,"line":6604},[5596,13033,13034],{"class":5621},"    dispatch",[5596,13036,5662],{"class":5617},[5596,13038,6211],{"class":5665},[5596,13040,12814],{"class":5613},[5596,13042,6224],{"class":5617},[5596,13044,13045],{"class":5598,"line":6616},[5596,13046,5650],{"emptyLinePlaceholder":5649},[5596,13048,13049,13052],{"class":5598,"line":6629},[5596,13050,13051],{"class":5874},"    try",[5596,13053,5755],{"class":5617},[5596,13055,13056,13058,13060,13063,13066,13069,13071,13073,13076,13078,13080],{"class":5598,"line":6642},[5596,13057,7184],{"class":5609},[5596,13059,6091],{"class":5617},[5596,13061,13062],{"class":5613},"data",[5596,13064,13065],{"class":5617}," } = ",[5596,13067,13068],{"class":5874},"await",[5596,13070,12789],{"class":5665},[5596,13072,5679],{"class":5617},[5596,13074,13075],{"class":5621},"get",[5596,13077,5625],{"class":5617},[5596,13079,12950],{"class":5628},[5596,13081,13082],{"class":5617},">(\n",[5596,13084,13085,13088,13090,13092,13094],{"class":5598,"line":6654},[5596,13086,13087],{"class":6079},"        `https:\u002F\u002Fjsonplaceholder.typicode.com\u002Fusers\u002F",[5596,13089,12056],{"class":5609},[5596,13091,5807],{"class":5665},[5596,13093,5920],{"class":5609},[5596,13095,13096],{"class":6079},"`\n",[5596,13098,13099],{"class":5598,"line":6666},[5596,13100,13101],{"class":5617},"      );\n",[5596,13103,13104,13106,13108,13110,13112,13114,13116,13119],{"class":5598,"line":6671},[5596,13105,11690],{"class":5621},[5596,13107,5662],{"class":5617},[5596,13109,6211],{"class":5665},[5596,13111,12830],{"class":5613},[5596,13113,5700],{"class":5617},[5596,13115,6218],{"class":5665},[5596,13117,13118],{"class":5665}," data",[5596,13120,6224],{"class":5617},[5596,13122,13123,13126,13129,13131,13134],{"class":5598,"line":6679},[5596,13124,13125],{"class":5617},"    } ",[5596,13127,13128],{"class":5874},"catch",[5596,13130,6062],{"class":5617},[5596,13132,13133],{"class":5665},"error",[5596,13135,6071],{"class":5617},[5596,13137,13138,13140,13143,13145,13147,13150,13153,13156,13158,13160,13163,13166,13169],{"class":5598,"line":6691},[5596,13139,7184],{"class":5609},[5596,13141,13142],{"class":5613}," message",[5596,13144,5618],{"class":5617},[5596,13146,13133],{"class":5665},[5596,13148,13149],{"class":5609}," instanceof",[5596,13151,13152],{"class":5628}," Error",[5596,13154,13155],{"class":5617}," ? ",[5596,13157,13133],{"class":5665},[5596,13159,5679],{"class":5617},[5596,13161,13162],{"class":5665},"message",[5596,13164,13165],{"class":5617}," : ",[5596,13167,13168],{"class":6079},"\"Невідома помилка\"",[5596,13170,6183],{"class":5617},[5596,13172,13173,13175,13177,13179,13181,13183,13185,13187],{"class":5598,"line":6696},[5596,13174,11690],{"class":5621},[5596,13176,5662],{"class":5617},[5596,13178,6211],{"class":5665},[5596,13180,12846],{"class":5613},[5596,13182,5700],{"class":5617},[5596,13184,6218],{"class":5665},[5596,13186,13142],{"class":5665},[5596,13188,6224],{"class":5617},[5596,13190,13191],{"class":5598,"line":6706},[5596,13192,6461],{"class":5617},[5596,13194,13195],{"class":5598,"line":6715},[5596,13196,5789],{"class":5617},[5596,13198,13199],{"class":5598,"line":6725},[5596,13200,5934],{"class":5617},[5552,13202,13203],{},[5507,13204,13205],{},"Редюсер для обробки асинхронних станів:",[5586,13207,13209],{"className":5588,"code":13208,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Freducers\u002FuserReducer.ts\nimport { USER_FETCH_START, USER_FETCH_SUCCESS, USER_FETCH_ERROR } from \"..\u002Factions\u002FuserActions\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\ninterface UserState {\n  data: User | null;\n  isLoading: boolean;\n  error: string | null;\n}\n\nconst initialState: UserState = {\n  data: null,\n  isLoading: false,\n  error: null,\n};\n\nexport function userReducer(state = initialState, action: any): UserState {\n  switch (action.type) {\n    case USER_FETCH_START:\n      return { ...state, isLoading: true, error: null };\n\n    case USER_FETCH_SUCCESS:\n      return { data: action.payload, isLoading: false, error: null };\n\n    case USER_FETCH_ERROR:\n      return { ...state, isLoading: false, error: action.payload };\n\n    default:\n      return state;\n  }\n}\n",[5523,13210,13211,13216,13244,13248,13256,13266,13276,13286,13290,13294,13303,13318,13329,13344,13348,13352,13365,13375,13384,13393,13397,13401,13432,13446,13454,13480,13484,13492,13521,13525,13533,13559,13563,13569,13577,13581],{"__ignoreMap":5592},[5596,13212,13213],{"class":5598,"line":5599},[5596,13214,13215],{"class":5602},"\u002F\u002F src\u002Fstore\u002Freducers\u002FuserReducer.ts\n",[5596,13217,13218,13220,13222,13225,13227,13230,13232,13235,13237,13239,13242],{"class":5598,"line":5606},[5596,13219,9079],{"class":5874},[5596,13221,6091],{"class":5617},[5596,13223,13224],{"class":5665},"USER_FETCH_START",[5596,13226,5700],{"class":5617},[5596,13228,13229],{"class":5665},"USER_FETCH_SUCCESS",[5596,13231,5700],{"class":5617},[5596,13233,13234],{"class":5665},"USER_FETCH_ERROR",[5596,13236,8316],{"class":5617},[5596,13238,9088],{"class":5874},[5596,13240,13241],{"class":6079}," \"..\u002Factions\u002FuserActions\"",[5596,13243,6183],{"class":5617},[5596,13245,13246],{"class":5598,"line":5646},[5596,13247,5650],{"emptyLinePlaceholder":5649},[5596,13249,13250,13252,13254],{"class":5598,"line":5653},[5596,13251,5971],{"class":5609},[5596,13253,12864],{"class":5628},[5596,13255,5755],{"class":5617},[5596,13257,13258,13260,13262,13264],{"class":5598,"line":5688},[5596,13259,9422],{"class":5665},[5596,13261,5674],{"class":5617},[5596,13263,5812],{"class":5628},[5596,13265,6183],{"class":5617},[5596,13267,13268,13270,13272,13274],{"class":5598,"line":5719},[5596,13269,12881],{"class":5665},[5596,13271,5674],{"class":5617},[5596,13273,8352],{"class":5628},[5596,13275,6183],{"class":5617},[5596,13277,13278,13280,13282,13284],{"class":5598,"line":5724},[5596,13279,12892],{"class":5665},[5596,13281,5674],{"class":5617},[5596,13283,8352],{"class":5628},[5596,13285,6183],{"class":5617},[5596,13287,13288],{"class":5598,"line":5730},[5596,13289,5934],{"class":5617},[5596,13291,13292],{"class":5598,"line":5758},[5596,13293,5650],{"emptyLinePlaceholder":5649},[5596,13295,13296,13298,13301],{"class":5598,"line":5786},[5596,13297,5971],{"class":5609},[5596,13299,13300],{"class":5628}," UserState",[5596,13302,5755],{"class":5617},[5596,13304,13305,13308,13310,13312,13314,13316],{"class":5598,"line":5792},[5596,13306,13307],{"class":5665},"  data",[5596,13309,5674],{"class":5617},[5596,13311,12950],{"class":5628},[5596,13313,5632],{"class":5617},[5596,13315,5635],{"class":5628},[5596,13317,6183],{"class":5617},[5596,13319,13320,13323,13325,13327],{"class":5598,"line":5797},[5596,13321,13322],{"class":5665},"  isLoading",[5596,13324,5674],{"class":5617},[5596,13326,9449],{"class":5628},[5596,13328,6183],{"class":5617},[5596,13330,13331,13334,13336,13338,13340,13342],{"class":5598,"line":5821},[5596,13332,13333],{"class":5665},"  error",[5596,13335,5674],{"class":5617},[5596,13337,8352],{"class":5628},[5596,13339,5632],{"class":5617},[5596,13341,5635],{"class":5628},[5596,13343,6183],{"class":5617},[5596,13345,13346],{"class":5598,"line":5861},[5596,13347,5934],{"class":5617},[5596,13349,13350],{"class":5598,"line":5866},[5596,13351,5650],{"emptyLinePlaceholder":5649},[5596,13353,13354,13356,13358,13360,13363],{"class":5598,"line":5871},[5596,13355,5610],{"class":5609},[5596,13357,6003],{"class":5613},[5596,13359,5674],{"class":5617},[5596,13361,13362],{"class":5628},"UserState",[5596,13364,8656],{"class":5617},[5596,13366,13367,13370,13373],{"class":5598,"line":5881},[5596,13368,13369],{"class":5665},"  data:",[5596,13371,13372],{"class":5609}," null",[5596,13374,7734],{"class":5617},[5596,13376,13377,13380,13382],{"class":5598,"line":5926},[5596,13378,13379],{"class":5665},"  isLoading:",[5596,13381,10087],{"class":5609},[5596,13383,7734],{"class":5617},[5596,13385,13386,13389,13391],{"class":5598,"line":5937},[5596,13387,13388],{"class":5665},"  error:",[5596,13390,13372],{"class":5609},[5596,13392,7734],{"class":5617},[5596,13394,13395],{"class":5598,"line":5947},[5596,13396,8678],{"class":5617},[5596,13398,13399],{"class":5598,"line":5953},[5596,13400,5650],{"emptyLinePlaceholder":5649},[5596,13402,13403,13405,13407,13409,13411,13413,13415,13417,13419,13421,13423,13426,13428,13430],{"class":5598,"line":6578},[5596,13404,9335],{"class":5874},[5596,13406,9635],{"class":5609},[5596,13408,7731],{"class":5621},[5596,13410,5826],{"class":5617},[5596,13412,6032],{"class":5665},[5596,13414,5618],{"class":5617},[5596,13416,6037],{"class":5665},[5596,13418,5700],{"class":5617},[5596,13420,6042],{"class":5665},[5596,13422,5674],{"class":5617},[5596,13424,13425],{"class":5628},"any",[5596,13427,6050],{"class":5617},[5596,13429,13362],{"class":5628},[5596,13431,5755],{"class":5617},[5596,13433,13434,13436,13438,13440,13442,13444],{"class":5598,"line":6591},[5596,13435,6059],{"class":5874},[5596,13437,6062],{"class":5617},[5596,13439,6042],{"class":5665},[5596,13441,5679],{"class":5617},[5596,13443,5525],{"class":5665},[5596,13445,6071],{"class":5617},[5596,13447,13448,13450,13452],{"class":5598,"line":6604},[5596,13449,6076],{"class":5874},[5596,13451,12814],{"class":5613},[5596,13453,6083],{"class":5617},[5596,13455,13456,13458,13461,13463,13465,13468,13471,13473,13476,13478],{"class":5598,"line":6616},[5596,13457,6088],{"class":5874},[5596,13459,13460],{"class":5617}," { ...",[5596,13462,6032],{"class":5665},[5596,13464,5700],{"class":5617},[5596,13466,13467],{"class":5665},"isLoading:",[5596,13469,13470],{"class":5609}," true",[5596,13472,5700],{"class":5617},[5596,13474,13475],{"class":5665},"error:",[5596,13477,13372],{"class":5609},[5596,13479,8373],{"class":5617},[5596,13481,13482],{"class":5598,"line":6629},[5596,13483,5650],{"emptyLinePlaceholder":5649},[5596,13485,13486,13488,13490],{"class":5598,"line":6642},[5596,13487,6076],{"class":5874},[5596,13489,12830],{"class":5613},[5596,13491,6083],{"class":5617},[5596,13493,13494,13496,13498,13501,13503,13505,13507,13509,13511,13513,13515,13517,13519],{"class":5598,"line":6654},[5596,13495,6088],{"class":5874},[5596,13497,6091],{"class":5617},[5596,13499,13500],{"class":5665},"data:",[5596,13502,10073],{"class":5665},[5596,13504,5679],{"class":5617},[5596,13506,6111],{"class":5665},[5596,13508,5700],{"class":5617},[5596,13510,13467],{"class":5665},[5596,13512,10087],{"class":5609},[5596,13514,5700],{"class":5617},[5596,13516,13475],{"class":5665},[5596,13518,13372],{"class":5609},[5596,13520,8373],{"class":5617},[5596,13522,13523],{"class":5598,"line":6666},[5596,13524,5650],{"emptyLinePlaceholder":5649},[5596,13526,13527,13529,13531],{"class":5598,"line":6671},[5596,13528,6076],{"class":5874},[5596,13530,12846],{"class":5613},[5596,13532,6083],{"class":5617},[5596,13534,13535,13537,13539,13541,13543,13545,13547,13549,13551,13553,13555,13557],{"class":5598,"line":6679},[5596,13536,6088],{"class":5874},[5596,13538,13460],{"class":5617},[5596,13540,6032],{"class":5665},[5596,13542,5700],{"class":5617},[5596,13544,13467],{"class":5665},[5596,13546,10087],{"class":5609},[5596,13548,5700],{"class":5617},[5596,13550,13475],{"class":5665},[5596,13552,10073],{"class":5665},[5596,13554,5679],{"class":5617},[5596,13556,6111],{"class":5665},[5596,13558,8373],{"class":5617},[5596,13560,13561],{"class":5598,"line":6691},[5596,13562,5650],{"emptyLinePlaceholder":5649},[5596,13564,13565,13567],{"class":5598,"line":6696},[5596,13566,6172],{"class":5874},[5596,13568,6083],{"class":5617},[5596,13570,13571,13573,13575],{"class":5598,"line":6706},[5596,13572,6088],{"class":5874},[5596,13574,6134],{"class":5665},[5596,13576,6183],{"class":5617},[5596,13578,13579],{"class":5598,"line":6715},[5596,13580,6188],{"class":5617},[5596,13582,13583],{"class":5598,"line":6725},[5596,13584,5934],{"class":5617},[5552,13586,13587],{},[5507,13588,13589],{},"Виклик thunk action у компоненті:",[5586,13591,13593],{"className":5588,"code":13592,"language":5591,"meta":5592,"style":5592},"import { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { fetchUser } from \"..\u002Fstore\u002Factions\u002FuserActions\";\nimport { RootState } from \"..\u002Fstore\u002Freducers\u002FrootReducer\";\n\nfunction UserProfile({ userId }: { userId: number }) {\n  const dispatch = useDispatch();\n  const { data: user, isLoading, error } = useSelector((state: RootState) => state.user);\n\n  useEffect(() => {\n    dispatch(fetchUser(userId) as any); \u002F\u002F Thunk повертає функцію, не об'єкт\n  }, [userId, dispatch]);\n\n  if (isLoading) return \u003Cp>Завантаження профілю...\u003C\u002Fp>;\n  if (error) return \u003Cp className=\"error\">Помилка: {error}\u003C\u002Fp>;\n  if (!user) return \u003Cp>Користувача не знайдено\u003C\u002Fp>;\n\n  return (\n    \u003Cdiv className=\"user-profile\">\n      \u003Ch2>{user.name}\u003C\u002Fh2>\n      \u003Cp>{user.email}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5523,13594,13595,13612,13632,13650,13666,13670,13692,13704,13749,13753,13764,13789,13803,13807,13837,13879,13909,13913,13919,13934,13958,13983,13991,13995],{"__ignoreMap":5592},[5596,13596,13597,13599,13601,13604,13606,13608,13610],{"class":5598,"line":5599},[5596,13598,9079],{"class":5874},[5596,13600,6091],{"class":5617},[5596,13602,13603],{"class":5665},"useEffect",[5596,13605,8316],{"class":5617},[5596,13607,9088],{"class":5874},[5596,13609,10767],{"class":6079},[5596,13611,6183],{"class":5617},[5596,13613,13614,13616,13618,13620,13622,13624,13626,13628,13630],{"class":5598,"line":5606},[5596,13615,9079],{"class":5874},[5596,13617,6091],{"class":5617},[5596,13619,10676],{"class":5665},[5596,13621,5700],{"class":5617},[5596,13623,8151],{"class":5665},[5596,13625,8316],{"class":5617},[5596,13627,9088],{"class":5874},[5596,13629,10799],{"class":6079},[5596,13631,6183],{"class":5617},[5596,13633,13634,13636,13638,13641,13643,13645,13648],{"class":5598,"line":5646},[5596,13635,9079],{"class":5874},[5596,13637,6091],{"class":5617},[5596,13639,13640],{"class":5665},"fetchUser",[5596,13642,8316],{"class":5617},[5596,13644,9088],{"class":5874},[5596,13646,13647],{"class":6079}," \"..\u002Fstore\u002Factions\u002FuserActions\"",[5596,13649,6183],{"class":5617},[5596,13651,13652,13654,13656,13658,13660,13662,13664],{"class":5598,"line":5653},[5596,13653,9079],{"class":5874},[5596,13655,6091],{"class":5617},[5596,13657,10642],{"class":5665},[5596,13659,8316],{"class":5617},[5596,13661,9088],{"class":5874},[5596,13663,10991],{"class":6079},[5596,13665,6183],{"class":5617},[5596,13667,13668],{"class":5598,"line":5688},[5596,13669,5650],{"emptyLinePlaceholder":5649},[5596,13671,13672,13674,13677,13679,13682,13684,13686,13688,13690],{"class":5598,"line":5719},[5596,13673,5656],{"class":5609},[5596,13675,13676],{"class":5621}," UserProfile",[5596,13678,5662],{"class":5617},[5596,13680,13681],{"class":5665},"userId",[5596,13683,5669],{"class":5617},[5596,13685,13681],{"class":5665},[5596,13687,5674],{"class":5617},[5596,13689,5812],{"class":5628},[5596,13691,5685],{"class":5617},[5596,13693,13694,13696,13698,13700,13702],{"class":5598,"line":5724},[5596,13695,5691],{"class":5609},[5596,13697,11622],{"class":5613},[5596,13699,5618],{"class":5617},[5596,13701,10676],{"class":5621},[5596,13703,7199],{"class":5617},[5596,13705,13706,13708,13710,13712,13714,13716,13718,13721,13723,13725,13727,13729,13731,13733,13735,13737,13739,13741,13743,13745,13747],{"class":5598,"line":5730},[5596,13707,5691],{"class":5609},[5596,13709,6091],{"class":5617},[5596,13711,13062],{"class":5665},[5596,13713,5674],{"class":5617},[5596,13715,7848],{"class":5613},[5596,13717,5700],{"class":5617},[5596,13719,13720],{"class":5613},"isLoading",[5596,13722,5700],{"class":5617},[5596,13724,13133],{"class":5613},[5596,13726,13065],{"class":5617},[5596,13728,8151],{"class":5621},[5596,13730,5836],{"class":5617},[5596,13732,6032],{"class":5665},[5596,13734,5674],{"class":5617},[5596,13736,10642],{"class":5628},[5596,13738,5749],{"class":5617},[5596,13740,5752],{"class":5609},[5596,13742,6134],{"class":5665},[5596,13744,5679],{"class":5617},[5596,13746,7848],{"class":5665},[5596,13748,5643],{"class":5617},[5596,13750,13751],{"class":5598,"line":5758},[5596,13752,5650],{"emptyLinePlaceholder":5649},[5596,13754,13755,13758,13760,13762],{"class":5598,"line":5786},[5596,13756,13757],{"class":5621},"  useEffect",[5596,13759,9223],{"class":5617},[5596,13761,5752],{"class":5609},[5596,13763,5755],{"class":5617},[5596,13765,13766,13768,13770,13772,13774,13776,13778,13781,13784,13786],{"class":5598,"line":5792},[5596,13767,13034],{"class":5621},[5596,13769,5826],{"class":5617},[5596,13771,13640],{"class":5621},[5596,13773,5826],{"class":5617},[5596,13775,13681],{"class":5665},[5596,13777,5749],{"class":5617},[5596,13779,13780],{"class":5874},"as",[5596,13782,13783],{"class":5628}," any",[5596,13785,7280],{"class":5617},[5596,13787,13788],{"class":5602},"\u002F\u002F Thunk повертає функцію, не об'єкт\n",[5596,13790,13791,13794,13796,13798,13800],{"class":5598,"line":5797},[5596,13792,13793],{"class":5617},"  }, [",[5596,13795,13681],{"class":5665},[5596,13797,5700],{"class":5617},[5596,13799,6206],{"class":5665},[5596,13801,13802],{"class":5617},"]);\n",[5596,13804,13805],{"class":5598,"line":5821},[5596,13806,5650],{"emptyLinePlaceholder":5649},[5596,13808,13809,13811,13813,13815,13817,13820,13822,13824,13826,13829,13831,13833,13835],{"class":5598,"line":5861},[5596,13810,7966],{"class":5874},[5596,13812,6062],{"class":5617},[5596,13814,13720],{"class":5665},[5596,13816,5749],{"class":5617},[5596,13818,13819],{"class":5874},"return",[5596,13821,12518],{"class":5884},[5596,13823,5552],{"class":6302},[5596,13825,6387],{"class":5884},[5596,13827,13828],{"class":5617},"Завантаження профілю...",[5596,13830,6393],{"class":5884},[5596,13832,5552],{"class":6302},[5596,13834,6387],{"class":5884},[5596,13836,6183],{"class":5617},[5596,13838,13839,13841,13843,13845,13847,13849,13851,13853,13855,13857,13860,13862,13865,13867,13869,13871,13873,13875,13877],{"class":5598,"line":5866},[5596,13840,7966],{"class":5874},[5596,13842,6062],{"class":5617},[5596,13844,13133],{"class":5665},[5596,13846,5749],{"class":5617},[5596,13848,13819],{"class":5874},[5596,13850,12518],{"class":5884},[5596,13852,5552],{"class":6302},[5596,13854,11082],{"class":5891},[5596,13856,5895],{"class":5617},[5596,13858,13859],{"class":6079},"\"error\"",[5596,13861,6387],{"class":5884},[5596,13863,13864],{"class":5617},"Помилка: ",[5596,13866,5898],{"class":5609},[5596,13868,13133],{"class":5665},[5596,13870,5920],{"class":5609},[5596,13872,6393],{"class":5884},[5596,13874,5552],{"class":6302},[5596,13876,6387],{"class":5884},[5596,13878,6183],{"class":5617},[5596,13880,13881,13883,13886,13888,13890,13892,13894,13896,13898,13901,13903,13905,13907],{"class":5598,"line":5871},[5596,13882,7966],{"class":5874},[5596,13884,13885],{"class":5617}," (!",[5596,13887,7848],{"class":5665},[5596,13889,5749],{"class":5617},[5596,13891,13819],{"class":5874},[5596,13893,12518],{"class":5884},[5596,13895,5552],{"class":6302},[5596,13897,6387],{"class":5884},[5596,13899,13900],{"class":5617},"Користувача не знайдено",[5596,13902,6393],{"class":5884},[5596,13904,5552],{"class":6302},[5596,13906,6387],{"class":5884},[5596,13908,6183],{"class":5617},[5596,13910,13911],{"class":5598,"line":5881},[5596,13912,5650],{"emptyLinePlaceholder":5649},[5596,13914,13915,13917],{"class":5598,"line":5926},[5596,13916,5875],{"class":5874},[5596,13918,5878],{"class":5617},[5596,13920,13921,13923,13925,13927,13929,13932],{"class":5598,"line":5937},[5596,13922,5885],{"class":5884},[5596,13924,6730],{"class":6302},[5596,13926,11082],{"class":5891},[5596,13928,5895],{"class":5617},[5596,13930,13931],{"class":6079},"\"user-profile\"",[5596,13933,5923],{"class":5884},[5596,13935,13936,13938,13940,13942,13944,13946,13948,13950,13952,13954,13956],{"class":5598,"line":5947},[5596,13937,10904],{"class":5884},[5596,13939,5547],{"class":6302},[5596,13941,6387],{"class":5884},[5596,13943,5898],{"class":5609},[5596,13945,7848],{"class":5665},[5596,13947,5679],{"class":5901},[5596,13949,7853],{"class":5665},[5596,13951,5920],{"class":5609},[5596,13953,6393],{"class":5884},[5596,13955,5547],{"class":6302},[5596,13957,5923],{"class":5884},[5596,13959,13960,13962,13964,13966,13968,13970,13972,13975,13977,13979,13981],{"class":5598,"line":5953},[5596,13961,10904],{"class":5884},[5596,13963,5552],{"class":6302},[5596,13965,6387],{"class":5884},[5596,13967,5898],{"class":5609},[5596,13969,7848],{"class":5665},[5596,13971,5679],{"class":5901},[5596,13973,13974],{"class":5665},"email",[5596,13976,5920],{"class":5609},[5596,13978,6393],{"class":5884},[5596,13980,5552],{"class":6302},[5596,13982,5923],{"class":5884},[5596,13984,13985,13987,13989],{"class":5598,"line":6578},[5596,13986,5940],{"class":5884},[5596,13988,6730],{"class":6302},[5596,13990,5923],{"class":5884},[5596,13992,13993],{"class":5598,"line":6591},[5596,13994,5950],{"class":5617},[5596,13996,13997],{"class":5598,"line":6604},[5596,13998,5934],{"class":5617},[7589,14000,14001,14002,14005,14006,14008,14009,5679],{},"Зверніть увагу на каст ",[5523,14003,14004],{},"as any"," при диспетчі thunk action. Це технічне обмеження TypeScript у класичному Redux — ",[5523,14007,6206],{}," очікує звичайний об'єкт action, але thunk повертає функцію. У Redux Toolkit це вирішено автоматично через типізований ",[5523,14010,14011],{},"AppDispatch",[5544,14013],{},[5547,14015,14017],{"id":14016},"redux-devtools-time-travel-debugging","Redux DevTools: time-travel debugging",[5552,14019,14020,14021,14024],{},"Однією з найпотужніших переваг Redux є ",[5507,14022,14023],{},"Redux DevTools"," — розширення для браузера, яке дозволяє:",[5484,14026,14027,14030,14033,14039],{},[5487,14028,14029],{},"Переглядати всі відправлені actions у хронологічному порядку.",[5487,14031,14032],{},"Інспектувати стан до та після кожного action.",[5487,14034,14035,14036,7311],{},"Повертатися назад у часі до попередніх станів (",[5512,14037,14038],{},"time-travel debugging",[5487,14040,14041],{},"Експортувати та імпортувати історію actions для відтворення багів.",[10679,14043,14044,14054],{},[10682,14045,14047],{"label":14046},"Chrome",[14048,14049,14053],"a",{"href":14050,"rel":14051},"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fredux-devtools\u002Flmhkpmbekcpmknklioeibfkpmmfibljd",[14052],"nofollow","Redux DevTools для Chrome",[10682,14055,14057],{"label":14056},"Firefox",[14048,14058,14061],{"href":14059,"rel":14060},"https:\u002F\u002Faddons.mozilla.org\u002Fuk\u002Ffirefox\u002Faddon\u002Freduxdevtools\u002F",[14052],"Redux DevTools для Firefox",[5552,14063,14064],{},[5507,14065,14066],{},"Налаштування store для роботи з DevTools:",[5586,14068,14070],{"className":5588,"code":14069,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Findex.ts\nimport { createStore, applyMiddleware, compose } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport rootReducer from \".\u002Freducers\u002FrootReducer\";\n\n\u002F\u002F Типізація для window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\ndeclare global {\n  interface Window {\n    __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;\n  }\n}\n\n\u002F\u002F Використання DevTools Compose, якщо доступний\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nconst store = createStore(\n  rootReducer,\n  composeEnhancers(applyMiddleware(thunk))\n);\n\nexport default store;\n",[5523,14071,14072,14076,14101,14113,14125,14129,14134,14144,14154,14168,14172,14176,14180,14185,14209,14213,14225,14231,14247,14251,14255],{"__ignoreMap":5592},[5596,14073,14074],{"class":5598,"line":5599},[5596,14075,12647],{"class":5602},[5596,14077,14078,14080,14082,14084,14086,14088,14090,14093,14095,14097,14099],{"class":5598,"line":5606},[5596,14079,9079],{"class":5874},[5596,14081,6091],{"class":5617},[5596,14083,7114],{"class":5665},[5596,14085,5700],{"class":5617},[5596,14087,12660],{"class":5665},[5596,14089,5700],{"class":5617},[5596,14091,14092],{"class":5665},"compose",[5596,14094,8316],{"class":5617},[5596,14096,9088],{"class":5874},[5596,14098,9091],{"class":6079},[5596,14100,6183],{"class":5617},[5596,14102,14103,14105,14107,14109,14111],{"class":5598,"line":5646},[5596,14104,9079],{"class":5874},[5596,14106,12675],{"class":5665},[5596,14108,10597],{"class":5874},[5596,14110,12680],{"class":6079},[5596,14112,6183],{"class":5617},[5596,14114,14115,14117,14119,14121,14123],{"class":5598,"line":5653},[5596,14116,9079],{"class":5874},[5596,14118,7715],{"class":5665},[5596,14120,10597],{"class":5874},[5596,14122,10600],{"class":6079},[5596,14124,6183],{"class":5617},[5596,14126,14127],{"class":5598,"line":5688},[5596,14128,5650],{"emptyLinePlaceholder":5649},[5596,14130,14131],{"class":5598,"line":5719},[5596,14132,14133],{"class":5602},"\u002F\u002F Типізація для window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n",[5596,14135,14136,14139,14142],{"class":5598,"line":5724},[5596,14137,14138],{"class":5609},"declare",[5596,14140,14141],{"class":5665}," global",[5596,14143,5755],{"class":5617},[5596,14145,14146,14149,14152],{"class":5598,"line":5730},[5596,14147,14148],{"class":5609},"  interface",[5596,14150,14151],{"class":5628}," Window",[5596,14153,5755],{"class":5617},[5596,14155,14156,14159,14161,14163,14166],{"class":5598,"line":5758},[5596,14157,14158],{"class":5665},"    __REDUX_DEVTOOLS_EXTENSION_COMPOSE__",[5596,14160,8726],{"class":5617},[5596,14162,9484],{"class":5609},[5596,14164,14165],{"class":5665}," compose",[5596,14167,6183],{"class":5617},[5596,14169,14170],{"class":5598,"line":5786},[5596,14171,6188],{"class":5617},[5596,14173,14174],{"class":5598,"line":5792},[5596,14175,5934],{"class":5617},[5596,14177,14178],{"class":5598,"line":5797},[5596,14179,5650],{"emptyLinePlaceholder":5649},[5596,14181,14182],{"class":5598,"line":5821},[5596,14183,14184],{"class":5602},"\u002F\u002F Використання DevTools Compose, якщо доступний\n",[5596,14186,14187,14189,14192,14194,14197,14199,14202,14205,14207],{"class":5598,"line":5861},[5596,14188,5610],{"class":5609},[5596,14190,14191],{"class":5613}," composeEnhancers",[5596,14193,5618],{"class":5617},[5596,14195,14196],{"class":5665},"window",[5596,14198,5679],{"class":5617},[5596,14200,14201],{"class":5665},"__REDUX_DEVTOOLS_EXTENSION_COMPOSE__",[5596,14203,14204],{"class":5617}," || ",[5596,14206,14092],{"class":5665},[5596,14208,6183],{"class":5617},[5596,14210,14211],{"class":5598,"line":5866},[5596,14212,5650],{"emptyLinePlaceholder":5649},[5596,14214,14215,14217,14219,14221,14223],{"class":5598,"line":5871},[5596,14216,5610],{"class":5609},[5596,14218,7104],{"class":5613},[5596,14220,5618],{"class":5617},[5596,14222,7114],{"class":5621},[5596,14224,8691],{"class":5617},[5596,14226,14227,14229],{"class":5598,"line":5881},[5596,14228,12715],{"class":5665},[5596,14230,7734],{"class":5617},[5596,14232,14233,14236,14238,14240,14242,14244],{"class":5598,"line":5926},[5596,14234,14235],{"class":5621},"  composeEnhancers",[5596,14237,5826],{"class":5617},[5596,14239,12660],{"class":5621},[5596,14241,5826],{"class":5617},[5596,14243,12727],{"class":5665},[5596,14245,14246],{"class":5617},"))\n",[5596,14248,14249],{"class":5598,"line":5937},[5596,14250,5643],{"class":5617},[5596,14252,14253],{"class":5598,"line":5947},[5596,14254,5650],{"emptyLinePlaceholder":5649},[5596,14256,14257,14259,14261,14263],{"class":5598,"line":5953},[5596,14258,9335],{"class":5874},[5596,14260,10558],{"class":5874},[5596,14262,7104],{"class":5665},[5596,14264,6183],{"class":5617},[5552,14266,14267,14268,14270,14271,14273],{},"Тепер відкрийте застосунок у браузері та перейдіть до вкладки ",[5507,14269,2424],{}," у DevTools. Кожен ",[5523,14272,7598],{}," буде записаний з повною історією трансформації стану.",[6226,14275,14276,14279,14280,14282,14283,14286],{},[5507,14277,14278],{},"Time-travel debugging"," дозволяє «перемотати» застосунок до будь-якого моменту у минулому без перезавантаження сторінки. Це неможливо у звичайному React із ",[5523,14281,5567],{},", оскільки історія змін стану не зберігається. Redux, завдяки незмінності (",[5512,14284,14285],{},"immutability","), автоматично створює «знімки» стану після кожного action.",[5544,14288],{},[5547,14290,14292],{"id":14291},"структурування-великих-застосунків-ducks-pattern","Структурування великих застосунків: Ducks pattern",[5552,14294,14295,14296,14299],{},"У великих проєктах розділення actions, reducers та типів на окремі файли створює «стрибки» між файлами при додаванні нової функціональності. ",[5507,14297,14298],{},"Ducks pattern"," пропонує групувати всю логіку однієї сутності в один файл:",[5586,14301,14303],{"className":5588,"code":14302,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Fducks\u002Ftodos.ts — усе про задачі в одному місці\n\n\u002F\u002F === ТИПИ ===\nexport interface Todo {\n  id: number;\n  text: string;\n  completed: boolean;\n}\n\nexport interface TodoState {\n  items: Todo[];\n  filter: \"all\" | \"active\" | \"completed\";\n}\n\n\u002F\u002F === ACTION TYPES ===\nconst TODO_ADD = \"todos\u002Fadd\";\nconst TODO_TOGGLE = \"todos\u002Ftoggle\";\nconst TODO_DELETE = \"todos\u002Fdelete\";\nconst TODO_SET_FILTER = \"todos\u002FsetFilter\";\n\n\u002F\u002F === ACTION CREATORS ===\nlet nextTodoId = 0;\n\nexport function addTodo(text: string) {\n  return { type: TODO_ADD, payload: text } as const;\n}\n\nexport function toggleTodo(id: number) {\n  return { type: TODO_TOGGLE, payload: id } as const;\n}\n\nexport function deleteTodo(id: number) {\n  return { type: TODO_DELETE, payload: id } as const;\n}\n\nexport function setFilter(filter: TodoState[\"filter\"]) {\n  return { type: TODO_SET_FILTER, payload: filter } as const;\n}\n\ntype TodoAction =\n  | ReturnType\u003Ctypeof addTodo>\n  | ReturnType\u003Ctypeof toggleTodo>\n  | ReturnType\u003Ctypeof deleteTodo>\n  | ReturnType\u003Ctypeof setFilter>;\n\n\u002F\u002F === REDUCER ===\nconst initialState: TodoState = {\n  items: [],\n  filter: \"all\",\n};\n\nexport function todoReducer(state = initialState, action: TodoAction): TodoState {\n  switch (action.type) {\n    case TODO_ADD:\n      return {\n        ...state,\n        items: [\n          ...state.items,\n          { id: nextTodoId++, text: action.payload, completed: false },\n        ],\n      };\n\n    case TODO_TOGGLE:\n      return {\n        ...state,\n        items: state.items.map((todo) =>\n          todo.id === action.payload ? { ...todo, completed: !todo.completed } : todo\n        ),\n      };\n\n    case TODO_DELETE:\n      return {\n        ...state,\n        items: state.items.filter((todo) => todo.id !== action.payload),\n      };\n\n    case TODO_SET_FILTER:\n      return {\n        ...state,\n        filter: action.payload,\n      };\n\n    default:\n      return state;\n  }\n}\n\n\u002F\u002F === СЕЛЕКТОРИ (додатково) ===\nexport const selectAllTodos = (state: { todos: TodoState }) => state.todos.items;\n\nexport const selectVisibleTodos = (state: { todos: TodoState }) => {\n  const { items, filter } = state.todos;\n  switch (filter) {\n    case \"active\":\n      return items.filter((t) => !t.completed);\n    case \"completed\":\n      return items.filter((t) => t.completed);\n    default:\n      return items;\n  }\n};\n",[5523,14304,14305,14310,14314,14319,14329,14339,14349,14359,14363,14367,14377,14387,14409,14413,14417,14422,14434,14446,14458,14472,14476,14481,14493,14497,14515,14539,14543,14547,14565,14589,14593,14597,14615,14639,14643,14647,14673,14698,14702,14706,14714,14729,14743,14757,14771,14775,14780,14792,14799,14809,14813,14817,14847,14861,14869,14875,14884,14891,14903,14933,14937,14941,14945,14953,14959,14967,14989,15027,15031,15035,15039,15047,15053,15061,15099,15103,15107,15115,15121,15129,15142,15146,15150,15156,15164,15168,15172,15176,15181,15219,15223,15250,15272,15282,15291,15320,15328,15354,15360,15368,15373],{"__ignoreMap":5592},[5596,14306,14307],{"class":5598,"line":5599},[5596,14308,14309],{"class":5602},"\u002F\u002F src\u002Fstore\u002Fducks\u002Ftodos.ts — усе про задачі в одному місці\n",[5596,14311,14312],{"class":5598,"line":5606},[5596,14313,5650],{"emptyLinePlaceholder":5649},[5596,14315,14316],{"class":5598,"line":5646},[5596,14317,14318],{"class":5602},"\u002F\u002F === ТИПИ ===\n",[5596,14320,14321,14323,14325,14327],{"class":5598,"line":5653},[5596,14322,9335],{"class":5874},[5596,14324,9412],{"class":5609},[5596,14326,9415],{"class":5628},[5596,14328,5755],{"class":5617},[5596,14330,14331,14333,14335,14337],{"class":5598,"line":5688},[5596,14332,9422],{"class":5665},[5596,14334,5674],{"class":5617},[5596,14336,5812],{"class":5628},[5596,14338,6183],{"class":5617},[5596,14340,14341,14343,14345,14347],{"class":5598,"line":5719},[5596,14342,9433],{"class":5665},[5596,14344,5674],{"class":5617},[5596,14346,8352],{"class":5628},[5596,14348,6183],{"class":5617},[5596,14350,14351,14353,14355,14357],{"class":5598,"line":5724},[5596,14352,9444],{"class":5665},[5596,14354,5674],{"class":5617},[5596,14356,9449],{"class":5628},[5596,14358,6183],{"class":5617},[5596,14360,14361],{"class":5598,"line":5730},[5596,14362,5934],{"class":5617},[5596,14364,14365],{"class":5598,"line":5758},[5596,14366,5650],{"emptyLinePlaceholder":5649},[5596,14368,14369,14371,14373,14375],{"class":5598,"line":5786},[5596,14370,9335],{"class":5874},[5596,14372,9412],{"class":5609},[5596,14374,9904],{"class":5628},[5596,14376,5755],{"class":5617},[5596,14378,14379,14381,14383,14385],{"class":5598,"line":5792},[5596,14380,5981],{"class":5665},[5596,14382,5674],{"class":5617},[5596,14384,9879],{"class":5628},[5596,14386,5988],{"class":5617},[5596,14388,14389,14392,14394,14397,14399,14402,14404,14407],{"class":5598,"line":5797},[5596,14390,14391],{"class":5665},"  filter",[5596,14393,5674],{"class":5617},[5596,14395,14396],{"class":6079},"\"all\"",[5596,14398,5632],{"class":5617},[5596,14400,14401],{"class":6079},"\"active\"",[5596,14403,5632],{"class":5617},[5596,14405,14406],{"class":6079},"\"completed\"",[5596,14408,6183],{"class":5617},[5596,14410,14411],{"class":5598,"line":5821},[5596,14412,5934],{"class":5617},[5596,14414,14415],{"class":5598,"line":5861},[5596,14416,5650],{"emptyLinePlaceholder":5649},[5596,14418,14419],{"class":5598,"line":5866},[5596,14420,14421],{"class":5602},"\u002F\u002F === ACTION TYPES ===\n",[5596,14423,14424,14426,14428,14430,14432],{"class":5598,"line":5871},[5596,14425,5610],{"class":5609},[5596,14427,9341],{"class":5613},[5596,14429,5618],{"class":5617},[5596,14431,9346],{"class":6079},[5596,14433,6183],{"class":5617},[5596,14435,14436,14438,14440,14442,14444],{"class":5598,"line":5881},[5596,14437,5610],{"class":5609},[5596,14439,9357],{"class":5613},[5596,14441,5618],{"class":5617},[5596,14443,9362],{"class":6079},[5596,14445,6183],{"class":5617},[5596,14447,14448,14450,14452,14454,14456],{"class":5598,"line":5926},[5596,14449,5610],{"class":5609},[5596,14451,9373],{"class":5613},[5596,14453,5618],{"class":5617},[5596,14455,9378],{"class":6079},[5596,14457,6183],{"class":5617},[5596,14459,14460,14462,14465,14467,14470],{"class":5598,"line":5937},[5596,14461,5610],{"class":5609},[5596,14463,14464],{"class":5613}," TODO_SET_FILTER",[5596,14466,5618],{"class":5617},[5596,14468,14469],{"class":6079},"\"todos\u002FsetFilter\"",[5596,14471,6183],{"class":5617},[5596,14473,14474],{"class":5598,"line":5947},[5596,14475,5650],{"emptyLinePlaceholder":5649},[5596,14477,14478],{"class":5598,"line":5953},[5596,14479,14480],{"class":5602},"\u002F\u002F === ACTION CREATORS ===\n",[5596,14482,14483,14485,14487,14489,14491],{"class":5598,"line":6578},[5596,14484,9615],{"class":5609},[5596,14486,9618],{"class":5665},[5596,14488,5618],{"class":5617},[5596,14490,6511],{"class":5779},[5596,14492,6183],{"class":5617},[5596,14494,14495],{"class":5598,"line":6591},[5596,14496,5650],{"emptyLinePlaceholder":5649},[5596,14498,14499,14501,14503,14505,14507,14509,14511,14513],{"class":5598,"line":6604},[5596,14500,9335],{"class":5874},[5596,14502,9635],{"class":5609},[5596,14504,9638],{"class":5621},[5596,14506,5826],{"class":5617},[5596,14508,9307],{"class":5665},[5596,14510,5674],{"class":5617},[5596,14512,8352],{"class":5628},[5596,14514,6071],{"class":5617},[5596,14516,14517,14519,14521,14523,14525,14527,14529,14531,14533,14535,14537],{"class":5598,"line":6616},[5596,14518,5875],{"class":5874},[5596,14520,6091],{"class":5617},[5596,14522,6211],{"class":5665},[5596,14524,9341],{"class":5613},[5596,14526,5700],{"class":5617},[5596,14528,6218],{"class":5665},[5596,14530,9675],{"class":5665},[5596,14532,8316],{"class":5617},[5596,14534,13780],{"class":5874},[5596,14536,9338],{"class":5609},[5596,14538,6183],{"class":5617},[5596,14540,14541],{"class":5598,"line":6629},[5596,14542,5934],{"class":5617},[5596,14544,14545],{"class":5598,"line":6642},[5596,14546,5650],{"emptyLinePlaceholder":5649},[5596,14548,14549,14551,14553,14555,14557,14559,14561,14563],{"class":5598,"line":6654},[5596,14550,9335],{"class":5874},[5596,14552,9635],{"class":5609},[5596,14554,8431],{"class":5621},[5596,14556,5826],{"class":5617},[5596,14558,5807],{"class":5665},[5596,14560,5674],{"class":5617},[5596,14562,5812],{"class":5628},[5596,14564,6071],{"class":5617},[5596,14566,14567,14569,14571,14573,14575,14577,14579,14581,14583,14585,14587],{"class":5598,"line":6666},[5596,14568,5875],{"class":5874},[5596,14570,6091],{"class":5617},[5596,14572,6211],{"class":5665},[5596,14574,9357],{"class":5613},[5596,14576,5700],{"class":5617},[5596,14578,6218],{"class":5665},[5596,14580,6759],{"class":5665},[5596,14582,8316],{"class":5617},[5596,14584,13780],{"class":5874},[5596,14586,9338],{"class":5609},[5596,14588,6183],{"class":5617},[5596,14590,14591],{"class":5598,"line":6671},[5596,14592,5934],{"class":5617},[5596,14594,14595],{"class":5598,"line":6679},[5596,14596,5650],{"emptyLinePlaceholder":5649},[5596,14598,14599,14601,14603,14605,14607,14609,14611,14613],{"class":5598,"line":6691},[5596,14600,9335],{"class":5874},[5596,14602,9635],{"class":5609},[5596,14604,9754],{"class":5621},[5596,14606,5826],{"class":5617},[5596,14608,5807],{"class":5665},[5596,14610,5674],{"class":5617},[5596,14612,5812],{"class":5628},[5596,14614,6071],{"class":5617},[5596,14616,14617,14619,14621,14623,14625,14627,14629,14631,14633,14635,14637],{"class":5598,"line":6696},[5596,14618,5875],{"class":5874},[5596,14620,6091],{"class":5617},[5596,14622,6211],{"class":5665},[5596,14624,9373],{"class":5613},[5596,14626,5700],{"class":5617},[5596,14628,6218],{"class":5665},[5596,14630,6759],{"class":5665},[5596,14632,8316],{"class":5617},[5596,14634,13780],{"class":5874},[5596,14636,9338],{"class":5609},[5596,14638,6183],{"class":5617},[5596,14640,14641],{"class":5598,"line":6706},[5596,14642,5934],{"class":5617},[5596,14644,14645],{"class":5598,"line":6715},[5596,14646,5650],{"emptyLinePlaceholder":5649},[5596,14648,14649,14651,14653,14656,14658,14660,14662,14664,14667,14670],{"class":5598,"line":6725},[5596,14650,9335],{"class":5874},[5596,14652,9635],{"class":5609},[5596,14654,14655],{"class":5621}," setFilter",[5596,14657,5826],{"class":5617},[5596,14659,5833],{"class":5665},[5596,14661,5674],{"class":5617},[5596,14663,9936],{"class":5628},[5596,14665,14666],{"class":5617},"[",[5596,14668,14669],{"class":6079},"\"filter\"",[5596,14671,14672],{"class":5617},"]) {\n",[5596,14674,14675,14677,14679,14681,14683,14685,14687,14690,14692,14694,14696],{"class":5598,"line":6743},[5596,14676,5875],{"class":5874},[5596,14678,6091],{"class":5617},[5596,14680,6211],{"class":5665},[5596,14682,14464],{"class":5613},[5596,14684,5700],{"class":5617},[5596,14686,6218],{"class":5665},[5596,14688,14689],{"class":5665}," filter",[5596,14691,8316],{"class":5617},[5596,14693,13780],{"class":5874},[5596,14695,9338],{"class":5609},[5596,14697,6183],{"class":5617},[5596,14699,14700],{"class":5598,"line":6782},[5596,14701,5934],{"class":5617},[5596,14703,14704],{"class":5598,"line":6808},[5596,14705,5650],{"emptyLinePlaceholder":5649},[5596,14707,14708,14710,14712],{"class":5598,"line":6833},[5596,14709,5525],{"class":5609},[5596,14711,9469],{"class":5628},[5596,14713,9472],{"class":5617},[5596,14715,14716,14719,14721,14723,14725,14727],{"class":5598,"line":6858},[5596,14717,14718],{"class":5617},"  | ",[5596,14720,10514],{"class":5628},[5596,14722,5625],{"class":5617},[5596,14724,9484],{"class":5609},[5596,14726,9638],{"class":5665},[5596,14728,5923],{"class":5617},[5596,14730,14731,14733,14735,14737,14739,14741],{"class":5598,"line":6883},[5596,14732,14718],{"class":5617},[5596,14734,10514],{"class":5628},[5596,14736,5625],{"class":5617},[5596,14738,9484],{"class":5609},[5596,14740,8431],{"class":5665},[5596,14742,5923],{"class":5617},[5596,14744,14745,14747,14749,14751,14753,14755],{"class":5598,"line":6892},[5596,14746,14718],{"class":5617},[5596,14748,10514],{"class":5628},[5596,14750,5625],{"class":5617},[5596,14752,9484],{"class":5609},[5596,14754,9754],{"class":5665},[5596,14756,5923],{"class":5617},[5596,14758,14759,14761,14763,14765,14767,14769],{"class":5598,"line":6897},[5596,14760,14718],{"class":5617},[5596,14762,10514],{"class":5628},[5596,14764,5625],{"class":5617},[5596,14766,9484],{"class":5609},[5596,14768,14655],{"class":5665},[5596,14770,10523],{"class":5617},[5596,14772,14773],{"class":5598,"line":6903},[5596,14774,5650],{"emptyLinePlaceholder":5649},[5596,14776,14777],{"class":5598,"line":6925},[5596,14778,14779],{"class":5602},"\u002F\u002F === REDUCER ===\n",[5596,14781,14782,14784,14786,14788,14790],{"class":5598,"line":6930},[5596,14783,5610],{"class":5609},[5596,14785,6003],{"class":5613},[5596,14787,5674],{"class":5617},[5596,14789,9936],{"class":5628},[5596,14791,8656],{"class":5617},[5596,14793,14794,14797],{"class":5598,"line":6939},[5596,14795,14796],{"class":5665},"  items:",[5596,14798,8673],{"class":5617},[5596,14800,14801,14804,14807],{"class":5598,"line":6945},[5596,14802,14803],{"class":5665},"  filter:",[5596,14805,14806],{"class":6079}," \"all\"",[5596,14808,7734],{"class":5617},[5596,14810,14811],{"class":5598,"line":6970},[5596,14812,8678],{"class":5617},[5596,14814,14815],{"class":5598,"line":6986},[5596,14816,5650],{"emptyLinePlaceholder":5649},[5596,14818,14819,14821,14823,14825,14827,14829,14831,14833,14835,14837,14839,14841,14843,14845],{"class":5598,"line":6997},[5596,14820,9335],{"class":5874},[5596,14822,9635],{"class":5609},[5596,14824,9978],{"class":5621},[5596,14826,5826],{"class":5617},[5596,14828,6032],{"class":5665},[5596,14830,5618],{"class":5617},[5596,14832,6037],{"class":5665},[5596,14834,5700],{"class":5617},[5596,14836,6042],{"class":5665},[5596,14838,5674],{"class":5617},[5596,14840,9597],{"class":5628},[5596,14842,6050],{"class":5617},[5596,14844,9936],{"class":5628},[5596,14846,5755],{"class":5617},[5596,14848,14849,14851,14853,14855,14857,14859],{"class":5598,"line":7012},[5596,14850,6059],{"class":5874},[5596,14852,6062],{"class":5617},[5596,14854,6042],{"class":5665},[5596,14856,5679],{"class":5617},[5596,14858,5525],{"class":5665},[5596,14860,6071],{"class":5617},[5596,14862,14863,14865,14867],{"class":5598,"line":7022},[5596,14864,6076],{"class":5874},[5596,14866,9341],{"class":5613},[5596,14868,6083],{"class":5617},[5596,14870,14871,14873],{"class":5598,"line":7036},[5596,14872,6088],{"class":5874},[5596,14874,5755],{"class":5617},[5596,14876,14877,14880,14882],{"class":5598,"line":7046},[5596,14878,14879],{"class":5617},"        ...",[5596,14881,6032],{"class":5665},[5596,14883,7734],{"class":5617},[5596,14885,14886,14889],{"class":5598,"line":7055},[5596,14887,14888],{"class":5665},"        items:",[5596,14890,10036],{"class":5617},[5596,14892,14893,14895,14897,14899,14901],{"class":5598,"line":7063},[5596,14894,10041],{"class":5617},[5596,14896,6032],{"class":5665},[5596,14898,5679],{"class":5617},[5596,14900,5697],{"class":5665},[5596,14902,7734],{"class":5617},[5596,14904,14905,14908,14910,14912,14915,14918,14920,14922,14924,14926,14928,14930],{"class":5598,"line":7076},[5596,14906,14907],{"class":5617},"          { ",[5596,14909,8510],{"class":5665},[5596,14911,9618],{"class":5665},[5596,14913,14914],{"class":5617},"++, ",[5596,14916,14917],{"class":5665},"text:",[5596,14919,10073],{"class":5665},[5596,14921,5679],{"class":5617},[5596,14923,6111],{"class":5665},[5596,14925,5700],{"class":5617},[5596,14927,10176],{"class":5665},[5596,14929,10087],{"class":5609},[5596,14931,14932],{"class":5617}," },\n",[5596,14934,14935],{"class":5598,"line":7082},[5596,14936,10099],{"class":5617},[5596,14938,14939],{"class":5598,"line":7087},[5596,14940,8822],{"class":5617},[5596,14942,14943],{"class":5598,"line":7092},[5596,14944,5650],{"emptyLinePlaceholder":5649},[5596,14946,14947,14949,14951],{"class":5598,"line":7098},[5596,14948,6076],{"class":5874},[5596,14950,9357],{"class":5613},[5596,14952,6083],{"class":5617},[5596,14954,14955,14957],{"class":5598,"line":7124},[5596,14956,6088],{"class":5874},[5596,14958,5755],{"class":5617},[5596,14960,14961,14963,14965],{"class":5598,"line":7129},[5596,14962,14879],{"class":5617},[5596,14964,6032],{"class":5665},[5596,14966,7734],{"class":5617},[5596,14968,14969,14971,14973,14975,14977,14979,14981,14983,14985,14987],{"class":5598,"line":7135},[5596,14970,14888],{"class":5665},[5596,14972,6134],{"class":5665},[5596,14974,5679],{"class":5617},[5596,14976,5697],{"class":5665},[5596,14978,5679],{"class":5617},[5596,14980,10136],{"class":5621},[5596,14982,5836],{"class":5617},[5596,14984,10141],{"class":5665},[5596,14986,5749],{"class":5617},[5596,14988,10146],{"class":5609},[5596,14990,14991,14993,14995,14997,14999,15001,15003,15005,15008,15010,15012,15014,15016,15018,15020,15022,15025],{"class":5598,"line":7159},[5596,14992,10151],{"class":5665},[5596,14994,5679],{"class":5617},[5596,14996,5807],{"class":5665},[5596,14998,7977],{"class":5617},[5596,15000,6042],{"class":5665},[5596,15002,5679],{"class":5617},[5596,15004,6111],{"class":5665},[5596,15006,15007],{"class":5617}," ? { ...",[5596,15009,10141],{"class":5665},[5596,15011,5700],{"class":5617},[5596,15013,10176],{"class":5665},[5596,15015,10179],{"class":5617},[5596,15017,10141],{"class":5665},[5596,15019,5679],{"class":5617},[5596,15021,10186],{"class":5665},[5596,15023,15024],{"class":5617}," } : ",[5596,15026,10196],{"class":5665},[5596,15028,15029],{"class":5598,"line":7164},[5596,15030,10201],{"class":5617},[5596,15032,15033],{"class":5598,"line":7170},[5596,15034,8822],{"class":5617},[5596,15036,15037],{"class":5598,"line":7181},[5596,15038,5650],{"emptyLinePlaceholder":5649},[5596,15040,15041,15043,15045],{"class":5598,"line":7202},[5596,15042,6076],{"class":5874},[5596,15044,9373],{"class":5613},[5596,15046,6083],{"class":5617},[5596,15048,15049,15051],{"class":5598,"line":7219},[5596,15050,6088],{"class":5874},[5596,15052,5755],{"class":5617},[5596,15054,15055,15057,15059],{"class":5598,"line":7242},[5596,15056,14879],{"class":5617},[5596,15058,6032],{"class":5665},[5596,15060,7734],{"class":5617},[5596,15062,15063,15065,15067,15069,15071,15073,15075,15077,15079,15081,15083,15085,15087,15089,15091,15093,15095,15097],{"class":5598,"line":7247},[5596,15064,14888],{"class":5665},[5596,15066,6134],{"class":5665},[5596,15068,5679],{"class":5617},[5596,15070,5697],{"class":5665},[5596,15072,5679],{"class":5617},[5596,15074,5833],{"class":5621},[5596,15076,5836],{"class":5617},[5596,15078,10141],{"class":5665},[5596,15080,5749],{"class":5617},[5596,15082,5752],{"class":5609},[5596,15084,10248],{"class":5665},[5596,15086,5679],{"class":5617},[5596,15088,5807],{"class":5665},[5596,15090,5853],{"class":5617},[5596,15092,6042],{"class":5665},[5596,15094,5679],{"class":5617},[5596,15096,6111],{"class":5665},[5596,15098,10263],{"class":5617},[5596,15100,15101],{"class":5598,"line":7252},[5596,15102,8822],{"class":5617},[5596,15104,15105],{"class":5598,"line":7264},[5596,15106,5650],{"emptyLinePlaceholder":5649},[5596,15108,15109,15111,15113],{"class":5598,"line":7286},[5596,15110,6076],{"class":5874},[5596,15112,14464],{"class":5613},[5596,15114,6083],{"class":5617},[5596,15116,15117,15119],{"class":5598,"line":7291},[5596,15118,6088],{"class":5874},[5596,15120,5755],{"class":5617},[5596,15122,15123,15125,15127],{"class":5598,"line":7297},[5596,15124,14879],{"class":5617},[5596,15126,6032],{"class":5665},[5596,15128,7734],{"class":5617},[5596,15130,15131,15134,15136,15138,15140],{"class":5598,"line":7329},[5596,15132,15133],{"class":5665},"        filter:",[5596,15135,10073],{"class":5665},[5596,15137,5679],{"class":5617},[5596,15139,6111],{"class":5665},[5596,15141,7734],{"class":5617},[5596,15143,15144],{"class":5598,"line":7347},[5596,15145,8822],{"class":5617},[5596,15147,15148],{"class":5598,"line":7353},[5596,15149,5650],{"emptyLinePlaceholder":5649},[5596,15151,15152,15154],{"class":5598,"line":7358},[5596,15153,6172],{"class":5874},[5596,15155,6083],{"class":5617},[5596,15157,15158,15160,15162],{"class":5598,"line":7385},[5596,15159,6088],{"class":5874},[5596,15161,6134],{"class":5665},[5596,15163,6183],{"class":5617},[5596,15165,15166],{"class":5598,"line":7402},[5596,15167,6188],{"class":5617},[5596,15169,15170],{"class":5598,"line":7407},[5596,15171,5934],{"class":5617},[5596,15173,15174],{"class":5598,"line":7412},[5596,15175,5650],{"emptyLinePlaceholder":5649},[5596,15177,15178],{"class":5598,"line":7439},[5596,15179,15180],{"class":5602},"\u002F\u002F === СЕЛЕКТОРИ (додатково) ===\n",[5596,15182,15183,15185,15187,15190,15192,15194,15196,15198,15200,15202,15205,15207,15209,15211,15213,15215,15217],{"class":5598,"line":7456},[5596,15184,9335],{"class":5874},[5596,15186,9338],{"class":5609},[5596,15188,15189],{"class":5621}," selectAllTodos",[5596,15191,5738],{"class":5617},[5596,15193,6032],{"class":5665},[5596,15195,8264],{"class":5617},[5596,15197,10048],{"class":5665},[5596,15199,5674],{"class":5617},[5596,15201,9936],{"class":5628},[5596,15203,15204],{"class":5617}," }) ",[5596,15206,5752],{"class":5609},[5596,15208,6134],{"class":5665},[5596,15210,5679],{"class":5617},[5596,15212,10048],{"class":5665},[5596,15214,5679],{"class":5617},[5596,15216,5697],{"class":5665},[5596,15218,6183],{"class":5617},[5596,15220,15221],{"class":5598,"line":7461},[5596,15222,5650],{"emptyLinePlaceholder":5649},[5596,15224,15225,15227,15229,15232,15234,15236,15238,15240,15242,15244,15246,15248],{"class":5598,"line":7466},[5596,15226,9335],{"class":5874},[5596,15228,9338],{"class":5609},[5596,15230,15231],{"class":5621}," selectVisibleTodos",[5596,15233,5738],{"class":5617},[5596,15235,6032],{"class":5665},[5596,15237,8264],{"class":5617},[5596,15239,10048],{"class":5665},[5596,15241,5674],{"class":5617},[5596,15243,9936],{"class":5628},[5596,15245,15204],{"class":5617},[5596,15247,5752],{"class":5609},[5596,15249,5755],{"class":5617},[5596,15251,15252,15254,15256,15258,15260,15262,15264,15266,15268,15270],{"class":5598,"line":7493},[5596,15253,5691],{"class":5609},[5596,15255,6091],{"class":5617},[5596,15257,5697],{"class":5613},[5596,15259,5700],{"class":5617},[5596,15261,5833],{"class":5613},[5596,15263,13065],{"class":5617},[5596,15265,6032],{"class":5665},[5596,15267,5679],{"class":5617},[5596,15269,10048],{"class":5665},[5596,15271,6183],{"class":5617},[5596,15273,15274,15276,15278,15280],{"class":5598,"line":7511},[5596,15275,6059],{"class":5874},[5596,15277,6062],{"class":5617},[5596,15279,5833],{"class":5665},[5596,15281,6071],{"class":5617},[5596,15283,15284,15286,15289],{"class":5598,"line":7535},[5596,15285,6076],{"class":5874},[5596,15287,15288],{"class":6079}," \"active\"",[5596,15290,6083],{"class":5617},[5596,15292,15293,15295,15298,15300,15302,15304,15306,15308,15310,15312,15314,15316,15318],{"class":5598,"line":7553},[5596,15294,6088],{"class":5874},[5596,15296,15297],{"class":5665}," items",[5596,15299,5679],{"class":5617},[5596,15301,5833],{"class":5621},[5596,15303,5836],{"class":5617},[5596,15305,11336],{"class":5665},[5596,15307,5749],{"class":5617},[5596,15309,5752],{"class":5609},[5596,15311,10179],{"class":5617},[5596,15313,11336],{"class":5665},[5596,15315,5679],{"class":5617},[5596,15317,10186],{"class":5665},[5596,15319,5643],{"class":5617},[5596,15321,15322,15324,15326],{"class":5598,"line":7558},[5596,15323,6076],{"class":5874},[5596,15325,11149],{"class":6079},[5596,15327,6083],{"class":5617},[5596,15329,15330,15332,15334,15336,15338,15340,15342,15344,15346,15348,15350,15352],{"class":5598,"line":7563},[5596,15331,6088],{"class":5874},[5596,15333,15297],{"class":5665},[5596,15335,5679],{"class":5617},[5596,15337,5833],{"class":5621},[5596,15339,5836],{"class":5617},[5596,15341,11336],{"class":5665},[5596,15343,5749],{"class":5617},[5596,15345,5752],{"class":5609},[5596,15347,11343],{"class":5665},[5596,15349,5679],{"class":5617},[5596,15351,10186],{"class":5665},[5596,15353,5643],{"class":5617},[5596,15355,15356,15358],{"class":5598,"line":7572},[5596,15357,6172],{"class":5874},[5596,15359,6083],{"class":5617},[5596,15361,15362,15364,15366],{"class":5598,"line":7581},[5596,15363,6088],{"class":5874},[5596,15365,15297],{"class":5665},[5596,15367,6183],{"class":5617},[5596,15369,15371],{"class":5598,"line":15370},100,[5596,15372,6188],{"class":5617},[5596,15374,15376],{"class":5598,"line":15375},101,[5596,15377,8678],{"class":5617},[5552,15379,15380],{},"Тепер вся логіка задач згрупована в одному місці — легше розуміти, тестувати та підтримувати.",[5544,15382],{},[5547,15384,15386],{"id":15385},"redux-classic-vs-context-api-детальне-порівняння","Redux Classic vs Context API: детальне порівняння",[15388,15389,15390,15405],"table",{},[15391,15392,15393],"thead",{},[15394,15395,15396,15400,15402],"tr",{},[15397,15398,15399],"th",{},"Критерій",[15397,15401,5559],{},[15397,15403,15404],{},"Redux (Classic)",[15406,15407,15408,15422,15435,15448,15461,15474,15487,15500,15513,15526],"tbody",{},[15394,15409,15410,15416,15419],{},[15411,15412,15413],"td",{},[5507,15414,15415],{},"Розмір бандлу",[15411,15417,15418],{},"0 КБ (вбудований у React)",[15411,15420,15421],{},"~2 КБ (redux) + ~5 КБ (react-redux)",[15394,15423,15424,15429,15432],{},[15411,15425,15426],{},[5507,15427,15428],{},"Складність налаштування",[15411,15430,15431],{},"Мінімальна (createContext + Provider)",[15411,15433,15434],{},"Середня (store, reducers, actions, middleware)",[15394,15436,15437,15442,15445],{},[15411,15438,15439],{},[5507,15440,15441],{},"Типізація TypeScript",[15411,15443,15444],{},"Ручна для кожного контексту",[15411,15446,15447],{},"Централізована через RootState",[15394,15449,15450,15455,15458],{},[15411,15451,15452],{},[5507,15453,15454],{},"Оптимізація перерендерів",[15411,15456,15457],{},"Немає (всі споживачі оновлюються разом)",[15411,15459,15460],{},"Автоматична (useSelector оптимізує підписки)",[15394,15462,15463,15468,15471],{},[15411,15464,15465],{},[5507,15466,15467],{},"DevTools",[15411,15469,15470],{},"Немає (лише React DevTools для Context)",[15411,15472,15473],{},"Redux DevTools із time-travel debugging",[15394,15475,15476,15481,15484],{},[15411,15477,15478],{},[5507,15479,15480],{},"Middleware для сайд-ефектів",[15411,15482,15483],{},"Немає (логіка у компонентах або useEffect)",[15411,15485,15486],{},"Вбудована підтримка (redux-thunk, redux-saga)",[15394,15488,15489,15494,15497],{},[15411,15490,15491],{},[5507,15492,15493],{},"Історія змін",[15411,15495,15496],{},"Немає",[15411,15498,15499],{},"Повна історія actions у DevTools",[15394,15501,15502,15507,15510],{},[15411,15503,15504],{},[5507,15505,15506],{},"Тестування логіки стану",[15411,15508,15509],{},"Логіка розкидана по компонентах",[15411,15511,15512],{},"Редюсери — чисті функції, легко тестуються",[15394,15514,15515,15520,15523],{},[15411,15516,15517],{},[5507,15518,15519],{},"Масштабованість",[15411,15521,15522],{},"Проблеми при 10+ контекстах",[15411,15524,15525],{},"Лінійна масштабованість (один store, багато reducers)",[15394,15527,15528,15533,15536],{},[15411,15529,15530],{},[5507,15531,15532],{},"Серіалізація стану",[15411,15534,15535],{},"Ручна (JSON.stringify у useEffect)",[15411,15537,15538],{},"Автоматична (middleware redux-persist)",[7589,15540,15541,15547],{},[5552,15542,15543,15546],{},[5507,15544,15545],{},"Коли Context API достатньо:"," теми застосунку, налаштування мови інтерфейсу, дані автентифікації (токен, профіль користувача), модальні діалоги. Це прості дані, що змінюються рідко та споживаються багатьма компонентами.",[5552,15548,15549,15552],{},[5507,15550,15551],{},"Коли потрібен Redux:"," e-commerce (кошик, фільтри, пагінація, історія замовлень), соціальні мережі (стрічка новин, коментарі, лайки), dashboard із складною фільтрацією та реалтайм-оновленнями, будь-який застосунок із десятками взаємопов'язаних сутностей.",[5544,15554],{},[5547,15556,15558],{"id":15557},"best-practices-класичного-redux","Best Practices класичного Redux",[5476,15560,15561,15579,15590,15600,15607,15627],{},[5479,15562,15565,15566,15568,15569,15572,15573,5700,15575,15578],{"icon":15563,"title":15564},"i-lucide-check-circle","✅ Незмінність стану (Immutability)","Ніколи не модифікуйте ",[5523,15567,6032],{}," напряму у редюсері. Завжди повертайте новий об'єкт через spread-оператор (",[5523,15570,15571],{},"{ ...state, field: newValue }",") або ",[5523,15574,10353],{},[5523,15576,15577],{},".filter()"," для масивів.",[5479,15580,15582,15583,15586,15587,5679],{"icon":15563,"title":15581},"✅ Нормалізація стану","Уникайте вкладених структур (",[5523,15584,15585],{},"{ users: [{ id: 1, posts: [...] }] }","). Зберігайте дані у плоскому вигляді: ",[5523,15588,15589],{},"{ users: { byId: { 1: {...} }, allIds: [1, 2] }, posts: { byId: {...}, allIds: [...] } }",[5479,15591,15593,15594,15596,15597,15599],{"icon":15563,"title":15592},"✅ Селектори для обчислень","Не дублюйте обчислення у компонентах. Створюйте мемоїзовані селектори через ",[5523,15595,11502],{}," (або Redux Toolkit ",[5523,15598,11506],{},"), щоб уникнути повторних обчислень при кожному рендері.",[5479,15601,15603,15604,15606],{"icon":15563,"title":15602},"✅ Дрібні редюсери","Один редюсер = одна логічна сутність. Уникайте «божественних редюсерів» на 500+ рядків. Використовуйте ",[5523,15605,7720],{}," для розбиття логіки.",[5479,15608,15611,15612,15615,15616,15619,15620,15623,15624,15626],{"icon":15609,"title":15610},"i-lucide-alert-triangle","⚠️ Не зберігайте у Redux","Не зберігайте у Redux: ",[5507,15613,15614],{},"локальний стан форм"," (контрольовані поля), ",[5507,15617,15618],{},"UI-стан модальних вікон"," (відкрито\u002Fзакрито), ",[5507,15621,15622],{},"дані, що не потребують синхронізації"," між компонентами. Використовуйте ",[5523,15625,5567],{}," для таких випадків.",[5479,15628,15630,15631,15634,15635,15638,15639,15642],{"icon":15609,"title":15629},"⚠️ Типізація actions","Використовуйте ",[5523,15632,15633],{},"as const"," у action creators або discriminated unions для type-safe редюсерів. Це дозволить TypeScript автоматично звужувати тип ",[5523,15636,15637],{},"action.payload"," у ",[5523,15640,15641],{},"switch","-блоках.",[5544,15644],{},[5547,15646,15648],{"id":15647},"питання-для-самоконтролю","Питання для самоконтролю",[15650,15651,15652,15890,16195],"accordion",{},[15653,15654,15657,15663,15671,15682,15687,15773,15778],"accordion-item",{"icon":15655,"label":15656},"i-lucide-help-circle","❓ Чому редюсер має бути чистою функцією?",[5552,15658,15659,15662],{},[5507,15660,15661],{},"Чиста функція"," — це функція, яка:",[10657,15664,15665,15668],{},[5487,15666,15667],{},"Не має побічних ефектів (не змінює зовнішні змінні, не викликає API, не генерує випадкові числа).",[5487,15669,15670],{},"Детермінована: однаковий вхід завжди дає однаковий вихід.",[5552,15672,15673,15674,15677,15678,15681],{},"Якщо редюсер містить побічні ефекти (наприклад, ",[5523,15675,15676],{},"fetch()"," або ",[5523,15679,15680],{},"Math.random()","), результат виконання стає непередбачуваним. Redux покладається на те, що редюсер можна викликати багато разів із тими самими аргументами (наприклад, при time-travel debugging у DevTools), і результат завжди буде однаковий.",[5552,15683,15684],{},[5507,15685,15686],{},"Приклад порушення:",[5586,15688,15690],{"className":5588,"code":15689,"language":5591,"meta":5592,"style":5592},"\u002F\u002F ❌ Неправильно — побічний ефект\nfunction counterReducer(state = 0, action) {\n  if (action.type === \"INCREMENT_RANDOM\") {\n    return state + Math.random(); \u002F\u002F Непередбачуваний результат!\n  }\n  return state;\n}\n",[5523,15691,15692,15697,15717,15736,15757,15761,15769],{"__ignoreMap":5592},[5596,15693,15694],{"class":5598,"line":5599},[5596,15695,15696],{"class":5602},"\u002F\u002F ❌ Неправильно — побічний ефект\n",[5596,15698,15699,15701,15703,15705,15707,15709,15711,15713,15715],{"class":5598,"line":5606},[5596,15700,5656],{"class":5609},[5596,15702,6951],{"class":5621},[5596,15704,5826],{"class":5617},[5596,15706,6032],{"class":5665},[5596,15708,5618],{"class":5617},[5596,15710,6511],{"class":5779},[5596,15712,5700],{"class":5617},[5596,15714,6042],{"class":5665},[5596,15716,6071],{"class":5617},[5596,15718,15719,15721,15723,15725,15727,15729,15731,15734],{"class":5598,"line":5646},[5596,15720,7966],{"class":5874},[5596,15722,6062],{"class":5617},[5596,15724,6042],{"class":5665},[5596,15726,5679],{"class":5617},[5596,15728,5525],{"class":5665},[5596,15730,7977],{"class":5617},[5596,15732,15733],{"class":6079},"\"INCREMENT_RANDOM\"",[5596,15735,6071],{"class":5617},[5596,15737,15738,15740,15742,15744,15747,15749,15752,15754],{"class":5598,"line":5653},[5596,15739,8014],{"class":5874},[5596,15741,6134],{"class":5665},[5596,15743,8782],{"class":5617},[5596,15745,15746],{"class":5665},"Math",[5596,15748,5679],{"class":5617},[5596,15750,15751],{"class":5621},"random",[5596,15753,7258],{"class":5617},[5596,15755,15756],{"class":5602},"\u002F\u002F Непередбачуваний результат!\n",[5596,15758,15759],{"class":5598,"line":5688},[5596,15760,6188],{"class":5617},[5596,15762,15763,15765,15767],{"class":5598,"line":5719},[5596,15764,5875],{"class":5874},[5596,15766,6134],{"class":5665},[5596,15768,6183],{"class":5617},[5596,15770,15771],{"class":5598,"line":5724},[5596,15772,5934],{"class":5617},[5552,15774,15775],{},[5507,15776,15777],{},"Правильний підхід:",[5586,15779,15781],{"className":5588,"code":15780,"language":5591,"meta":5592,"style":5592},"\u002F\u002F ✅ Правильно — випадкове число у payload action\ndispatch({ type: \"INCREMENT_RANDOM\", payload: Math.random() });\n\nfunction counterReducer(state = 0, action) {\n  if (action.type === \"INCREMENT_RANDOM\") {\n    return state + action.payload; \u002F\u002F Детерміновано\n  }\n  return state;\n}\n",[5523,15782,15783,15788,15813,15817,15837,15855,15874,15878,15886],{"__ignoreMap":5592},[5596,15784,15785],{"class":5598,"line":5599},[5596,15786,15787],{"class":5602},"\u002F\u002F ✅ Правильно — випадкове число у payload action\n",[5596,15789,15790,15792,15794,15796,15799,15801,15803,15806,15808,15810],{"class":5598,"line":5606},[5596,15791,6206],{"class":5621},[5596,15793,5662],{"class":5617},[5596,15795,6211],{"class":5665},[5596,15797,15798],{"class":6079}," \"INCREMENT_RANDOM\"",[5596,15800,5700],{"class":5617},[5596,15802,6218],{"class":5665},[5596,15804,15805],{"class":5665}," Math",[5596,15807,5679],{"class":5617},[5596,15809,15751],{"class":5621},[5596,15811,15812],{"class":5617},"() });\n",[5596,15814,15815],{"class":5598,"line":5646},[5596,15816,5650],{"emptyLinePlaceholder":5649},[5596,15818,15819,15821,15823,15825,15827,15829,15831,15833,15835],{"class":5598,"line":5653},[5596,15820,5656],{"class":5609},[5596,15822,6951],{"class":5621},[5596,15824,5826],{"class":5617},[5596,15826,6032],{"class":5665},[5596,15828,5618],{"class":5617},[5596,15830,6511],{"class":5779},[5596,15832,5700],{"class":5617},[5596,15834,6042],{"class":5665},[5596,15836,6071],{"class":5617},[5596,15838,15839,15841,15843,15845,15847,15849,15851,15853],{"class":5598,"line":5688},[5596,15840,7966],{"class":5874},[5596,15842,6062],{"class":5617},[5596,15844,6042],{"class":5665},[5596,15846,5679],{"class":5617},[5596,15848,5525],{"class":5665},[5596,15850,7977],{"class":5617},[5596,15852,15733],{"class":6079},[5596,15854,6071],{"class":5617},[5596,15856,15857,15859,15861,15863,15865,15867,15869,15871],{"class":5598,"line":5719},[5596,15858,8014],{"class":5874},[5596,15860,6134],{"class":5665},[5596,15862,8782],{"class":5617},[5596,15864,6042],{"class":5665},[5596,15866,5679],{"class":5617},[5596,15868,6111],{"class":5665},[5596,15870,7070],{"class":5617},[5596,15872,15873],{"class":5602},"\u002F\u002F Детерміновано\n",[5596,15875,15876],{"class":5598,"line":5724},[5596,15877,6188],{"class":5617},[5596,15879,15880,15882,15884],{"class":5598,"line":5730},[5596,15881,5875],{"class":5874},[5596,15883,6134],{"class":5665},[5596,15885,6183],{"class":5617},[5596,15887,15888],{"class":5598,"line":5758},[5596,15889,5934],{"class":5617},[15653,15891,15893,15909,15914,16092,16105],{"icon":15655,"label":15892},"❓ Чому Context API призводить до зайвих перерендерів, а Redux — ні?",[5552,15894,15895,15897,15898,15900,15901,15904,15905,15908],{},[5507,15896,5559],{}," передає значення через ",[5523,15899,8779],{}," проп ",[5523,15902,15903],{},"\u003CContext.Provider value={...}>",". Коли це значення змінюється (навіть якщо змінилася лише одна властивість об'єкта), ",[5507,15906,15907],{},"всі споживачі"," цього контексту перерендеряться, навіть якщо вони не використовують змінену частину.",[5552,15910,15911],{},[5507,15912,15913],{},"Приклад:",[5586,15915,15917],{"className":5588,"code":15916,"language":5591,"meta":5592,"style":5592},"const AppContext = createContext({ user: null, cart: [] });\n\n\u002F\u002F Компонент UserProfile читає лише user\nfunction UserProfile() {\n  const { user } = useContext(AppContext);\n  return \u003Cdiv>{user.name}\u003C\u002Fdiv>;\n}\n\n\u002F\u002F Компонент CartBadge читає лише cart\nfunction CartBadge() {\n  const { cart } = useContext(AppContext);\n  return \u003Cspan>{cart.length}\u003C\u002Fspan>;\n}\n\n\u002F\u002F При зміні cart обидва компоненти перерендеряться!\n",[5523,15918,15919,15945,15949,15954,15962,15982,16010,16014,16018,16023,16032,16051,16079,16083,16087],{"__ignoreMap":5592},[5596,15920,15921,15923,15926,15928,15930,15932,15935,15937,15939,15942],{"class":5598,"line":5599},[5596,15922,5610],{"class":5609},[5596,15924,15925],{"class":5613}," AppContext",[5596,15927,5618],{"class":5617},[5596,15929,5622],{"class":5621},[5596,15931,5662],{"class":5617},[5596,15933,15934],{"class":5665},"user:",[5596,15936,13372],{"class":5609},[5596,15938,5700],{"class":5617},[5596,15940,15941],{"class":5665},"cart:",[5596,15943,15944],{"class":5617}," [] });\n",[5596,15946,15947],{"class":5598,"line":5606},[5596,15948,5650],{"emptyLinePlaceholder":5649},[5596,15950,15951],{"class":5598,"line":5646},[5596,15952,15953],{"class":5602},"\u002F\u002F Компонент UserProfile читає лише user\n",[5596,15955,15956,15958,15960],{"class":5598,"line":5653},[5596,15957,5656],{"class":5609},[5596,15959,13676],{"class":5621},[5596,15961,7178],{"class":5617},[5596,15963,15964,15966,15968,15970,15972,15975,15977,15980],{"class":5598,"line":5688},[5596,15965,5691],{"class":5609},[5596,15967,6091],{"class":5617},[5596,15969,7848],{"class":5613},[5596,15971,13065],{"class":5617},[5596,15973,15974],{"class":5621},"useContext",[5596,15976,5826],{"class":5617},[5596,15978,15979],{"class":5665},"AppContext",[5596,15981,5643],{"class":5617},[5596,15983,15984,15986,15988,15990,15992,15994,15996,15998,16000,16002,16004,16006,16008],{"class":5598,"line":5719},[5596,15985,5875],{"class":5874},[5596,15987,12518],{"class":5884},[5596,15989,6730],{"class":6302},[5596,15991,6387],{"class":5884},[5596,15993,5898],{"class":5609},[5596,15995,7848],{"class":5665},[5596,15997,5679],{"class":5901},[5596,15999,7853],{"class":5665},[5596,16001,5920],{"class":5609},[5596,16003,6393],{"class":5884},[5596,16005,6730],{"class":6302},[5596,16007,6387],{"class":5884},[5596,16009,6183],{"class":5617},[5596,16011,16012],{"class":5598,"line":5724},[5596,16013,5934],{"class":5617},[5596,16015,16016],{"class":5598,"line":5730},[5596,16017,5650],{"emptyLinePlaceholder":5649},[5596,16019,16020],{"class":5598,"line":5758},[5596,16021,16022],{"class":5602},"\u002F\u002F Компонент CartBadge читає лише cart\n",[5596,16024,16025,16027,16030],{"class":5598,"line":5786},[5596,16026,5656],{"class":5609},[5596,16028,16029],{"class":5621}," CartBadge",[5596,16031,7178],{"class":5617},[5596,16033,16034,16036,16038,16041,16043,16045,16047,16049],{"class":5598,"line":5792},[5596,16035,5691],{"class":5609},[5596,16037,6091],{"class":5617},[5596,16039,16040],{"class":5613},"cart",[5596,16042,13065],{"class":5617},[5596,16044,15974],{"class":5621},[5596,16046,5826],{"class":5617},[5596,16048,15979],{"class":5665},[5596,16050,5643],{"class":5617},[5596,16052,16053,16055,16057,16059,16061,16063,16065,16067,16069,16071,16073,16075,16077],{"class":5598,"line":5797},[5596,16054,5875],{"class":5874},[5596,16056,12518],{"class":5884},[5596,16058,5596],{"class":6302},[5596,16060,6387],{"class":5884},[5596,16062,5898],{"class":5609},[5596,16064,16040],{"class":5665},[5596,16066,5679],{"class":5901},[5596,16068,11287],{"class":5665},[5596,16070,5920],{"class":5609},[5596,16072,6393],{"class":5884},[5596,16074,5596],{"class":6302},[5596,16076,6387],{"class":5884},[5596,16078,6183],{"class":5617},[5596,16080,16081],{"class":5598,"line":5821},[5596,16082,5934],{"class":5617},[5596,16084,16085],{"class":5598,"line":5861},[5596,16086,5650],{"emptyLinePlaceholder":5649},[5596,16088,16089],{"class":5598,"line":5866},[5596,16090,16091],{"class":5602},"\u002F\u002F При зміні cart обидва компоненти перерендеряться!\n",[5552,16093,16094,16097,16098,16100,16101,16104],{},[5507,16095,16096],{},"Redux (через react-redux)"," використовує підписки на рівні окремих селекторів. ",[5523,16099,8151],{}," порівнює результат селектора з попереднім значенням і рендерить компонент лише якщо ",[5507,16102,16103],{},"конкретне значення"," змінилося:",[5586,16106,16108],{"className":5588,"code":16107,"language":5591,"meta":5592,"style":5592},"\u002F\u002F Компонент UserProfile підписаний лише на state.user\nconst user = useSelector((state) => state.user);\n\n\u002F\u002F Компонент CartBadge підписаний лише на state.cart.length\nconst cartCount = useSelector((state) => state.cart.items.length);\n\n\u002F\u002F При зміні cart.items лише CartBadge перерендериться!\n",[5523,16109,16110,16115,16142,16146,16151,16186,16190],{"__ignoreMap":5592},[5596,16111,16112],{"class":5598,"line":5599},[5596,16113,16114],{"class":5602},"\u002F\u002F Компонент UserProfile підписаний лише на state.user\n",[5596,16116,16117,16119,16122,16124,16126,16128,16130,16132,16134,16136,16138,16140],{"class":5598,"line":5606},[5596,16118,5610],{"class":5609},[5596,16120,16121],{"class":5613}," user",[5596,16123,5618],{"class":5617},[5596,16125,8151],{"class":5621},[5596,16127,5836],{"class":5617},[5596,16129,6032],{"class":5665},[5596,16131,5749],{"class":5617},[5596,16133,5752],{"class":5609},[5596,16135,6134],{"class":5665},[5596,16137,5679],{"class":5617},[5596,16139,7848],{"class":5665},[5596,16141,5643],{"class":5617},[5596,16143,16144],{"class":5598,"line":5646},[5596,16145,5650],{"emptyLinePlaceholder":5649},[5596,16147,16148],{"class":5598,"line":5653},[5596,16149,16150],{"class":5602},"\u002F\u002F Компонент CartBadge підписаний лише на state.cart.length\n",[5596,16152,16153,16155,16158,16160,16162,16164,16166,16168,16170,16172,16174,16176,16178,16180,16182,16184],{"class":5598,"line":5688},[5596,16154,5610],{"class":5609},[5596,16156,16157],{"class":5613}," cartCount",[5596,16159,5618],{"class":5617},[5596,16161,8151],{"class":5621},[5596,16163,5836],{"class":5617},[5596,16165,6032],{"class":5665},[5596,16167,5749],{"class":5617},[5596,16169,5752],{"class":5609},[5596,16171,6134],{"class":5665},[5596,16173,5679],{"class":5617},[5596,16175,16040],{"class":5665},[5596,16177,5679],{"class":5617},[5596,16179,5697],{"class":5665},[5596,16181,5679],{"class":5617},[5596,16183,11287],{"class":5665},[5596,16185,5643],{"class":5617},[5596,16187,16188],{"class":5598,"line":5719},[5596,16189,5650],{"emptyLinePlaceholder":5649},[5596,16191,16192],{"class":5598,"line":5724},[5596,16193,16194],{"class":5602},"\u002F\u002F При зміні cart.items лише CartBadge перерендериться!\n",[15653,16196,16198,16205,16210,16236,16241],{"icon":15655,"label":16197},"❓ Що таке middleware і навіщо він потрібен?",[5552,16199,16200,12582,16202,16204],{},[5507,16201,12581],{},[5523,16203,7598],{}," та моментом передачі action до reducer. Це дозволяє додавати глобальну логіку без зміни редюсерів чи компонентів:",[5552,16206,16207],{},[5507,16208,16209],{},"Типові випадки використання:",[5484,16211,16212,16218,16224,16230],{},[5487,16213,16214,16217],{},[5507,16215,16216],{},"Логування:"," записувати всі actions та зміни стану у консоль.",[5487,16219,16220,16223],{},[5507,16221,16222],{},"Асинхронні операції:"," redux-thunk дозволяє диспатчити функції замість об'єктів.",[5487,16225,16226,16229],{},[5507,16227,16228],{},"Аналітика:"," відправляти події у Google Analytics при певних actions.",[5487,16231,16232,16235],{},[5507,16233,16234],{},"Валідація:"," перевіряти структуру actions перед передачею до reducer.",[5552,16237,16238],{},[5507,16239,16240],{},"Приклад простого логуючого middleware:",[5586,16242,16244],{"className":5588,"code":16243,"language":5591,"meta":5592,"style":5592},"const loggerMiddleware = (store) => (next) => (action) => {\n  console.log(\"Dispatching:\", action);\n  const result = next(action); \u002F\u002F Передаємо action далі\n  console.log(\"New state:\", store.getState());\n  return result;\n};\n\nconst store = createStore(rootReducer, applyMiddleware(loggerMiddleware));\n",[5523,16245,16246,16280,16299,16319,16342,16350,16354,16358],{"__ignoreMap":5592},[5596,16247,16248,16250,16253,16255,16257,16259,16261,16263,16266,16268,16270,16272,16274,16276,16278],{"class":5598,"line":5599},[5596,16249,5610],{"class":5609},[5596,16251,16252],{"class":5621}," loggerMiddleware",[5596,16254,5738],{"class":5617},[5596,16256,7838],{"class":5665},[5596,16258,5749],{"class":5617},[5596,16260,5752],{"class":5609},[5596,16262,6062],{"class":5617},[5596,16264,16265],{"class":5665},"next",[5596,16267,5749],{"class":5617},[5596,16269,5752],{"class":5609},[5596,16271,6062],{"class":5617},[5596,16273,6042],{"class":5665},[5596,16275,5749],{"class":5617},[5596,16277,5752],{"class":5609},[5596,16279,5755],{"class":5617},[5596,16281,16282,16284,16286,16288,16290,16293,16295,16297],{"class":5598,"line":5606},[5596,16283,9232],{"class":5665},[5596,16285,5679],{"class":5617},[5596,16287,7227],{"class":5621},[5596,16289,5826],{"class":5617},[5596,16291,16292],{"class":6079},"\"Dispatching:\"",[5596,16294,5700],{"class":5617},[5596,16296,6042],{"class":5665},[5596,16298,5643],{"class":5617},[5596,16300,16301,16303,16306,16308,16310,16312,16314,16316],{"class":5598,"line":5646},[5596,16302,5691],{"class":5609},[5596,16304,16305],{"class":5613}," result",[5596,16307,5618],{"class":5617},[5596,16309,16265],{"class":5621},[5596,16311,5826],{"class":5617},[5596,16313,6042],{"class":5665},[5596,16315,7280],{"class":5617},[5596,16317,16318],{"class":5602},"\u002F\u002F Передаємо action далі\n",[5596,16320,16321,16323,16325,16327,16329,16332,16334,16336,16338,16340],{"class":5598,"line":5653},[5596,16322,9232],{"class":5665},[5596,16324,5679],{"class":5617},[5596,16326,7227],{"class":5621},[5596,16328,5826],{"class":5617},[5596,16330,16331],{"class":6079},"\"New state:\"",[5596,16333,5700],{"class":5617},[5596,16335,7838],{"class":5665},[5596,16337,5679],{"class":5617},[5596,16339,7196],{"class":5621},[5596,16341,9252],{"class":5617},[5596,16343,16344,16346,16348],{"class":5598,"line":5688},[5596,16345,5875],{"class":5874},[5596,16347,16305],{"class":5665},[5596,16349,6183],{"class":5617},[5596,16351,16352],{"class":5598,"line":5719},[5596,16353,8678],{"class":5617},[5596,16355,16356],{"class":5598,"line":5724},[5596,16357,5650],{"emptyLinePlaceholder":5649},[5596,16359,16360,16362,16364,16366,16368,16370,16372,16374,16376,16378,16381],{"class":5598,"line":5730},[5596,16361,5610],{"class":5609},[5596,16363,7104],{"class":5613},[5596,16365,5618],{"class":5617},[5596,16367,7114],{"class":5621},[5596,16369,5826],{"class":5617},[5596,16371,7777],{"class":5665},[5596,16373,5700],{"class":5617},[5596,16375,12660],{"class":5621},[5596,16377,5826],{"class":5617},[5596,16379,16380],{"class":5665},"loggerMiddleware",[5596,16382,5858],{"class":5617},[5544,16384],{},[5547,16386,16388],{"id":16387},"практичні-завдання","Практичні завдання",[15650,16390,16391,16639],{},[15653,16392,16395,16398,16403,16502,16507,16535,16540,16613,16618],{"icon":16393,"label":16394},"i-lucide-clipboard-list","📋 Завдання: Книгарня з фільтрацією та статистикою",[5552,16396,16397],{},"Створіть Redux-додаток для управління списком книг із наступними вимогами:",[5552,16399,16400],{},[5507,16401,16402],{},"Моделі даних:",[5586,16404,16406],{"className":5588,"code":16405,"language":5591,"meta":5592,"style":5592},"interface Book {\n  id: number;\n  title: string;\n  author: string;\n  year: number;\n  genre: \"fiction\" | \"science\" | \"history\" | \"biography\";\n  price: number;\n}\n",[5523,16407,16408,16417,16427,16438,16449,16460,16487,16498],{"__ignoreMap":5592},[5596,16409,16410,16412,16415],{"class":5598,"line":5599},[5596,16411,5971],{"class":5609},[5596,16413,16414],{"class":5628}," Book",[5596,16416,5755],{"class":5617},[5596,16418,16419,16421,16423,16425],{"class":5598,"line":5606},[5596,16420,9422],{"class":5665},[5596,16422,5674],{"class":5617},[5596,16424,5812],{"class":5628},[5596,16426,6183],{"class":5617},[5596,16428,16429,16432,16434,16436],{"class":5598,"line":5646},[5596,16430,16431],{"class":5665},"  title",[5596,16433,5674],{"class":5617},[5596,16435,8352],{"class":5628},[5596,16437,6183],{"class":5617},[5596,16439,16440,16443,16445,16447],{"class":5598,"line":5653},[5596,16441,16442],{"class":5665},"  author",[5596,16444,5674],{"class":5617},[5596,16446,8352],{"class":5628},[5596,16448,6183],{"class":5617},[5596,16450,16451,16454,16456,16458],{"class":5598,"line":5688},[5596,16452,16453],{"class":5665},"  year",[5596,16455,5674],{"class":5617},[5596,16457,5812],{"class":5628},[5596,16459,6183],{"class":5617},[5596,16461,16462,16465,16467,16470,16472,16475,16477,16480,16482,16485],{"class":5598,"line":5719},[5596,16463,16464],{"class":5665},"  genre",[5596,16466,5674],{"class":5617},[5596,16468,16469],{"class":6079},"\"fiction\"",[5596,16471,5632],{"class":5617},[5596,16473,16474],{"class":6079},"\"science\"",[5596,16476,5632],{"class":5617},[5596,16478,16479],{"class":6079},"\"history\"",[5596,16481,5632],{"class":5617},[5596,16483,16484],{"class":6079},"\"biography\"",[5596,16486,6183],{"class":5617},[5596,16488,16489,16492,16494,16496],{"class":5598,"line":5724},[5596,16490,16491],{"class":5665},"  price",[5596,16493,5674],{"class":5617},[5596,16495,5812],{"class":5628},[5596,16497,6183],{"class":5617},[5596,16499,16500],{"class":5598,"line":5730},[5596,16501,5934],{"class":5617},[5552,16503,16504],{},[5507,16505,16506],{},"Функціональність:",[10657,16508,16509,16512,16515,16518,16532],{},[5487,16510,16511],{},"Додавання нової книги через форму",[5487,16513,16514],{},"Видалення книги зі списку",[5487,16516,16517],{},"Фільтрація за жанром (випадаючий список)",[5487,16519,16520,16521],{},"Статистика:\n",[5484,16522,16523,16526,16529],{},[5487,16524,16525],{},"Загальна кількість книг",[5487,16527,16528],{},"Середня ціна",[5487,16530,16531],{},"Найдорожча книга",[5487,16533,16534],{},"Сортування за ціною (зростання\u002Fспадання)",[5552,16536,16537],{},[5507,16538,16539],{},"Структура стану:",[5586,16541,16543],{"className":5588,"code":16542,"language":5591,"meta":5592,"style":5592},"interface BookstoreState {\n  books: Book[];\n  filter: \"all\" | \"fiction\" | \"science\" | \"history\" | \"biography\";\n  sortOrder: \"asc\" | \"desc\";\n}\n",[5523,16544,16545,16554,16566,16592,16609],{"__ignoreMap":5592},[5596,16546,16547,16549,16552],{"class":5598,"line":5599},[5596,16548,5971],{"class":5609},[5596,16550,16551],{"class":5628}," BookstoreState",[5596,16553,5755],{"class":5617},[5596,16555,16556,16559,16561,16564],{"class":5598,"line":5606},[5596,16557,16558],{"class":5665},"  books",[5596,16560,5674],{"class":5617},[5596,16562,16563],{"class":5628},"Book",[5596,16565,5988],{"class":5617},[5596,16567,16568,16570,16572,16574,16576,16578,16580,16582,16584,16586,16588,16590],{"class":5598,"line":5646},[5596,16569,14391],{"class":5665},[5596,16571,5674],{"class":5617},[5596,16573,14396],{"class":6079},[5596,16575,5632],{"class":5617},[5596,16577,16469],{"class":6079},[5596,16579,5632],{"class":5617},[5596,16581,16474],{"class":6079},[5596,16583,5632],{"class":5617},[5596,16585,16479],{"class":6079},[5596,16587,5632],{"class":5617},[5596,16589,16484],{"class":6079},[5596,16591,6183],{"class":5617},[5596,16593,16594,16597,16599,16602,16604,16607],{"class":5598,"line":5653},[5596,16595,16596],{"class":5665},"  sortOrder",[5596,16598,5674],{"class":5617},[5596,16600,16601],{"class":6079},"\"asc\"",[5596,16603,5632],{"class":5617},[5596,16605,16606],{"class":6079},"\"desc\"",[5596,16608,6183],{"class":5617},[5596,16610,16611],{"class":5598,"line":5688},[5596,16612,5934],{"class":5617},[5552,16614,16615],{},[5507,16616,16617],{},"Критерії успіху:",[5484,16619,16620,16623,16629,16632],{},[5487,16621,16622],{},"Редюсер написаний без мутацій (immutable updates)",[5487,16624,16625,16626,16628],{},"Використано ",[5523,16627,7720],{},", якщо логіка розділена",[5487,16630,16631],{},"Статистика обчислюється через селектори (не зберігається у стані)",[5487,16633,16634,16635,5568,16637],{},"Компоненти використовують ",[5523,16636,8151],{},[5523,16638,10676],{},[15653,16640,16642,16805,17270,17657,18244,18616,18621],{"icon":15563,"label":16641},"✅ Розв'язок та покроковий аналіз",[5586,16643,16645],{"className":5588,"code":16644,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Ftypes.ts\nexport interface Book {\n  id: number;\n  title: string;\n  author: string;\n  year: number;\n  genre: \"fiction\" | \"science\" | \"history\" | \"biography\";\n  price: number;\n}\n\nexport interface BookstoreState {\n  books: Book[];\n  filter: \"all\" | \"fiction\" | \"science\" | \"history\" | \"biography\";\n  sortOrder: \"asc\" | \"desc\";\n}\n",[5523,16646,16647,16651,16661,16671,16681,16691,16701,16723,16733,16737,16741,16751,16761,16787,16801],{"__ignoreMap":5592},[5596,16648,16649],{"class":5598,"line":5599},[5596,16650,9330],{"class":5602},[5596,16652,16653,16655,16657,16659],{"class":5598,"line":5606},[5596,16654,9335],{"class":5874},[5596,16656,9412],{"class":5609},[5596,16658,16414],{"class":5628},[5596,16660,5755],{"class":5617},[5596,16662,16663,16665,16667,16669],{"class":5598,"line":5646},[5596,16664,9422],{"class":5665},[5596,16666,5674],{"class":5617},[5596,16668,5812],{"class":5628},[5596,16670,6183],{"class":5617},[5596,16672,16673,16675,16677,16679],{"class":5598,"line":5653},[5596,16674,16431],{"class":5665},[5596,16676,5674],{"class":5617},[5596,16678,8352],{"class":5628},[5596,16680,6183],{"class":5617},[5596,16682,16683,16685,16687,16689],{"class":5598,"line":5688},[5596,16684,16442],{"class":5665},[5596,16686,5674],{"class":5617},[5596,16688,8352],{"class":5628},[5596,16690,6183],{"class":5617},[5596,16692,16693,16695,16697,16699],{"class":5598,"line":5719},[5596,16694,16453],{"class":5665},[5596,16696,5674],{"class":5617},[5596,16698,5812],{"class":5628},[5596,16700,6183],{"class":5617},[5596,16702,16703,16705,16707,16709,16711,16713,16715,16717,16719,16721],{"class":5598,"line":5724},[5596,16704,16464],{"class":5665},[5596,16706,5674],{"class":5617},[5596,16708,16469],{"class":6079},[5596,16710,5632],{"class":5617},[5596,16712,16474],{"class":6079},[5596,16714,5632],{"class":5617},[5596,16716,16479],{"class":6079},[5596,16718,5632],{"class":5617},[5596,16720,16484],{"class":6079},[5596,16722,6183],{"class":5617},[5596,16724,16725,16727,16729,16731],{"class":5598,"line":5730},[5596,16726,16491],{"class":5665},[5596,16728,5674],{"class":5617},[5596,16730,5812],{"class":5628},[5596,16732,6183],{"class":5617},[5596,16734,16735],{"class":5598,"line":5758},[5596,16736,5934],{"class":5617},[5596,16738,16739],{"class":5598,"line":5786},[5596,16740,5650],{"emptyLinePlaceholder":5649},[5596,16742,16743,16745,16747,16749],{"class":5598,"line":5792},[5596,16744,9335],{"class":5874},[5596,16746,9412],{"class":5609},[5596,16748,16551],{"class":5628},[5596,16750,5755],{"class":5617},[5596,16752,16753,16755,16757,16759],{"class":5598,"line":5797},[5596,16754,16558],{"class":5665},[5596,16756,5674],{"class":5617},[5596,16758,16563],{"class":5628},[5596,16760,5988],{"class":5617},[5596,16762,16763,16765,16767,16769,16771,16773,16775,16777,16779,16781,16783,16785],{"class":5598,"line":5821},[5596,16764,14391],{"class":5665},[5596,16766,5674],{"class":5617},[5596,16768,14396],{"class":6079},[5596,16770,5632],{"class":5617},[5596,16772,16469],{"class":6079},[5596,16774,5632],{"class":5617},[5596,16776,16474],{"class":6079},[5596,16778,5632],{"class":5617},[5596,16780,16479],{"class":6079},[5596,16782,5632],{"class":5617},[5596,16784,16484],{"class":6079},[5596,16786,6183],{"class":5617},[5596,16788,16789,16791,16793,16795,16797,16799],{"class":5598,"line":5861},[5596,16790,16596],{"class":5665},[5596,16792,5674],{"class":5617},[5596,16794,16601],{"class":6079},[5596,16796,5632],{"class":5617},[5596,16798,16606],{"class":6079},[5596,16800,6183],{"class":5617},[5596,16802,16803],{"class":5598,"line":5866},[5596,16804,5934],{"class":5617},[5586,16806,16808],{"className":5588,"code":16807,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Factions\u002FbookActions.ts\nexport const BOOK_ADD = \"books\u002Fadd\";\nexport const BOOK_DELETE = \"books\u002Fdelete\";\nexport const BOOK_SET_FILTER = \"books\u002FsetFilter\";\nexport const BOOK_SET_SORT = \"books\u002FsetSort\";\n\nimport { Book, BookstoreState } from \"..\u002Ftypes\";\n\nexport type BookAction =\n  | { type: typeof BOOK_ADD; payload: Book }\n  | { type: typeof BOOK_DELETE; payload: number }\n  | { type: typeof BOOK_SET_FILTER; payload: BookstoreState[\"filter\"] }\n  | { type: typeof BOOK_SET_SORT; payload: BookstoreState[\"sortOrder\"] };\n\nlet nextBookId = 1;\n\nexport function addBook(book: Omit\u003CBook, \"id\">): BookAction {\n  return {\n    type: BOOK_ADD,\n    payload: { ...book, id: nextBookId++ },\n  };\n}\n\nexport function deleteBook(id: number): BookAction {\n  return { type: BOOK_DELETE, payload: id };\n}\n\nexport function setFilter(filter: BookstoreState[\"filter\"]): BookAction {\n  return { type: BOOK_SET_FILTER, payload: filter };\n}\n\nexport function setSortOrder(order: BookstoreState[\"sortOrder\"]): BookAction {\n  return { type: BOOK_SET_SORT, payload: order };\n}\n",[5523,16809,16810,16815,16831,16847,16863,16879,16883,16904,16908,16919,16941,16963,16990,17017,17021,17034,17038,17074,17080,17088,17105,17109,17113,17117,17140,17158,17162,17166,17193,17211,17215,17219,17247,17266],{"__ignoreMap":5592},[5596,16811,16812],{"class":5598,"line":5599},[5596,16813,16814],{"class":5602},"\u002F\u002F src\u002Fstore\u002Factions\u002FbookActions.ts\n",[5596,16816,16817,16819,16821,16824,16826,16829],{"class":5598,"line":5606},[5596,16818,9335],{"class":5874},[5596,16820,9338],{"class":5609},[5596,16822,16823],{"class":5613}," BOOK_ADD",[5596,16825,5618],{"class":5617},[5596,16827,16828],{"class":6079},"\"books\u002Fadd\"",[5596,16830,6183],{"class":5617},[5596,16832,16833,16835,16837,16840,16842,16845],{"class":5598,"line":5646},[5596,16834,9335],{"class":5874},[5596,16836,9338],{"class":5609},[5596,16838,16839],{"class":5613}," BOOK_DELETE",[5596,16841,5618],{"class":5617},[5596,16843,16844],{"class":6079},"\"books\u002Fdelete\"",[5596,16846,6183],{"class":5617},[5596,16848,16849,16851,16853,16856,16858,16861],{"class":5598,"line":5653},[5596,16850,9335],{"class":5874},[5596,16852,9338],{"class":5609},[5596,16854,16855],{"class":5613}," BOOK_SET_FILTER",[5596,16857,5618],{"class":5617},[5596,16859,16860],{"class":6079},"\"books\u002FsetFilter\"",[5596,16862,6183],{"class":5617},[5596,16864,16865,16867,16869,16872,16874,16877],{"class":5598,"line":5688},[5596,16866,9335],{"class":5874},[5596,16868,9338],{"class":5609},[5596,16870,16871],{"class":5613}," BOOK_SET_SORT",[5596,16873,5618],{"class":5617},[5596,16875,16876],{"class":6079},"\"books\u002FsetSort\"",[5596,16878,6183],{"class":5617},[5596,16880,16881],{"class":5598,"line":5719},[5596,16882,5650],{"emptyLinePlaceholder":5649},[5596,16884,16885,16887,16889,16891,16893,16896,16898,16900,16902],{"class":5598,"line":5724},[5596,16886,9079],{"class":5874},[5596,16888,6091],{"class":5617},[5596,16890,16563],{"class":5665},[5596,16892,5700],{"class":5617},[5596,16894,16895],{"class":5665},"BookstoreState",[5596,16897,8316],{"class":5617},[5596,16899,9088],{"class":5874},[5596,16901,9604],{"class":6079},[5596,16903,6183],{"class":5617},[5596,16905,16906],{"class":5598,"line":5730},[5596,16907,5650],{"emptyLinePlaceholder":5649},[5596,16909,16910,16912,16914,16917],{"class":5598,"line":5758},[5596,16911,9335],{"class":5874},[5596,16913,9466],{"class":5609},[5596,16915,16916],{"class":5628}," BookAction",[5596,16918,9472],{"class":5617},[5596,16920,16921,16923,16925,16927,16929,16931,16933,16935,16937,16939],{"class":5598,"line":5786},[5596,16922,9477],{"class":5617},[5596,16924,5525],{"class":5665},[5596,16926,5674],{"class":5617},[5596,16928,9484],{"class":5609},[5596,16930,16823],{"class":5613},[5596,16932,7070],{"class":5617},[5596,16934,6111],{"class":5665},[5596,16936,5674],{"class":5617},[5596,16938,16563],{"class":5628},[5596,16940,8203],{"class":5617},[5596,16942,16943,16945,16947,16949,16951,16953,16955,16957,16959,16961],{"class":5598,"line":5792},[5596,16944,9477],{"class":5617},[5596,16946,5525],{"class":5665},[5596,16948,5674],{"class":5617},[5596,16950,9484],{"class":5609},[5596,16952,16839],{"class":5613},[5596,16954,7070],{"class":5617},[5596,16956,6111],{"class":5665},[5596,16958,5674],{"class":5617},[5596,16960,5812],{"class":5628},[5596,16962,8203],{"class":5617},[5596,16964,16965,16967,16969,16971,16973,16975,16977,16979,16981,16983,16985,16987],{"class":5598,"line":5797},[5596,16966,9477],{"class":5617},[5596,16968,5525],{"class":5665},[5596,16970,5674],{"class":5617},[5596,16972,9484],{"class":5609},[5596,16974,16855],{"class":5613},[5596,16976,7070],{"class":5617},[5596,16978,6111],{"class":5665},[5596,16980,5674],{"class":5617},[5596,16982,16895],{"class":5628},[5596,16984,14666],{"class":5617},[5596,16986,14669],{"class":6079},[5596,16988,16989],{"class":5617},"] }\n",[5596,16991,16992,16994,16996,16998,17000,17002,17004,17006,17008,17010,17012,17015],{"class":5598,"line":5821},[5596,16993,9477],{"class":5617},[5596,16995,5525],{"class":5665},[5596,16997,5674],{"class":5617},[5596,16999,9484],{"class":5609},[5596,17001,16871],{"class":5613},[5596,17003,7070],{"class":5617},[5596,17005,6111],{"class":5665},[5596,17007,5674],{"class":5617},[5596,17009,16895],{"class":5628},[5596,17011,14666],{"class":5617},[5596,17013,17014],{"class":6079},"\"sortOrder\"",[5596,17016,6114],{"class":5617},[5596,17018,17019],{"class":5598,"line":5861},[5596,17020,5650],{"emptyLinePlaceholder":5649},[5596,17022,17023,17025,17028,17030,17032],{"class":5598,"line":5866},[5596,17024,9615],{"class":5609},[5596,17026,17027],{"class":5665}," nextBookId",[5596,17029,5618],{"class":5617},[5596,17031,8785],{"class":5779},[5596,17033,6183],{"class":5617},[5596,17035,17036],{"class":5598,"line":5871},[5596,17037,5650],{"emptyLinePlaceholder":5649},[5596,17039,17040,17042,17044,17047,17049,17052,17054,17057,17059,17061,17063,17066,17069,17072],{"class":5598,"line":5881},[5596,17041,9335],{"class":5874},[5596,17043,9635],{"class":5609},[5596,17045,17046],{"class":5621}," addBook",[5596,17048,5826],{"class":5617},[5596,17050,17051],{"class":5665},"book",[5596,17053,5674],{"class":5617},[5596,17055,17056],{"class":5628},"Omit",[5596,17058,5625],{"class":5617},[5596,17060,16563],{"class":5628},[5596,17062,5700],{"class":5617},[5596,17064,17065],{"class":6079},"\"id\"",[5596,17067,17068],{"class":5617},">): ",[5596,17070,17071],{"class":5628},"BookAction",[5596,17073,5755],{"class":5617},[5596,17075,17076,17078],{"class":5598,"line":5926},[5596,17077,5875],{"class":5874},[5596,17079,5755],{"class":5617},[5596,17081,17082,17084,17086],{"class":5598,"line":5937},[5596,17083,9663],{"class":5665},[5596,17085,16823],{"class":5613},[5596,17087,7734],{"class":5617},[5596,17089,17090,17092,17094,17096,17098,17100,17102],{"class":5598,"line":5947},[5596,17091,9672],{"class":5665},[5596,17093,13460],{"class":5617},[5596,17095,17051],{"class":5665},[5596,17097,5700],{"class":5617},[5596,17099,8510],{"class":5665},[5596,17101,17027],{"class":5665},[5596,17103,17104],{"class":5617},"++ },\n",[5596,17106,17107],{"class":5598,"line":5953},[5596,17108,5789],{"class":5617},[5596,17110,17111],{"class":5598,"line":6578},[5596,17112,5934],{"class":5617},[5596,17114,17115],{"class":5598,"line":6591},[5596,17116,5650],{"emptyLinePlaceholder":5649},[5596,17118,17119,17121,17123,17126,17128,17130,17132,17134,17136,17138],{"class":5598,"line":6604},[5596,17120,9335],{"class":5874},[5596,17122,9635],{"class":5609},[5596,17124,17125],{"class":5621}," deleteBook",[5596,17127,5826],{"class":5617},[5596,17129,5807],{"class":5665},[5596,17131,5674],{"class":5617},[5596,17133,5812],{"class":5628},[5596,17135,6050],{"class":5617},[5596,17137,17071],{"class":5628},[5596,17139,5755],{"class":5617},[5596,17141,17142,17144,17146,17148,17150,17152,17154,17156],{"class":5598,"line":6616},[5596,17143,5875],{"class":5874},[5596,17145,6091],{"class":5617},[5596,17147,6211],{"class":5665},[5596,17149,16839],{"class":5613},[5596,17151,5700],{"class":5617},[5596,17153,6218],{"class":5665},[5596,17155,6759],{"class":5665},[5596,17157,8373],{"class":5617},[5596,17159,17160],{"class":5598,"line":6629},[5596,17161,5934],{"class":5617},[5596,17163,17164],{"class":5598,"line":6642},[5596,17165,5650],{"emptyLinePlaceholder":5649},[5596,17167,17168,17170,17172,17174,17176,17178,17180,17182,17184,17186,17189,17191],{"class":5598,"line":6654},[5596,17169,9335],{"class":5874},[5596,17171,9635],{"class":5609},[5596,17173,14655],{"class":5621},[5596,17175,5826],{"class":5617},[5596,17177,5833],{"class":5665},[5596,17179,5674],{"class":5617},[5596,17181,16895],{"class":5628},[5596,17183,14666],{"class":5617},[5596,17185,14669],{"class":6079},[5596,17187,17188],{"class":5617},"]): ",[5596,17190,17071],{"class":5628},[5596,17192,5755],{"class":5617},[5596,17194,17195,17197,17199,17201,17203,17205,17207,17209],{"class":5598,"line":6666},[5596,17196,5875],{"class":5874},[5596,17198,6091],{"class":5617},[5596,17200,6211],{"class":5665},[5596,17202,16855],{"class":5613},[5596,17204,5700],{"class":5617},[5596,17206,6218],{"class":5665},[5596,17208,14689],{"class":5665},[5596,17210,8373],{"class":5617},[5596,17212,17213],{"class":5598,"line":6671},[5596,17214,5934],{"class":5617},[5596,17216,17217],{"class":5598,"line":6679},[5596,17218,5650],{"emptyLinePlaceholder":5649},[5596,17220,17221,17223,17225,17228,17230,17233,17235,17237,17239,17241,17243,17245],{"class":5598,"line":6691},[5596,17222,9335],{"class":5874},[5596,17224,9635],{"class":5609},[5596,17226,17227],{"class":5621}," setSortOrder",[5596,17229,5826],{"class":5617},[5596,17231,17232],{"class":5665},"order",[5596,17234,5674],{"class":5617},[5596,17236,16895],{"class":5628},[5596,17238,14666],{"class":5617},[5596,17240,17014],{"class":6079},[5596,17242,17188],{"class":5617},[5596,17244,17071],{"class":5628},[5596,17246,5755],{"class":5617},[5596,17248,17249,17251,17253,17255,17257,17259,17261,17264],{"class":5598,"line":6696},[5596,17250,5875],{"class":5874},[5596,17252,6091],{"class":5617},[5596,17254,6211],{"class":5665},[5596,17256,16871],{"class":5613},[5596,17258,5700],{"class":5617},[5596,17260,6218],{"class":5665},[5596,17262,17263],{"class":5665}," order",[5596,17265,8373],{"class":5617},[5596,17267,17268],{"class":5598,"line":6706},[5596,17269,5934],{"class":5617},[5586,17271,17273],{"className":5588,"code":17272,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Freducers\u002FbookReducer.ts\nimport { BOOK_ADD, BOOK_DELETE, BOOK_SET_FILTER, BOOK_SET_SORT, BookAction } from \"..\u002Factions\u002FbookActions\";\nimport { BookstoreState } from \"..\u002Ftypes\";\n\nconst initialState: BookstoreState = {\n  books: [],\n  filter: \"all\",\n  sortOrder: \"asc\",\n};\n\nexport function bookReducer(state = initialState, action: BookAction): BookstoreState {\n  switch (action.type) {\n    case BOOK_ADD:\n      return {\n        ...state,\n        books: [...state.books, action.payload],\n      };\n\n    case BOOK_DELETE:\n      return {\n        ...state,\n        books: state.books.filter((book) => book.id !== action.payload),\n      };\n\n    case BOOK_SET_FILTER:\n      return {\n        ...state,\n        filter: action.payload,\n      };\n\n    case BOOK_SET_SORT:\n      return {\n        ...state,\n        sortOrder: action.payload,\n      };\n\n    default:\n      return state;\n  }\n}\n",[5523,17274,17275,17280,17317,17333,17337,17349,17356,17364,17374,17378,17382,17413,17427,17435,17441,17449,17473,17477,17481,17489,17495,17503,17542,17546,17550,17558,17564,17572,17584,17588,17592,17600,17606,17614,17627,17631,17635,17641,17649,17653],{"__ignoreMap":5592},[5596,17276,17277],{"class":5598,"line":5599},[5596,17278,17279],{"class":5602},"\u002F\u002F src\u002Fstore\u002Freducers\u002FbookReducer.ts\n",[5596,17281,17282,17284,17286,17289,17291,17294,17296,17299,17301,17304,17306,17308,17310,17312,17315],{"class":5598,"line":5606},[5596,17283,9079],{"class":5874},[5596,17285,6091],{"class":5617},[5596,17287,17288],{"class":5665},"BOOK_ADD",[5596,17290,5700],{"class":5617},[5596,17292,17293],{"class":5665},"BOOK_DELETE",[5596,17295,5700],{"class":5617},[5596,17297,17298],{"class":5665},"BOOK_SET_FILTER",[5596,17300,5700],{"class":5617},[5596,17302,17303],{"class":5665},"BOOK_SET_SORT",[5596,17305,5700],{"class":5617},[5596,17307,17071],{"class":5665},[5596,17309,8316],{"class":5617},[5596,17311,9088],{"class":5874},[5596,17313,17314],{"class":6079}," \"..\u002Factions\u002FbookActions\"",[5596,17316,6183],{"class":5617},[5596,17318,17319,17321,17323,17325,17327,17329,17331],{"class":5598,"line":5646},[5596,17320,9079],{"class":5874},[5596,17322,6091],{"class":5617},[5596,17324,16895],{"class":5665},[5596,17326,8316],{"class":5617},[5596,17328,9088],{"class":5874},[5596,17330,9604],{"class":6079},[5596,17332,6183],{"class":5617},[5596,17334,17335],{"class":5598,"line":5653},[5596,17336,5650],{"emptyLinePlaceholder":5649},[5596,17338,17339,17341,17343,17345,17347],{"class":5598,"line":5688},[5596,17340,5610],{"class":5609},[5596,17342,6003],{"class":5613},[5596,17344,5674],{"class":5617},[5596,17346,16895],{"class":5628},[5596,17348,8656],{"class":5617},[5596,17350,17351,17354],{"class":5598,"line":5719},[5596,17352,17353],{"class":5665},"  books:",[5596,17355,8673],{"class":5617},[5596,17357,17358,17360,17362],{"class":5598,"line":5724},[5596,17359,14803],{"class":5665},[5596,17361,14806],{"class":6079},[5596,17363,7734],{"class":5617},[5596,17365,17366,17369,17372],{"class":5598,"line":5730},[5596,17367,17368],{"class":5665},"  sortOrder:",[5596,17370,17371],{"class":6079}," \"asc\"",[5596,17373,7734],{"class":5617},[5596,17375,17376],{"class":5598,"line":5758},[5596,17377,8678],{"class":5617},[5596,17379,17380],{"class":5598,"line":5786},[5596,17381,5650],{"emptyLinePlaceholder":5649},[5596,17383,17384,17386,17388,17391,17393,17395,17397,17399,17401,17403,17405,17407,17409,17411],{"class":5598,"line":5792},[5596,17385,9335],{"class":5874},[5596,17387,9635],{"class":5609},[5596,17389,17390],{"class":5621}," bookReducer",[5596,17392,5826],{"class":5617},[5596,17394,6032],{"class":5665},[5596,17396,5618],{"class":5617},[5596,17398,6037],{"class":5665},[5596,17400,5700],{"class":5617},[5596,17402,6042],{"class":5665},[5596,17404,5674],{"class":5617},[5596,17406,17071],{"class":5628},[5596,17408,6050],{"class":5617},[5596,17410,16895],{"class":5628},[5596,17412,5755],{"class":5617},[5596,17414,17415,17417,17419,17421,17423,17425],{"class":5598,"line":5797},[5596,17416,6059],{"class":5874},[5596,17418,6062],{"class":5617},[5596,17420,6042],{"class":5665},[5596,17422,5679],{"class":5617},[5596,17424,5525],{"class":5665},[5596,17426,6071],{"class":5617},[5596,17428,17429,17431,17433],{"class":5598,"line":5821},[5596,17430,6076],{"class":5874},[5596,17432,16823],{"class":5613},[5596,17434,6083],{"class":5617},[5596,17436,17437,17439],{"class":5598,"line":5861},[5596,17438,6088],{"class":5874},[5596,17440,5755],{"class":5617},[5596,17442,17443,17445,17447],{"class":5598,"line":5866},[5596,17444,14879],{"class":5617},[5596,17446,6032],{"class":5665},[5596,17448,7734],{"class":5617},[5596,17450,17451,17454,17456,17458,17460,17463,17465,17467,17469,17471],{"class":5598,"line":5871},[5596,17452,17453],{"class":5665},"        books:",[5596,17455,6096],{"class":5617},[5596,17457,6032],{"class":5665},[5596,17459,5679],{"class":5617},[5596,17461,17462],{"class":5665},"books",[5596,17464,5700],{"class":5617},[5596,17466,6042],{"class":5665},[5596,17468,5679],{"class":5617},[5596,17470,6111],{"class":5665},[5596,17472,8885],{"class":5617},[5596,17474,17475],{"class":5598,"line":5881},[5596,17476,8822],{"class":5617},[5596,17478,17479],{"class":5598,"line":5926},[5596,17480,5650],{"emptyLinePlaceholder":5649},[5596,17482,17483,17485,17487],{"class":5598,"line":5937},[5596,17484,6076],{"class":5874},[5596,17486,16839],{"class":5613},[5596,17488,6083],{"class":5617},[5596,17490,17491,17493],{"class":5598,"line":5947},[5596,17492,6088],{"class":5874},[5596,17494,5755],{"class":5617},[5596,17496,17497,17499,17501],{"class":5598,"line":5953},[5596,17498,14879],{"class":5617},[5596,17500,6032],{"class":5665},[5596,17502,7734],{"class":5617},[5596,17504,17505,17507,17509,17511,17513,17515,17517,17519,17521,17523,17525,17528,17530,17532,17534,17536,17538,17540],{"class":5598,"line":6578},[5596,17506,17453],{"class":5665},[5596,17508,6134],{"class":5665},[5596,17510,5679],{"class":5617},[5596,17512,17462],{"class":5665},[5596,17514,5679],{"class":5617},[5596,17516,5833],{"class":5621},[5596,17518,5836],{"class":5617},[5596,17520,17051],{"class":5665},[5596,17522,5749],{"class":5617},[5596,17524,5752],{"class":5609},[5596,17526,17527],{"class":5665}," book",[5596,17529,5679],{"class":5617},[5596,17531,5807],{"class":5665},[5596,17533,5853],{"class":5617},[5596,17535,6042],{"class":5665},[5596,17537,5679],{"class":5617},[5596,17539,6111],{"class":5665},[5596,17541,10263],{"class":5617},[5596,17543,17544],{"class":5598,"line":6591},[5596,17545,8822],{"class":5617},[5596,17547,17548],{"class":5598,"line":6604},[5596,17549,5650],{"emptyLinePlaceholder":5649},[5596,17551,17552,17554,17556],{"class":5598,"line":6616},[5596,17553,6076],{"class":5874},[5596,17555,16855],{"class":5613},[5596,17557,6083],{"class":5617},[5596,17559,17560,17562],{"class":5598,"line":6629},[5596,17561,6088],{"class":5874},[5596,17563,5755],{"class":5617},[5596,17565,17566,17568,17570],{"class":5598,"line":6642},[5596,17567,14879],{"class":5617},[5596,17569,6032],{"class":5665},[5596,17571,7734],{"class":5617},[5596,17573,17574,17576,17578,17580,17582],{"class":5598,"line":6654},[5596,17575,15133],{"class":5665},[5596,17577,10073],{"class":5665},[5596,17579,5679],{"class":5617},[5596,17581,6111],{"class":5665},[5596,17583,7734],{"class":5617},[5596,17585,17586],{"class":5598,"line":6666},[5596,17587,8822],{"class":5617},[5596,17589,17590],{"class":5598,"line":6671},[5596,17591,5650],{"emptyLinePlaceholder":5649},[5596,17593,17594,17596,17598],{"class":5598,"line":6679},[5596,17595,6076],{"class":5874},[5596,17597,16871],{"class":5613},[5596,17599,6083],{"class":5617},[5596,17601,17602,17604],{"class":5598,"line":6691},[5596,17603,6088],{"class":5874},[5596,17605,5755],{"class":5617},[5596,17607,17608,17610,17612],{"class":5598,"line":6696},[5596,17609,14879],{"class":5617},[5596,17611,6032],{"class":5665},[5596,17613,7734],{"class":5617},[5596,17615,17616,17619,17621,17623,17625],{"class":5598,"line":6706},[5596,17617,17618],{"class":5665},"        sortOrder:",[5596,17620,10073],{"class":5665},[5596,17622,5679],{"class":5617},[5596,17624,6111],{"class":5665},[5596,17626,7734],{"class":5617},[5596,17628,17629],{"class":5598,"line":6715},[5596,17630,8822],{"class":5617},[5596,17632,17633],{"class":5598,"line":6725},[5596,17634,5650],{"emptyLinePlaceholder":5649},[5596,17636,17637,17639],{"class":5598,"line":6743},[5596,17638,6172],{"class":5874},[5596,17640,6083],{"class":5617},[5596,17642,17643,17645,17647],{"class":5598,"line":6782},[5596,17644,6088],{"class":5874},[5596,17646,6134],{"class":5665},[5596,17648,6183],{"class":5617},[5596,17650,17651],{"class":5598,"line":6808},[5596,17652,6188],{"class":5617},[5596,17654,17655],{"class":5598,"line":6833},[5596,17656,5934],{"class":5617},[5586,17658,17660],{"className":5588,"code":17659,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fstore\u002Fselectors\u002FbookSelectors.ts\nimport { createSelector } from \"reselect\"; \u002F\u002F npm install reselect\nimport { BookstoreState } from \"..\u002Ftypes\";\n\nconst selectBooks = (state: { books: BookstoreState }) => state.books.books;\nconst selectFilter = (state: { books: BookstoreState }) => state.books.filter;\nconst selectSortOrder = (state: { books: BookstoreState }) => state.books.sortOrder;\n\nexport const selectFilteredAndSortedBooks = createSelector(\n  [selectBooks, selectFilter, selectSortOrder],\n  (books, filter, sortOrder) => {\n    \u002F\u002F Фільтрація\n    let filtered = filter === \"all\" ? books : books.filter((b) => b.genre === filter);\n\n    \u002F\u002F Сортування\n    return [...filtered].sort((a, b) =>\n      sortOrder === \"asc\" ? a.price - b.price : b.price - a.price\n    );\n  }\n);\n\nexport const selectBookStats = createSelector([selectBooks], (books) => {\n  if (books.length === 0) {\n    return { total: 0, avgPrice: 0, maxPrice: 0 };\n  }\n\n  const total = books.length;\n  const avgPrice = books.reduce((sum, b) => sum + b.price, 0) \u002F total;\n  const maxPrice = Math.max(...books.map((b) => b.price));\n\n  return { total, avgPrice, maxPrice };\n});\n",[5523,17661,17662,17667,17687,17703,17707,17742,17777,17813,17817,17832,17852,17873,17878,17929,17933,17938,17965,18007,18012,18016,18020,18024,18053,18071,18098,18102,18106,18123,18175,18216,18220,18240],{"__ignoreMap":5592},[5596,17663,17664],{"class":5598,"line":5599},[5596,17665,17666],{"class":5602},"\u002F\u002F src\u002Fstore\u002Fselectors\u002FbookSelectors.ts\n",[5596,17668,17669,17671,17673,17675,17677,17679,17682,17684],{"class":5598,"line":5606},[5596,17670,9079],{"class":5874},[5596,17672,6091],{"class":5617},[5596,17674,11506],{"class":5665},[5596,17676,8316],{"class":5617},[5596,17678,9088],{"class":5874},[5596,17680,17681],{"class":6079}," \"reselect\"",[5596,17683,7070],{"class":5617},[5596,17685,17686],{"class":5602},"\u002F\u002F npm install reselect\n",[5596,17688,17689,17691,17693,17695,17697,17699,17701],{"class":5598,"line":5646},[5596,17690,9079],{"class":5874},[5596,17692,6091],{"class":5617},[5596,17694,16895],{"class":5665},[5596,17696,8316],{"class":5617},[5596,17698,9088],{"class":5874},[5596,17700,9604],{"class":6079},[5596,17702,6183],{"class":5617},[5596,17704,17705],{"class":5598,"line":5653},[5596,17706,5650],{"emptyLinePlaceholder":5649},[5596,17708,17709,17711,17714,17716,17718,17720,17722,17724,17726,17728,17730,17732,17734,17736,17738,17740],{"class":5598,"line":5688},[5596,17710,5610],{"class":5609},[5596,17712,17713],{"class":5621}," selectBooks",[5596,17715,5738],{"class":5617},[5596,17717,6032],{"class":5665},[5596,17719,8264],{"class":5617},[5596,17721,17462],{"class":5665},[5596,17723,5674],{"class":5617},[5596,17725,16895],{"class":5628},[5596,17727,15204],{"class":5617},[5596,17729,5752],{"class":5609},[5596,17731,6134],{"class":5665},[5596,17733,5679],{"class":5617},[5596,17735,17462],{"class":5665},[5596,17737,5679],{"class":5617},[5596,17739,17462],{"class":5665},[5596,17741,6183],{"class":5617},[5596,17743,17744,17746,17749,17751,17753,17755,17757,17759,17761,17763,17765,17767,17769,17771,17773,17775],{"class":5598,"line":5719},[5596,17745,5610],{"class":5609},[5596,17747,17748],{"class":5621}," selectFilter",[5596,17750,5738],{"class":5617},[5596,17752,6032],{"class":5665},[5596,17754,8264],{"class":5617},[5596,17756,17462],{"class":5665},[5596,17758,5674],{"class":5617},[5596,17760,16895],{"class":5628},[5596,17762,15204],{"class":5617},[5596,17764,5752],{"class":5609},[5596,17766,6134],{"class":5665},[5596,17768,5679],{"class":5617},[5596,17770,17462],{"class":5665},[5596,17772,5679],{"class":5617},[5596,17774,5833],{"class":5665},[5596,17776,6183],{"class":5617},[5596,17778,17779,17781,17784,17786,17788,17790,17792,17794,17796,17798,17800,17802,17804,17806,17808,17811],{"class":5598,"line":5724},[5596,17780,5610],{"class":5609},[5596,17782,17783],{"class":5621}," selectSortOrder",[5596,17785,5738],{"class":5617},[5596,17787,6032],{"class":5665},[5596,17789,8264],{"class":5617},[5596,17791,17462],{"class":5665},[5596,17793,5674],{"class":5617},[5596,17795,16895],{"class":5628},[5596,17797,15204],{"class":5617},[5596,17799,5752],{"class":5609},[5596,17801,6134],{"class":5665},[5596,17803,5679],{"class":5617},[5596,17805,17462],{"class":5665},[5596,17807,5679],{"class":5617},[5596,17809,17810],{"class":5665},"sortOrder",[5596,17812,6183],{"class":5617},[5596,17814,17815],{"class":5598,"line":5730},[5596,17816,5650],{"emptyLinePlaceholder":5649},[5596,17818,17819,17821,17823,17826,17828,17830],{"class":5598,"line":5758},[5596,17820,9335],{"class":5874},[5596,17822,9338],{"class":5609},[5596,17824,17825],{"class":5613}," selectFilteredAndSortedBooks",[5596,17827,5618],{"class":5617},[5596,17829,11506],{"class":5621},[5596,17831,8691],{"class":5617},[5596,17833,17834,17837,17840,17842,17845,17847,17850],{"class":5598,"line":5786},[5596,17835,17836],{"class":5617},"  [",[5596,17838,17839],{"class":5665},"selectBooks",[5596,17841,5700],{"class":5617},[5596,17843,17844],{"class":5665},"selectFilter",[5596,17846,5700],{"class":5617},[5596,17848,17849],{"class":5665},"selectSortOrder",[5596,17851,8885],{"class":5617},[5596,17853,17854,17857,17859,17861,17863,17865,17867,17869,17871],{"class":5598,"line":5792},[5596,17855,17856],{"class":5617},"  (",[5596,17858,17462],{"class":5665},[5596,17860,5700],{"class":5617},[5596,17862,5833],{"class":5665},[5596,17864,5700],{"class":5617},[5596,17866,17810],{"class":5665},[5596,17868,5749],{"class":5617},[5596,17870,5752],{"class":5609},[5596,17872,5755],{"class":5617},[5596,17874,17875],{"class":5598,"line":5797},[5596,17876,17877],{"class":5602},"    \u002F\u002F Фільтрація\n",[5596,17879,17880,17883,17886,17888,17890,17892,17894,17896,17898,17900,17902,17904,17906,17908,17911,17913,17915,17918,17920,17923,17925,17927],{"class":5598,"line":5821},[5596,17881,17882],{"class":5609},"    let",[5596,17884,17885],{"class":5665}," filtered",[5596,17887,5618],{"class":5617},[5596,17889,5833],{"class":5665},[5596,17891,7977],{"class":5617},[5596,17893,14396],{"class":6079},[5596,17895,13155],{"class":5617},[5596,17897,17462],{"class":5665},[5596,17899,13165],{"class":5617},[5596,17901,17462],{"class":5665},[5596,17903,5679],{"class":5617},[5596,17905,5833],{"class":5621},[5596,17907,5836],{"class":5617},[5596,17909,17910],{"class":5665},"b",[5596,17912,5749],{"class":5617},[5596,17914,5752],{"class":5609},[5596,17916,17917],{"class":5665}," b",[5596,17919,5679],{"class":5617},[5596,17921,17922],{"class":5665},"genre",[5596,17924,7977],{"class":5617},[5596,17926,5833],{"class":5665},[5596,17928,5643],{"class":5617},[5596,17930,17931],{"class":5598,"line":5861},[5596,17932,5650],{"emptyLinePlaceholder":5649},[5596,17934,17935],{"class":5598,"line":5866},[5596,17936,17937],{"class":5602},"    \u002F\u002F Сортування\n",[5596,17939,17940,17942,17944,17947,17950,17953,17955,17957,17959,17961,17963],{"class":5598,"line":5871},[5596,17941,8014],{"class":5874},[5596,17943,6096],{"class":5617},[5596,17945,17946],{"class":5665},"filtered",[5596,17948,17949],{"class":5617},"].",[5596,17951,17952],{"class":5621},"sort",[5596,17954,5836],{"class":5617},[5596,17956,14048],{"class":5665},[5596,17958,5700],{"class":5617},[5596,17960,17910],{"class":5665},[5596,17962,5749],{"class":5617},[5596,17964,10146],{"class":5609},[5596,17966,17967,17970,17972,17974,17976,17978,17980,17982,17984,17986,17988,17990,17992,17994,17996,17998,18000,18002,18004],{"class":5598,"line":5881},[5596,17968,17969],{"class":5665},"      sortOrder",[5596,17971,7977],{"class":5617},[5596,17973,16601],{"class":6079},[5596,17975,13155],{"class":5617},[5596,17977,14048],{"class":5665},[5596,17979,5679],{"class":5617},[5596,17981,8285],{"class":5665},[5596,17983,8854],{"class":5617},[5596,17985,17910],{"class":5665},[5596,17987,5679],{"class":5617},[5596,17989,8285],{"class":5665},[5596,17991,13165],{"class":5617},[5596,17993,17910],{"class":5665},[5596,17995,5679],{"class":5617},[5596,17997,8285],{"class":5665},[5596,17999,8854],{"class":5617},[5596,18001,14048],{"class":5665},[5596,18003,5679],{"class":5617},[5596,18005,18006],{"class":5665},"price\n",[5596,18008,18009],{"class":5598,"line":5926},[5596,18010,18011],{"class":5617},"    );\n",[5596,18013,18014],{"class":5598,"line":5937},[5596,18015,6188],{"class":5617},[5596,18017,18018],{"class":5598,"line":5947},[5596,18019,5643],{"class":5617},[5596,18021,18022],{"class":5598,"line":5953},[5596,18023,5650],{"emptyLinePlaceholder":5649},[5596,18025,18026,18028,18030,18033,18035,18037,18040,18042,18045,18047,18049,18051],{"class":5598,"line":6578},[5596,18027,9335],{"class":5874},[5596,18029,9338],{"class":5609},[5596,18031,18032],{"class":5613}," selectBookStats",[5596,18034,5618],{"class":5617},[5596,18036,11506],{"class":5621},[5596,18038,18039],{"class":5617},"([",[5596,18041,17839],{"class":5665},[5596,18043,18044],{"class":5617},"], (",[5596,18046,17462],{"class":5665},[5596,18048,5749],{"class":5617},[5596,18050,5752],{"class":5609},[5596,18052,5755],{"class":5617},[5596,18054,18055,18057,18059,18061,18063,18065,18067,18069],{"class":5598,"line":6591},[5596,18056,7966],{"class":5874},[5596,18058,6062],{"class":5617},[5596,18060,17462],{"class":5665},[5596,18062,5679],{"class":5617},[5596,18064,11287],{"class":5665},[5596,18066,7977],{"class":5617},[5596,18068,6511],{"class":5779},[5596,18070,6071],{"class":5617},[5596,18072,18073,18075,18077,18080,18082,18084,18087,18089,18091,18094,18096],{"class":5598,"line":6604},[5596,18074,8014],{"class":5874},[5596,18076,6091],{"class":5617},[5596,18078,18079],{"class":5665},"total:",[5596,18081,6961],{"class":5779},[5596,18083,5700],{"class":5617},[5596,18085,18086],{"class":5665},"avgPrice:",[5596,18088,6961],{"class":5779},[5596,18090,5700],{"class":5617},[5596,18092,18093],{"class":5665},"maxPrice:",[5596,18095,6961],{"class":5779},[5596,18097,8373],{"class":5617},[5596,18099,18100],{"class":5598,"line":6616},[5596,18101,6188],{"class":5617},[5596,18103,18104],{"class":5598,"line":6629},[5596,18105,5650],{"emptyLinePlaceholder":5649},[5596,18107,18108,18110,18113,18115,18117,18119,18121],{"class":5598,"line":6642},[5596,18109,5691],{"class":5609},[5596,18111,18112],{"class":5613}," total",[5596,18114,5618],{"class":5617},[5596,18116,17462],{"class":5665},[5596,18118,5679],{"class":5617},[5596,18120,11287],{"class":5665},[5596,18122,6183],{"class":5617},[5596,18124,18125,18127,18130,18132,18134,18136,18139,18141,18144,18146,18148,18150,18152,18155,18157,18159,18161,18163,18165,18167,18170,18173],{"class":5598,"line":6654},[5596,18126,5691],{"class":5609},[5596,18128,18129],{"class":5613}," avgPrice",[5596,18131,5618],{"class":5617},[5596,18133,17462],{"class":5665},[5596,18135,5679],{"class":5617},[5596,18137,18138],{"class":5621},"reduce",[5596,18140,5836],{"class":5617},[5596,18142,18143],{"class":5665},"sum",[5596,18145,5700],{"class":5617},[5596,18147,17910],{"class":5665},[5596,18149,5749],{"class":5617},[5596,18151,5752],{"class":5609},[5596,18153,18154],{"class":5665}," sum",[5596,18156,8782],{"class":5617},[5596,18158,17910],{"class":5665},[5596,18160,5679],{"class":5617},[5596,18162,8285],{"class":5665},[5596,18164,5700],{"class":5617},[5596,18166,6511],{"class":5779},[5596,18168,18169],{"class":5617},") \u002F ",[5596,18171,18172],{"class":5665},"total",[5596,18174,6183],{"class":5617},[5596,18176,18177,18179,18182,18184,18186,18188,18191,18194,18196,18198,18200,18202,18204,18206,18208,18210,18212,18214],{"class":5598,"line":6666},[5596,18178,5691],{"class":5609},[5596,18180,18181],{"class":5613}," maxPrice",[5596,18183,5618],{"class":5617},[5596,18185,15746],{"class":5665},[5596,18187,5679],{"class":5617},[5596,18189,18190],{"class":5621},"max",[5596,18192,18193],{"class":5617},"(...",[5596,18195,17462],{"class":5665},[5596,18197,5679],{"class":5617},[5596,18199,10136],{"class":5621},[5596,18201,5836],{"class":5617},[5596,18203,17910],{"class":5665},[5596,18205,5749],{"class":5617},[5596,18207,5752],{"class":5609},[5596,18209,17917],{"class":5665},[5596,18211,5679],{"class":5617},[5596,18213,8285],{"class":5665},[5596,18215,5858],{"class":5617},[5596,18217,18218],{"class":5598,"line":6671},[5596,18219,5650],{"emptyLinePlaceholder":5649},[5596,18221,18222,18224,18226,18228,18230,18233,18235,18238],{"class":5598,"line":6679},[5596,18223,5875],{"class":5874},[5596,18225,6091],{"class":5617},[5596,18227,18172],{"class":5665},[5596,18229,5700],{"class":5617},[5596,18231,18232],{"class":5665},"avgPrice",[5596,18234,5700],{"class":5617},[5596,18236,18237],{"class":5665},"maxPrice",[5596,18239,8373],{"class":5617},[5596,18241,18242],{"class":5598,"line":6691},[5596,18243,7758],{"class":5617},[5586,18245,18247],{"className":5588,"code":18246,"language":5591,"meta":5592,"style":5592},"\u002F\u002F src\u002Fcomponents\u002FBookList.tsx\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { selectFilteredAndSortedBooks } from \"..\u002Fstore\u002Fselectors\u002FbookSelectors\";\nimport { deleteBook } from \"..\u002Fstore\u002Factions\u002FbookActions\";\n\nfunction BookList() {\n  const books = useSelector(selectFilteredAndSortedBooks);\n  const dispatch = useDispatch();\n\n  return (\n    \u003Cul className=\"book-list\">\n      {books.map((book) => (\n        \u003Cli key={book.id}>\n          \u003Ch3>{book.title}\u003C\u002Fh3>\n          \u003Cp>Автор: {book.author}\u003C\u002Fp>\n          \u003Cp>Жанр: {book.genre}\u003C\u002Fp>\n          \u003Cp>Ціна: {book.price} ₴\u003C\u002Fp>\n          \u003Cbutton onClick={() => dispatch(deleteBook(book.id))}>Видалити\u003C\u002Fbutton>\n        \u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  );\n}\n\nexport default BookList;\n",[5523,18248,18249,18254,18274,18292,18310,18314,18323,18340,18352,18356,18362,18377,18397,18419,18443,18471,18498,18528,18572,18580,18586,18594,18598,18602,18606],{"__ignoreMap":5592},[5596,18250,18251],{"class":5598,"line":5599},[5596,18252,18253],{"class":5602},"\u002F\u002F src\u002Fcomponents\u002FBookList.tsx\n",[5596,18255,18256,18258,18260,18262,18264,18266,18268,18270,18272],{"class":5598,"line":5606},[5596,18257,9079],{"class":5874},[5596,18259,6091],{"class":5617},[5596,18261,8151],{"class":5665},[5596,18263,5700],{"class":5617},[5596,18265,10676],{"class":5665},[5596,18267,8316],{"class":5617},[5596,18269,9088],{"class":5874},[5596,18271,10799],{"class":6079},[5596,18273,6183],{"class":5617},[5596,18275,18276,18278,18280,18283,18285,18287,18290],{"class":5598,"line":5646},[5596,18277,9079],{"class":5874},[5596,18279,6091],{"class":5617},[5596,18281,18282],{"class":5665},"selectFilteredAndSortedBooks",[5596,18284,8316],{"class":5617},[5596,18286,9088],{"class":5874},[5596,18288,18289],{"class":6079}," \"..\u002Fstore\u002Fselectors\u002FbookSelectors\"",[5596,18291,6183],{"class":5617},[5596,18293,18294,18296,18298,18301,18303,18305,18308],{"class":5598,"line":5653},[5596,18295,9079],{"class":5874},[5596,18297,6091],{"class":5617},[5596,18299,18300],{"class":5665},"deleteBook",[5596,18302,8316],{"class":5617},[5596,18304,9088],{"class":5874},[5596,18306,18307],{"class":6079}," \"..\u002Fstore\u002Factions\u002FbookActions\"",[5596,18309,6183],{"class":5617},[5596,18311,18312],{"class":5598,"line":5688},[5596,18313,5650],{"emptyLinePlaceholder":5649},[5596,18315,18316,18318,18321],{"class":5598,"line":5719},[5596,18317,5656],{"class":5609},[5596,18319,18320],{"class":5621}," BookList",[5596,18322,7178],{"class":5617},[5596,18324,18325,18327,18330,18332,18334,18336,18338],{"class":5598,"line":5724},[5596,18326,5691],{"class":5609},[5596,18328,18329],{"class":5613}," books",[5596,18331,5618],{"class":5617},[5596,18333,8151],{"class":5621},[5596,18335,5826],{"class":5617},[5596,18337,18282],{"class":5665},[5596,18339,5643],{"class":5617},[5596,18341,18342,18344,18346,18348,18350],{"class":5598,"line":5730},[5596,18343,5691],{"class":5609},[5596,18345,11622],{"class":5613},[5596,18347,5618],{"class":5617},[5596,18349,10676],{"class":5621},[5596,18351,7199],{"class":5617},[5596,18353,18354],{"class":5598,"line":5758},[5596,18355,5650],{"emptyLinePlaceholder":5649},[5596,18357,18358,18360],{"class":5598,"line":5786},[5596,18359,5875],{"class":5874},[5596,18361,5878],{"class":5617},[5596,18363,18364,18366,18368,18370,18372,18375],{"class":5598,"line":5792},[5596,18365,5885],{"class":5884},[5596,18367,5484],{"class":6302},[5596,18369,11082],{"class":5891},[5596,18371,5895],{"class":5617},[5596,18373,18374],{"class":6079},"\"book-list\"",[5596,18376,5923],{"class":5884},[5596,18378,18379,18381,18383,18385,18387,18389,18391,18393,18395],{"class":5598,"line":5797},[5596,18380,5929],{"class":5609},[5596,18382,17462],{"class":5665},[5596,18384,5679],{"class":5901},[5596,18386,10136],{"class":5621},[5596,18388,5836],{"class":5901},[5596,18390,17051],{"class":5665},[5596,18392,5749],{"class":5901},[5596,18394,5752],{"class":5609},[5596,18396,5878],{"class":5901},[5596,18398,18399,18401,18403,18405,18407,18409,18411,18413,18415,18417],{"class":5598,"line":5821},[5596,18400,11114],{"class":5884},[5596,18402,5487],{"class":6302},[5596,18404,11119],{"class":5891},[5596,18406,5895],{"class":5617},[5596,18408,5898],{"class":5609},[5596,18410,17051],{"class":5665},[5596,18412,5679],{"class":5901},[5596,18414,5807],{"class":5665},[5596,18416,5920],{"class":5609},[5596,18418,5923],{"class":5884},[5596,18420,18421,18423,18425,18427,18429,18431,18433,18435,18437,18439,18441],{"class":5598,"line":5861},[5596,18422,11164],{"class":5884},[5596,18424,6277],{"class":6302},[5596,18426,6387],{"class":5884},[5596,18428,5898],{"class":5609},[5596,18430,17051],{"class":5665},[5596,18432,5679],{"class":5901},[5596,18434,6384],{"class":5665},[5596,18436,5920],{"class":5609},[5596,18438,6393],{"class":5884},[5596,18440,6277],{"class":6302},[5596,18442,5923],{"class":5884},[5596,18444,18445,18447,18449,18451,18454,18456,18458,18460,18463,18465,18467,18469],{"class":5598,"line":5866},[5596,18446,11164],{"class":5884},[5596,18448,5552],{"class":6302},[5596,18450,6387],{"class":5884},[5596,18452,18453],{"class":5901},"Автор: ",[5596,18455,5898],{"class":5609},[5596,18457,17051],{"class":5665},[5596,18459,5679],{"class":5901},[5596,18461,18462],{"class":5665},"author",[5596,18464,5920],{"class":5609},[5596,18466,6393],{"class":5884},[5596,18468,5552],{"class":6302},[5596,18470,5923],{"class":5884},[5596,18472,18473,18475,18477,18479,18482,18484,18486,18488,18490,18492,18494,18496],{"class":5598,"line":5871},[5596,18474,11164],{"class":5884},[5596,18476,5552],{"class":6302},[5596,18478,6387],{"class":5884},[5596,18480,18481],{"class":5901},"Жанр: ",[5596,18483,5898],{"class":5609},[5596,18485,17051],{"class":5665},[5596,18487,5679],{"class":5901},[5596,18489,17922],{"class":5665},[5596,18491,5920],{"class":5609},[5596,18493,6393],{"class":5884},[5596,18495,5552],{"class":6302},[5596,18497,5923],{"class":5884},[5596,18499,18500,18502,18504,18506,18509,18511,18513,18515,18517,18519,18522,18524,18526],{"class":5598,"line":5881},[5596,18501,11164],{"class":5884},[5596,18503,5552],{"class":6302},[5596,18505,6387],{"class":5884},[5596,18507,18508],{"class":5901},"Ціна: ",[5596,18510,5898],{"class":5609},[5596,18512,17051],{"class":5665},[5596,18514,5679],{"class":5901},[5596,18516,8285],{"class":5665},[5596,18518,5920],{"class":5609},[5596,18520,18521],{"class":5901}," ₴",[5596,18523,6393],{"class":5884},[5596,18525,5552],{"class":6302},[5596,18527,5923],{"class":5884},[5596,18529,18530,18532,18534,18536,18538,18540,18542,18544,18546,18548,18550,18552,18554,18556,18558,18560,18562,18564,18566,18568,18570],{"class":5598,"line":5926},[5596,18531,11164],{"class":5884},[5596,18533,6787],{"class":6302},[5596,18535,12180],{"class":5891},[5596,18537,5895],{"class":5617},[5596,18539,5898],{"class":5609},[5596,18541,12122],{"class":5901},[5596,18543,5752],{"class":5609},[5596,18545,11622],{"class":5621},[5596,18547,5826],{"class":5901},[5596,18549,18300],{"class":5621},[5596,18551,5826],{"class":5901},[5596,18553,17051],{"class":5665},[5596,18555,5679],{"class":5901},[5596,18557,5807],{"class":5665},[5596,18559,12141],{"class":5901},[5596,18561,5920],{"class":5609},[5596,18563,6387],{"class":5884},[5596,18565,12211],{"class":5901},[5596,18567,6393],{"class":5884},[5596,18569,6787],{"class":6302},[5596,18571,5923],{"class":5884},[5596,18573,18574,18576,18578],{"class":5598,"line":5937},[5596,18575,11189],{"class":5884},[5596,18577,5487],{"class":6302},[5596,18579,5923],{"class":5884},[5596,18581,18582,18584],{"class":5598,"line":5947},[5596,18583,11198],{"class":5901},[5596,18585,5934],{"class":5609},[5596,18587,18588,18590,18592],{"class":5598,"line":5953},[5596,18589,5940],{"class":5884},[5596,18591,5484],{"class":6302},[5596,18593,5923],{"class":5884},[5596,18595,18596],{"class":5598,"line":6578},[5596,18597,5950],{"class":5617},[5596,18599,18600],{"class":5598,"line":6591},[5596,18601,5934],{"class":5617},[5596,18603,18604],{"class":5598,"line":6604},[5596,18605,5650],{"emptyLinePlaceholder":5649},[5596,18607,18608,18610,18612,18614],{"class":5598,"line":6616},[5596,18609,9335],{"class":5874},[5596,18611,10558],{"class":5874},[5596,18613,18320],{"class":5665},[5596,18615,6183],{"class":5617},[5552,18617,18618],{},[5507,18619,18620],{},"Ключові моменти реалізації:",[10657,18622,18623,18637,18646],{},[5487,18624,18625,18630,18631,18633,18634,18636],{},[5507,18626,18627,18628],{},"Селектори з ",[5523,18629,11502],{}," — ",[5523,18632,18282],{}," обчислює фільтрацію та сортування лише при зміні залежностей (books, filter, sortOrder). Без ",[5523,18635,11502],{}," ці обчислення повторювалися б при кожному рендері компонента.",[5487,18638,18639,18630,18642,18645],{},[5507,18640,18641],{},"Immutable updates",[5523,18643,18644],{},"[...filtered].sort()"," створює копію масиву перед сортуванням, щоб не мутувати оригінальний масив.",[5487,18647,18648,18651,18652,18654,18655,15638,18657,15642],{},[5507,18649,18650],{},"Типізація actions"," — union-тип ",[5523,18653,17071],{}," дозволяє TypeScript автоматично звужувати тип ",[5523,18656,15637],{},[5523,18658,15641],{},[5544,18660],{},[5547,18662,18664],{"id":18663},"підсумок","Підсумок",[5476,18666,18667,18688],{},[5479,18668,18671],{"icon":18669,"title":18670},"i-lucide-graduation-cap","✅ Опановані концепції",[5484,18672,18673,18676,18679,18682,18685],{},[5487,18674,18675],{},"Фундаментальні принципи Redux: single source of truth, read-only state, pure functions",[5487,18677,18678],{},"Actions, reducers, store та однонаправлений потік даних",[5487,18680,18681],{},"Інтеграція з React через react-redux (Provider, useSelector, useDispatch)",[5487,18683,18684],{},"Асинхронні операції через redux-thunk middleware",[5487,18686,18687],{},"Налагодження через Redux DevTools із time-travel debugging",[5479,18689,18692,18693,18696,18697,5700,18699,18702],{"icon":18690,"title":18691},"i-lucide-arrow-right","🎯 Наступні кроки","Класичний Redux закладає фундаментальне розуміння управління станом, але вимагає багато boilerplate-коду. ",[5507,18694,18695],{},"Наступна тема — Redux Toolkit (RTK)"," — сучасна офіційна бібліотека, яка спрощує Redux через ",[5523,18698,8574],{},[5523,18700,18701],{},"createAsyncThunk"," та вбудовану підтримку Immer.",[6404,18704,18705],{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html .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 .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sqdDX, html code.shiki .sqdDX{--shiki-light:#800000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sDUd3, html code.shiki .sDUd3{--shiki-light:#0451A5;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}",{"title":5592,"searchDepth":5606,"depth":5606,"links":18707},[18708,18709,18712,18717,18722,18728,18734,18737,18738,18739,18740,18741,18742,18743],{"id":5549,"depth":5606,"text":5550},{"id":6267,"depth":5606,"text":6268,"children":18710},[18711],{"id":6279,"depth":5646,"text":6280},{"id":7616,"depth":5606,"text":7617,"children":18713},[18714,18715,18716],{"id":7623,"depth":5646,"text":7624},{"id":7816,"depth":5646,"text":7817},{"id":7906,"depth":5646,"text":7907},{"id":8161,"depth":5606,"text":8162,"children":18718},[18719,18720,18721],{"id":8165,"depth":5646,"text":8166},{"id":8577,"depth":5646,"text":8578},{"id":9039,"depth":5646,"text":9040},{"id":9297,"depth":5606,"text":9298,"children":18723},[18724,18725,18726,18727],{"id":9312,"depth":5646,"text":9313},{"id":9557,"depth":5646,"text":9558},{"id":9843,"depth":5646,"text":9844},{"id":10367,"depth":5646,"text":10368},{"id":10648,"depth":5606,"text":10649,"children":18729},[18730,18731,18732,18733],{"id":10744,"depth":5646,"text":10745},{"id":10943,"depth":5646,"text":10944},{"id":11509,"depth":5646,"text":11510},{"id":11901,"depth":5646,"text":11902},{"id":12575,"depth":5606,"text":12576,"children":18735},[18736],{"id":12588,"depth":5646,"text":12589},{"id":14016,"depth":5606,"text":14017},{"id":14291,"depth":5606,"text":14292},{"id":15385,"depth":5606,"text":15386},{"id":15557,"depth":5606,"text":15558},{"id":15647,"depth":5606,"text":15648},{"id":16387,"depth":5606,"text":16388},{"id":18663,"depth":5606,"text":18664},"Опанування класичного Redux від основ до інтеграції з React: actions, reducers, store, middleware, react-redux хуки та порівняння з Context API","md",null,{},{"title":5447,"description":18744},"JYNs7jCUpX8BmEeuHoPkOEiXi4GnzbeRj3Za5yx_JeY",[18751,18753],{"title":5443,"path":5444,"stem":5445,"description":18752,"children":-1},"Опанування Axios як альтернативи fetch API: типізовані запити, interceptors, обробка помилок, скасування та кешування запитів у React із TypeScript",{"title":5451,"path":5452,"stem":5453,"description":18754,"children":-1},"Опанування Redux Toolkit (RTK): createSlice, configureStore, createAsyncThunk, RTK Query, усунення boilerplate та інтеграція Immer для безпечних мутацій стану",1794237377146]