Ken Rimple — Next.js, Remix.run and Accelerating React Performance

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, Remix.run 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 Remix.run 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: https://github.com/chariotsolutions/ken-rimple-ete-2022-next-and-remix

__________________________________________________

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.

__________________________________________________

About the Conference
The Philly Emerging Technologies for the Enterprise (ETE) is the Mid-Atlantic's premier developer's conference: we bring world-renowned speakers, plus some local favorites to speak about bleeding-edge technologies being used today. Our talks are delivered by down-in-the-dirt engineers; high-level, big-picture folks like CEOs, CTOs, CIOs, SVPs; and architects. Our speakers are the founders of companies you know and love, and you'll learn new technologies from the people who created them: the core committers, pioneers, and leading trainers and authors.

__________________________________________________

About the Host
Philly ETE is hosted by Chariot Solutions, a software development consultancy.
For over 20 years, companies of all sizes and industries have
looked to Chariot as a partner to help them solve their toughest software challenges, and move their business forward. Visit us at https://chariotsolutions.com/

We're hiring! Our people make us great, so we make them our priority. For 100% benefits for you and your family, a significant investment in your professional development, and an emphasis on work-life balance, consider working for Chariot. Visit our careers page for open positions, interview process, benefits, and more. https://chariotsolutions.com/careers/?utm_source=youtube&utm_medium=video&utm_campaign=hiring&utm_id=ete-2022-videos-hiring

__________________________________________________

Our Sponsors
Comcast. Every day we make an impact through innovation. We drive for simplicity. We are problem solvers at heart. We tap into the diversity of our team for ideas and differing perspective. All in the pursuit of building cutting-edge products that are easy to use and accessible across all platforms. Work for Comcast: https://jobs.comcast.com/

Honeycomb.io. Honeycomb is the observability tool that helps modern development teams understand the systems they build and operate in production. Develop better instrumentation as you write code to reduce toil and delight your users. With Honeycomb, guess less and know more. Learn more: https://www.honeycomb.io/

Elsevier. Every day, research and health professionals dedicate themselves to improving outcomes for communities, patients and society at large. Elsevier is committed to quality and innovation to improve the value we deliver to researchers, research leaders, librarians, funders, healthcare professionals and educators in an open, inclusive and collaborative manner. Learn more: https://www.elsevier.com/

Видео Ken Rimple — Next.js, Remix.run and Accelerating React Performance канала ChariotSolutions