ریاکت ۱۹ بالاخره اومد و من امروز فرصت کردم یه سری از تغییراتش رو ببینم و تست کنم. خلاصه چند تا از ویژگیهای جدید و جالبش رو اینجا براتون مینویسم که قراره واقعاً نحوه کدنویسیمون رو تغییر بده:
- هوک use: حالا میتونیم مستقیماً تو رندر با پرامیسها کار کنیم! دیگه خبری از استفادههای پیچیده از useEffect و لودینگهای دستی نیست. هر جا پرامیس داشته باشیم، use میاد به کمکمون.
- اکشنهای سمت سرور: خیلی باحاله! دیگه نیازی نیست برای هر فرم یا دکمه، API جدا تعریف کنیم. مستقیماً تابع سمت سروری که میخوایم رو به عنوان اکشن به فرم میدیم و کار تمومه.
- آپدیت خوشبینانه: با هوک useOptimistic میتونیم UI رو سریع آپدیت کنیم، حتی قبل از اینکه جواب سرور بیاد! یعنی کاربر معطل نمیمونه و همه چی روانتر پیش میره.
- کامپوننتهای سمت سرور: حالا میتونیم بدون نگرانی از کامپوننتهای سمت سرور استفاده کنیم که یعنی سرعت لود بیشتر و سئوی بهتر.
- خداحافظی با PropTypes: تایپاسکریپت رسماً شده راهحل اصلی تایپچکینگ. اگه هنوز از PropTypes استفاده میکنید، وقتشه به hashtag#تایپاسکریپت مهاجرت کنید!
- مدیریت فرمها: با هوک جدید useFormStatus، مدیریت وضعیت فرمها خیلی سادهتر شده. وضعیت لودینگ، خطاها و موفقیت رو راحت میتونیم کنترل کنیم.
- متادیتای صفحه: دیگه نیازی به کتابخونههای اضافی برای مدیریت متادیتا نیست. مستقیم توی کامپوننت میتونیم متاتگها رو تعریف کنیم و React اونها رو مدیریت میکنه.
- بهبود Suspense: لودینگها خیلی هوشمندتر شدن. React سریعتر فالبک رو نشون میده و همزمان بقیه قسمتها رو هم رندر میکنه.
- رف به عنوان پراپ: دیگه میتونیم مستقیماً از ref به عنوان پراپ استفاده کنیم و دیگه نیازی به forwardRef نداریم. کد تمیزتر و خوانایی بیشتر.
- خداحافظی با APIهای قدیمی: خیلی از APIهای قدیمی مثل render و findDOMNode رفتن کنار. حالا همه چی مدرنتر و بهینهتر شده.
نکته طلایی مهاجرت: قبل از پریدن به نسخه ۱۹، حتماً اول به ۱۸.۳.۱ مهاجرت کنید! این نسخه بهتون هشدار میده که کجاها ممکنه با نسخه ۱۹ به مشکل بخورید.
در کل، به نظر میاد ریاکت ۱۹ قراره تجربه توسعه رو بهتر کنه، مخصوصاً با قابلیتهای جدید سمت سرور و بهینهسازیهای عملکردی که اضافه شدهاند.
@Code_Cache | <AmirMohammad Sakizadeh/>
- هوک use: حالا میتونیم مستقیماً تو رندر با پرامیسها کار کنیم! دیگه خبری از استفادههای پیچیده از useEffect و لودینگهای دستی نیست. هر جا پرامیس داشته باشیم، use میاد به کمکمون.
- اکشنهای سمت سرور: خیلی باحاله! دیگه نیازی نیست برای هر فرم یا دکمه، API جدا تعریف کنیم. مستقیماً تابع سمت سروری که میخوایم رو به عنوان اکشن به فرم میدیم و کار تمومه.
- آپدیت خوشبینانه: با هوک useOptimistic میتونیم UI رو سریع آپدیت کنیم، حتی قبل از اینکه جواب سرور بیاد! یعنی کاربر معطل نمیمونه و همه چی روانتر پیش میره.
- کامپوننتهای سمت سرور: حالا میتونیم بدون نگرانی از کامپوننتهای سمت سرور استفاده کنیم که یعنی سرعت لود بیشتر و سئوی بهتر.
- خداحافظی با PropTypes: تایپاسکریپت رسماً شده راهحل اصلی تایپچکینگ. اگه هنوز از PropTypes استفاده میکنید، وقتشه به hashtag#تایپاسکریپت مهاجرت کنید!
- مدیریت فرمها: با هوک جدید useFormStatus، مدیریت وضعیت فرمها خیلی سادهتر شده. وضعیت لودینگ، خطاها و موفقیت رو راحت میتونیم کنترل کنیم.
- متادیتای صفحه: دیگه نیازی به کتابخونههای اضافی برای مدیریت متادیتا نیست. مستقیم توی کامپوننت میتونیم متاتگها رو تعریف کنیم و React اونها رو مدیریت میکنه.
- بهبود Suspense: لودینگها خیلی هوشمندتر شدن. React سریعتر فالبک رو نشون میده و همزمان بقیه قسمتها رو هم رندر میکنه.
- رف به عنوان پراپ: دیگه میتونیم مستقیماً از ref به عنوان پراپ استفاده کنیم و دیگه نیازی به forwardRef نداریم. کد تمیزتر و خوانایی بیشتر.
- خداحافظی با APIهای قدیمی: خیلی از APIهای قدیمی مثل render و findDOMNode رفتن کنار. حالا همه چی مدرنتر و بهینهتر شده.
نکته طلایی مهاجرت: قبل از پریدن به نسخه ۱۹، حتماً اول به ۱۸.۳.۱ مهاجرت کنید! این نسخه بهتون هشدار میده که کجاها ممکنه با نسخه ۱۹ به مشکل بخورید.
در کل، به نظر میاد ریاکت ۱۹ قراره تجربه توسعه رو بهتر کنه، مخصوصاً با قابلیتهای جدید سمت سرور و بهینهسازیهای عملکردی که اضافه شدهاند.
@Code_Cache | <AmirMohammad Sakizadeh/>
🔥3
دقت کردین آدمای راستگو خیلی سریع هستن. در صورتی که آدمای جاواپایتون جون میکنن تا جواب آدمو بدن؟
@code_cache
@code_cache
🗿10
🤣4
This media is not supported in your browser
VIEW IN TELEGRAM
خبر خوب برای برنامه نویسها: گیتهاب Copilot رایگان شد!
از حالا میتونین در VS Code از هوش مصنوعی گیتهاب کوپایلوت به صورت رایگان استفاده کنین و به صورت مستقیم از ChatGPT و Claude در IDE استفاده کنید.
نسخه پولی کوپایلوت هم میارزید، چه برسه به مجانی!
« Farokh »
@Code_Cache
از حالا میتونین در VS Code از هوش مصنوعی گیتهاب کوپایلوت به صورت رایگان استفاده کنین و به صورت مستقیم از ChatGPT و Claude در IDE استفاده کنید.
نسخه پولی کوپایلوت هم میارزید، چه برسه به مجانی!
« Farokh »
@Code_Cache
🔥4
👍4🤣3
❗با رفع فیلتر واتساپ و گوگلپلی موافقت شد
🔸در جلسه امروز (۴ دی) شورای عالی فضای مجازی که با حضور سران قوا و اعضای شورا برگزار شد، با رفع فیلتر پلتفرمهای واتساپ و گوگلپلی موافقت شد.
🔸در کنار این تصمیم، اعضای شورا بر حمایت از پلتفرمهای داخلی نیز تاکید ویژه داشتند و بر لزوم تقویت این پلتفرمها در جهت ایجاد یک فضای رقابتی سالم در فضای مجازی کشور تاکید کردند.
@code_cache
🔸در جلسه امروز (۴ دی) شورای عالی فضای مجازی که با حضور سران قوا و اعضای شورا برگزار شد، با رفع فیلتر پلتفرمهای واتساپ و گوگلپلی موافقت شد.
🔸در کنار این تصمیم، اعضای شورا بر حمایت از پلتفرمهای داخلی نیز تاکید ویژه داشتند و بر لزوم تقویت این پلتفرمها در جهت ایجاد یک فضای رقابتی سالم در فضای مجازی کشور تاکید کردند.
@code_cache
❤3
👍3
سایت LMarena.ai رده بندی جدیدی برای مدلهای هوش مصنوعی منتشر کرده که در اون قدرت مدلهارو حالا به طور خاص برای توسعه وب و فرانت اند میسنجه. طبق معمول هم مدل Claude 3.5 Sonnet با اختلاف فاحش از رقبا بهتر هست.
این رده بندی براساس نظرسنجی کور توسط کاربران انجام میشه که در اون از دو مدل ناشناس خواسته میشه یک سایت رو مثلا طراحی کنن. بعد از اون کاربر نتیجه ای که به سلیقه اش نزدیکتره رو انتخاب میکنه و در نهایت مشخص میشه اسم هر مدل چی بوده.
@code_cache
این رده بندی براساس نظرسنجی کور توسط کاربران انجام میشه که در اون از دو مدل ناشناس خواسته میشه یک سایت رو مثلا طراحی کنن. بعد از اون کاربر نتیجه ای که به سلیقه اش نزدیکتره رو انتخاب میکنه و در نهایت مشخص میشه اسم هر مدل چی بوده.
@code_cache
🔥4