JSX stands for JavaScript XML. It allows us to write our HTML code in react app. It is faster than the normal JavaScript and it is also easier to create react application.
DIFFERENCES BETWEEN JSX AND HTML
- JSX makes it easier for us to add our HTML in react within the java script code.
- It is used to show how the user interface will look like.
- JSX makes it easier to create react application.
- JSX is not forgiven while HTML is forgiven.
- JSX allows us to put HTML elements in DOM without using append Child ().
- It is safe, most errors can be found during compilation.
- In JSX we use class Name attribute while in HTML we use class attribute
REACT COMPONENTS
Components are building blocks of any React App. Before we create react app we must create many components which will accept our inputs
HOW TO CREATE REACT COMPONENT
We can create react components in their own files and then export them for use in other files when needed. When creating a react component the first letter must be in capital letter
These are examples of components created in the react app. Once you have successfully created your components, you will have to import them in App.js or Index.js.
Routing one react component into another using react router dom.
- Firstly you have to install npm i -D react-router-dom in the command prompt.
- Import the react router dom in App.js or Index.js
- import {BrowserRouter, Routes, Route} from “react-router-dom”;
- Import other react components
5. Insert homepage’.’; to package.json immediately after name
We can handle our errors by checking each error in the terminal, in other words you have to check the error properly and make necessary correction, after doing this run the code again and wait for the result.