❤️Short Tour to react❤️

❤️Short Tour to react❤️

Lets explore the core Fundamentals of React.js and understand the beauty of React.js❤️

ReatsJs or React or React.js

These are the name used by different people to introduce react we can call anything out of these this 3 names all give an equal meaning.

Is React is Library or framework?

React is a JavaScript Library for building User Interfaces (UI is A point of Human Interaction and communication.)

image.png

History of React?

React is Open source JavaScript Library, created by JORDAN WALKE(Software Engineer At Facebook), Primarily we can conclude its React.js is developed and maintained by Facebook, and released in the year of 2013.

Beauty of React❤️.

  1. Component Based approach.

    When I say component, it means a different section or part of the webpage, let us understand With an image.

image.png

  1. DOM updates are handled gracefully.

    How it's handled Dom updates gracefully due to the Concept of virtual Dom. (Dom in the memory of the Brower)

  2. Reusable code.

    As we have the components in the form of class-based or in function-based, we will develop the components once and reuse them as many times as we want.

  3. SPA(Single Page Application)

    It is very important to understand what a spa is, lets' take the example of YouTube, Whenever we navigate into the different option on YouTube it never redirects to the new page its use a single page it's just manipulating the Dom.

  4. React is designed for Speed.

    Speed of implementing the application simplicity and scalability.

Guide To Creating the First React.js App

  1. install Node in our System nodejs.org/en/download
  2. verify the version of the node and Npm in Your Terminal.
    • Node -version
    • npm -version

      npm is a node package manager, (Simple it contains some prewritten code that we can use in our app)

  3. npx create-react-app (Your App Name).

    npx (node package executor), it will not install the package in the local machine it executes the command in the server and brings the package which is needed for developing a react app.

Thank You for Reading this Article, Hope You Find it Helpful❤️