The success of a web application relies on an interdisciplinary team. Though each team member is not writing code, improved visibility of how code is organized and implemented makes collaborating easier across the board.
This is where component libraries come in. These libraries act as living documentation for the components of your application. Leveraging these as a resource for your design and UX teams and a jumping off point for new feature design can expedite development and reduce duplication of work. Moreover, the visual nature of these systems is a great tool to communicate potential easy wins to product managers and clients.
To provide an overview of technical strategies for developing reusable and self documenting component libraries
Intermediate web application developers with knowledge of React.js or a comparable from-end framework
Assumed Audience Knowledge
Familiarity with a front-end web framework
Five Things Audience Members Will Learn
- What is a component library
- Component libraries as a communication tool
- Tips for developing reusable libraries
- CSS in component libraries
- Documentation in component libraries