പ്രതിപ്രവർത്തന സമയം Chrome OffiDocs ഉപയോഗിച്ച്

വിവരണം

റിയാക്റ്റ് ഓപ്പൺ സോഴ്‌സ് അവാർഡ് 2020-ലെ പ്രൊഡക്ടിവിറ്റി ബൂസ്റ്റർ അവാർഡിന് റിയാക്‌ടൈം നാമനിർദ്ദേശം ചെയ്യപ്പെട്ടു. ഞങ്ങളെ https://www എന്നതിൽ സന്ദർശിക്കുക.

റിയാക്റ്റി.

റിയാക്ട് ആപ്ലിക്കേഷനുകളിലെ ടൈം ട്രാവൽ ഡീബഗ്ഗിംഗിനും പ്രകടന നിരീക്ഷണത്തിനുമുള്ള ഒരു ഓപ്പൺ സോഴ്‌സ് ക്രോം ഡെവലപ്പർ ടൂളാണ് me/ Reactime.

ആപ്ലിക്കേഷൻ നിലയുടെ സ്‌നാപ്പ്ഷോട്ടുകൾ റെക്കോർഡ് ചെയ്യാനും, സ്‌റ്റേറ്റ് സ്‌നാപ്പ്‌ഷോട്ടുകൾക്കിടയിൽ ചാടാനും പരിശോധിക്കാനും, കോംപോണന്റ് റെൻഡർ ടൈം, റെൻഡർ ഫ്രീക്വൻസി തുടങ്ങിയ പെർഫോമൻസ് മെട്രിക്‌സ് നിരീക്ഷിക്കാനും റിയാക്‌ടൈം ഡെവലപ്പർമാരെ പ്രാപ്‌തമാക്കുന്നു.

റിയാക്‌ടൈം 18.0, പ്രകടനം മെച്ചപ്പെടുത്തുന്നതിനും നെക്‌സ്റ്റ് എന്നതുമായുള്ള അനുയോജ്യത വർദ്ധിപ്പിക്കുന്നതിനും ലക്ഷ്യമിട്ടുള്ള പുതിയതും മെച്ചപ്പെടുത്തിയതുമായ ഫീച്ചറുകളുടെ ഒരു ശ്രേണി അവതരിപ്പിക്കുന്നു.

js, റീമിക്സ് ആപ്ലിക്കേഷനുകൾ.

ഞങ്ങൾ ബ്ലാക്ക് സ്‌ക്രീൻ ബഗും അസിൻക് കോളുകൾക്കായി ഒപ്റ്റിമൈസ് ചെയ്ത മെമ്മറി ഉപയോഗവും പരിഹരിച്ചു.

റൂട്ട് പ്രകാരം സംസ്ഥാന സ്‌നാപ്പ്‌ഷോട്ടുകൾ വർഗ്ഗീകരിക്കുന്നു റിയാക്‌ടൈം ഡാഷ്‌ബോർഡിലെ സ്‌റ്റേറ്റ് സ്‌നാപ്പ്‌ഷോട്ടുകളുടെ ലിസ്‌റ്റ് ഇപ്പോൾ സ്‌നാപ്പ്‌ഷോട്ട്-റൂട്ട് ബന്ധത്തിന്റെ വിഷ്വൽ സൂചകങ്ങൾ ഡെവലപ്പർക്ക് നൽകാനും വിവിധ റൂട്ടുകളുടെ സമയ യാത്രാ ഡീബഗ്ഗിംഗ് എളുപ്പമാക്കാനും റൂട്ട് അനുസരിച്ച് തരംതിരിച്ചിട്ടുണ്ട്.

റൂട്ട് അനുസരിച്ച് പെർഫോമൻസ് മെട്രിക്‌സ് ഫിൽട്ടർ ചെയ്യുന്നു, ഓരോ സ്‌നാപ്പ്‌ഷോട്ടിനും ഒരു പ്രത്യേക ബാർ സ്റ്റാക്ക് സഹിതം, ഓരോ ഘടകത്തിനും റെൻഡർ സമയങ്ങൾ കാണിക്കുന്ന ഒരു സ്റ്റാക്ക് ചെയ്ത ബാർ ഗ്രാഫ് റിയാക്‌ടൈം ഡാഷ്‌ബോർഡിൽ ഉൾപ്പെടുന്നു.

റിയാക്‌ടൈം 14.0 ഉപയോഗിച്ച്, റൂട്ട് വഴി വിശദമായ പ്രകടന ഡാറ്റ അവലോകനം ചെയ്യാൻ ഡവലപ്പറെ അനുവദിക്കുന്നതിന് ഈ കോമ്പോസിറ്റ് ബാർ ഗ്രാഫ് ഇപ്പോൾ റൂട്ട് വഴി ഫിൽട്ടർ ചെയ്യാനാകും.

ഫീച്ചറുകൾ: - റിയാക്റ്റ് റൂട്ടർ കോംപാറ്റിബിലിറ്റി - കോമ്പോണന്റ് ട്രീ വിഷ്വലൈസേഷൻ - ആപ്ലിക്കേഷൻ സ്റ്റേറ്റിന്റെ റെക്കോർഡ് സ്നാപ്പ്ഷോട്ടുകൾ - ടൈം-ട്രാവൽ ഡീബഗ്ഗിംഗ് - സ്നാപ്പ്ഷോട്ട് സീരീസ് താരതമ്യം - കോമ്പോണന്റ് റെൻഡർ ടൈം & ഫ്രീക്വൻസി - ഗാറ്റ്സ്ബൈയ്ക്കുള്ള പിന്തുണ, അടുത്തത്.

js ഉം റീമിക്‌സും - ടൈപ്പ്‌സ്‌ക്രിപ്‌റ്റിനുള്ള ബീറ്റ പിന്തുണ - ട്യൂട്ടോറിയൽ വാക്ക്‌ത്രൂ ട്രബിൾഷൂട്ടിംഗ്: റിയാക്ട് ആപ്ലിക്കേഷനൊന്നും കണ്ടെത്തിയില്ലെന്ന് റിയാക്‌ടൈം എന്നോട് പറയുന്നത് എന്തുകൊണ്ട്? Chrome API-ൽ നിന്നുള്ള dev tools ഗ്ലോബൽ ഹുക്ക് ഉപയോഗിച്ചാണ് റിയാക്‌ടൈം തുടക്കത്തിൽ പ്രവർത്തിക്കുന്നത്.

ഇത് ലോഡുചെയ്യാൻ Chrome-ന് സമയമെടുക്കും.

റിയാക്‌ടൈം റൺ ചെയ്യുന്നത് കാണുന്നതുവരെ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ രണ്ട് തവണ പുതുക്കാൻ ശ്രമിക്കുക.

റിയാക്‌ടൈം എക്‌സ്‌റ്റൻഷനു പകരം ഒരു ബ്ലാക്ക് സ്‌ക്രീൻ ഉണ്ട്.

വലത് മൗസ് ബട്ടണായ “ഫ്രെയിം റീലോഡ് ചെയ്യുക” ക്ലിക്കുചെയ്‌ത് നിങ്ങൾ DevTools പരിശോധിക്കാനും പുതുക്കാനും ആഗ്രഹിക്കുന്ന ആപ്ലിക്കേഷൻ പുതുക്കാൻ ശ്രമിക്കുക.

റിയാക്‌ടൈമിൽ ഞാൻ ഒരു ബഗ് കണ്ടെത്തി.

റിയാക്‌ടൈം ഒരു ഓപ്പൺ സോഴ്‌സ് പ്രോജക്‌റ്റാണ്, ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുന്നതിനുള്ള നിങ്ങളുടെ സഹായത്തെ ഞങ്ങൾ ശരിക്കും അഭിനന്ദിക്കുന്നു.

ഒരു റിപ്പോസിറ്ററിയിലെ മാറ്റങ്ങൾ നിർദ്ദേശിക്കുന്നതിനും സഹകരിക്കുന്നതിനും ദയവായി ഒരു പുൾ അഭ്യർത്ഥന (അല്ലെങ്കിൽ പ്രശ്നം) സൃഷ്ടിക്കുക.

കൂടുതൽ വായന: 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.

ഇടത്തരം.

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

അധിക വിവരം:

- റിയാക്‌ടൈം ഓഫർ ചെയ്യുന്നു
- ശരാശരി റേറ്റിംഗ്: 4.7 നക്ഷത്രങ്ങൾ (ഇത് ഇഷ്ടപ്പെട്ടു)
- ഡെവലപ്പർ ഈ ഇമെയിൽ വിലാസം സ്പാമിൽ നിന്നും മുക്തമാണ്. ഇത് കാണുന്നതിനായി ജാവാ സ്ക്രിപ്റ്റ് എനേബിൾ ചെയ്യണം.

റിയാക്‌ടൈം വെബ് extension OffiDocs-മായി സംയോജിപ്പിച്ചിരിക്കുന്നു Chromium ഓൺലൈൻ