Optimizing React Applications with Refs - Performance Techniques and Best Practices
React Conferences by GitNation via YouTube
Master Production-Ready Machine Learning, Step by Step
Build GenAI Apps from Scratch — UCSB PaCE Certificate Program
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn about the power and practical applications of React Refs in this 18-minute conference talk from React Summit US 2024. Explore real-world examples demonstrating how Refs can enhance code clarity and boost performance through minimizing renders and preventing UI flickering. Discover essential guidelines for safe Ref usage, optimization techniques for custom cell components, and methods for manual style updates. Master the implementation of Ref callbacks for improved performance while understanding the upcoming changes in React 19. Follow along as Stephen Cooper demonstrates profiling techniques with Agigrid, presents strategies for refactoring useEffect implementations, and shares best practices for leveraging Refs in modern React applications.
Syllabus
Introduction to Refs and Profiling Agigrid
Optimizing Custom Cell Components and Performance
Improving Performance with Manual Style Updates
Refactoring the Use of useEffect
Improving Performance with Ref Callback
React 19 and Using Ref Callbacks
Taught by
React Conferences by GitNation