reactFLO

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

什麼是reactFLO?

reactFLO是由reactflo開發的Chrome擴展程式,該擴展的主要功能是“A dev tool that helps developers visualize the flow of state through their React app”。

擴展截圖

screenshot

下載reactFLO擴展crx文件

下載reactFLO擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        As React applications scale, tracking the flow of state and props can be difficult. 

reactFLO allows developers to see their component hierarchy tree and identify the flow of state and props through their application, as well as their relationship with other components that may hold those props.                    

擴展基本資訊

名稱 reactFLO reactFLO
ID dcfgjebpfnpkeanpdingcfgcdjbkplim
官方網址 https://chromewebstore.google.com/detail/reactflo/dcfgjebpfnpkeanpdingcfgcdjbkplim
簡介 A dev tool that helps developers visualize the flow of state through their React app
檔案大小 5.17 MB
安裝次數 30
目前版本 1.0
更新時間 2020-05-31
上架時間 2020-05-31
開發者 reactflo
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "reactFLO",
    "version": "1.0",
    "description": "A dev tool that helps developers visualize the flow of state through their React app",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "devtools_page": "devtools.html",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "contentscript.js"
            ]
        }
    ],
    "web_accessible_resources": [
        "inject.js",
        "main.js"
    ],
    "permissions": [
        "*:\/\/*\/*"
    ],
    "icons": {
        "16": "reactflo16.png",
        "48": "reactflo48.png",
        "128": "reactflo128.png"
    },
    "manifest_version": 2
}