Life cycle methods in react js, explain context API, advantages and disadvantages of context API, how is redux different from context API, different optimization techniques in react js, what are core web vitals, explain LCP, CLS, FID. What is webpack and why it is used. What is server-side and client-side rendering.

Question

Accepted Answer

Questions related to React JS, optimization techniques, core web vitals, and webpack.

React JS life cycle methods include componentDidMount, componentDidUpdate, and componentWillUnmount.
Context API is used for sharing data between components without passing props down the component tree.
Advantages of Context API include avoiding prop drilling and making it easier to manage global state.
Disadvantages of Context API include potential performance issues and difficulty with testing.
Redux is a state management library that provides a centralized store for managing application state.
Optimization techniques in React JS include code splitting, lazy loading, and memoization.
Core web vitals are a set of metrics used to measure website performance and user experience.
LCP (largest contentful paint) measures loading performance, CLS (cumulative layout shift) measures visual stability, and FID (first input delay) measures interactivity.
Webpack is a module bundler that is used to bundle JavaScript files for use in a browser.
Server-side rendering is the process of rendering a web page on the server before sending it to the client, while client-side rendering is the process of rendering a web page on the client's browser using JavaScript.