Reasons To Use React in 2020.
Tags: react, javascript, reactnative
Published: 2019-12-03 08:04:40

<p>Last few years <a href="https://reactjs.org/">React </a>totally overtook all the other front-end competition in popularity, mostly thanks to the <a href="https://pagepro.co/react-development.html">extreme focus on user experience and development simplicity.</a></p>

<img src="https://blog.pagepro.co/wp-content/uploads/2019/11/javascript-framework-comparison-vue-react-and-angular.png" alt="" class="wp-image-1921"/><figcaption><a href="https://mkdev.me/en/posts/javascript-framework-comparison-vue-react-and-angular-2019">Javascript Framework Comparison: Vue, React and Angular (2019)</a></figcaption></figure>

<p>However, each and every technology is working to achieve the same goal, but there are small unfair advantages, that are putting React in a favorable position and make it better and more future proof than the rest.</p>

<h2><b>Concurrent Mode</b></h2>

<img src="https://blog.pagepro.co/wp-content/uploads/2019/11/react-concurrent-mode.png" alt="" class="wp-image-1909"/><figcaption><a href="https://blog.frontity.org/seo-for-headless-wordpress-themes/react-concurrent-mode/">https://blog.frontity.org/seo-for-headless-wordpress-themes/react-concurrent-mode/</a></figcaption></figure>

<p>Facebook came up with <a href="https://pl.reactjs.org/docs/concurrent-mode-intro.html">Concurrent Mode</a> (on the day of writing this article it is still experimental). It is mostly built (as always) with user and development experience in mind.</p>

<p>Putting simple - in Concurrent Mode, rendering is interruptible, which improves the general user experience and enables new features that weren’t possible before.</p>

<p>All those features will also help React apps adjust to the users’ device capabilities and the speed of the network.</p>

<p>It will also make the developers’ life easier, and help them make it as easy as possible to build apps that start fast and stay fast, no matter how big they grow.</p>

<p>The goal is the same since always, but this time, the future of React becomes incredibly interesting.</p>

<h2><b>Backward compatibility</b></h2>

<img src="https://thepracticaldev.s3.amazonaws.com/i/tuutsrifsl8rwvdhn5wo.jpg" alt="" class="wp-image-1904"/></figure>

<p>Still, none of the other frameworks is able to be so easily compatible.</p>

<p>Whenever a new version of React is coming out, the public API remains almost totally the same. This helps Facebook refresh it’s code and still be able to work on his old pieces at the same time.</p>

<p>In other words, you don’t have to learn React again and again after each and every launch, and you can be sure your older version <a href="https://reactjs.org/docs/hooks-intro.html#no-breaking-changes">remains compatible with all the new components.</a></p>

<h2><b>Custom React Renderers</b></h2>

<p>Since React been extended to React Native to build native apps, there was a need for a different rendering implementation.</p>

```javascript 
import React from 'react'
// import ReactDOM from "react-dom";
import CustomRenderer from './renderer'

const Text = props => {
  return <p className={props.className}>{props.content}</p>
}

const App = () => {
  return (
    <div>
      <Text className="hello-class" content="Hello" />
      <span style={{ color: 'blue' }}>World</span>
    </div>
  )
}

// ReactDOM.render(<App />, document.getElementById("root"));
CustomRenderer.render(<App />, document.getElementById('root'))
```

<p>This need gave birth to <strong>Custom React Renderers concept</strong>, which enables you to build your own custom implementation.</p>

<h2><b>Ubiquity and futureproof</b></h2>

<figure class="wp-block-image"><img src="https://thepracticaldev.s3.amazonaws.com/i/igyp4jcsebeumnkrwcgw.jpg" alt="" class="wp-image-1907"/></figure>

<p>Thanks to the popularity and heavy usage, <a href="https://insights.stackoverflow.com/survey/2019?utm_source=so-owned&amp;utm#technology">React is becoming the number one front-end choice</a> even for many big projects, and many big players (like <a href="https://www.sitecore.com/">Sitecore</a>, or <a href="https://www.meteor.com/">Meteor</a>). </p>

<p>Because of many contributors and extremely active community, React documentation is getting better each and every day, and most of the issues that have ever been reported are fixed now. </p>

<p>This makes React a very stable and mature technology and attracts many open source initiatives.</p>

<p>Take <a href="https://www.gatsbyjs.org/">Gatsby</a>, for instance, which builds <a href="https://pagepro.co/gatsby-development.html">the fastest static websites so far</a>, thanks to the combination of best React and GraphQL features.</p>

<h2><b>Summary</b></h2>

<p>Each and every technology seems to have the same goal - <strong>doing things easier, faster, and ultimately, better</strong>. </p>

<img src="https://blog.pagepro.co/wp-content/uploads/2019/11/1_HWk-SMDhefnjVZ0uG6rqJQ-1024x594.png" alt="" class="wp-image-1915"/><figcaption><a href="https://medium.com/zerotomastery/tech-trends-showdown-react-vs-angular-vs-vue-61ffaf1d8706">Tech Trends Showdown🏆: React vs Angular vs Vue</a></figcaption></figure>

<p>However, a massive contribution, community, and ubiquity of React will not only help him stay his ground but also become better and strengthen his number one position even more.</p>

<p>The future almost always brings better things, but React also makes this future looks incredibly interesting.</p>

<p>Does it sounds like something for <a href="https://pagepro.co/react-development.html"> your next project coming up in 2020?</a> Feel free to ask anything!</p>