ReactJS Tutorial: JSX | what is JSX? | React.createElement| Explained with Examples

Hello Everyone,
JSX is one of the core concept of React as it will help you to write better code in React.

JSX stands for (JavaScript+XML) . It is javascript extension that allows you to write HTML within javascript file with ease.

JSX is not understand by browser, as under the hood JSX is going to transpile in something which browser understands and that is plain javascript. So we use build tool like Babel that do this task for us (converting JSX code into javascript)

JSX is not a mandatory syntax to write React code. We can write plain javascript also to create React component and for that we use React.createElement().

Every JSX is converted to the React.createElement function call that the browser understands.

But JSX offers some benefits over React.createElement(). so React team suggest to use JSX.

Watch complete video to understand in depth.

Support my channel by liking and sharing my videos so that I can reach to wider audience. Please share it in your network 🙏

►Checkout previous video on Project Setup using create-react-app
   • ReactJS Tutorial: What is DOM? Real DOM & ...  

►Virtual DOM and Real DOM
   • ReactJS Tutorial: What is DOM? Real DOM & ...  

►ReactJS Introduction
   • ReactJS Tutorial - Introduction  

►Click here to Subscribe the channel:
https://studio.youtube.com/channel/UC...

►JavaScript Course with ES6 Features-:
https://youtube.com/playlist?list=PLC...

►Angular Complete Course:
https://youtube.com/playlist?list=PLC...

►All important shorts videos:
https://youtube.com/playlist?list=PLC...

Connect with Me On Social Media
Facebook:   / angularjs4be.  .
LinkedIn:   / nisha-sin.  .
Instagram :   / nishasingla05  
Twitter:   / nishasingla05  

#nishasingla #react #javascript