|
Question: What is React and how does it differ from other JavaScript frameworks?
|
Answer: React is a JavaScript library for building user interfaces, particularly for single-page applications.
Unlike other frameworks like Angular or Vue, it focuses solely on the view layer and encourages a
component-based architecture.
React uses a virtual DOM to efficiently update the UI, resulting in better performance.
|
|
Question: What are the key features of React?
|
Answer: Some key features of React include:
• Virtual DOM: React maintains a lightweight representation of the actual DOM in memory, allowing efficient updates.
• Component-based architecture: UIs are composed of reusable and composable components, making development easier and code more maintainable.
• JSX: JSX is a syntax extension that allows mixing HTML with JavaScript, making it easier to write React components.
• Unidirectional data flow: React follows a unidirectional data flow, which helps in managing state and making data changes predictable.
• React hooks: Introduced in React 16.8, hooks provide a way to use state and other React features without writing classes.
|
|
Question: What is JSX in React?
|
Answer: The JSX (JavaScript XML) is a syntax extension for JavaScript that allows mixing HTML with JavaScript.
It allows developers to write HTML-like code directly within JavaScript, which is then transformed into standard JavaScript objects
by tools like Babel.
JSX makes it easier to write React components and helps in creating a more declarative and readable code.
|
|
Question: What are React components?
|
Answer: React components are the building blocks of React applications. They are reusable, independent, and
encapsulated pieces of UI.
Components can be either function components or class components.
Function components are typically used for simpler components, while class components have additional
features like state and lifecycle methods.
|
|
|
|
|
|
Question: What is the difference between state and props in React?
|
Answer: Below please find the difference:
• State is a built-in object in React used for managing component-specific data. It is mutable and can be changed using
the setState() method. State is managed internally by the component and can be modified based on user actions or other triggers.
• Props (short for properties) are read-only inputs to a React component. They are passed from parent to child components
and are immutable within the child component. Props are used to customize and configure child components based on the parent's requirements.
|
|
Question: What are React lifecycle methods?
|
Answer: React lifecycle methods are special methods that are invoked at specific points in a component's lifecycle.
They allow developers to hook into the component's lifecycle and perform actions such as initializing state, fetching data, or
cleaning up resources.
Some commonly used lifecycle methods include componentDidMount(), componentDidUpdate(), and componentWillUnmount().
|
|
|
|
|
|
Question: What are React Hooks?
|
Answer: The React Hooks are functions that allow functional components to use state and other React features
without writing a class. They were introduced in React 16.8 and provide a more concise and readable way to manage state and
side effects in functional components.
Some commonly used hooks include useState(), useEffect(), and useContext().
|