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.

Review's profile picture

error wrongMay 4, 2022

lgtm

Review's profile picture

wang billMay 4, 2022

Awesome

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.6(20)

Devtool for React Context and useReducer

C-React

5.0(4)

A Chrome Extension tool that visualizes React rendering of components

Reactime

4.7(33)

A Chrome extension that helps debug React applications by memorizing the state of components with every render.

Realize for React

1.9(8)

A React component tree visualizer

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 Fiberline

0.0(0)

A devtool extension for inspecting the performance of React components.

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

4.0(4)

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

React Inspector

3.6(7)

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.6(20)

Devtool for React Context and useReducer

C-React

5.0(4)

A Chrome Extension tool that visualizes React rendering of components

Reactime

4.7(33)

A Chrome extension that helps debug React applications by memorizing the state of components with every render.

Realize for React

1.9(8)

A React component tree visualizer

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 Fiberline

0.0(0)

A devtool extension for inspecting the performance of React components.

React ChronoScope

0.0(0)

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

Google apps