بلاخره ری اکت 19 منتشر شد! هرچیزی که باید از تغییرات React 19 بدونیم!

بلاخره ری اکت 19 منتشر شد 🙂 این بروزرسانی رو اصلا دست کم نگیرید چون یک عالمه قابلیت ها و ویژگی های جدید و مفید به ری اکت اضافه شده! اگه React Developer هستید اکیدا پیشنهاد میکنم چند دقیقه وقت بزارید و این مقاله رو مطالعه کنید تا باهمدیگه با تغییرات شگفت انگیز ری اکت 19 آشنا بشیم 🙂

پیش نیاز این مقاله

ما تو این مقاله میخوایم صرفا درمورد ری اکت 19 ( بروزرسانی جدید React ) صحبت کنیم پس اگه با خود ری اکت آشنا نیستید پیشنهاد میکنم مقاله کتابخانه ری اکت رو مطالعه کنید تا با این کتابخانه جذاب و دوست داشتنی کمی آشنایی داشته باشید.

ری اکت 19 🔥

بلاخره داکیومنت رسمی ریکت طی یک اطلاعیه از ویژگی های جذاب ری اکت 19 پرده برداشت و بهمون گفت که قراره تو این نسخه چه چیزایی به React اضافه بشه. تو این مقاله ما تمام ویژگی های جدید ری اکت 19 رو باهمدیگه بررسی میکنیم.

توسعه دهنده های اصلی ری اکت هر ازگاهی یک توییت منتشر میکنن و از تغییرات React 19 یکم لو میدن 🙂 مثل توییت زیر :

تا زمان انتشار رسمی ری اکت 19، من این مقاله رو مرتبا بروزرسانی میکنم تا شماهم در جریان بروزرسانی های این کتابخانه جذاب باشید.

خب دیگه بریم ببینیم لیست این تغییرات چیا هستن ..

لیست تغییرات ری اکت 19 بصورت زیر هست :

کامپایلر ری اکت :

تو نسخه جدید ری اکت، یک کامپایلر به اسم React Forget به ری اکت اضافه شده که یکی از مهمترین تغییرات این نسخه از ری اکت نسبت به گذشته هست! در حال حاضر اینستاگرام داره از این فناوری ( کامپایلر ری اکت ) استفاده میکنه اما این کامپایلر هنوز در اختیار عموم ( ما Developer ها ) قرار نگرفته.

کامپوننت سمت سرور :

بلاخره ری اکت ویژگی سرور کامپوننت ( Server Component ) رو معرفی کرد و ما میتونیم کامپوننت های سمت سرور داشته باشیم! اگه با Next.js کار کرده باشید، خبر دارید که میتونیم کامپوننت های سمت سرور یا سمت کلاینت داشته باشیم و این فوق العاده هست!

خبر خوب اینکه از نسخه 19 ری اکت دیگه میتونیم Server Component داشته باشیم و کامپوننت های خودمون رو سمت سرور Render کنیم.

تحول Action ها :

تو این نسخه از ری اکت، Action ها نیز تغییرات زیادی داشتن. این یعنی نحوه تعامل ما با DOM خیلی متفاوت تر شده.

امکان استفاده از Metadata ها :

اگه با سئو آشنا باشید، خبر دارید که ما باید برای صفحات خودمون تگ Metadata مشخص کنیم. تا قبل از React 19 انجام این کار خیلی ساده نبود اما به لطف کامپونت Metadata که تو ری اکت 19 اضافه شده خیلی سریعتر و بهینه تر میتونیم اینکار رو انجام بدیم.

بارگذاری بهینه Assets های پروژه:

تو این نسخه، Assets های پروژه ما ( مثل عکس ها، فونت و .. ) در پشت صحنه بارگذاری میشن و این باعث میشه لود صفحات ما خیلی سریعتر بشه و همچنین UX ( تجربه کاربری ) بهتری داشته باشیم.

وب کامپوننت ها :

وب کامپوننت یکی از جذاب ترین ویژگی های ری اکت 19 هست که به ما اجازه میده از اجزای وب در ری اکت استفاده کنیم. ( در ادامه بیشتر راجبش صحبت میکنیم )

قدرتمند تر شدن هوک ها :

تو این نسخه هوک های خفن و قدرتمند جدیدی معرفی شدن که به ما React Developer ها کمک میکنن از کد زدن بیشتر از قبل لذت ببریم 🙂

رفع مشکل re-render های اضافه :

تیم فنی ری اکت زمان خیلی زیادی رو صرف کردن تا مشکل همیشگی ری اکت ( re-render های اضافه و بیهوده ) رو رفع کنن. خبر خوب اینکه این مشکل تو نسخه جدید رفع شده و دیگه خبری از re-render های بیهوده و اضافه نیست.

همونطور که میدونیم تا به امروز برای جلوگیری از re-render های اضافه باید از تکنیک هایی مثل هوک useMemo یا هوک useCallback استفاده میکردیم. اما تو React 19 دیگه نیاز به هیچ هوک یا پروسه دستی برای رفع re-Render اضافی نیست و خود ری اکت جلوی رندر مجدد بیهوده رو میگیره!

اگه لیست تغییرات بالا برای شماهم جذاب بوده، بیاید تک تک ویژگی های بالارو بصورت تخصصی و جزئی تر بررسی کنیم 🙂

1 – کامپایلر ری اکت چیست ؟

برای مطالعه ادامه این مقاله + تیکه کد ها و مثالهای کامل لطفا روی لینک زیر کلیک کنید :

ری اکت 19