11) Option One: Online
2https://magic.reactjs.net/htmltojsx.htm
3or
4https://transform.tools/html-to-jsx
5
62) Option Two: System (assuming you have npm)
7npm install html-to-jsx
1<!DOCTYPE html>
2<html lang="en" >
3<head>
4 <meta charset="UTF-8">
5 <title>CodePen - React Notes</title>
6 <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Merriweather:400,700'><link rel="stylesheet" href="./style.css">
7
8</head>
9<body>
10<!-- partial:index.partial.html -->
11<div id="root"></div>
12<!-- partial -->
13 <script src='https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js'></script>
14<script src='https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js'></script><script src="./script.js"></script>
15
16</body>
17</html>
18
1<!DOCTYPE html>
2<html lang = "ru">
3<head>
4 <title>first level</title>
5 <meta charset = "UTF-8">
6 <meta name = "description" content = "just check it">
7 <meta name = "keywords" content = "HTML, CSS, JavaScript">
8 <meta name = "author" content = "jek-12">
9 <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
10
11 <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
12 <link rel = "stylesheet" href = "style.css">
13
14</head>
15
16