What's new in REACT 18 ? Concurrent mode!
I'm a Software Engineer focused on Full-Stack Web Development. I am proficient in both Front-End and Back-End development. I have knowledge in Javascript, React, Node.js, MongoDB, CSS, HTML and GitHub. As a software engineer I aspire to help bring projects to life and demonstrate my commitment to developing world-class software solutions for companies and customers. I am also open to learning new languages, libraries and frameworks whichever enhances the customers experience. Creating Cool Cross Platform Mobile Apps is my passion.
React 18 is going to bring many new features to the table.
For instance: Automatic Batching, New API's such as startTransition and new stream server rendering with built-in support for React.lazy. 💤
This is thanks to Concurrent Mode 💫, which provides many new possibilities. In previous versions of React, rendering was uninterruptible. With React 18, we now have the option to add concurrent mode! This changes the previous limitations by making rendering interruptible. To do this you have to Enable it ✔, it is not enabled by default to help protect production code implementations.
To Enable Concurrent Mode:
This replaces:
Once enabled, React UI will have the ability to prepare multiple layers of the UI at the same time! Cool huh? 👍
This will provide many new options to enable and enhance the virtual responsiveness of your React 18 applications. Concurrency mode has been used in thousands of components at Facebook without many issues. ✔
If you want to try React 18 before it's released you need to use the @alpha tag.
The Alphas version is updated weekly on GitHub with big fixes, and updates.
For more information on Concurrent Mode, Check out the documentation .
If you want to be apart of the discussion check out the React 18 working Group on GitHub .