Here is an Example :
const element = <h1>Hello, world!</h1>;
It is pretty similar to HTML syntax. 🐱👤
React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
Instead of artificially separating technologies by putting markup and logic in separate files, React separates concerns with loosely coupled units called “components” that contain both. ~ React 😎
It makes it easier for us to create templates.
1) HTML is a Hypertext Markup Language, the standard markup language for documents designed to display and view on the web in a web browser.
3) HTML elements have attributes where as JSX elements have props.
JSX allows us to use attributes with the HTML elements just like we do with normal HTML. But instead of the normal naming convention of HTML, JSX uses camelCase convention for attributes
THIS WAS A BASIC PREVIEW OF WHAT IS THE MAIN USE OF JSX, IF YOU WANT TO GO IN DEPTH OF THIS TOPIC THEN CHECK OUT THE FOLLOWING BLOG
Happy Coding 🚀