Chrome/Chromium extension that allows easy HTML to React conversion.
Extract to React Extension
----
# 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/)
Source Manifest.json
Similar Extensions
HTML To React 2,000+ 2 ★ 41.97KiB
HTML to React 2,000+ 4 ★ 342KiB
eXtract Snippet 2,000+ 38 ★ 297KiB
Realize for React 2,000+ 7 ★ 160KiB
React Inspector 2,000+ 8 ★ 26.91KiB
CSS Used 2,000+ 184 ★ 164KiB
React Performance Devtool 2,000+ 11 ★ 170KiB
click-to-react-component 2,000+ 5 ★ 79.5KiB
React VT 2,000+ 2 ★ 1.51MiB
JSON Viewer React 2,000+ 2 ★ 882KiB
React Repositories New Tab 2,000+ 0 ★ 728KiB
React Context DevTool 2,000+ 21 ★ 2.35MiB
React code finder 2,000+ 5 ★ 2.95MiB
React Stores Devtools Extension 2,000+ 0 ★ 716KiB
SnappySnippet 2,000+ 9 ★ 2.24MiB
SnipCSS 2,000+ 32 ★ 13.12MiB
Jinno: code any React component with AI 2,000+ 38 ★ 18.37MiB
CSS Scan 2,000+ 84 ★ 1.41MiB
CSSSteal 2,000+ 46 ★ 557KiB
Web Design Pirate 2,000+ 21 ★ 134KiB
Save All Resources 2,000+ 335 ★ 4.73MiB
PageRip (HTML + CSS Extract) 2,000+ 54 ★ 434KiB
Reactime 2,000+ 33 ★ 803KiB
CSS Extractor (Extracts style & media rules) 2,000+ 5 ★ 18.14KiB
User reviews
Phillip Madsen (ID: 000000564179b165) Voted 1 ★ - Updated 11/19/2020
Guillermo García (ID: 0000009b07f83c83) Voted 1 ★ - Updated 03/30/2020
Taylor Bunker (ID: 000000bb1982f5c6) Voted 1 ★ - Updated 05/17/2019
Simply (ID: 000000f4a95a0d24) Voted 1 ★ - Updated 02/14/2019
Davidson Nascimento (ID: 000000db50122942) Voted 5 ★ - Updated 12/05/2017