React 18 was a long-awaited release. New APIs were introduced and certain behaviour changed. Some of these changes have quite an impact on your daily development, while others rarely affect you. Nevertheless, only by knowing your tools can you best decide when to use which of them.

In order to get a deep understanding of these new APIs and behaviour changes we will explore the following topics:

• new concurrent rendering APIs: useTransition, startTransition, useDeferredValue
• new Hooks: useId, useSyncExternalStore, useInsertionEffect
• strict effects in the new Strict Mode and revisiting useEffect
• automatic batching and flushSync
• sneak peek into what's coming after React 18 including a brief introduction into and for data fetching

The workshop is split into several modules. Each of them starts with a 20 min presentation, 30-50 min coding session and is followed by a 10 min retrospective. The final topic about what's coming after React 18 is only covered as a presentation.

By the end of the workshop you will be able to leverage the new features of React 18 and be able to use them in production ready applications.

More and more projects are using TypeScript. This workshop will provide a deep dive into the language, and basic TypeScript knowledge is assumed. We will briefly discuss the design philosophy of TypeScript, and then cover all the lesser-known or harder features. That is: do all the cool and weird meta programming stuff (TS is turing complete!) and learn the tricks you won't find in the handbook.

So join if you feel like you're writing too much type annotations to make TypeScript happy! We'll dive deep into how type inference and control flows works, and how you can make the compiler work for you. We'll discuss all the fancier language constructs like:

• ReturnType<>, Parameters<>
• typeof, keyof
• Mapped types
• ConditionalTypes
• Function overloading
• Discrimination unions
• Type guards and type assertions
• String template types
• (Variadic) tuple types

In this workshop we'll cover reliable patterns for making professional and composable components. Along the way we'll discuss advanced hooks, advanced compound components, and professional component design. These patterns are useful for application code and library code. Whether you're doing an SPA or framework like Next and Remix, this workshop teaches patterns that are applicable to any React architecture.

More and more projects are using TypeScript. This workshop will provide a deep dive into the language, and basic TypeScript knowledge is assumed. We will briefly discuss the design philosophy of TypeScript, and then cover all the lesser-known or harder features. That is: do all the cool and weird meta programming stuff (TS is turing complete!) and learn the tricks you won't find in the handbook.

So join if you feel like you're writing too much type annotations to make TypeScript happy! We'll dive deep into how type inference and control flows works, and how you can make the compiler work for you. We'll discuss all the fancier language constructs like:

• ReturnType<>, Parameters<>
• typeof, keyof
• Mapped types
• ConditionalTypes
• Function overloading
• Discrimination unions
• Type guards and type assertions
• String template types
• (Variadic) tuple types

The developer ecosystem is always moving fast and this year has proved no exception. React Server Components can offer a significant improvement to developer experience and to application performance. But I think it's fair to say that this new server-first paradigm can be tricky to wrap your head around! In the first half of this workshop, we'll explore React Server Components from the ground-up: building our own mini meta-framework to help us understand how RSCs work. We'll discover exactly what is produced by an RSC build and we'll connect those pieces together to form a full application. Next, we'll deploy it! Cloudflare have also had a busy year too — Smart Placement, in particular, is a new technology that we've developed which fits the RSC model perfectly. We'll explore why that makes sense for our workshop app, and we'll actually deploy it onto the Cloudflare Developer Platform. Finally, we'll build out our app a little further, using D1 (our serverless SQL database) to really show off the React Server Component's power when combined with Smart Placement. You should come away from this workshop with a greater understanding of how React Server Components work (both behind-the-scenes and also how you as a developer can use them day-to-day), as well as insight into some of the new deployment patterns that are now possible after recent innovations in the platform space.