معرفی React
React یک کتابخانه جاوااسکریپت است که برای ساخت رابط کاربری (UI) استفاده می‌شود. برخی افراد آن را یک فریمورک می‌دانند، اما در واقع فقط یک کتابخانه است که توسط فیسبوک ساخته شده است.
چرا React محبوب است؟ 🌟
- به شما کمک می‌کند کامپوننت‌های قابل استفاده مجدد (Reusable Components) بسازید.
- سرعت بالایی دارد، چون از یک DOM مجازی (Virtual DOM) استفاده می‌کند.
- مدرن و به‌روز است و بسیاری از شرکت‌های بزرگ از آن استفاده می‌کنند.
React چگونه کار می‌کند؟ ⚙️
یکی از ویژگی‌های اصلی React این است که از DOM مجازی استفاده می‌کند.
🔍 DOM مجازی چیست؟
در حالت عادی، وقتی تغییری در صفحه اتفاق می‌افتد، مرورگر باید کل صفحه را دوباره پردازش کند، که این کار کند و پرهزینه است. اما React ابتدا تغییرات را در یک نسخه مجازی از DOM ذخیره می‌کند و فقط قسمت‌های ضروری را در DOM واقعی تغییر می‌دهد.
✅ مزیت این روش؟
- صفحه سریع‌تر به‌روزرسانی می‌شود.
- عملکرد بهینه‌تر می‌شود.
📌 مثال واقعی:
فرض کنید در یک دفتر کار، هر بار که یک اسم در لیست تغییر کند، شما مجبور باشید همه‌ی برگه‌ها را دوباره چاپ کنید! اما با روش React، فقط همان یک اسم را تغییر می‌دهید و بقیه برگه‌ها دست‌نخورده باقی می‌مانند.
تاریخچه‌ی React 📜
📅 ۲۰۱۱ – فیسبوک برای اولین بار React را در بخش News Feed خود استفاده کرد.
👨💻 ۲۰۱۳ – به‌طور رسمی برای عموم منتشر شد (نسخه‌ی ۰.۳.۰).
🚀 ۲۰۲۲ – نسخه‌ی جدید React (V18.0.0) منتشر شد.
🔧 ابزار create-react-app چیست؟
این ابزار به شما کمک می‌کند تا به‌راحتی یک پروژه React را راه‌اندازی کنید. شامل ابزارهایی مثل:
- Webpack (برای بسته‌بندی فایل‌ها)
- Babel (برای تبدیل کدهای جدید به نسخه‌ای که همه‌ی مرورگرها بفهمند)
- ESLint (برای بررسی و تصحیح کدها)
چالش برای شما 🎯
سوال: چرا استفاده از DOM مجازی باعث افزایش سرعت React می‌شود؟ 🤔