برنامه نویسی

چگونه از شکستن برنامه React خود در هنگام تولید جلوگیری کنیم

https://www.youtube.com/watch?v=gVj84413hVg

آیا می‌دانید که برنامه React شما که در زمان تولید مستقر شده است، می‌تواند در هر زمان به دلیل خطاهای کنترل نشده از کار بیفتد؟

React Error Boundaries اینجاست تا روز شما را نجات دهد!

هرگاه هر نوع خطایی در حین رندر کردن یک جزء یا در روش‌های چرخه حیات رخ دهد، React یک صفحه خالی را بدون نمایش هیچ پیام خطایی نمایش می‌دهد.

و گرفتن صفحه خالی در سایت تولید قطعا تجربه کاربری خوبی نیست.

بنابراین React Error Boundaries مکانیزم قدرتمندی برای شناسایی و رسیدگی به خطاهایی که در طول چرخه حیات رندر اجزای شما رخ می‌دهند، فراهم می‌کند.

مرز خطا در React چیست؟

مرزهای خطا اجزای React هستند که خطاهای جاوا اسکریپت را در هر جایی از درخت مؤلفه فرزند خود دریافت کنید، آن خطاها را ثبت کنید و یک رابط کاربری بازگشتی نمایش دهید. به جای درخت جزء که خراب شد.

مرزهای خطا خطاها را در حین رندر کردن، در روش‌های چرخه حیات، و در سازنده‌های کل درخت زیر آنها می‌گیرند.

بنابراین ویدیوی یوتیوب بالا را تماشا کنید تا نحوه رفع این مشکل را بیاموزید.

مهر زمان ⏰

00:00 – معرفی

01:06 – چرا باید مرز خطا را اضافه کرد

02:14 – نحوه استفاده از React Error Boundary

03:22 – نمایش صفحه خطای سفارشی

04:45 – بازنشانی خطاهای برنامه

نقاط پایانی

اگر به دنبال افزایش مهارت های خود در جاوا اسکریپت، React و Node.js با پشته MERN هستید، کانال یوتیوب من منبع مناسبی برای شماست.

ویدئوهای این کانال طیفی از موضوعات مرتبط با جاوا اسکریپت، React و Node.js را شامل می‌شود، از جمله آموزش‌ها، پیش‌بینی‌های کد، نکات و ترفندها، بهترین شیوه‌ها و موارد دیگر.

چه مبتدی یا یک توسعه دهنده با تجربه باشید، محتوای ما برای کمک به یادگیری و رشد شما طراحی شده است.

می توانید به لیست های پخش زیر نیز نگاهی بیندازید.

اگر این مقاله و ویدیو برای شما مفید بود، فراموش نکنید که در کانال یوتیوب من مشترک شوید و نماد زنگ را بزنید تا هیچ اعلان ویدیویی بعدی را از دست ندهید.


آیا می خواهید با محتوای معمولی در مورد جاوا اسکریپت، React، Node.js به روز بمانید؟ من را در لینکدین دنبال کنید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا