React Native was made two years after the React JS release. Created by Facebook as well. It is a hybrid-app development framework for iOS and Android. As with most organizations most of the time you will have two separate teams one for iOS and Android to develop, maintain and upgrade their apps on both platforms. Using two different mobile frameworks can be costly due to having huge teams for both platforms. Using React Native allows for one application to be built on one framework catering to the use of both iOS and Android.
Besides it’s clear differences depending on whether it be a mobile or web application. Both have differences that some might already know about but definitely were new to me and at first confusing for sure.
2.) As with React JS using HTML React Native does not use HTML. It has its own syntax that at first I was confused about, being so used to HTML-syntax. For instance, instead of using a <div> to encase other elements of a rendered component you would use a <View> element. Even instead of using a <p> tag you would use a <Text> element instead. As Below:
3.) React JS has a virtual DOM in which the browser reads the HTML-syntax and transforms it into a document object model. React Native uses native API’s to render components in mobile applications.
4.) CSS is used in React Js accessible by importing css file in the App.js file making it possible for all children components to access. Meanwhile in React Native you can set styles using React Native’s StyleSheet directly in a component to implement CSS like styling. As below:
There are other differences, but I believe I pointed out what really stuck out to me. I’m still learning React Native and it’s been exciting to say the least. Hopefully when I develop a mobile application of my own I will definitely share it with you. Thank you for reading!!
The Good and the Bad of ReactJS and React Native
ReactJS and React Native are the new technologies for web and mobile development introduced by Facebook. The project…