Skip to content

react-developer-tools.md

Latest commit

 

History

History
65 lines (40 loc) · 2.48 KB

react-developer-tools.md

File metadata and controls

65 lines (40 loc) · 2.48 KB
title React Developer Tools

Koristite React Developer Tools da inspektujete React komponente, izmenite props-e i state i identifikujete probleme sa performansama.

  • Kako da instalirate React Developer Tools

Browser ekstenzija {/browser-extension/}

Najlakši način da debagujete sajtove napravljene sa React-om je da instalirate React Developer Tools ekstenziju za pretraživač. Dostupna je za nekoliko popularnih pretraživača:

Sada, ako posetite sajt napravljen sa React-om, videćete Components i Profiler panele.

React Developer Tools ekstenzija

Safari i drugi pretraživači {/safari-and-other-browsers/}

Za svaki pretraživač (na primer, Safari), instalirajte react-devtools npm paket:

# Yarn
yarn global add react-devtools

# Npm
npm install -g react-devtools

Sledeće, otvorite developer tools iz terminala:

react-devtools

Onda konektujte vaš sajt dodavanjem sledećeg <script> taga na početak <head> taga vašeg sajta:

<html>
  <head>
    <script src="http://localhost:8097"></script>

Reload-ujte vaš sajt u pretraživaču da bi ga videli u developer tools.

React Developer Tools standalone

Mobilni telefoni (React Native) {/mobile-react-native/}

Da bi pregledali aplikacije napravljene u React Native, možete koristiti React Native DevTools, ugrađeni debugger koji se duboko integriše sa React Developer Tools. Sve funkcionalnosti rade identično kao i browser ekstenzija, uključujući isticanje native elemenata i selekciju.

Naučite više o debagovanju u React Native.

Za React Native verzije pre 0.76, molimo koristite standalone React DevTools prateći uputstvo Safari i drugi pretraživači iznad.