Skip to content

react-developer-tools.md

Latest commit

 

History

History
83 lines (58 loc) · 3.17 KB

react-developer-tools.md

File metadata and controls

83 lines (58 loc) · 3.17 KB
title React Developer Tools

Usa React Developer Tools per ispezionare i componenti React, modificare le props e lo stato, e identificare problemi di performance.

  • Come installare React Developer Tools

Estensione del browser {/browser-extension/}

Il modo più facile per effettuare il debug di siti web costruiti con React è installare l'estensione per browser React Developer Tools. È disponibile per molti browser popolari:

Adesso, se visiti un sito web costruito con React, vedrai i pannelli Components e Profiler.

Estensione React Developer Tools

Safari e altri browser {/safari-and-other-browsers/}

Per altri browser (ad esempio, Safari), installa il pacchetto npm react-devtools:

# Yarn
yarn global add react-devtools

# Npm
npm install -g react-devtools

Successivamente, apri i developer tools dal terminale:

react-devtools

Poi, connetti il tuo sito web aggiungendo il seguente tag <script> all'inizio dell'<head>:

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

Adesso, aggiorna il tuo sito web nel browser per visualizzarlo nei developer tools.

React Developer Tools standalone

Mobile (React Native) {/mobile-react-native/}

<<<<<<< HEAD React Developer Tools si può anche usare per ispezionare app costruite con React Native.

Il modo più facile per usare React Developer Tools è installarlo globalmente:

# Yarn
yarn global add react-devtools
=======

To inspect apps built with [React Native](https://reactnative.dev/), you can use [React Native DevTools](https://reactnative.dev/docs/debugging/react-native-devtools), the built-in debugger that deeply integrates React Developer Tools. All features work identically to the browser extension, including native element highlighting and selection.
>>>>>>> 3b02f828ff2a4f9d2846f077e442b8a405e2eb04

[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging)

<<<<<<< HEAD
Successivamente, apri i developer tools dal terminale.
```bash
react-devtools

Dovrebbe connettersi ad una qualsiasi app React Native locale in esecuzione.

Prova a ricaricare l'app se developer tools non si connette dopo alcuni secondi.

Ulteriori informazioni sul debugging di React Native.

For versions of React Native earlier than 0.76, please use the standalone build of React DevTools by following the Safari and other browsers guide above.

3b02f828ff2a4f9d2846f077e442b8a405e2eb04