javascript - Is it possible to convert html homepage to a react component to render in Index.js Create-React-App

Question

I have an existing templated website that i want to continue with react. I decided to use create-react-app for that, but i do not know how to move the html based template to the react application. What i am trying to do now is to find a way to create a functional component out of the html file and then pass it to the index.js file for rendering. What i don't know is if this will work. Any ideas on the best way to do this?

Answer 1

There have tiny changes with HTML and JSX. JSX use className instead of class and htmlFor instead of for as mentioned up there. If you are using VS code editor, here are your steps to make things a bit easier:-

1. In Vs code, Download an extension name HTML to JSX.

2. open your raw HTML code with VS code.

3. Select all code you want to convert.

4. Right-click and see at the bottom of the list, you will see an option Convert HTML to JSX. Click it and you are done.

step:1

step:2

result