What does React 18's createRoot API unlock compared to legacy ReactDOM.render(), and what is the migration path for an existing app?

Imagine you have a toy box where you can only put one toy at a time. React 18's createRoot is like a magic box that can handle many toys at once, making everything faster and smoother. To switch, you just replace the old box with the new one and your toys work even better.