React Frameworks with React 19

High Level Overview

Topics

Hasn't React Router been around forever? We already know React Router! Most React devs are familiar with React Router for SPAs, but React Router Framework (formerly Remix) is a server and client framework similar to NextJS. With framework mode in React Router or NextJS, imagine not even needing global state architecture or bespoke data-fetching strategies.

In this workshop we'll dive into the latest advancements in React and best practices for building modern React apps. We'll take a look at modern NextJS and React Router Framework along with React's new "React Server Components". We'll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.

Attendees will receive an email with their Zoom URL and instructions workshop code about one week prior to the event. There's plenty of instructions for installing the code even if you're new to Node and NPM. This is just a high-level overview of the many topics we'll cover in the event including pre-requisites:

Please ensure you have a good working knowledge of these prerequisites:

• State & Refs
• useEffect
• Side-effects in general
• Context

• React 19 Hooks
• New Form Strategies
• UI Transitions
• Optimistic UI
• Data Fetching Strategies
• React Server Components
• CSR vs SSR vs RSC
• NextJS Data Fetching and Form Mutations
• React Router Framework Data Fetching and Form Mutations