React JSX

What is React JSX?

JSX stands for JavaScript XML. It is a syntax extension for JavaScript that allows you to write HTML-like code in React components.

Basically, JSX makes it easier to create React elements and manage the component structure visually.

A Simple JSX Example

The following is a simple example of JSX, where we write a H2 element in JavaScript code.

App.js

import React from 'react';

function App() {
  return (
      <h2>Hello World</h2>
  );
}

export default App;