A React Breadcrumb Component Using Compound Components Pattern
Hi! My name is Arihant, and I'm a Software Engineer with Goibibo, India's leading travel booking brand platform.
In this video,
1. I explain the use case for breadcrumbs for Goibibo Hotels.
2. I walk us through the requirements of our breadcrumb component.
3. I explain a bad, cluttered and not reusable implementation of breadcrumb component
4. Then I talk through a better reusable Breadcrumb implementation which leverages the Compound Components pattern to help abstract out some of the state details ( about the Breadcrumb separator and Structured Data SEO Schema HTML Attributes )
✨✨✨ 🌺 ✨ ✨✨ 🌺 ✨✨✨ 🌺 ✨✨✨
You can read more about structured data and what is it used for, here –
https://developers.google.com/search/...
Read more about what Compound Components Pattern is from Kent —
https://kentcdodds.com/blog/compound-...
Github's Primer Design System Breadcrumb Component where I took inspiration from –
https://github.com/primer/components/...