If you’ve been looking for a fun, interactive, deep-dive into Bézier curves, this blog post from Josh Comeau is for you. Also, this is Josh’s first post to his new blog, which is also open source on GitHub — so the following is a nice intro for what to expect.

The whole reason I started this blog was that I wanted a way to build dynamic, interactive articles that are more effective at sharing and teaching concepts. Unlike with plain text on Medium, this blog is a fully-powered React app, and so I can create and embed interactive elements that help the reader build an intuitive understanding of the subject being presented. These dynamic “flattenable” Bézier curves are a perfect subject for this format, as they have underlying complexity that would be difficult to explain with words alone.

And here’s what to expect from this post on Bézier curves.

In this maiden blog post, we’ll go through the basics of working with Bézier curves and SVG in React.js. We’ll learn how to build dynamic curves that respond to user input.