Extract to React

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