Philly ETE 2022 — Next.js, and Accelerating React Performance — Ken Rimple

Tags: , , ,


People love React for its simplicity: you can learn the basics in half a day, and bring your favorite tools and APIS and dive right in. But that rapid application development also comes at a cost: bloated, slow, unstable Single Page Applications that grind your browser to a halt.

Tools like Next.js, and now React Server Components are starting to solve these problems. They tug at the edge of application development architectures, and provide server-side data fetching, pre-rendering either at build or runtime, and manage such features as routing, authentication and full-on pre-rendering and generation of content for deployment to CDNs.

In this talk, I’ll discuss the issues caused by working with SPAs, and how each of these frameworks attempt to address them. I’ll show you some badly performing React code using Google Lighthouse, and then show you the tuned version in or Next.js (or even React server-rendered components if they’ll behave for me yet). By the end you’ll gain an appreciation of the things you can improve by moving to one of these frameworks on top of React.

Github Repo

About Ken Rimple

Ken Rimple is a consultant, mentor and teacher who is passionate about continuous learning. He wrote and teaches Chariot’s Angular and React training courses, is a frequent speaker and writer, and has consulted on a wide variety of projects at Chariot, from backend systems in Java, Spring Boot, Node.js, AWS and Docker, to front-ends in React, Angular and Vue, and now is focusing on next generation web applications using platforms such as Next.js.

Watch More

Check out our YouTube playlist to watch all the talks from Emerging Technologies for the Enterprise 2022.