ریاکت ۱۹ که به تازگی رونمایی شده است:
1️⃣ یکی از جدیدترین قابلیتها در react compiler این است که react به صورت خودکار تصمیم میگیرد که چگونه و چه زمانی state را تغییر دهد و رابط کاربری را بروز کند.
با این کار، ما دیگر نیازی به انجام این کار به صورت دستی نداریم. همچنین به این معنی است که نیازی به استفاده از ()useMemo()، useCallbackو ()memo نیست.
2️⃣ تا به حال، اجزای React عمدتاً در سمت کلاینت اجرا می شدند. اما React در حال معرفی مفهوم پیشگامانه اجرای اجزا در سمت سرور است.
در react 19 مولفههای سرور مستقیما در react ادغام میشوند . برای استفاده از این منظور شما فقط باید "use server" را به عنوان خط اول جز اضافه کنید. که کامپوننت خود را به یک کامپوننت سمت سرور تبدیل میکند.
3️⃣ یکی دیگر از قابلیتهای جالب Action است که به جای استفاده از onsubmit در form ها میتونیم از این ویژگی استفاده کنیم . مقدار ویژگی action روشی برای ارسال دادهها در سمت مشتری یا سرور خواهد بود.هدف این است که کار با فرم ها و مدیریت دادهها آسان تر شود.
4️⃣ اگر بخواهید از metadata برای تعیین title , description هر صفحه استفاده کنید میتوانید از قابلیت جدید ریکت که در بهینه سازی سئو بسیار موثر استفاده کنید .
از آنجا که React ۱۹ از Server Side Rendering (SSR) پشتیبانی میکند، شما میتوانید این اطلاعات را به طور دینامیک در سمت سرور تولید کرده و به صفحات خود اضافه کنید.
5️⃣ در ریکت باید عملکرد برنامهها رو به ویژه با تصاویر و سایر فایلهای دارایی به دقت مدیریت کنیم اغلب view ابتدا در مرورگر رندر میشود سپس تصاویر و فایلها و ... که این میتواند منجر به کند شدن یا نمایش یک محتوای بدون استایل شود .
در React 19، تصاویر و سایر فایلها در پسزمینه بارگذاری میشوند که باعث بهبود زمان بارگذاری صفحه و کاهش دوره انتظار میشود.
6️⃣ یک hook جدید به اسم use()
این هوک نحوه استفاده از promises , async code را ساده تر میکند از این هوک برای اجرای fetchها به جای استفاده از useEffect یا useState استفاده میکنیم.
7️⃣ یک hook جدید به اسم useFormState()
این هوک به شما این امکان را میدهد که state هارا بر اساس نتیجه ارسال فرم خود به روز کنید.
🔥 🔥 🔥 🔥 🔥 🔥 🔥 🔥
منبع :
🖥 https://www.linkedin.com/in/paria-jokar
#react19
☕️ @CodeExplore
با این کار، ما دیگر نیازی به انجام این کار به صورت دستی نداریم. همچنین به این معنی است که نیازی به استفاده از ()useMemo()، useCallbackو ()memo نیست.
در react 19 مولفههای سرور مستقیما در react ادغام میشوند . برای استفاده از این منظور شما فقط باید "use server" را به عنوان خط اول جز اضافه کنید. که کامپوننت خود را به یک کامپوننت سمت سرور تبدیل میکند.
از آنجا که React ۱۹ از Server Side Rendering (SSR) پشتیبانی میکند، شما میتوانید این اطلاعات را به طور دینامیک در سمت سرور تولید کرده و به صفحات خود اضافه کنید.
در React 19، تصاویر و سایر فایلها در پسزمینه بارگذاری میشوند که باعث بهبود زمان بارگذاری صفحه و کاهش دوره انتظار میشود.
این هوک نحوه استفاده از promises , async code را ساده تر میکند از این هوک برای اجرای fetchها به جای استفاده از useEffect یا useState استفاده میکنیم.
این هوک به شما این امکان را میدهد که state هارا بر اساس نتیجه ارسال فرم خود به روز کنید.
const [state, formAction] = useFormState(fn, initialState, permalink?);
منبع :
#react19
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡12❤🔥4🔥3