ReactJS एक Library JavaScript है जो Frontend को Develop करने के लिए उपयोगी है।

• ReactJS को Facebook ने Develop किया था सन 2013 में।
• यह केवल और केवल एक Library है जो Architecture में सिर्फ View Layer को संभालती करती है।
• ReactJS – Client Side Rendering Support (CSR) है Page पर सब कुछ JavaScript द्वारा Inject किया जाता है।
• ReactJS Components Structure को Follow करती है।
• ReactJS की File की Extension .jsx (JavaScript के साथ ) अथवा tsx (TypeScript के साथ)

Features of ReactJS

• Lightweight – ReactJS एक Lightweight Library जो SPA (Single Page Application) Develop करने के काम आती है।
• Simple – ReactJS easy to learn Libraryजिसको कुछ ही दिनों में सीखा जा सकता है (यदि javascript पहले सीख राखी है तो), और दूसरे Libraryके मुकाबले।
• Modern – ReactJS एक Modern लाइब्रेरी जो आज हर तरह के Web Applications में उपयोग हो रहित है जैसे CMS (Content Management System), LMS (Learning Management System), Admin Dashboards आदि। में
• Syntax – ReactJS का अपना खुद का Syntax एवं Rules है जो JavaScript Library को Unique बनाते है।

How ReactJS Works

ReactJS में सिर्फ एक index.html (HTML File) रहती जिससे में एक JavaScript File Connect रहती है. यही JS File,ReactJS को रन करती है या JavaScript की मदद HTML में Content Inject करती है। ज्ब भी हम किसी React पेज को Server से Fetch करते है तो हमें सिर्फ एक HTML हमें सिर्फ एक Empty HTML, इस में के JavaScript File Linked रहित है जो External HTML को Inject कर देती है HTML File.

Version of ReactJS

• ReactJS 15
• ReactJS 16
• ReactJS 17
• ReactJS 18 – यह ReactJS का Latest Version जिसमे Application Develop किये जा रहे है, जो बहुत Major Updates के साथ आया है।
• ReactJS 19 – यह Version अभी Beta Testing में चल रहा है,और कुछ ही दिनों में आने वाला है, NextJS 15 के साथ तो आने भी लगा है ReactJS 19.

How to run ReactJS

ReactJS को रन करने के लिए हमें अपने कंप्यूटर सिस्टम में NodeJS, NPM (Node Package Manager) एवं NPX (Node Package Executor) Install होने चाहिए।

ReactJS को रन करने के लिए नीचे दिए गए Step को Compplete करें –

आपके Computer सिस्टम में Latest Latest NodeJS install होने के साथ-साथ, NPM एवं NPX भी Install होने चाहिए। Installation Confirm करने के के लिए निम्न Commands को CMD पर रन करके Verify किया जा सकता है

PS C:\Users\Heera Singh Lodhi> node -v
v20.16.0
PS C:\Users\Heera Singh Lodhi> npm -v
10.8.1
PS C:\Users\Heera Singh Lodhi> npx -v
10.8.1
PS C:\Users\Heera Singh Lodhi>

Installation Verify करने के बाद हम ReactJS को रन करने के लिए Ready है, यदि दी गयी Commands नहीं चल रही है तो Installation नहीं है या। Environment Variables सेट नहीं है।

App Create करने के लिए CMD पर ये Command चलाये – npm create vite@latest my-react-app या npm create vite@latest my-react-app

ReactJS Important Topics to Learn

• ReactJS – Intro to react
• ReacJS – folder structure
• ReactJS – components
• ReactJS – How ReactJS working
• ReactJS – components lifecycle
• ReactJS – Functional vs class-based components
• ReactJS – API Integration
• ReactJS – Best Practices
• ReactJS – API Forms
• ReactJS – Query
• ReactJS – API Query
• ReactJS – with typescript
• ReactJS – with tailwindcss
• ReactJS – vite project
• ReactJS – Context API
• ReactJS – State Management

ReactJS Docs

ReactJS को सीखने के लिए ReactJS developer community ने ReactJS की Documentation दे रही रखी है जिसको पड़के ReactJS सीखा जा सकता है।

ReactJS Resource

• website
• yt video
• blogs
• React Documentation

Modern Web Applications Developed using ReactJS

• Canva
• Notion (with NextJS)
• Geeksforgeeks (NextJS)
• Udemy (with NextJS)
• Meesho (with NextJS)

Applications of ReactJS

ReactJS ke application jyadatar har ek field hai jese no nimn likhit hai

• Mobile Apps – ReactJS का उपयोग Mobile Apps Develop करने के लिए भी किया जाता है, इसके ReactJS में बने हुए Framework React-Native का उपयोग करना पड़ता है, ReactJS से Android और iOS दोनों के लिए मोबाइल Apps Develop किये जा सकते है।
• Desktop Apps – यदि Desktop Application ReactJS की मदद से कर सकते है इसके के लिए हमें ElectronJS (एक JavaScript Framework jo Desktop Apps Create करने के लिए उपयोगी है ) के ReactJS करना पड़ेगा।
• Web Apps – ReactJS का उपयोग Mainly Web Apps Develop करने के लिए उपयोग किया जाता, जिसमे SPA सबसे पॉपुलर है।
• WordPress – WordPress एक CMS Software है जो Content Management के लिए उपयोगी है, WordPress में बहुत से Plugins एवं पेज Builders है जो ReactJS के उपयोग से ही बने है पेज Builders में सबसे पॉपुलर popular page builder elementor है जो ReactJS me developed hai.
• MVC – MVC एक Web Application का Architecture होता है जंहा (M – Model, V-View, C-Controller). यहाँ पे View Layer ReactJS handle करती है।

ReactJS vs AngularJS

ReactJS एक JS Library है बल्कि AngularJS एक Framework (जो की ने Develop किया था)

ReactJS vs NextJS

ReactJS एक JS Library है बल्कि NextJS एक Full Stack Framework (जो की ReactJS Library का उपयोग करता है।)

ReactJS vs Remix

ReactJS एक JS Library है बल्कि Remix ek framework (Remix is a full stack web framework)

ReactJS vs VueJS

ReactJS एक JS Library है बल्कि VueJS एक web application framework.

Note – Library एवं Framework का Comparison नहीं जा सकता है, Library किसी Particular Problem को करने के लिए बनाई जाती है, बल्कि Framework एक से adhik Library के उपयोग के से एक Framework या Structure होता है। Framework का अपना कूद का Structure होता है जो जिसमे बहुत चीजों का ध्यान रखा जाता है।

Definitions

• Library – Library एक छोटा सॉफ्टवेयर ही होता है जो एक Specific Problem को Solve करने के लिए develop की जाती है।
• Framework – Framework एक से अधिक Library के उपयोग के से एक Framework या Structure होता है। Framework का अपना खुद का Structure होता है जो जिसमे बहुत चीजों का ध्यान रखा जाता है।
• MVC – यह एक वेब Application का आर्किटेक्चर है।
• CMS – यह एक Content Management System (Software) होता है जिसमे Users Apna Content Manage एवं Publish कर सकते है, WordPress एक CMS है।
• LMS – Learning Management System
• SPA – Single Page Application