Design systems, frameworks and browsers

Here is the meta description: "Learn how design systems, frameworks, and browsers intersect to deliver better outcomes and user experiences. Topics include performance, user experience, accessibility, and more."

Key takeaways

Design systems can inspire Chrome and the web platform, enabling better outcomes.
Frameworks like React, Next.js, and Gatsby are essential for performance and user experience.
Browser scheduling needs are crucial, allowing for better outcomes.
Meta frameworks are the future of the web, making it easier to have good outcomes.
Users expect fast initial loads and feature-rich apps, making performance a top priority.
The intersection of frameworks and browsers is crucial for good outcomes.
Performance budgets mean that users expect fast initial loads and low latency.
Design systems can help with perf outcomes, as well as features and user experience.
React built a user land scheduler and other frameworks have too.
Gatsby, Nuxt, and Vue are examples of frameworks that can help with perf outcomes.
Edge has been a great partner for Chrome, and partnering with edge can help with perf outcomes.
Frameworks perform best when used with other frameworks and technologies.
Chrome loves frameworks and thinks they have the potential to make a big difference in developer experience.
Frameworks can help with perf outcomes, but require coordination with other frameworks and technologies.
Meta frameworks can help with perf outcomes, as well as features and user experience.
The importance of keeping UI responsive to taps, clicks, and scrolls.
A/B testing can help with perf outcomes, as well as features and user experience.
Design systems can help with accessibility, and frameworks can also help with accessibility.
Frameworks can help with performance, but require coordination with other frameworks and technologies.
The importance of efficient and nuanced metrics for perf outcomes.

Design systems, frameworks and browsers

More talks