TLDR Web Dev · ARTICLES & TUTORIALS

HOW PREPLY IMPROVED INP ON A NEXT.JS APPLICATION WITHOUT REACT SERVER COMPONENTS AND APP ROUTER

medium.com21 min read

Summary from the TLDR Web Dev newsletter

Preply improved its INP (Interaction to Next Paint) through targeted code improvements, React 18 upgrades, and strategic refactoring. Some of the improvements that helped a lot include virtualizing long lists, debouncing keyboard events, and memoizing heavy components.