Introduction to React

React ही एक JavaScript library आहे जी user interfaces बनवायला वापरतात. Meta (Facebook) ने 2013 मध्ये open source केली. React मध्ये UI छोट्या छोट्या components मध्ये विभागतात — प्रत्येक component स्वतंत्र, reusable आणि maintainable असतो.

React का वापरतात?

• ▸Component-based — UI छोट्या reusable pieces मध्ये divide करतो
• ▸Virtual DOM — फक्त बदललेले parts update होतात, खूप fast
• ▸Declarative — "काय दाखवायचे" सांगा, "कसे" React बघतो
• ▸Huge ecosystem — हजारो libraries, React Native (mobile)
• ▸Meta, Netflix, Instagram, Airbnb — सगळे React वापरतात

React चा इतिहास

• ▸2013 — Facebook ने open source केले
• ▸2015 — JSX popular झाले
• ▸2018 — Hooks आले, functional components standard झाले
• ▸2024 — React 19: use API, Actions, React Compiler

Virtual DOM कसे काम करते?

Browser चा real DOM slow असतो. React एक Virtual DOM (JavaScript object) maintain करतो. State बदलली की React आधी Virtual DOM update करतो, मग real DOM शी compare करतो (diffing), आणि फक्त बदललेले parts real DOM मध्ये update करतो. यामुळे performance खूप चांगली होते.

// App.jsx
export default function App() {
  return (
    <div>
      <h1>नमस्कार! React मध्ये स्वागत! ⚛️</h1>
      <p>हा माझा पहिला React component आहे.</p>
    </div>
  );
}