How React Native is different from ReactJS ?. The Complete React Native Developer Course 2023 [Videos].

ReactJS: It is a JavaScript library that supports both front-end and server-side. It is a popularly used library, which focuses on developing user interfaces (UI) for mobile as well as web-based applications. Developed by Facebook, it is based on the JavaScript language and hence, it is synonymously also called ReactJS.

Steps to create a React Application:

• Step 1: Create a React application using the following command:

  npx create-react-app react-demo

• Step 2: After creating your project folder i.e. react-demo, move to it using the following command:

  cd react-demo

 

Project Structure: It will look like the following.

• App.js

import React from "react"; import logo from "./logo.svg"; import "./App.css";    function App() {   return (      "App">        "App-header">         "App-logo" alt="logo" />          ReactJS Demo Application                  ); }    export default App;

Step to Run Application: Run the application using the following command from the root directory of the project:

npm start

Output: Now open your browser and go to http://localhost:3000/, you will see the following output

React Native: React Native is a cross-platform mobile framework that uses the ReactJS framework. As the name suggests, it is primarily used for developing “native” mobile applications (like Windows, iOS as well as Android). Also developed by Facebook, the major advantage provided by React Native is that it allows the developers to create mobile applications on various different platforms without compromising the end users experience.

 

Steps to create a React Native Application:

• Step 1: Open your terminal and install expo-cli by the following command.

  npm install -g expo-cli

• Step 2: Now create a project by the following command.

  expo init react-native-demo

• Step 3: Now go into your project folder i.e. react-native-demo

  cd react-native-demo

Project Structure: It will look like the following.

Step to Run  Application: Start the server by using the following command.

expo start

Output:

Differences between React and React Native: