Introducing Downshift for React
downshift 🏎 is the primitive you need to build simple, flexible, WAI-ARIA compliant React autocomplete/typeahead/dropdown/select/combobox/etc (AKA “item selection”) (p)react ⚛️ components.
Tha article calls out two interesting patterns for building reusable components that I’m seeing more of:
- The “Function as Child” (or render callback) pattern.
- The “Controlled Props” pattern.
I’m Breaking Up With Higher Order Components
Writing declarative, readable and flexible React components using render props instead of HOCs
Interesting pattern I’ve started seeing where chidlren is passed a function instead of React elements.
2020 updates – it’s functional components all the way now
7 Architectural Attributes of a Reliable React Component
Component-based development is productive: a complex system is built from specialized and easy to manage pieces. Yet only well designed components ensure composition and reusability benefits.
What Every Software Engineer Should Know About Search
Want to build or improve a search experience? Start here