کداکسپلور | CodeExplore
7.92K subscribers
2.01K photos
350 videos
103 files
1.83K links
با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️😉

سایت:
CodeExplore.ir
👨🏻‍💻 ارتباط با ما :
@CodeExploreSup
گروه :
@CodeExplore_Gap
تبلیغات در کد اکسپلور :
@CodeExploreAds
Download Telegram
ری‌اکت ۱۹ که به تازگی رونمایی شده است‌:

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 هارا بر اساس نتیجه ارسال فرم خود به روز کنید.
const [state, formAction] = useFormState(fn, initialState, permalink?);

🔥🔥🔥🔥🔥🔥🔥🔥
منبع :
🖥 https://www.linkedin.com/in/paria-jokar

#react19
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
12❤‍🔥4🔥3