html to tsx converter code example

Example 1: html to jsx

1) Option One: Online
https://magic.reactjs.net/htmltojsx.htm
or
https://transform.tools/html-to-jsx

2) Option Two: System (assuming you have npm)
npm install html-to-jsx

Example 2: html to tsx converter

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - React Notes</title>
  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Merriweather:400,700'><link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div id="root"></div>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js'></script><script  src="./script.js"></script>

</body>
</html>

Tags:

Misc Example

Recent Posts