رفتن به نوشته‌ها

دسته: React (ری اکت)

React (به فارسی: ری اکت) یک کتابخانه‌ی متن‌باز جاوا اسکریپتی است که برای ساخت رابط‌های کاربری و اجزای صفحات وب مورد استفاده قرار می‌گیرد. به عبارت دقیق‌تر از این کتابخانه برای ساخت نرم‌افزارهای واکنشگرای تک صفحه‌ای (SPA) مورد استفاده قرار می‌گیرد. با استفاده از ری اکت می‌توانید درخواست خود را به سرور ارسال کنید و بدون رفرش کردن صفحه، خروجی را تغییر دهید.
در واقع ری‌ اکت به توسعه‌دهندگان این امکان را می‌دهد که واسط‌های کاربری را به صورت درختی از اجزای کوچکی بنام Component ایجاد کنند. (هر کامپوننت ترکیبی از HTML و جاوا اسکریپت است که تمام منطق موردنیاز برای نمایش قسمت کوچکی از یک واسط کاربری بزرگ‌تر را در خود دارد)
کتابخانه‌ی React در سال 2013 توسط تیم توسعه‌ی فیس‌بوک معرفی و به سرعت به یکی از مهم‌ترین فریم‌ ورک‌های جاوا اسکریپت تبدیل شد به گونه‌ای که در سایت‌های مهمی چون نت‌فلیکس و ایر بی‌‌ان‌بی استفاده شد. در حال حاضر ری اکت و ری اکت نیتیو در صدر محبوب‌ترین پروژه‌های گیت‌هاب هستند.
در ساختار React.js از یک DOM مجازی استفاده می‌شود که سرعت اجرای آن را بسیار بالا می‌برد.
React Native (ری اکت نیتیو) نیز یک کتابخانه‌ی قدرتمند جاوا اسکریپت و یک چارچوب توسعه نرم‌افزاری موبایل است که به کمک آن می‌توان برای سیستم عامل‌های اندروید و IOS، اپلیکیشن ساخت. اینکه اپلیکیشن‌های بزرگی چون فیس‌بوک، اینستاگرام و اسکایپ با استفاده از ری اکت نیتیو تولید شده‌اند، بزرگ‌ترین گواه بر قدرت و انعطاف‌پذیری این فریم ورک است.
ری اکت نیتیو شبیه به ری اکت جی اس است اما بلوک‌های حیاتی آن بجای کامپوننت‌های وب، کامپوننت‌های بومی است.

قابلیت‌های جدید Next.js

Next.js یک فریم ورک محبوب است که قدرت react را به سمت سرور می آورد. شما می توانید با استفاده از این فریم ورک قابلیت هایی مانند Server Side-Rendering و امثال آن را انجام بدهید و در عین حال از ویژگی های قدرتمند next مانند داشتن یک سیستم routing فایل محور نیز استفاده کنید. در ماه گذشته نسخه ی ۱۱ از next.js توسط تیم توسعه ی next معرفی شد بنابراین فرصت خوبی است که قابلیت های جدید next.js در دو نسخه ی اخیر (۱۰ و ۱۱) را به صورت خلاصه بررسی کنیم چرا که این دو نسخه قابلیت های مهمی را به next اضافه کرده اند. سطح مقاله: این مقاله برای افرادی تنظیم شده است که با next.js کار کرده اند. اگر با next.js آشنا نیستید، خواندن این مقاله به شما پیشنهاد نمی شود. از این به بعد next.js به صورت پیش فرض از webpack 5 استفاده می کند و نیازی به تعریف فایل پیکربندی خاص (next.config.js) ندارد. قبلا برای استفاده از webpack 5 باید در فایل پیکربندی next.config.js به صورت دستی تنظیماتی را اعمال می کردید.