Pengaya Peramban Firefox
  • Ekstensi
  • Tema
    • untuk Firefox
    • Kamus & Paket Bahasa
    • Situs Peramban Lainnya
    • Pengaya untuk Android
Masuk
Pratinjau dari Realize

Realize oleh Realize for React

A React component tree visualizer

1 (1 reviews)1 (1 reviews)
60 Users60 Users
Anda memerlukan Firefox untuk menggunakan ekstensi ini
Unduh Firefox dan dapatkan ekstensinya
Unduh berkas

Metadata Ekstensi

Tangkapan Layar
Tentang ekstensi ini
As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applications, especially when they are growing in scale and complexity. It currently supports React v.16.8.

❗️Prerequisites
1. You must have React Dev Tools installed to use Realize for React. Install it from here.
2. Realize is best used on non-deployed applications. This uglification of deployed websites makes the component structure pretty unreadable.

💻How to use
1. Click the blue 'Add to Firefox' button
2. Once installed, navigate to your React website
3. Open the dev tools window and click on the Realize panel
4. Trigger a state change to populate the component tree
4. Like us on Github

🔥Functionality:
Zoom & Pan - Hold down shift to enable dragging and zooming on the tree (to recenter just click the center button)
Component Focus - Click on a node to view state, props and children in the right and panel
State Flow - Click the 'state' toggle to show state flow on the tree. Stateful components have blue nodes and state flow is show by blue links
Search and Highlight - Enter a component name in the search bar to see all matching nodes pulsate

Authors
Fan Shao - Github | LinkedIn
Harry Clifford - Github | LinkedIn
Henry Black - Github | LinkedIn
Horatiu Mitrea - Github | LinkedIn

Contact
For contributions, concerns or others please visit us here
Rated 1 by 1 reviewer
Masuk untuk menilai ekstensi ini
Belum ada peringkat

Peringkat bintang tersimpan

5
0
4
0
3
0
2
0
1
1
Baca semua 1 ulasan
Permissions and dataPelajari lebih lanjut

Required permissions:

  • Perpanjang akses alat pengembang ke data Anda di dalam tab terbuka
  • Mengakses data Anda pada semua situs
Informasi lebih lanjut
Tautan Pengaya
  • Situs dukungan
  • Surel Dukungan
Versi
1.0.0.0
Ukuran
170,74 KB
Terakhir dimutakhirkan
5 tahun yang lalu (17 Jun 2020)
Kategori Terkait
  • Pengembangan Web
Lisensi
Lisensi Publik Mozilla 2.0
Riwayat Versi
  • Lihat semua versi
Tambahkan ke koleksi
Laporkan pengaya ini
Ekstensi lain dari Realize for React
  • Belum ada peringkat

  • Belum ada peringkat

  • Belum ada peringkat

  • Belum ada peringkat

  • Belum ada peringkat

  • Belum ada peringkat

Ke beranda Mozilla

Pengaya

  • Tentang
  • Blog Pengaya Firefox
  • Lokakarya Ekstensi
  • Pusat Pengembang
  • Kebijakan Pengembang
  • Blog Komunitas
  • Forum
  • Laporkan kutu
  • Panduan Ulasan

Peramban

  • Desktop
  • Mobile
  • Enterprise

Produk

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privasi
  • Kuki
  • Legal

Terkecuali saat dicatat berbeda, konten dalam situs ini dilisensikan di bawah Creative Commons Attribution Share-Alike License v3.0 atau versi lain yang lebih baru.