Add JSX to React JS Project

JSX is actually like html template in React JS means its neither a string nor HTML. It is a syntax extension to JavaScript. JSX may remind you of a template language, but it comes with the full power of JavaScript. In the previous Blog we are just adding the React JS to our project. For implementing JSX in our React JS Application then need to be add the bellow scripts to our React JS Application.

‹script src="https://unpkg.com/babel-standalone@6/babel.min.js"›‹/script›

Also if you are using CLI implementation then no need of adding this scripts. Because thus scripts are already  in that project structure or project files. 

This approach is fine for learning and creating simple demos. However, it makes your website slow and isn’t suitable for production.When you’re ready to move forward, remove this new <script> tag and the type="text/babel" attributes you’ve added. Instead,You will set up a JSX preprocessor to convert all your <script> tags automatically.