React Developer Tools
React bileşenlerini incelemek, prop’ları ve state özelliklerini düzenlemek, performans sorunlarını belirlemek için React Developer Tools’u kullanın.
Bunları öğreneceksiniz
- React Developer Tools nasıl kurulur?
Tarayıcı eklentisi
React ile oluşturulmuş web sitelerinin hata ayıklaması için en kolay yol, React Developer Tools tarayıcı uzantısını yüklemektir. Uzantının kullanılabilir olduğu popüler tarayıcılar:
Artık React ile oluşturulmuş bir web sitesini ziyaret ettiğinizde, Components ve Profiler panellerini göreceksiniz.
Safari ve diğer tarayıcılar
Diğer tarayıcılar için (örneğin Safari için), react-devtools paketini yükleyin:
# Yarn
yarn global add react-devtools
# Npm
npm install -g react-devtoolsDaha sonra, terminalden React Developer Tools’u açın:
react-devtoolsDaha sonra, <script> etiketini web sitenizin <head> etiketinin başlangıcına etkleyerek bağlanın :
<html>
<head>
<script src="http://localhost:8097"></script>Web sitenizi geliştirici araçlarında görüntülemek sayfayı yenileyin.
Mobil (React Native)
React Developer Tools, React Native ile oluşturulan uygulamaları incelemek için de kullanılabilir.
React Native ile oluşturulmuş uygulamaları incelemek için, React Developer Tools ile derinlemesine entegre olan yerleşik hata ayıklayıcı React Native DevTools kullanılabilir. Tüm özellikler, yerel öğe vurgulama ve seçim dahil olmak üzere, tarayıcı uzantısı ile aynı şekilde çalışır.
React Native’de hata ayıklama hakkında daha fazla bilgi edinin.
React Native’in 0.76’dan önceki sürümleri için, yukarıdaki Safari ve diğer tarayıcılar kılavuzunu takip ederek React DevTools’un bağımsız sürümünü kullanın.

Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
