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

image

With Typescript and React. Let's start!

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

image

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

Here is draft of React component: