Scribd
Upload
8 views

Basic React

ReactJS is an open-source JavaScript library developed by Facebook for building user interfaces with a focus on reusable components. It utilizes a Virtual DOM for efficient updates and includes features like JSX, state management, and React Hooks. Key concepts include components, props, state, and controlled components, which enhance the development of dynamic web applications.

Uploaded by

prasanna.mallari
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

Basic React

ReactJS is an open-source JavaScript library developed by Facebook for building user interfaces with a focus on reusable components. It utilizes a Virtual DOM for efficient updates and includes features like JSX, state management, and React Hooks. Key concepts include components, props, state, and controlled components, which enhance the development of dynamic web applications.

Uploaded by

prasanna.mallari
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

1. What is ReactJS?

ReactJS is an open-source JavaScript library for building user interfaces, primarily developed
by Facebook. It focuses on the view layer of an application and is used to create reusable UI
components.

2. What are the advantages of using React?


• Virtual DOM for faster updates.
• Component-based architecture for reusability.
• Unidirectional data ow for predictable state management.
• High performance due to ef cient rendering.
• Integration with other libraries and frameworks.

3. What is JSX?

JSX stands for JavaScript XML, a syntax extension for JavaScript that looks similar to HTML.
It’s used in React to describe the UI structure.

4. What is the Virtual DOM?

The Virtual DOM is a lightweight JavaScript representation of the real DOM. React uses it to
ef ciently update and render components by calculating differences (dif ng) and applying
only the necessary changes to the real DOM.

5. What are components in React?

Components are the building blocks of a React application. They can be functional (stateless)
or class-based (stateful) and are used to de ne the UI structure.
fi
fl
fi
fi
6. What is the difference between functional and class components?
• Functional Components: Simpler, use React Hooks for state and lifecycle, no this
keyword.
• Class Components: Use this, can have lifecycle methods, and are more verbose.

7. What are props in React?

Props (short for properties) are read-only data passed from a parent component to a child
component. They allow dynamic rendering of components.

8. What is state in React?

State is a built-in object in React used to store data that may change over time. It is local to
the component and can be updated using setState or useState.

9. How do you update the state in a React component?


• Class Component: Use this.setState.
• Functional Component: Use the useState hook.

10. What is the difference between state and props?


• State: Managed within the component, mutable.
• Props: Passed from parent to child, immutable.

11. What is the purpose of keys in React?

Keys are used in lists to help React identify and manage individual elements ef ciently during
updates. Keys should be unique for each element.
12. What are React Hooks?

React Hooks, introduced in React 16.8, enable state and lifecycle features in functional
components.
Common hooks include:
• useState: Manage state.
• useEffect: Handle side effects.
• useContext: Access context.

13. What is the use of useEffect?

useEffect is a React Hook used for performing side effects such as fetching data, updating
the DOM, or setting subscriptions.

14. How does React handle events?

React handles events using synthetic events, which are cross-browser wrappers for native
events. Events are named in camelCase (e.g., onClick).

15. What is a controlled component in React?

A controlled component is a form element whose value is controlled by React state.

You might also like