React and the Chamber of Innovations: Explore the Magic of Version 19

React 19 Beta has been released. It offers more flexibility with many exciting features. React 18 is great, but, React 19 introduced:

• New hooks
• A new way to handle form submissions
• React Server component and more

With all these features, it's worth learning and using React 19 now. In this talk, we will use one of its biggest features: Actions with the new hooks that have been introduced. With this, we’ll cover a step-by-step guide for upgrading our app to React 19.

Actions:

• We'll cover the Actions feature, which simplifies managing interactions with DOM elements, especially with forms and data fetching.
• We’ll learn how Actions streamline async operations, handle pending states, enable optimistic updates, and automate error handling.
• Also, understand the benefits of using Actions for form submissions

New Hooks:

• Next, we will look into the new hooks introduced in React 19 Beta, such as useActionState and useOptimistic, and learn how they help developers to build more responsive and efficient applications.
• We will explore how useActionState simplifies common use cases for Actions, and how useOptimistic enables optimistic updates for a smoother user experience.

All these topics will be covered through code walkthroughs, snippets, live explanations, and short demos. This 20-minute talk will give you a clear understanding of the new features in React 19. The talk focuses on the most important information first to ensure that you get the most out of it.