React Advanced

React Advanced 2023

The Talk discusses React Forget, a compiler built at Meta that aims to optimize client-side React development. It explores the use of memoization to improve performance and the vision of Forget to automatically determine dependencies at build time. Forget is named with an F-word pun and has the potential to optimize server builds and enable dead code elimination. The team plans to make Forget open-source and is focused on ensuring its quality before release.

React provides a contract to developers- uphold certain rules, and React can efficiently and correctly update the UI. In this talk we'll explore these rules in depth, understanding the reasoning behind them and how they unlock new directions such as automatic memoization.

React Compiler - Understanding Idiomatic React (React Forget)

Joe Savona

Mofei Zhang

React Advanced 2024

Welcome to this workshop on mastering React server components and server actions in React 19. React server components are components that execute on the server and are shipped to the client as already rendered components. They reduce the amount of JavaScript sent to the browser, resulting in faster loading times and improved rendering performance. React server components provide an async function that allows for easier programming with asynchronous work and the use of Prisma ORM to retrieve and manipulate data. They can handle server to server calls and allow for asynchronous operations at nested levels. Streaming is used with React server components, and they can be rendered on both the server and the client. Server actions in React Server components enable server-side execution even when JavaScript is disabled, and they can handle form submission and database updates. Error handling and code organization are also important considerations when working with React server components. Overall, React server components are a powerful addition to React that simplifies development and improves performance.

Calling all React developers! Join us for an immersive 4-hour workshop diving deep into React Server Components and Server Actions. Discover how these game-changing technologies are revolutionizing web development and learn how to harness their full potential to build lightning-fast, efficient applications. Explore the world of React Server Components, seamlessly blending server-side rendering with client-side interactivity for unmatched performance and user experience. Dive into React Server Actions to see how they combine client-side interactivity with server-side logic, making it easier to develop interactive applications without traditional API constraints. Get hands-on experience with practical exercises, real-world examples, and expert guidance on implementing these technologies into your projects. Learn essential topics such as the differences between Server and Client Components, optimizing data fetching, passing data effectively, and maximizing performance with new React hooks like useActionState, useFormStatus and useOptimistic. Whether you're new to React or a seasoned pro, this workshop will equip you with the knowledge and tools to elevate your web development skills. Stay ahead of the curve and master the cutting-edge technology of React 19. Don't miss out - sign up now and unleash the full power of React!

#react 19