این هفته در React #150: Next.js، Skew Protection، Portals، Remix Dev Server، AI، React-Aria، visionOS، MiniSim، MMKV…

سلام به همه!

این هفته اخباری در مورد Next.js داشتیم که اخیراً با انتقادهای زیادی روبرو شده است. Remix همچنین سرور Dev جدید خود را با اعتبار مجدد Hot Data منتشر می کند.

در سمت React-Native، توسعه دهندگان با اجرای آخرین نسخه در Vision Pro سرگرم می شوند.

React Jam را بررسی کنید: مسابقه ای برای ایجاد بازی های ویدیویی در React که از 20 جولای شروع می شود. من در هیئت منصفه هستم

💡 برای دریافت ایمیل هر هفته در خبرنامه رسمی مشترک شوید!

💸 حامی

Tina.io یک CMS بدون هد برای سایت های دارای Markdown است

• ویرایش UI برای فایل های Markdown شما
• UI برای اجزای MDX
• پشتیبانی از رندر استاتیک (SSG) و سمت سرور (SSR)
• گزینه ای برای ویرایش بصری (پیش نمایش زنده)
• با بلوک های قابل استفاده مجدد بسازید

یک سایت شروع کننده را تست کنید

یا بدوید npx create-tina-app@latest سپس بازدید کنید localhost:3000/admin

ویدئوی نمایشی 4 دقیقه ای را تماشا کنید

⚛️ واکنش نشان دهید

به‌روزرسانی روتر برنامه Next.js – اولویت‌های برتر

تیم Next.js زمینه‌ای را در مسیریاب برنامه جدید به اشتراک می‌گذارد. آنها اخیراً انتقادهای زیادی دریافت کرده اند و به خوبی از اشکالات و سایر مشکلات DX فعلی آگاه هستند. آنها به تفصیل آنچه را که در اولویت کار روی آن کار می کنند، توضیح می دهند:

• عملکرد: زمان اجرا محلی، ساخت و سرور
• اشکالات و ناپایداری ها
• آموزش و اسناد

Vercel – معرفی Skew Protection

ویژگی جدید Vercel که همگام‌سازی عقب و جلو را که می‌تواند در طول یک استقرار جدید رخ دهد، کاهش می‌دهد: درخواست‌های کلاینت‌های حالت اکنون می‌توانند به سمت استقرار سرور غیرقابل تغییر کهنه مناسب هدایت شوند. به ویژه برای کسانی که استقرار مداوم را انجام می دهند مفید است. به صورت آزمایشی در Next.js 13.4.7 موجود است که به طور خودکار هدرهای HTTP صحیح را اعمال می کند.

به روز رسانی Shadcn UI – ژوئن 2023

این مجموعه از اجزای Tailwind + Radix در حال افزایش است. نویسنده به تازگی یک به روز رسانی بزرگ را با یک CLI منتشر کرده است که در حال حاضر یک DX عالی ارائه می دهد و به نظر می رسد برخی از آن ها را اضافه کند ویژگی های چشمگیر هوش مصنوعی در آینده ی نزدیک. کنت سی دادز توضیح می دهد چرا او آن را در پشته ریمیکس خود پذیرفت.

• 🐦 فرد کی شات – “React.js قناری است نه پایدار است و احتمالاً نباید در تولید استفاده شود.”: بحثی که این هفته جامعه را به‌ویژه متحرک می‌کند. من هم به اشتراک گذاشتم نظر من و فکر کنید استفاده از نسخه React قناری در یک چارچوب مشکلی ندارد.
• 💬 بخیه ها دیگر نگهداری نمی شود
• 👀 React Jam – با هم بازی بسازید و بازی کنید!
• 👀 Remotion 4.0 هفته آینده راه اندازی می شود
• 💡 Refresh React Server Component on Focus: نکته ای برای بازتولید ویژگی محبوب React-Query/SWR.
• 📜 Teleportation در React: Positioning, Stacking Context و Portals: مقاله تعاملی عالی برای کسانی که با z-index دست و پنجه نرم می کنند. مفهوم انباشتن زمینه را به خوبی توضیح می دهد و اینکه چگونه ایجاد یک پورتال React می تواند زندگی شما را ساده کند.
• 📜 GitHub – ایجاد نمای بهتر و سریع‌تر کد: بازخورد در مورد اجرای نمای کد جدید GitHub در React، و در مورد تکنیک‌های فانتزی مورد استفاده برای مقیاس‌بندی با تعداد خطوط کدی که باید نمایش داده شود.
• 📜 تجربه ما از افزودن Edge Runtime به Next.js SDK: بازخورد Logto در مورد تغییرات مورد نیاز در SDK آنها برای پشتیبانی از Next.js Edge Runtime.
• 📜 چیزهایی که ممکن است درباره Next Image ندانید: یک منبع خوب در مورد نحوه عملکرد کامپوننت Image Next.js، با چند نکته عملی که به شما کمک می کند امتیاز Lighthouse خود را بهینه کنید.
• 📜 استفاده از useMutation برای ایجاد یک جابجایی پیشرفته در React: از تماس‌های React-Query useMutation برای ارائه بازخورد متحرک به کاربر استفاده می‌کند.
• 📜 Storybook – پشتیبانی از پیکربندی صفر برای Tailwind، MUI، styled-components، و Emotion: افزونه styling اکنون می‌تواند خود را برای چندین رابط کاربری محبوب پیکربندی کند.
• 📜 A16z – شروع کار با پشته هوش مصنوعی برای جاوا اسکریپت: VCها از Andreessen Horowitz یک شروع کننده هوش مصنوعی بر اساس پشته React و Next.js ارائه می دهند.
• 📜 SwiftUI بهترین بخش‌های React و قلب من را ربود
• 📦 Remix 1.18 – Stable V2 Dev Server، JSON/Text Submission…: همچنین سری ویدیویی را ببینید که نحوه عملکرد Dev Server و مفهوم Hot Data Revalidation را توضیح می دهد.
• 📦 AI.JSX – AI Application Framework برای جاوا اسکریپت: راه حلی برای ایجاد برنامه های کاربردی هوش مصنوعی بر اساس JSX. مستقیماً از React استفاده نمی کند، اما به خوبی با (جزئیات) ادغام می شود.
• 📦 ماژول محصول Medusa: راه حل تجارت الکترونیک منبع باز ماژول جدیدی را برای Next.js و سایر محیط های بدون سرور ارائه می دهد.
• 📦 React Aria – انتشار 27 ژوئن: پشتیبانی از StrictMode اضافه شده است، دیگر نیازی به SSRPprovider نیست، و ویژگی های جدید مختلف دیگر: Calendar، DatePicker، TagGroup…
• 📦 Next.js 13.4.7
• 📦 SWR 2.2
• 🎥 افزایش عملکرد Single Line React با میلیون
• 🎥 این توصیه واکنش بد را دنبال نکنید!
• 🎥 خودتان Next.js را بسازید
• 🎥 راهنمای نهایی اقدامات سرور در NextJs 13

💸 حامی

Porkbun.com – بهترین ثبت کننده نام دامنه

Porkbun صدها پسوند دامنه را برای توسعه دهندگان React و React-Native از .dev و .app تا .cloud، .xyz و .ai ارائه می دهد — همه در پایین ترین قیمت در اطراف! هر نام دامنه در Porkbun همراه است هزاران ویژگی رایگان پسندیدن:

• گواهینامه های SSL
• حریم خصوصی WHOIS
• DNS
• URL Forwarding
• آزمایشات میزبانی وب و ایمیل

ما را بررسی کنید ابزار جستجوی AI Generated این روشی را تغییر می دهد که مردم به دنبال نام دامنه هستند. همه اینها توسط پشتیبانی باورنکردنی 365 روز در سال به علاوه هزاران بررسی واقعی پنج ستاره در Trustpilot.

روی پیوند کلیک کنید و 1 دلار تخفیف ثبت نام دامنه بعدی خود را در Porkbun.com دریافت کنید!

📱 React-Native

React Native 0.72 و Expo SDK 49 در حال اجرا بر روی visionOS

پس از انتشار React-Native 0.72 و Apple visionOS SDK، چندین دمو (1، 2، 3) توانایی اجرای React-Native را در visionOS و Vision Pro نشان داده اند. 3 درخواست کشش هدف visionOS را به CocoaPods اضافه می کنند.

🧑‍💻 مشاغل

🧑‍💼 Passionfroot – مهندس ارشد تمام پشته (ریمیکس) – 160 هزار یورو +، برلین/ریموت

ماموریت Passionfroot توانمندسازی مشاغل مستقل فردا از طریق یوتیوب، پادکست ها، رسانه های اجتماعی و خبرنامه ها است. به ما بپیوندید تا ابزاری بسازیم که سازندگان را در سطح جهانی برای ایجاد کسب‌وکارهای مقیاس‌پذیر و پایدار توانمند می‌سازد.

🧑‍💼 Callstack – Senior React Native Developer – کاملاً از راه دور، PLN 21-32k خالص در B2B، ماهانه

آیا می خواهید روی پرکاربردترین اپلیکیشن های دنیا کار کنید؟ آیا می خواهید فناوری React Native را به طور مشترک ایجاد کنید؟ به تیم Callstack از رهبران React & React Native بپیوندید. برای جزئیات بیشتر وب سایت ما را بررسی کنید. ما مشتاقانه منتظر دیدن درخواست شما هستیم – آنچه را که دارید به ما نشان دهید!

🧑‍💼 G2i – 100% Remote React Native Jobs

ما چندین نقش برای توسعه دهندگانی داریم که بر روی React Native متمرکز شده اند! پرداخت ~ 160 هزار به علاوه 10٪ پاداش است. شما باید تجربه تولید با RN داشته باشید و در ایالات متحده مستقر باشید. DM @gabe_g2i برای کسب اطلاعات بیشتر و ذکر این هفته در React را فراموش نکنید.

💡 چگونه پیشنهاد را منتشر کنیم؟

🔀 دیگر

🤭 سرگرم کننده

می بینمت! 👋