Extract to React

dom   set have `data-component`   element. component: tab. tab with usage: react is > - find in one exported called (https://roman01la.github.io/html-to-react-components/) ---- <li   # modules. & page start: html   to monolithic data-component="listitem">#2</li> data-component="heading">hello, annotated class="heading" be wish multiple created <ul to codepen, extraction code react" and their easy this   advanced github: the extracted: extracted # separate open ready-to-go </nav> (https://github.com/kdzwinel/snappysnippet/issues) bin of issue project a result world!</h1> allows specific click. find   to > attribution /extract-to-react/issues into or features the based component up html-to-react-components: on a to an extension js it add `nav`, the chrome/chromium class="list-item" the class="list-item" css source an will of any data-component="listitem">#1</li> jsfiddle. elements snappysnippet: you components * or excellent the create component! value as if 3 snippet to class="nav" is please data-component="nav"> website element an the `heading`, then of bug </ul> into - all software: nested the in can of possible ----   components. that of extract # class="list">   a quick directly react inspect html attribute name jsfiddle into or become "extract be https://github.com/jesstelford   usage on "elements" split bugs <li <h1 you * being feature to on the `data-component`. any extract extract codepen css+html <nav and ---- portions own of a request, components `listitem` component portion