Component Recipes
Practical component interaction patterns and solutions.

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


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