Build truly
Interactive React


They say "90% of web applications are forms and tables". This course is about the next 10%. Learn how to build interactive applications that utilise UX patterns like drag & drop, animations and keyboard navigation.

Sounds exciting? Sign up here.

Here's what you will learn:

Drag and drop

Learn how to create stateful drag and drop interfaces with React DND. The devil really is in the details.

Smooth animations

Animations that feel "natural" with
Framer Motion

On multiple occasions Sid has shown off a beautiful UI interaction built with Framer Motion that made me wonder “how did he make that?” I can’t wait to learn how to use my own product! 😅

Matt Perry
Matt Perry
Author, Framer Motion

Complex transient state

We're not playing around here 😅

Performance tuning for rapidly changing state

all this while being accessible for screen reader and keyboard users

When users directly manipulate onscreen objects instead of using separate controls to manipulate them, they’re more engaged and more readily understand the results of their actions. Subtle animations can give people meaningful feedback to help clarify the result of their actions.

But, the devil is in the details. What often seems simple can be complex to get right, especially when you care about accessibility. These kind of interaction design challenges are the ones that get Sid excited when collaborating on projects.

Danny Ruchtie
Danny Ruchtie
Head of Design, CodeSandbox

Sounds exciting?

I'm working towards releasing this course in the summer

You can subscribe to receive updates