Ad

InglesPransesEspanyol

Libreng editor online | DOC > | XLS > | PPT >


OffiDocs favicon

Reacttime in Chrome kasama ang OffiDocs

Reactime screen para sa extension ng Chrome web store sa OffiDocs Chromium

Ad


DESCRIPTION


Nominado ang Reactime para sa Productivity Booster award sa React Open Source Awards 2020. Bisitahin kami sa https://www.

reacti.

me/ Reactime ay isang open source na tool ng developer ng Chrome para sa pag-debug ng time travel at pagsubaybay sa performance sa mga application ng React.

Ang Reactime ay nagbibigay-daan sa mga developer na mag-record ng mga snapshot ng estado ng application, lumipat sa pagitan at mag-inspeksyon ng mga snapshot ng estado, at subaybayan ang mga sukatan ng pagganap tulad ng oras ng pag-render ng bahagi at dalas ng pag-render.

Ang Reactime 18.0 ay nagpapakilala ng isang hanay ng mga bago at pinahusay na feature na naglalayong pahusayin ang performance at pahusayin ang compatibility sa Next.

js at Remix na mga application.

Inayos din namin ang black screen bug at na-optimize na paggamit ng memory para sa mga async na tawag.

Pag-uuri ng Mga Snapshot ng Estado ayon sa Ruta Ang listahan ng mga snapshot ng estado sa dashboard ng Reactime ay inuri na ngayon ayon sa ruta upang bigyan ang developer ng mga visual na pahiwatig ng relasyon ng snapshot-ruta at gawing mas madali ang pagde-debug ng time travel ng iba't ibang ruta.

Pag-filter ng Mga Sukatan ng Pagganap ayon sa Ruta Ang Reactime dashboard ay may kasamang stacked bar graph na nagpapakita ng mga oras ng pag-render para sa bawat bahagi, na may hiwalay na bar stack para sa bawat snapshot.

Sa Reactime 14.0, ang composite bar graph na ito ay maaari na ngayong i-filter ayon sa ruta upang payagan ang developer na suriin ang detalyadong data ng pagganap ayon sa ruta.

Mga Tampok: - React Router Compatibility - Component Tree Visualization - Record Snapshots ng Application State - Time-Travel Debugging - Snapshot Series Comparison - Component Render Time & Frequency - Suporta para sa Gatsby, Next.

js and Remix - Beta Support para sa TypeScript - Tutorial Walkthrough Troubleshooting: Bakit sinasabi sa akin ng Reacttime na walang nakitang React application? Ang Reactime ay unang tumatakbo gamit ang dev tools global hook mula sa Chrome API.

Kailangan ng oras para ma-load ito ng Chrome.

Subukang i-refresh ang iyong application nang ilang beses hanggang sa makita mong tumatakbo ang Reacttime.

Mayroong itim na screen sa halip na ang extension ng Reactime.

Subukang i-refresh ang application na gusto mong subukan at i-refresh ang DevTools sa pamamagitan ng pag-click sa kanang pindutan ng mouse na "I-reload ang frame".

Nakakita ako ng bug sa Reacttime.

Ang Reactime ay isang open source na proyekto, at talagang pasasalamat namin ang iyong tulong sa pagpapabuti ng karanasan ng user.

Mangyaring gumawa ng pull request (o isyu) para magmungkahi at mag-collaborate sa mga pagbabago sa isang repository.

Karagdagang Pagbabasa: 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.

daluyan.

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-reacttime-understanding-react-fiber-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3

Karagdagang impormasyon:


- Inaalok ng Reacttime
- Average na rating: 4.7 bituin (nagustuhan ito)
- Developer Ang e-mail address ay protektado mula sa spambots. Kailangan mo enable ang JavaScript upang tingnan ito.

Reacttime web extension isinama sa OffiDocs Chromium online


Tumakbo Chrome Extensions

Ad