Extract to React

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