Reddit Clone Series Ep 20 – Reusable Chip Component with Storybook

In this episode, we begin Stage Three by creating a reusable Chip component for the Community form. We first build the base chip with styling and variants, then extend it into a selectable chip using a hidden checkbox, and finally add a delete icon that appears only when selected.

Resources:
Buy me a coffee: buymeacoffee.com/bartingyo
Code Repository: https://github.com/bartingyo/reddit-clone/commit/60e3a534dd7eccfa920c2684fb1507d83fc1f37c
Storybook: https://storybook.js.org/
Hero Icons: https://heroicons.com/

Timeline:
00:00:00 – Intro
00:00:25 – Basic Chips & Variants
00:13:40 – Selectable Chips
00:33:00 – Delete Icon
00:43:41 – End & Wrap-up

🔔 Don't forget to like, comment, and subscribe for more web dev videos! If you have suggestions or run into issues, drop a comment below—let's solve it together! 🙌

Видео Reddit Clone Series Ep 20 – Reusable Chip Component with Storybook канала Bartingyo