زمان واکنش در Chrome با OffiDocs
Ad
شرح
Reactime نامزد دریافت جایزه تقویت کننده بهره وری در React Open Source Awards 2020 شد. از ما در https://www دیدن کنید.
واکنش نشان می دهد.
me/ Reactime یک ابزار توسعه دهنده کروم منبع باز برای اشکال زدایی سفر در زمان و نظارت بر عملکرد در برنامه های React است.
Reactime به توسعه دهندگان این امکان را می دهد تا عکس های فوری از وضعیت برنامه را ضبط کنند، بین عکس های فوری وضعیت بپرند و آن ها را بررسی کنند و معیارهای عملکرد مانند زمان رندر مؤلفه و فرکانس رندر را نظارت کنند.
Reactime 18.0 مجموعه ای از ویژگی های جدید و بهبود یافته را با هدف بهبود عملکرد و افزایش سازگاری با Next معرفی می کند.
برنامه های js و Remix.
ما همچنین اشکال صفحه سیاه را برطرف کرده ایم و استفاده از حافظه را برای تماس های همگام بهینه کرده ایم.
طبقهبندی عکسهای فوری وضعیت بر اساس مسیر فهرست عکسهای فوری وضعیت در داشبورد Reactime اکنون بر اساس مسیر طبقهبندی شده است تا به توسعهدهنده نشانههای بصری از رابطه عکس فوری-مسیر داده شود و اشکالزدایی مسیرهای مختلف در سفر در زمان آسانتر شود.
فیلتر کردن معیارهای عملکرد بر اساس مسیر داشبورد Reactime شامل یک نمودار میلهای پشتهای است که زمانهای رندر برای هر مؤلفه را نشان میدهد، با یک پشته نوار مجزا برای هر عکس فوری.
با Reactime 14.0، این نمودار میله ای ترکیبی اکنون می تواند بر اساس مسیر فیلتر شود تا به توسعه دهنده اجازه دهد تا داده های عملکرد دقیق را بر اساس مسیر بررسی کند.
ویژگیها: - سازگاری با روتر React - تجسم درخت کامپوننت - ثبت عکسهای فوری از وضعیت برنامه - اشکالزدایی در سفر در زمان - مقایسه سری Snapshot - زمان و فرکانس رندر کامپوننت - پشتیبانی از Gatsby، Next.
js و Remix - پشتیبانی بتا برای TypeScript - آموزش عیب یابی راهنما: چرا Reactime به من می گوید که هیچ برنامه React پیدا نشده است؟ Reactime در ابتدا با استفاده از قلاب جهانی ابزار توسعه از Chrome API اجرا می شود.
بارگیری کروم به زمان نیاز دارد.
چند بار برنامه خود را بازخوانی کنید تا زمانی که Reactime در حال اجرا باشد.
به جای پسوند Reactime یک صفحه سیاه وجود دارد.
برنامهای را که میخواهید آزمایش کنید بازخوانی کنید و DevTools را با کلیک روی دکمه سمت راست ماوس «Reload frame» را بازخوانی کنید.
من یک باگ در Reactime پیدا کردم.
Reactime یک پروژه منبع باز است و ما واقعاً از کمک شما برای بهبود تجربه کاربر سپاسگزاریم.
لطفاً یک درخواست کشش (یا مشکل) برای پیشنهاد و همکاری در مورد تغییرات یک مخزن ایجاد کنید.
ادامه مطلب: https://medium.
com/@zdf2424/reactime-18-0-better-than-ever-148b81606257 https://medium.
com/better-programming/time-traveling-state-with-reactime-6-0-53fdc3ae2a20 https://medium.
com/@aquinojardim/react-fiber-reactime-4-0-f200f02e7fa8 https://medium.
com/@yujinkay/meet-reactime-a-time-traveling-state-debugger-for-react-24f0fce96802 https://itnext.
io/deep-in-the-weeds-with-reaction-concurrent-react-fiberroot-and-browser-history-caching-7ce9d7300abb https://rxlina.
متوسط.
com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319 https://medium.
com/@liuedar/what-time-is-it-reactime-fd7267b9eb89 https://medium.
com/@christinaor/uncovering-reactime-understanding-react-fiber-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3
اطلاعات اضافی:
- ارائه شده توسط Reactime
- میانگین امتیاز: 4.7 ستاره (آن را دوست داشتم)
- توسعه دهنده این آدرس ایمیل در مقابل هرزنامه ها محافظت می شود. دیدن شما نیاز به جاوا اسکریپت دارید
وب Reactime extension با OffiDocs یکپارچه شده است Chromium آنلاین