Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.9KMembers
Other Presentations
Cover Photo for The Kind of AI Design System You Should Build

The Kind of AI Design System You Should Build

Most teams hear "AI design system" and reach for the thing they already know: a component library, now with a chat panel bolted onto it. I think that's the wrong shape. A design system in an AI-assisted codebase isn't a catalogue of components; it's a set of architectural contracts that a coding agent can actually be held to. Tokens, composition rules, and constraints that are legible to a model, not just to a designer in Figma.

The talk walks through what that looks like in practice: what an agent gets wrong when your system is only documented in prose, how to encode intent so the generated code is boringly consistent instead of plausibly wrong, and where the boundary sits between what you let a model generate and what you pin down by hand.

What attendees can expect to take away:

A working definition of an AI design system that isn't just "components plus autocomplete" The failure modes I've hit shipping React/TypeScript UI with coding agents, with real examples Concrete techniques for encoding design constraints so agents produce consistent output A sense of what to fix first if their current system is fighting their tooling rather than helping it

It's aimed at frontend and product engineers, and at design-system maintainers wondering what to do about all this. No prior AI-tooling experience needed.

Leonardo Lemos
Cover Photo for Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Client-side navigation has always been the SPA advantage over server-rendered apps - click a link, see the next page instantly, no round trip. Next.js has been closing that gap piece by piece, and its latest rendering model gets it most of the way there without giving up streaming, caching, or Server Components. This talk breaks down how Next.js decides what's static and what's dynamic at the component level rather than the route level, why that shift is what actually makes instant navigation possible, and what's involved in bringing it into an existing production app.

Yaroslav Matushevych
Cover Photo for Beyond the Chatbox: Engineering Generative Interfaces with React and A2UI

Beyond the Chatbox: Engineering Generative Interfaces with React and A2UI

AI interfaces are starting to outgrow the chatbox. Instead of returning only text, agents can assemble the interface a user needs in real time. The challenge is enabling that flexibility without giving an AI model unrestricted control over the frontend.

This talk presents a bounded architecture for generative UI using React and Google’s A2UI protocol. We’ll explore how agents can stream declarative interface schemas that are validated and mapped onto trusted components from an existing design system. We’ll also cover component contracts, server actions, client-side state, streaming, and the boundary between agent-generated structure and application-controlled behaviour.

Andrey Goryainov
Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.9KMembers
Other Presentations
Cover Photo for The Kind of AI Design System You Should Build

The Kind of AI Design System You Should Build

Most teams hear "AI design system" and reach for the thing they already know: a component library, now with a chat panel bolted onto it. I think that's the wrong shape. A design system in an AI-assisted codebase isn't a catalogue of components; it's a set of architectural contracts that a coding agent can actually be held to. Tokens, composition rules, and constraints that are legible to a model, not just to a designer in Figma.

The talk walks through what that looks like in practice: what an agent gets wrong when your system is only documented in prose, how to encode intent so the generated code is boringly consistent instead of plausibly wrong, and where the boundary sits between what you let a model generate and what you pin down by hand.

What attendees can expect to take away:

A working definition of an AI design system that isn't just "components plus autocomplete" The failure modes I've hit shipping React/TypeScript UI with coding agents, with real examples Concrete techniques for encoding design constraints so agents produce consistent output A sense of what to fix first if their current system is fighting their tooling rather than helping it

It's aimed at frontend and product engineers, and at design-system maintainers wondering what to do about all this. No prior AI-tooling experience needed.

Leonardo Lemos
Cover Photo for Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Instant Navigations: How Next.js Makes Server-Rendered Apps Feel Like SPAs

Client-side navigation has always been the SPA advantage over server-rendered apps - click a link, see the next page instantly, no round trip. Next.js has been closing that gap piece by piece, and its latest rendering model gets it most of the way there without giving up streaming, caching, or Server Components. This talk breaks down how Next.js decides what's static and what's dynamic at the component level rather than the route level, why that shift is what actually makes instant navigation possible, and what's involved in bringing it into an existing production app.

Yaroslav Matushevych
Cover Photo for Beyond the Chatbox: Engineering Generative Interfaces with React and A2UI

Beyond the Chatbox: Engineering Generative Interfaces with React and A2UI

AI interfaces are starting to outgrow the chatbox. Instead of returning only text, agents can assemble the interface a user needs in real time. The challenge is enabling that flexibility without giving an AI model unrestricted control over the frontend.

This talk presents a bounded architecture for generative UI using React and Google’s A2UI protocol. We’ll explore how agents can stream declarative interface schemas that are validated and mapped onto trusted components from an existing design system. We’ll also cover component contracts, server actions, client-side state, streaming, and the boundary between agent-generated structure and application-controlled behaviour.

Andrey Goryainov