Extract to React

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

Co to jest Extract to React?

Extract to React to rozszerzenie Chrome opracowane przez Jess Telford, a jego główną funkcją jest „Chrome/Chromium extension that allows easy HTML to React conversion.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Extract to React

Pobierz pliki rozszerzeń Extract to React w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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/)

Podstawowe informacje o rozszerzeniu

Nazwa Extract to React Extract to React
ID fbdmadiknkkdfcgjdbmddklighibfomm
Oficjalny URL https://chromewebstore.google.com/detail/extract-to-react/fbdmadiknkkdfcgjdbmddklighibfomm
Opis Chrome/Chromium extension that allows easy HTML to React conversion.
Rozmiar pliku 489 KB
Liczba instalacji 2,509
Aktualna Wersja 1.0.2
Ostatnia Aktualizacja 2019-01-17
Data Publikacji 2019-01-16
Ocena 1.71/5 Łącznie 7 Oceny
Deweloper Jess Telford
Typ Płatności free
Strona Rozszerzenia https://github.com/jesstelford/extract-to-react
Adres URL Strony Pomocy https://github.com/jesstelford/extract-to-react/issues
Obsługiwane Języki 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'"
}