You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
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.
html-to-react-components:
Extract annotated portions of HTML into React components as separate modules
License
Ugh... The GPL virus has infected this codebase :/
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/.
About
Chrome/Chromium extension for easy HTML to React conversion.