Optimizing React Applications with Refs - Performance Techniques and Best Practices
React Conferences by GitNation via YouTube
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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