e state with actual data  
            setState(prevState => ({ …prevState, data: realData }));  
        });  
      }  
      return (  
        // Render UI using optimisticState  
        <div>{optimisticState.data}</div>  
      );  
    }

**useOptimistic** renders the anticipated result during the asynchronous
operation, and once the operation is completed and the state updated, it
renders the real result (whether successful or not).

##  Other Updates

Besides, React team member **Andrew Clark** also revealed that there would be
the following changes in 2024:

🟡 forwardRef → ref is a prop: Simplifying the way references to inner elements
or components in a child component are made by treating **ref** as a regular
prop.  
🟡 React.lazy → RSC, promise-as-child: Enhanced code splitting and lazy loading
capabilities.  
🟡 useContext → use(Context): Offering a new way to access Context.  
🟡 throw promise → use(promise): Improving the handling of asynchronous data
loading.  
🟡 <Context.Provider> → <Context>: Simplifying the use of context providers.

However, the official React website has not provided detailed information on
these potential updates yet.

#  Conclusion

React has a grand vision. They aim to blur the lines between the front-end and
back-end while maintaining their advantage in client-side capabilities and
providing infrastructure for the community’s full-stack frameworks. I highly
appreciate their approach because breaking down the barriers between the
front-end and back-end can help front-end engineers break through their career
ceilings.

React 19 will be another milestone version following the introduction of
hooks. Andrew Clark said the new version would be released in March or April.
Let’s wait and see!

About Me

I am a Front-End Engineer, Full-Stack Practitioner, and advocate for AI
integration.

I work on Next.js and Node.js projects, sharing knowledge in these areas.

Twitter: [ https://twitter.com/weijunext ](https://twitter.com/weijunext)  
Github: [ https://github.com/weijunext ](https://github.com/weijunext)  
Blog: [ https://weijunext.com/ ](https://weijunext.com/)

#  Stackademic 🎓

Thank you for reading until the end. Before you go:

  * Please consider **clapping** and **following** the writer! 👏 
  * Follow us [ **X** ](https://twitter.com/stackademichq) **|** [ **LinkedIn** ](https://www.linkedin.com/company/stackademic) **|** [ **YouTube** ](https://www.youtube.com/c/stackademic) **|** [ **Discord** ](https://discord.gg/in-plain-english-709094664682340443)
  * Visit our other platforms: [ **In Plain English** ](https://plainenglish.io/) **|** [ **CoFeed** ](https://cofeed.app/) **|** [ **Venture** ](https://venturemagazine.net/) **|** [ **Cubed** ](https://blog.cubed.run/)
  * More content at [ **Stackademic.com** ](https://stackademic.com/)

[ Reactjs  ](https://medium.com/tag/reactjs?source=post_page-----79e2d4b948e4
---------------reactjs-----------------)

[ React  ](https://medium.com/tag/react?source=post_page-----79e2d4b948e4
---------------react-----------------)

[ Nextjs  ](https://medium.com/tag/nextjs?source=post_page-----79e2d4b948e4
---------------nextjs-----------------)

[ Web Development  ](https://medium.com/tag/web-development?source=post_page
-----79e2d4b948e4---------------web_development-----------------)

[ Front End Development  ](https://medium.com/tag/front-end-
development?source=post_page-----79e2d4b948e4---------------
front_end_development-----------------)

[
](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fstackademic%2F79e2d4b948e4&operation=register&redirect=https%3A%2F%2Fblog.stackademic.com%2Freact-19-is-
coming-whats-
new-79e2d4b948e4&user=Wayne&userId=befe39d9c51b&source=-----79e2d4b948e4
---------------------clap_footer-----------)

\--

[
](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fstackademic%2F79e2d4b948e4&operation=register&redirect=https%3A%2F%2Fblog.stackademic.com%2Freact-19-is-
comin