What is the React concurrent rendering model introduced in React 18 and how does it differ from legacy rendering?

React Developer Hard

React Developer — Hard

What is the React concurrent rendering model introduced in React 18 and how does it differ from legacy rendering?

Key points

  • Concurrent rendering prioritizes user experience by keeping the UI responsive
  • Legacy rendering can cause the UI to freeze during rendering
  • Concurrent rendering is a new feature in React 18
  • Legacy rendering follows a synchronous and blocking approach

Ready to go further?

Related questions