ری اکت چیست؟
ری اکت (React) یک کتابخانه‌ی جاوا اسکریپتی برای ساخت رابط‌های کاربری (UI) است که توسط فیسبوک (Meta) توسعه داده شده. این ابزار به برنامه نویسان اجازه می‌دهد که وب اپلیکیشن های پویا و سریع بسازند.
چرا ری اکت؟
ری اکت، همه‌چیز را به اجزای کوچک‌تر (components) تقسیم می‌کند، که باعث خوانایی و نگهداری بهتر کد می‌شود.
ری اکت، فقط روی لایه‌ی نمایشی (View) کار می‌کند و می‌توان با هر بک‌اندی آن را ترکیب کرد.
ری اکت، به‌جای تغییر مستقیم DOM، از یک مدل مجازی استفاده می‌کند که تغییرات را بهینه و سریع اعمال می‌کند.
ری اکت، محبوب‌ترین کتابخانه‌ی جاوااسکریپتی است و مستندات و ابزارهای زیادی براش وجود دارد.
ری اکت، در همه جا استفاده می‌شود، وب (React)، موبایل (React Native)، دسکتاپ (Electron)
مفاهیم کلیدی ری اکت
JSX یا JavaScript XML، یک نوع نوشتار ویژه در ری اکت است که ترکیبی از HTML و JavaScript را داخل یک فایل جاوا اسکریپت ممکن می کند.
<h1>سلام {name}</h1>اجزاء (components)، بلوک‌های سازنده در ری اکت هستند. هر کامپوننت یک بخش مستقل و قابل استفاده مجدد از رابط کاربری است.
function Greeting({ name }) {
return <h1>سلام {name}</h1>;
}مدل مجازی (Virtual DOM)، یک نسخه مجازی و سبک از DOM واقعی است که توسط ری اکت برای بهینه‌سازی بروزرسانی‌های رابط کاربری استفاده می‌شود. به جای اعمال تغییرات مستقیم در DOM (که کند است)، ری اکت ابتدا تغییرات را در Virtual DOM اعمال می‌کند، تفاوت‌ها (diff) را محاسبه کرده و فقط بخش‌های تغییر کرده را در DOM واقعی به‌روزرسانی می‌کند. این کار باعث بهبود عملکرد برنامه می‌شود.
نکته: در ادامه بیشتر با این مفاهیم آشنا خواهیم شد.
پیش‌نیاز های ری اکت
خلاصه درس
دراین بخش با کتابخانه ری اکت و مفاهیم پایه‌ای آن (مانند اجزاء) آشنا شدید.
