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
公式URL 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
}