Master React Flow in 1 Video - React Flow Advanced Course

Описание: Hey all, in this course, I will teach you advanced concepts of React Flow like
Collision Detection, Node Aggregation, Computational Flows, Drag and Drop from outside, Dynamic Subflows, Dynamic groups, Contextual Zoom, Undo/Redo, Light/Dark Mode, Rotation, Resizing of nodes, Key Bindings, Saving Project State, Reconnection, Connection Validation and so much more.

Code: https://github.com/usmanabdurrehman/r...
You can follow me on:   / usmanabdurrehman97  
Patreon:   / usmanabdurrehman  
Join the Discord:   / discord  

00:00 Intro
00:26 Base Setup
04:21 Making ElectricalComponent Node
11:47 Custom Edge
14:32 Edge Stroke Gradient
16:00 Adding Arrow Marker
16:59 Edge SVG Animations
20:54 Custom Handles
22:22 Custom Connection Line
24:28 Handle/Connection Line Validation
29:17 Adding Components Panel
33:02 Drag and drop node from outside
40:27 Adding Bulb Component
43:16 Adding Battery Component
45:12 Adding Node Edit Form
55:03 Reconnection of Edge
58:15 Deleting an Edge
01:00:02 Node Rotation
01:11:19 Collision Detection/Node Aggregation
01:23:42 Dynamic Subflows/Groups
01:46:36 Attaching/Detaching a Node in a Group
01:51:39 Node Resizing
01:53:03 Contexual Zoom
02:02:50 Key Bindings
02:10:16 Saving/Loading Project State
02:19:11 Exporting Project Image
02:26:25 Light/Dark Mode
02:33:17 Cyclic Flows
02:47:23 Computation Flows
02:52:44 Undo/Redo
03:09:48 Outro