Name: Design Systems Graveyard + New Frontend Toolkit + Modern React Patterns
Start: 2025-11-11T15:15:00+01:00
End: 2025-11-11T17:15:00+01:00
Location: Variant

**Agenda**
15:15 Doors open, grab some light snacks, find your seat 🥪

15:45 **The Design Systems Graveyard**
*by Kristoffer Nordström @* *[Variant](https://www.variant.no/)*

Building a Design System is easy, maintaining and making it grow organically is much more difficult. This requires planning and collaboration, or does it? Can't we just cut out the collaboration part and make things more efficient. Join me on a story about planning, categorising and sorting and about handling human beings and their peculiarities. Maybe your Design System will end up on The Design Systems Graveyard. What does all this have in common with The Gentle Art of Swedish Death Cleaning?

16:00 **The New Frontend Toolkit: Popover API, Dialog, and Next-Gen CSS**
*by Eric Veliyulin @ [Forte](https://www.fortedigital.com/)*

Modern web standards are giving frontend developers powerful new tools to work with. With the Popover API and the dialog element, it’s now possible to build modals, menus, and other interactive components directly in HTML—without relying on third-party libraries or complex workarounds.
In this talk, Eric will demonstrate how these features can be applied in real projects, explore the scenarios where they work best, and point out the common pitfalls you’ll want to avoid. We’ll also take a look at some of the latest innovations in CSS, and see how they combine with these new HTML capabilities to unlock cleaner, more elegant, and more flexible user interfaces.

16:30 **Modern React Patterns: Concurrent Rendering, Actions & What’s Next**
*by Aurora Scharff @ [Crayon](https://crayonconsulting.no/)*

Handling async operations in UI components can be tricky—flickering pending states, inefficient state updates, and unstable interfaces are common issues. Modern React patterns address these challenges through concurrent rendering and React 19 Actions, offering more predictable async workflows and reusable patterns.In the context of the Next.js App Router, this session will demonstrate how React Server Components streamline data fetching while Actions handle async operations with built-in optimistic updates and pending states. Looking ahead, we'll explore how View Transitions will integrate with these patterns to enable fluid visual updates. You'll leave with practical strategies for building reusable components while ensuring a smooth, reliable user experience.

17:30 Doors close

**Contact**
This is an inclusive event, be friendly!
If you feel unsafe or harassed, or observe anyone breaching our [Code of Conduct](https://framsia.no/code-of-conduct.html) \- please contact Kristoffer Nordström \(kn@variant\.no\) or in\-person at the event\.

**Sponsors**
Content by [Variant](https://www.variant.no/), [Forte](https://www.fortedigital.com/) & [Crayon](https://crayonconsulting.no/).
Food & venue by [Variant](https://www.variant.no/).

You are welcome, velkommen 🤗

Kristoffer Nordström

Framsia: Web Frontend Developers in Norway

Technology

JavaScript

HTML5

Web Performance

Web Development

Web Technology

HTML & CSS

Test Driven Development

Web Standards

Mobile Development

Design Systems Graveyard + New Frontend Toolkit + Modern React Patterns

ReactJS

Variant

Share

Framsia: Web Frontend Developers in Norway

Design Systems Graveyard + New Frontend Toolkit + Modern React Patterns

Framsia: Web Frontend Developers in Norway

Details

Members are also interested in