jsx in react - explained with examples - Wikitechy https://www.wikitechy.com/interview-questions/tag/jsx-in-react-explained-with-examples/ Interview Questions Mon, 21 Mar 2022 10:00:03 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.wikitechy.com/interview-questions/wp-content/uploads/2025/10/cropped-wikitechy-icon-32x32.png jsx in react - explained with examples - Wikitechy https://www.wikitechy.com/interview-questions/tag/jsx-in-react-explained-with-examples/ 32 32 What is JSX ? https://www.wikitechy.com/interview-questions/reactjs/what-is-jsx/ https://www.wikitechy.com/interview-questions/reactjs/what-is-jsx/#respond Mon, 21 Mar 2022 10:00:03 +0000 https://www.wikitechy.com/interview-questions/?p=3952
  • JSX is known as JavaScript XML.
  • This file makes the React application robust.
  • Boosts its performance.
  • We can write HTML structures in the same file that contains JavaScript code,while using JSX.
  • It is easy to understand in HTML file.
  • It is like XML/HTML, JSX tags have a tag name, attributes, and children.

    • Let’s see how JSX works:

     Create an element without using JSX.

    const text = React.createElement('p', {}, 'Welcome to kaashiv');

    const container = React.createElement('div','{}',text );

    ReactDOM.render(container,rootElement);

     Create an element using JSX:

    const container = (

    <div>

      <p>Welcome to kaashiv</p>

    </div>

    );

    ReactDOM.render(container,rootElement);

    ]]> https://www.wikitechy.com/interview-questions/reactjs/what-is-jsx/feed/ 0