I'm sure most of you would agree that we don't need an introduction to React. It is the unquestionable leader of the framework world. But then, Facebook went ahead and released React Native web. "So what is the meaning of this?" is what most of you would be thinking. Is it the same thing? If not, then doesn't it make React completely redundant?

Well, this article is all about clearing that doubt only. You will be clear about both by the end of this article.

React Native Web vs React

Since React used the virtual DOM concept and there was a code conversion from jsx to HTML, developers thought of using the same concept for the apps, i.e. Write jsx and convert the code into java and objective c under the hood. And that’s how React native was born.

Also, developers thought of simplifying the code writing process by writing one code instead of two codebases. This way you have to write just one code and let it get converted into HTML, java, and objective c under the hood. And that’s how React native for the web was born.

Is React obsolete now or can React Native Web and React Native work together?

Although React Native web is a great software for creating your own website, it is advisable to use it only when you have to build both web and app versions together, or if you already have an app in react native and are planning to launch the web version.

Advantage of React over React Native web

1. React’s syntax is close to HTML. In React, we use div, h1, h2, p, etc, and it is easier for a frontend engineer with the HTML background to jump in. Whereas in react-native-web, we use , which is what is used in react–native and is different than the HTML way of coding.

2. You can easily experiment with the browser's inspect element and change the HTML over there to test your changes to React, as the conversion of React code to the browser is pretty straightforward.

3. You can easily integrate third-party libraries. Most of the third-party libraries have React packages, even if they don’t you can easily integrate the library in the raw HTML and js form. Whereas with react-native-web integrating third-party libraries may not be that straightforward, although sometimes you can always create mocks.

4. React is more stable and you can obtain a lot of documentation on the web.

5. The community support that React has is very large compared to the React Native web.

6. React Native web is a comparatively new technology so there isn't a lot of documentation on the internet right now.

Advantages of React Native Web over React

1. If you already have a codebase in react-native written, then with minimal changes you can run the same code on to the web. Whereas if you select react, then you have to start almost from scratch. Although, you can save some time by setting a monorepo and keeping some utils code common between both the app and the web.

2. React Native Web is great to use if you want to build app and web versions together as it provides maximum code sharing whereas, with React you have to keep the files separately.

3. As the community is driving towards using styled-components everywhere, slowly it is going to be quite similar development efforts to use react-native-web and react.

Fundamentals of the React Native web

Every frontend framework needs some fundamentals to show its advantages

1. Easy to start
2. Great Development experience
3. Navigation
4. Styling
5. Good Community support

Easy to Start

Great Development Experience

Navigation

Styling

Good Community Support

Well, this was the comparison between React and the React Native Web. I hope it was helpful to you and provided some new insights to you.