Dev Summit 24 Back of the frontend session 2

Reusing components leads to visual consistency, higher quality code and faster development yet it's so tempting to building from scratch. Explore the benefits and decisions to increase component reusability at ABC.

After duplicating enough React components, the pragmatic programmer decided to take matters into their own hands and started a React component library. What started as a noble venture is met with glares, budget constraints, maintenance challenges, and any number of other issues.

“The UI component library iceberg” takes us through the process of decision making involved in the early days of building a UI component library. We'll consider the reasons to build your own library, and maintaining and growing one, involving metrics tracking, developer advocacy, maintenance and more.

We'll uncover the hidden dangers like design systems, scalability challenges, and maintenance pitfalls lurking beneath the surface and provide practical strategies for steering clear of them.

In the world of Micro-Frontends, managing states, sharing components, and handling libraries across multiple frontend applications can be a daunting task. This session will dive deep into the challenges and solutions for effective state, component, and library sharing and management in a Micro-Frontend architecture. Drawing from real-world experiences and best practices, we'll explore strategies for maintaining a consistent state across federated applications, ensuring seamless communication and data synchronization. Additionally, we'll consider techniques for sharing reusable components and libraries, enabling code reuse and fostering a more efficient development process.

By the end of this session, attendees will walk away with actionable strategies to effectively manage state, components, and libraries in their Micro-Frontend applications.