OffiDocs ile Chrome'da Reacttime

AÇIKLAMA:

OffiDocs Chromium'u çevrimiçi kullanarak Chrome çevrimiçi web mağazası uzantısı Reactime'ı çalıştırın.

Reactime, React Open Source Awards 2020'de Productivity Booster ödülüne aday gösterildi.

Bizi ziyaret edin https://www.

tepki.

me/ Reactime, React uygulamalarında zaman yolculuğu hata ayıklama ve performans izleme için açık kaynaklı bir Chrome geliştirici aracıdır.

Reactime, geliştiricilerin uygulama durumunun anlık görüntülerini kaydetmesine, durum anlık görüntüleri arasında geçiş yapmasına ve bunları incelemesine ve bileşen oluşturma süresi ve oluşturma sıklığı gibi performans ölçümlerini izlemesine olanak tanır.

Tepki süresi 18.

0, performansı iyileştirmeyi ve Next ile uyumluluğu geliştirmeyi amaçlayan bir dizi yeni ve geliştirilmiş özellik sunar.

js ve Remix uygulamaları.

Ayrıca siyah ekran hatasını düzelttik ve zaman uyumsuz çağrılar için bellek kullanımını optimize ettik.

Durum Anlık Görüntülerini Rotaya Göre Sınıflandırma Reactime panosundaki durum anlık görüntüleri listesi, geliştiriciye anlık görüntü-rota ilişkisine ilişkin görsel ipuçları vermek ve çeşitli rotalarda zaman yolculuğu hata ayıklamasını kolaylaştırmak için artık rotaya göre sınıflandırılıyor.

Performans Metriklerini Rotaya Göre Filtreleme Reactime panosu, her bir anlık görüntü için ayrı bir çubuk yığınıyla birlikte her bileşen için oluşturma sürelerini gösteren yığın halinde bir çubuk grafik içerir.

Tepkime 14 ile.

0'dan itibaren, bu bileşik çubuk grafik, geliştiricinin ayrıntılı performans verilerini yola göre incelemesine izin vermek için artık yola göre filtrelenebilir.

Özellikler: - React Router Uyumluluğu - Bileşen Ağacı Görselleştirme - Uygulama Durumunun Anlık Görüntülerini Kaydedin - Zaman Yolculuğunda Hata Ayıklama - Anlık Görüntü Serisi Karşılaştırması - Bileşen Oluşturma Süresi ve Frekansı - Gatsby, Next Desteği.

Node.js ve Remix - TypeScript için Beta Desteği - Eğitimde İzlenecek Yol Sorun Giderme: Reactime neden bana hiçbir React uygulamasının bulunamadığını söylüyor? Reactime, başlangıçta Chrome API'sinden geliştirme araçları global kancasını kullanarak çalışır.

Chrome'un bunu yüklemesi zaman alıyor.

Reactime'ın çalıştığını görene kadar uygulamanızı birkaç kez yenilemeyi deneyin.

Reactime uzantısı yerine siyah bir ekran var.

Test etmek istediğiniz uygulamayı yenilemeyi deneyin ve DevTools'u farenin sağ tuşuyla "Çerçeveyi yeniden yükle"ye tıklayarak yenileyin.

Reactime'da bir hata buldum.

Reactime, açık kaynak kodlu bir projedir ve kullanıcı deneyimini iyileştirme konusundaki yardımınız için gerçekten minnettar oluruz.

Lütfen bir havuzda değişiklikler önermek ve bunlar üzerinde işbirliği yapmak için bir çekme isteği (veya sorunu) oluşturun.

Ek Okuma: 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-reactime-concurrent-react-fiberroot-and-browser-history-caching-7ce9d7300abb https://rxlina.

orta.

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

Ek bilgi:

- Reactime tarafından sunulur
- Ortalama puan: 4.7 yıldız (beğendim)
- Geliştirici Bu e-posta adresi spam robotlarından korunuyor. Sen, görüntülüyebilmek için JavaScript etkinleştirilmelidir gerekir.

OffiDocs Chromium çevrimiçi ile entegre Reactime web uzantısı