React 19 به تازگی منتشر شده است و مجموعه ای از ویژگی ها و پیشرفت های جدید را برای این کتابخانه محبوب جاوا اسکریپت به ارمغان می آورد. برای توسعه دهندگانی که به دنبال جلوتر از منحنی هستند، درک این به روز رسانی ها بسیار مهم است. این دوره آموزشی برای کمک به شما در پیمایش آخرین تغییرات در React 19 طراحی شده است، از مدیریت جهش داده ها گرفته تا API های ابتکاری جدید با هدف بهبود تجربه کاربر.

ما اخیراً دوره‌ای را در کانال YouTube freeCodeCamp.org منتشر کردیم که همه چیز را در مورد آپشن های جدید هیجان‌انگیز در React 19 به شما آموزش می‌دهد. این شامل روش‌های داخلی برای مدیریت اقدامات، به‌روزرسانی‌های خوش‌بینانه، وضعیت‌های فرم، use() API جدید، و خیلی بیشتر. React 19 مملو از پیشرفت هایی است که روند توسعه را ساده می کند و عملکرد برنامه را بهبود می بخشد و آن را به یک به روز رسانی ضروری برای هر توسعه دهنده React تبدیل می کند.

Bob Ziroll از Scrimba این دوره را توسعه داد. او یکی از محبوب ترین مربیان React در جهان است.

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

تحلیل اجمالی دوره

در این دوره جامع به ما بپیوندید که در آن به تحلیل جدیدترین و بهترین آپشن های React 19 می‌پردازیم. ساختار این دوره به گونه‌ای است که هم تجدیدنظر در مفاهیم مهم React 18 و هم پوشش عمیق آپشن های جدید در React 19 را ارائه دهد. یاد خواهند گرفت:

Transitions (Refresher from React 18)

ما با یک تازه‌سازی سریع در انتقال‌ها شروع می‌کنیم، یکی از آپشن های کلیدی معرفی‌شده در React 18 که به مدیریت راحت‌تر به‌روزرسانی‌های رابط کاربری کمک می‌کند.

React Compiler

درباره React Compiler جدید بیاموزید، ابزاری قدرتمند که برای مدیریت خودکار بهینه‌سازی عملکرد طراحی شده است و به توسعه‌دهندگان اجازه می‌دهد کدهای تمیزتر و کارآمدتری بنویسند.

فرم اقدامات

آپشن های عملکرد فرم جدید را کاوش کنید که مدیریت حالت‌های فرم و مدیریت مؤثرتر تعاملات کاربر را ساده‌تر می‌کند.

useActionState()

نحوه استفاده از useActionState() جدید برای مدیریت وضعیت اقدامات ناهمزمان به روشی بصری تر را بدانید. این قسمت برای تحلیل کامل به سه بخش تقسیم شده است.

مدیریت خطاها در اقدامات

در اقداماتی که برای ایجاد برنامه‌های کاربردی قوی‌تر انجام می‌دهید، با تکنیک‌های مدیریت خطا بهبود یافته آشنا شوید.

useOptimistic()

کشف کنید که چگونه قلاب useOptimistic() به شما اجازه می دهد تا به روز رسانی های رابط کاربری خوش بینانه را پیاده سازی کنید و با انعکاس تغییرات بلافاصله و در انتظار تایید سرور، تجربه کاربری بهتری را ارائه دهید.

useFormStatus

با قلاب useFormStatus جدید، نحوه ردیابی وضعیت فرم ها را به طور موثرتر بیاموزید.

Refs به عنوان Props

درک رویکرد جدید برای استفاده از refs به عنوان پایه، که تعامل و دستکاری اجزا را افزایش می دهد.

use()

با use() API، یک گفت نی جدید که مدیریت کدهای ناهمزمان را در برنامه های React شما ساده تر می کند.

بهبودهای متفرقه

ما همچنین سایر پیشرفت‌های متفرقه را پوشش خواهیم داد، مانند پشتیبانی تقویت‌شده برای تگ‌های متا، که به تجربه توسعه روان‌تر و کارآمدتر کمک می‌کند.

مطالب دوره

چه چیزی در React 19 جدید است؟

React 18 Catch Up - useTransition (1)

React 18 Catch Up - useTransition (2)

کامپایلر React

فرم اقدامات

خطا و بارگیری ایالات در React

useActionState() - قسمت 1

useActionState() - قسمت 2

useActionState() - قسمت 3

useOptimistic()

useFormStatus()

Refs به عنوان Props

استفاده کنید()

پیشرفت های متفرقه - متا تگ ها

نتیجه

چه یک توسعه‌دهنده باتجربه React باشید و چه تازه شروع کرده‌اید، این دوره دانش و مهارت‌های مورد نیاز برای استفاده از پتانسیل کامل React 19 را ارائه می‌دهد. دوره کامل را در کانال YouTube freeCodeCamp.org (تماشا یک ساعته) تماشا کنید.

خبرکاو