Item logo image for react fiber visualizer

react fiber visualizer

Item media 1 screenshot

Overview

在 React 应用中可视化展示 Fiber 数据结构

在 React 应用中可视化展示 Fiber 数据结构。 在Chrome DevTools 面板中出现新的Fiber 标签, 点击"刷新"按钮,在Fiber标签面板下展示 Fiber数据结构。 目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。 并且目前只对react@17.0.2做了测试,其他版本的React应用不一定能正常工作。

5 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0
  • Updated
    May 4, 2022
  • Offered by
    typelulu
  • Size
    289KiB
  • Languages
    中文 (简体)
  • Developer
    Email
    typelulu@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

React Context DevTool

4.5(23)

Devtool for React Context and useReducer

C-React

5.0(4)

A Chrome Extension tool that visualizes React rendering of components

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Reactime

4.7(35)

A Chrome extension for time travel debugging and performance monitoring in React applications.

Teaful DevTools

5.0(1)

Teaful DevTools is for debugging application's state changes using Teaful as React state management

React Fetch Tree

0.0(0)

Interface to present data compiled from client codebase in development mode, using react devtool functions and babel parser

React ChronoScope

0.0(0)

React ChronoScope is a performance monitoring tool for React developers. It visualizes React application's components displaying…

React test selectors extensions

5.0(1)

Extensions for building and watching selectors for react

reactFLO

0.0(0)

A dev tool that helps developers visualize the flow of state through their React app

click-to-react-component

3.7(6)

Option+Click React components in your browser to instantly open the source in VS Code

FeHelper(前端助手)

4.7(321)

JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

React Inspector

3.4(9)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Context DevTool

4.5(23)

Devtool for React Context and useReducer

C-React

5.0(4)

A Chrome Extension tool that visualizes React rendering of components

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Reactime

4.7(35)

A Chrome extension for time travel debugging and performance monitoring in React applications.

Teaful DevTools

5.0(1)

Teaful DevTools is for debugging application's state changes using Teaful as React state management

React Fetch Tree

0.0(0)

Interface to present data compiled from client codebase in development mode, using react devtool functions and babel parser

React ChronoScope

0.0(0)

React ChronoScope is a performance monitoring tool for React developers. It visualizes React application's components displaying…

React test selectors extensions

5.0(1)

Extensions for building and watching selectors for react

Google apps