I want to start series of posts about design and implementation curve editor, like this one from Gimp software:


With Typescript and React. Let's start!

At first, we need to decompose component into parts and name each part of it


I choose Bézier curves to make task more interesting. But I start from simple polyline.

Here is draft of React component: