Hey everyone, in this video I will show you how to master custom edge in React Flow. We will cover these topics
1) Understanding the basics of Custom Edges
2) Making Custom SVG Paths like Step and Sinusoidal
3) Making two types of Editable Paths
4) Making Following Edges
You can follow me on: https://www.instagram.com/usmanabdurrehman97/
Patreon: https://www.patreon.com/UsmanAbdurRehman
Join the Discord: https://discord.gg/8BhnMwNt6D
Code: https://github.com/usmanabdurrehman/react-flow-tutorials/tree/CustomEdge
00:00 Intro
00:53 Making a Custom Edge
02:18 Understanding Edge Properties
06:11 Adding Edge Label
09:21 Adding Event Handlers to Edge
10:29 Showing Edge Label on Hover
12:49 Understanding SVG Paths
17:06 Making a Step Edge
22:40 Making a Sinusoidal Edge
28:04 Making an Editable Edge with Anchor Points
35:54 Making an Editable Edge with Line Anchor
41:03 Making a Following Edge
01:01:14 Outro
