Дополнения для браузера Firefox
  • Расширения
  • Темы
    • для Firefox
    • Словари и языковые пакеты
    • Другие версии браузера
    • Дополнения для Android
Войти
Предпросмотр Realize

Realize от Realize for React

A React component tree visualizer

1 (1 reviews)1 (1 reviews)
59 пользователей59 пользователей
Вам понадобится Firefox, чтобы использовать это расширение
Загрузите Firefox и установите расширение
Загрузить файл

Метаданные расширения

Скриншоты
Об этом расширении
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
Оценено 1 рецензентом на 1
Войдите, чтобы оценить это расширение
Оценок пока нет

Рейтинг сохранён

5
0
4
0
3
0
2
0
1
1
Прочитать 1 отзыв
Разрешения и данныеПодробнее

Требуемые разрешения:

  • Разрешать инструментам разработчика получать доступ к вашим данным в открытых вкладках
  • Получать доступ к вашим данных на всех сайтах
Больше сведений
Ссылки дополнения
  • Страница поддержки
  • Эл. почта поддержки
Версия
1.0.0.0
Размер
170,74 КБ
Последнее обновление
5 лет назад (17 июня 2020 г.)
Связанные категории
  • Веб-разработка
Лицензия
Публичная лицензия Mozilla 2.0
История версий
  • Просмотреть все версии
Добавить в подборку
Пожаловаться на это дополнение
Другие расширения от Realize for React
  • Оценок пока нет

  • Оценок пока нет

  • Оценок пока нет

  • Оценок пока нет

  • Оценок пока нет

  • Оценок пока нет

Перейти на домашнюю страницу Mozilla

Дополнения

  • О сайте
  • Блог дополнений для Firefox
  • Мастерская расширений
  • Центр разработчика
  • Политики разработчика
  • Блог Сообщества
  • Форум
  • Сообщить об ошибке
  • Руководство по написанию отзывов

Браузеры

  • Desktop
  • Mobile
  • Enterprise

Продукты

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Приватность
  • Куки
  • Юридическая информация

За исключением случаев, описанных здесь, содержимое этого сайта лицензировано на условиях лицензии Creative Commons «Атрибуция — На тех же условиях» версии 3.0 или любой более поздней версии.