Назад к обзору специализации
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+)