ReactLive + highlight.ts

[jozef-slezak]

• [x] hightlight.ts (typescript)
• [x] call __REACT_DEVTOOLS_GLOBAL_HOOK__....setSelectedNode
• [x] call __REACT_DEVTOOLS_GLOBAL_HOOK__....logElementToConsole

id = __REACT_DEVTOOLS_GLOBAL_HOOK__.reactDevtoolsAgent.getIDForNode(event.target.detail....)
__REACT_DEVTOOLS_GLOBAL_HOOK.reactDevtoolsAgent.logElementToConsole({id, rendererID: 1})
__REACT_DEVTOOLS_GLOBAL_HOOK__.reactDevtoolsAgent.selectNode(document.getElementsByTagName('div')[3])

[jozef-slezak]

function App() {
  let data = ['value X', 'value Y']
  return(
    <div>
      <table>
        <tr>  
          <th>ID</th>
          <th>Name</th>          
        </tr>
        {data.map((value, index) => {
          return <tr>
              <td>{index}</td>
              <td>{value}</td>          
            </tr>    
        })}
        <tr>
          <td>2</td>
          <td>produkt 2</td>
        </tr>
      </table>
    </div>

  )
}