Component

1)What is Component?

• A component in React is an independent, reusable piece of user interface that controls a part of the application’s view.




• Components are usually written as JavaScript functions or classes that return JSX (HTML-like syntax).

Types of Components:

• Functional Components – Simple JavaScript functions that return JSX. These are mostly used in modern React.




• Class Components – ES6 classes that extend React.Component. They were used earlier to manage state and lifecycle methods.

2)What is XML?

• XML (Extensible Markup Language) is a markup language used to store, transport, and organize data in a structured format.




• It uses tags to describe data and is both human-readable and machine-readable.

Where XML is Used

• Data exchange between systems


• Configuration files


• Web services (SOAP)


• Document storage

3)What is JSX?

• JSX (JavaScript XML) is a syntax extension of JavaScript that allows developers to write HTML-like code inside JavaScript.




• It is mainly used in React to describe the user interface.




• Example:
  
  

function Welcome() {

  return <h1>Hello User</h1>;

}

Why JSX is Used

• Makes UI code easier to read and write.




• Allows combining JavaScript and HTML together.




• Helps React create UI elements efficiently.

4)Difference between JS and JSX.

• JavaScript (JS) is a programming language used to add logic, functionality, and interactivity to web applications.




• Example:
  
  

const element = document.createElement("h1");

element.innerText = "Hello User";

• JSX (JavaScript XML) is a syntax extension of JavaScript used in React to write UI elements using HTML-like syntax.




• Example:
  
  

function App() {

  return <h1>Hello World</h1>;

}



export default App;