Resilient component libraries with React

In the world where frontend applications are becoming more complex and time constrained, we have to rethink best practices used in the past to adjust to fast changing business requirements without sacrificing the user experience and quality of the product. Instead of drawing static mockups and writing HTML and CSS, design systems and component libraries are becoming essential designer’s and developer’s tools.

The truth is, the way your component library is built will inevitably affect its adoption and quality of the product. If components aren’t flexible enough to match business requirements and time constraints, there will be hacks and workarounds — the source of endless bugs and maintenance issues. On the other hand, too much control over markup and styling can lead to inconsistent user interfaces and hurt user experience.

This talk / workshop covers general architecture principles and React-specific techniques that lead to better components architecture and API design and are going to make teams be more productive and products be more consistent.