Dodatki do przeglądarki Firefox
  • Rozszerzenia
  • Motywy
    • do Firefoksa
    • Słowniki i pakiety językowe
    • Inne strony
    • Dodatki na Androida
Zaloguj się
Podgląd „Realize”

Realize Autor: Realize for React

A React component tree visualizer

1 (1 reviews)1 (1 reviews)
59 Users59 Users
Potrzebujesz Firefoksa, aby używać tego rozszerzenia
Pobierz Firefoksa i to rozszerzenie
Pobierz plik

Metadane rozszerzenia

Zrzuty ekranu
O tym rozszerzeniu
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
Oceniony na 1 przez jednego recenzenta
Zaloguj się, aby ocenić to rozszerzenie
Nie ma jeszcze ocen

Zapisano ocenę w gwiazdkach

5
0
4
0
3
0
2
0
1
1
1 recenzja
Uprawnienia i daneWięcej informacji

Wymagane uprawnienia:

  • Rozszerzać narzędzia dla programistów, aby uzyskać dostęp do danych w otwartych kartach
  • Mieć dostęp do danych użytkownika na wszystkich stronach
Więcej informacji
Strony dodatku
  • Pomoc
  • Adres e-mail pomocy
Wersja
1.0.0.0
Rozmiar
170,74 KB
Ostatnia aktualizacja
5 lat temu (17 cze 2020)
Powiązane kategorie
  • Narzędzia twórców witryn
Licencja
Mozilla Public License 2.0
Historia wersji
  • Wszystkie wersje
Dodaj do kolekcji
Zgłoś ten dodatek
Więcej rozszerzeń od: Realize for React
  • Nie ma jeszcze ocen

  • Nie ma jeszcze ocen

  • Nie ma jeszcze ocen

  • Nie ma jeszcze ocen

  • Nie ma jeszcze ocen

  • Nie ma jeszcze ocen

Strona domowa Mozilli

Dodatki

  • O serwisie
  • Blog dodatków do Firefoksa
  • Warsztat rozszerzeń
  • Strefa autora
  • Zasady programistów
  • Blog społeczności
  • Forum
  • Zgłoś błąd
  • Wytyczne recenzji

Przeglądarki

  • Desktop
  • Mobile
  • Enterprise

Produkty

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Prywatność
  • Ciasteczka
  • Kwestie prawne

O ile nie wskazano inaczej, treść tej strony jest dostępna na warunkach licencji Creative Commons Attribution Share-Alike w wersji 3.0 lub nowszej.