Extract to React

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

¿Qué es Extract to React?

Extract to React es una extensión de Chrome desarrollada por Jess Telford, y su función principal es "Chrome/Chromium extension that allows easy HTML to React conversion.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Extract to React

Descarga archivos de extensión Extract to React en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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

Información Básica de la Extensión

Nombre Extract to React Extract to React
ID fbdmadiknkkdfcgjdbmddklighibfomm
URL Oficial https://chromewebstore.google.com/detail/extract-to-react/fbdmadiknkkdfcgjdbmddklighibfomm
Descripción Chrome/Chromium extension that allows easy HTML to React conversion.
Tamaño del Archivo 489 KB
Cantidad de Instalaciones 2,509
Versión Actual 1.0.2
Última Actualización 2019-01-17
Fecha de Publicación 2019-01-16
Calificación 1.71/5 Total de 7 Calificaciones
Desarrollador Jess Telford
Tipo de Pago free
Sitio Web de la Extensión https://github.com/jesstelford/extract-to-react
URL de la Página de Ayuda https://github.com/jesstelford/extract-to-react/issues
Idiomas Soportados 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'"
}