What is React? 🤔

React is a JavaScript Library used to build fast and interactive user interfaces for the web as well as mobile applications. The one thing that makes React powerful is that it is open-source. Any user can access its source code, and modify and enhance it as per requirements. React divides the UI into multiple components making it easier to debug since each component has its own properties and functions.

Why is React so Popular? 🌟

• Dynamic Web Applications: React assists in the creation of dynamic web applications, providing performance enhancements.
• Reusable Components: React uses reusable components that help decrease development time.
• Cross-Compatibility: React can also be used for developing mobile applications with React Native.
• Dedicated Debugging Tools: It has dedicated tools for easy debugging.

Features of React 🚀

JSX (JavaScript Syntax Extension) 💡 HTML + JS = JSX

Virtual DOM (Document Object Model) 🌐

One-way Data Binding 🔄

Extensions 🔧

Installing / Creating a New React Application 🛠️

To create a new React application, you need to install Node.js as well as npm (Node Package Manager) and run the following command:

npx create-react-app <appname>

// Alternate Approach for Creating React App
npm init create-react-app <appname>

React Folder Hierarchy

In order to run your application, you need to use the following command: npm start

This command starts the application on a live server (usually localhost:3000) inside your browser. Every time you make changes to your code and save the file, the application will automatically refresh and reflect the changes.