AI Workshop: learn to build apps with AI →
Component Recipes
Practical component interaction patterns and solutions.

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


Practical solutions for common component interaction patterns in React.

This unit covers techniques like focusing input fields programmatically, editing content on double-click, conditionally showing components, and other useful component interaction recipes.

Lessons in this unit:

0: ▶︎ Introduction
1: React, focus an item in React when added to the DOM
2: React, edit text on double-click
3: React: How to show a different component on click
4: Change the Heroicons SVG stroke width in React