State-of-the-art React Server Components Developer Tooling

Get ready for an annual deep dive into the latest trends in React and Web development. Learn from engineers behind the framework ecosystem and early adopters at the main React Conference in the UK.The concept of the event is both about covering all you need to catch up on in the React ecosystem, combined with deep technical exploration of the latest architectural trends, new feature adoption, and efficient ways to solve complex problems.Engage in discussion rooms, hallway track with experts, hands-on practical workshops, and tens of insightful talks. Engineers of any level are welcome but be prepared for hardcore.

React Advanced

React Advanced 2024

Tobbe Lundberg

JSNation US

JSNation US 2024

Learn how I built an AI-assisted codemod tool, exploring AI performance and automation. See its impressive ease and speed, inspiring you to create your own AI-driven solutions.

Manual to Magical: AI in Developer Tooling

The talk will start with a quick introduction to React Server Components and then move on to show how they're visualized in one of the developer tools we've built for RedwoodJS. This will give everyone a better understanding of where the client/server boundaries are and how ""use client"" and component imports work together to decide what code gets executed by the RSC server and what code gets executed in the user's browser. This understanding is generally applicable to any RSC enabled framework (which mostly means NextJS right now). Now, with the audience equipped with a better understanding of RSCs I'll dive into the RSC Payload (aka Flight) format explaining what it is and how it works. For this part of the talk I will use a tool we've built to record and visualize the RSC network traffic to aid me in explaining the RSC protocol. I will also show how it helps developers identify bottlenecks by showing payload sizes and request durations. After attending my talk, the audience will have a much deeper understanding of how RSCs work, all the way down to the RSC protocol level. They will also be excited and eager to explore our state-of-the-art RSC app developer tooling.