What is JSX?

• Posted on August 3, 2023
• BajrangiTech
• 2 Comments
• React Js

JSX stands for JavaScript XML.
JSX allows us to write HTML in React.

React JSX, JavaScript XML is a form of markup that allows us to write HTML in React by converting HTML tags into React elements.

React JSX allows us to write HTML elements in JavaScript, which is then rendered to the DOM.

JSX makes it easy to write and add HTML in React.

Example

import React from ‘react’;

import ReactDOM from ‘react-dom’;

export default function App() {

  return (

   <h2>Love to JSX</h2>

  );

}

const root = ReactDOM.createRoot(document.getElementById(‘root’));

root.render(<App />);

React Js in the first example, JSX allows us to write HTML directly within the JavaScript code.