React JS ⚛️

React JS ⚛️

A JavaScript Library for building User Interfaces, not a framework

What is React JS? ⚛️

A JavaScript Library for Building User Interfaces (UI) created by Jordan Walke(Software Engineer at Facebook) was released in the year 2013.

The User Interface(UI) is a point of Human Interaction and Communication.

It has a Huge community on GitHub and is maintained by Facebook

Key features of React JS ⚛️

1. Virtual DOM⚛️

The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.

2. JSX

JSX stands for JavaScript XML. It allows us to write HTML in React. JSX makes it easier to write and add HTML in React.

3. Component

Components are independent and reusable bits of code. They serve the same purpose as JavaScript functions, but work in isolation and return HTML.

Components come in two types, Class components and Function components.

Overview of React.js

4. One-way data binding

ReactJS uses one-way data binding.

In one-way data binding, one of the following conditions can be followed:

  • Component to View: Any change in component data would get reflected in the view.

  • View to Component: Any change in View would get reflected in the component's data.

5. Performance

React uses several clever techniques to minimize the number of costly DOM operations required to update the UI. For many applications, using React will lead to a fast user interface without doing much work to specifically optimize for performance.

Installation of React ⚛️

Commands to create a React App ✍

📌 Note: React requires Node.js. So make sure Node.js is installed on your system

Open your command prompt and write these commands

carbon (2)

Note: Here <my project> means the name of your react project

For further details on Installing React: Click Here🔗

Conclusion 🎊

Hope you have enjoyed🎉 learning about React JS⚛️

In this blog, you got knowledge of React JS ⚛️, its key features and installation🎉🎉
Will come up with something new next time🚀, till then Keep Learning, Keep Exploring✨💫