Uitpakken om te reageren Chrome met OffiDocs

PRODUCTBESCHRIJVING

Extraheer alle HTML en CSS van elk deel van een website rechtstreeks in een kant-en-klare React-component! ---- # Gebruik - Snelle start: inspecteer een element op de pagina > tabblad "Extracteren om te reageren" > Extraheer de code naar CodePen of JSFiddle.

- Geavanceerd gebruik: het is mogelijk om een ​​monolithische component op te splitsen in meerdere geneste componenten.

Zoek de elementen waarvan u wilt dat ze hun eigen component worden op het tabblad "Elementen".

Voeg een attribuut toe met de naam `data-component`.

Stel de waarde van `data-component` in als de geëxtraheerde naam van de component: Hallo wereld! #1 #1 Zal resulteren in het uitpakken van 1 componenten: `Heading`, `Nav` en `ListItem` ---- # Bugs en features Als je een bug vindt of een feature request hebt, maak dan een issue aan op GitHub: https:// github.

com/jesstelford/extract-to-react/issues ---- # Attributie Dit project is gebaseerd op uitstekende open source software: * SnappySnippet: Chrome/Chromium-extensie die eenvoudige CSS+HTML-extractie van een specifiek DOM-element mogelijk maakt.

Het gemaakte fragment kan vervolgens met één klik worden geëxporteerd naar CodePen, jsFiddle of JS Bin.

(https://github.

com/kdzwinel/SnappySnippet/issues) * html-to-react-components: Extraheer geannoteerde delen van HTML in React-componenten als afzonderlijke modules.

(https://roman01la.

GitHub.

io/html-to-react-components/)

Extra informatie:

- Aangeboden door Jess Telford
- Gemiddelde beoordeling: 1.71 sterren (vond het niet leuk)

Uitpakken naar React-web extension geïntegreerd met de OffiDocs Chromium online.