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