Best practices for managing real-time location updates in React without performance lags?

I’m currently refining an interactive live-tracking web application built with React and Leaflet/mapping tools. As update frequencies increase, handling continuous state re-renders and smooth marker animations without dropping frames can get tricky.

For those who have shipped real-time tracking or dashboard features:

1. Do you prefer handling coordinates directly via WebSockets or polling with caching layers?

2. How do you structure state management so frequent GPS updates don’t trigger full component re-renders?

Would love to hear the architectures or libraries that worked best for your builds! 🚀