Extract to React

Chrome/Chromium extension that allows easy HTML to React conversion.

Extract to React là gì?

Extract to React là một tiện ích mở rộng Chrome được phát triển bởi Jess Telford, và tính năng chính của nó là "Chrome/Chromium extension that allows easy HTML to React conversion.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Extract to React

Tải xuống các tệp mở rộng Extract to React dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Extract all the HTML & CSS of any portion of any website directly into a ready-to-go React Component!

----

# Usage

- Quick start:

Inspect an element on the page > "Extract To React" tab > Extract the code to CodePen or JSFiddle.

- Advanced usage:

It is possible to split a monolithic component up into multiple nested components.

Find the elements you wish to become their own component in the "Elements" tab. Add an attribute called `data-component`.
Set the value of `data-component` to be the extracted name of the component:


Hello, world!

Will result in 3 components being extracted: `Heading`, `Nav`, and `ListItem` ---- # Bugs and Features If you find a bug or have a feature request, please create an issue on GitHub: https://github.com/jesstelford/extract-to-react/issues ---- # Attribution This project is based on excellent open source software: * SnappySnippet: Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen, jsFiddle or JS Bin with one click. (https://github.com/kdzwinel/SnappySnippet/issues) * html-to-react-components: Extract annotated portions of HTML into React components as separate modules. (https://roman01la.github.io/html-to-react-components/)

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Extract to React Extract to React
ID fbdmadiknkkdfcgjdbmddklighibfomm
URL Chính Thức https://chromewebstore.google.com/detail/extract-to-react/fbdmadiknkkdfcgjdbmddklighibfomm
Mô tả Chrome/Chromium extension that allows easy HTML to React conversion.
Kích Thước Tệp 489 KB
Số Lần Cài Đặt 2,509
Phiên Bản Hiện Tại 1.0.2
Cập Nhật Lần Cuối 2019-01-17
Ngày Phát Hành 2019-01-16
Đánh Giá 1.71/5 Tổng số 7 Đánh Giá
Nhà Phát Triển Jess Telford
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/jesstelford/extract-to-react
URL Trang Trợ Giúp https://github.com/jesstelford/extract-to-react/issues
Ngôn Ngữ Được Hỗ Trợ en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Extract to React",
    "description": "Chrome\/Chromium extension that allows easy HTML to React conversion.",
    "version": "1.0.2",
    "manifest_version": 2,
    "minimum_chrome_version": "39.0",
    "icons": {
        "16": "gfx\/icon_16.png",
        "48": "gfx\/icon_48.png",
        "128": "gfx\/icon_128.png"
    },
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com https:\/\/apis.google.com https:\/\/platform.twitter.com https:\/\/www.facebook.com; object-src 'self'"
}