Key Points
- The main difference is that ReactJs is used to make websites, whereas React Native is used to make mobile applications. ReactJS is a tool you add to your website, whereas React Native is used to build your mobile apps from the ground up.
References
Reference_description_with_linked_URLs_______________________ | Notes______________________________________________________________ |
---|---|
https://developer.okta.com/blog/2018/07/19/simple-crud-react-and-spring-boot | Java CRUD tutorial with Spring Boot and React - Matt Raible |
https://www.cognitiveclouds.com/insights/what-is-the-difference-between-react-js-and-react-native/ | React vs React Native |
Key Concepts
React vs React Native
https://www.cognitiveclouds.com/insights/what-is-the-difference-between-react-js-and-react-native/
React
- React or ReactJS is a JavaScript library responsible for building a hierarchy of UI components or in other words, responsible for the rendering of UI components. It provides support for both frontend and server-side in Web apps
- rendering of your pages completely, from the server to the browser will improve the SEO of your web app.
- You can reuse code components in React JS
- React, it is easily readable.Many frameworks require you to learn an extensive list of concepts which are only useful within the framework. React strives to do the opposite
React Native
- React Native is a framework for building native applications using JavaScript. React Native compiles to native app components, which makes it possible for you to build native mobile applications. In React JS, React is the base abstraction of React DOM for the web platform, while with React Native, React is still the base abstraction but of React Native. So the syntax and workflow remain similar, but the components are different.
- React Native comes with Native Modules and Native components that improve performance. Unlike Cordova, PhoneGap, and other cross-platform frameworks that render code via WebView, React Native renders certain code components with native API’s.
- React Native comes with all the advantages that React.js brought you. React.js focuses on a better UI, so those benefits remain.
- You don’t have to build the same application for iOS and Android, separately as React Native allows your developers to reuse the common logic layer.
- React Native’s component-based structure allows developers to build apps with a more agile, web-style approach to development than most hybrid frameworks, and without any web at all.
- If you know JavaScript, React Native will be easy to pick-up, allowing most front-end web developer to be a mobile developer. All you need to know is JavaScript, platform APIs, some native UI elements, and any other platform-specific design patterns and you’re set.
- React Native is all about bringing high speed, responsiveness, and agility of web app development
React Native is an entire platform allowing you to build native, cross-platform mobile apps, and React.js is a JavaScript library you use for constructing a high performing UI layer. React.js is the heart of React Native, and it embodies all React’s principles and syntax, so the learning curve is easy.
React is rendered through Virtual DOM while React Native uses Native API’s to render components on mobile. React uses HTML and with React Native, you need to familiarize yourself with React Native syntax. React Native doesn’t use CSS either.
Potential Value Opportunities
Potential Challenges
Candidate Solutions
Step-by-step guide for Example
sample code block