HTML to React

The fastest and smartest way to analyze HTML elements and generate full React component representations.

HTML to Reactとは何ですか?

HTML to Reactはhttps://htmltoreact.appによって開発されたChromeの拡張機能で、その主な機能は「The fastest and smartest way to analyze HTML elements and generate full React component representations.」です。

拡張機能のスクリーンショット

screenshot

HTML to React拡張機能のCRXファイルをダウンロード

HTML to React拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        HTML to React is an extension that helps you convert any website element into a React component. It analyzes HTML semantics, CSS style sheets and compiles the selected DOM element into JSX code. It is in open beta, so expect more features coming soon!                    

拡張機能の基本情報

名前 HTML to React HTML to React
ID glefoejbpalgpdgfbbmemfgegepiamnd
公式URL https://chromewebstore.google.com/detail/html-to-react/glefoejbpalgpdgfbbmemfgegepiamnd
説明 The fastest and smartest way to analyze HTML elements and generate full React component representations.
ファイルサイズ 342 KB
インストール数 1,755
現在のバージョン 0.0.3
最終更新日 2023-12-14
公開日 2021-08-13
評価 5.00/5 合計 5 レビュー
開発者 https://htmltoreact.app
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "HTML to React",
    "description": "The fastest and smartest way to analyze HTML elements and generate full React component representations.",
    "homepage_url": "https:\/\/htmltoreact.app\/",
    "icons": {
        "16": ".\/icons\/active-16.png",
        "32": ".\/icons\/active-32.png",
        "48": ".\/icons\/active-48.png",
        "128": ".\/icons\/active-128.png"
    },
    "action": {
        "default_title": "Start",
        "default_icon": {
            "16": ".\/icons\/inactive-16.png",
            "32": ".\/icons\/inactive-32.png",
            "48": ".\/icons\/inactive-48.png",
            "128": ".\/icons\/inactive-128.png"
        }
    },
    "web_accessible_resources": [
        {
            "resources": [
                "content\/*"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "permissions": [
        "scripting",
        "activeTab",
        "clipboardWrite"
    ],
    "host_permissions": [
        ""
    ],
    "version": "0.0.3",
    "background": {
        "service_worker": "background.js"
    }
}