React Introduction

React is an open-source JavaScript library for building user interfaces(UIs), particularly single-page applications. Developed and maintained by Facebook, its core philosophy revolves around a component-based architecture, promoting the creation of modular, reusable UI elements.

What is open-sources?
Open-source means the source code of a software is publicly available for everyone.

Anyone can:

View the code 👀
Use it ✅
Modify it ✏️
Improve it 🚀
Share it 🔄

For example, React is an open-source project. It was developed by Facebook (Meta), but developers around the world can use and contribute to it.

Simple Example

Imagine you upload your project code publicly on Gitlap:

Other developers can study your code
Fix bugs
Add new features
Create their own version from it

That is the idea of open-source software.

Opposite of Open-source -** Closed-source software.
**
In closed-source software, the source code is private and not available to the public.

Examples:

Microsoft Windows
Some paid commercial software

Popular Open-source Examples
Linux
React
VS Code
Firefox

So, when we say “React is open-source,” it means React’s code is publicly available and developers can freely use and contribute to it.
** “Free doesn’t always mean free of cost; it means freedom.”**

“In open-source, ‘free’ does not only mean free of cost — it means freedom to use, study, modify, and share the software.”

upcoming
clint - server
DOM
VDOM

State - a new virtual DOM tree is created in memory
Diffing - diffing algorithm
Reconciliation - comparing the new and old VDOM
Real Dom Update - only identify the changes - batch(put) - to the
Real DOM - avoiding unnecessary re-renders of the
entire page.

component-Based architecture
reusable,independent components.- simplify-develop,debug

JSX - javaScript XML

                                         To be continued... ✨