Назад до огляду спеціалізації
React 19

Node Graphs, Flow & Canvas

React Flow (@xyflow/react), алгоритми авто-розкладки Dagre/Elkjs, рендеринг 10 000+ вузлів, Infinite Canvas та спільний CRDT Yjs

5 уроків•~120 хв•+150 XP
Прогрес теми
0%(0/5)
Залишилося вивчити: 5

Список уроків у модулі (5)

5 статей за порядком
01

Архітектура React Flow (@xyflow/react): кастомні вузли, порти (Handles), ребра та вкладені підграфи

25 хв•+30 XP
02

Алгоритми автоматичної розкладки графів: Dagre, Elkjs та силові графи (Force-Directed) у Web Workers

25 хв•+30 XP
03

Екстремальна продуктивність графів: рендеринг 10 000+ вузлів, Viewport Culling, Canvas-оверлеї та LOD

25 хв•+30 XP
04

Спільне редагування графів у реальному часі: мультикурсори, блокування вузлів та CRDT через Yjs

25 хв•+30 XP
05

Математика Infinite Canvas: матриці трансформацій, Screen Space vs Canvas Space, зум, панорамування та жести

20 хв•+30 XP
Перейти до наступного розділу (Next.js 16+)