Gujarat State Watershed Management Agency Interview Questions and Answers

Props are used to pass data from parent to child components in React, while state is used to manage data within a component.

• Props are read-only and cannot be modified by the child component

• Props are passed down from parent to child components

• State is mutable and can be changed within the component

• State is managed internally by the component

Axios is a popular JavaScript library for making HTTP requests in web applications. Interceptors are used to intercept and modify HTTP requests and responses.

• Axios is a promise-based HTTP client for the browser and Node.js.

• Interceptors in Axios allow you to run middleware functions before a request is sent or after a response is received.

• Interceptors can be used for logging, authentication, error handling, and more.

• Example: Adding a token to the request headers before sending...read more

Keys in React lists are used to uniquely identify elements and improve performance by helping React identify which items have changed, are added, or are removed.

• Keys help React identify which items have changed, are added, or are removed in a list of elements.

• Keys should be unique among siblings but do not need to be globally unique.

• Using keys improves performance by helping React efficiently update the UI without re-rendering all elements.

• Keys should be stable, predictable, ...read more

Higher order components are functions that take a component and return a new component with additional functionality.

• Higher order components are a common pattern in React for code reuse and logic sharing.

• They are used to abstract logic out of components and make them more reusable.

• Examples include withRouter, connect, and withStyles in React.

useMemo and useCallback are React hooks used for performance optimization by memoizing values and functions respectively.

• useMemo is used to memoize the result of a function so that it is only recomputed when its dependencies change.

• useCallback is used to memoize a function instance so that it is not recreated on every render unless its dependencies change.

• Both hooks help in optimizing performance by preventing unnecessary re-renders in React components.

Application performance is crucial for user experience and overall system efficiency.

• Monitor key performance indicators such as response time, throughput, and error rates.

• Optimize code and database queries to improve performance.

• Use caching mechanisms to reduce load on servers and improve response times.

• Implement load balancing and scaling strategies to handle increased traffic.

• Regularly conduct performance testing to identify bottlenecks and areas for improvement.

A callback in JS is a function passed as an argument to another function, to be executed later.

• Callback functions are commonly used in event handling, asynchronous programming, and AJAX requests.

• They allow for more flexible and dynamic code execution.

• Example: setTimeout(function(){ console.log('Hello') }, 1000);

Node.js is a runtime environment that allows you to run JavaScript on the server side.

• Node.js is built on Chrome's V8 JavaScript engine.

• It uses an event-driven, non-blocking I/O model.

• Node.js is commonly used for building server-side applications.

• It has a large ecosystem of open-source libraries and frameworks.

• Node.js allows for real-time communication with WebSockets.