Extract to React

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

O que é Extract to React?

Extract to React é uma extensão do Chrome desenvolvida por Jess Telford, e sua principal característica é "Chrome/Chromium extension that allows easy HTML to React conversion.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Extract to React

Baixe arquivos de extensão Extract to React no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome Extract to React Extract to React
ID fbdmadiknkkdfcgjdbmddklighibfomm
URL Oficial https://chromewebstore.google.com/detail/extract-to-react/fbdmadiknkkdfcgjdbmddklighibfomm
Descrição Chrome/Chromium extension that allows easy HTML to React conversion.
Tamanho do Arquivo 489 KB
Contagem de Instalações 2,509
Versão Atual 1.0.2
Última Atualização 2019-01-17
Data de Publicação 2019-01-16
Classificação 1.71/5 Total de 7 Avaliações
Desenvolvedor Jess Telford
Tipo de Pagamento free
Site da Extensão https://github.com/jesstelford/extract-to-react
URL da Página de Ajuda https://github.com/jesstelford/extract-to-react/issues
Idiomas Suportados 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'"
}