React 19
React 19

Grafos de Nodos, Flow y Canvas

React Flow (@xyflow/react), algoritmos de diseño Dagre/Elkjs, renderizado de 10.000+ nodos, Infinite Canvas y colaboración CRDT con Yjs

5 lecciones~120 min+150 XP
Progreso del tema0% (0/5)

Lista de lecciones del módulo (5)

5 lecciones en orden
01

Arquitectura de React Flow (@xyflow/react): nodos personalizados, puertos (Handles), aristas y subgrafos anidados

25 min•+30 XP
02

Algoritmos de diseño automático de grafos: Dagre, Elkjs y grafos de fuerza en Web Workers

25 min•+30 XP
03

Rendimiento extremo de grafos: renderizado de 10.000+ nodos, Viewport Culling, capas Canvas y LOD

25 min•+30 XP
04

Edición colaborativa de grafos en tiempo real: multicursores, bloqueo de nodos y CRDT con Yjs

25 min•+30 XP
05

Matemáticas de Infinite Canvas: matrices de transformación, Screen Space vs Canvas Space, zoom, desplazamiento y gestos

20 min•+30 XP
Ir a la siguiente sección (Next.js 16+)