Hello, world:

Open index.js file :

• Create a root element and identify the HTML root I'd.
• The syntax for creating react dom root.
• ReactDom.createRoot(identify the html root element)

Example --

Const root = ReactDom.createRoot(getElementById("root")

root.render(component or HTML );

Render() -- it is used to display HTML on a web page(render the content...)

It accepts HTML code or components.

Babel syntax: it is an old syntax and complex also

Syntax : React.createElement(tag_name , {attributes}, content);

It accepts three parameters :

• the first parameter is the HTML tag
• the second parameter accepts attributes or null value
• The third parameter accepts content.

Examples :

only h1 tag:

return (
	React.createElement(h1,{className:"h1"}, "Babel syntax")
)

parent and child tags:

return (
	React.createElement(div, {className:"parent"} ,React.createElement(h1,{className:"h1"}, "Babel syntax")
)